@charset "utf-8";
/* CSS Document */
body,html{ overflow-x:hidden; margin: 0;}

/* scrollbar css */
/* width */
::-webkit-scrollbar {width: 5px;}
/* Track */
::-webkit-scrollbar-track {background: #d7d7d7;border-radius: 6px;}
/* Handle */
::-webkit-scrollbar-thumb { background: #888; border-radius: 6px;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover { background:#003f8d;}


img { border:none ;max-width:100%;     text-align-last: center;    vertical-align: middle; display: inline-block;}
#map span{ overflow: inherit;  }
#map img{ max-width: none; }
a { color:#025;text-decoration:none;
    transition: .4s;     line-height: 1.5;}
a:hover { color:#e30001!important ;     text-decoration: underline;}
ul { list-style:none; padding: 0;}
li{ list-style-type :none;}
span{transition: .4s; }
.clearfix  {clear:both;}
.w1600 { max-width:1600px; margin: 0 auto; width:95%;}
.w1400 { max-width:1400px; margin: 0 auto; width:95%;}
.span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block;}
.p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.fl-left, .fl{ float:left;}
.fl-right, .fr{ float:right;}
.left{
	float: left;
}
.right{
	float: right;
}
input{ outline: none;}
address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

table 
{
    border-collapse:collapse; border: #eee!important;
}
tr{    border: 1px solid #ddd!important;}
td{    border: 1px solid #ddd!important; text-align: center;}
h1,h2,h3,h4,h5,h6,h7,h8{ font-weight: normal; font-size: 14px;}
hr{ border: 0; }
html{font-family:"微软雅黑" !important; font-size: 14px;}
*{word-break:unset !important;} 
.sideBar img {
transition: all 1s ease;
transform: perspective(800px) rotateY(0deg);
-webkit-transform:perspective(800px) rotateY(0deg);
-moz-transform:perspective(800px) rotateY(0deg);
}

@charset "utf-8";
/* CSS Document */

a:hover {
    text-decoration: none;
}
.popover,.tooltip,address{font-style:normal}
.btn-link,.btn:hover,a,a:not([href]),a:not([href]):hover{text-decoration:none}
dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul{margin:0}
img,svg{vertical-align:middle}
body,caption{text-align:left}
dd,h1,h2,h3,h4,h5,h6,label{margin-bottom:.5rem}
.popover,.tooltip,button,select{text-transform:none}
pre,textarea{overflow:auto}
article,aside,figcaption,figure,footer,header,hgroup,legend,main,nav,section{display:block}
.popover,.tooltip,legend{white-space:normal}
progress,sub,sup{vertical-align:baseline}
label,output{display:inline-block}
.btn:not(:disabled):not(.disabled),.carousel-indicators li,[role=button],[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled),summary{cursor:pointer}
button,hr,input{overflow:visible}


.header{ position: fixed; top: 0; z-index: 999; width: 100%;}
.head_top{      display: flex;    flex-wrap: wrap;    flex-direction: row;    width: 100%;    display-radio: flex;    background-color: #333; height: 40px; line-height: 40px;  }
.head_top .w{      display: flex;    flex-wrap: wrap;    flex-direction: row;      display-radio: flex;     margin-left: auto;    margin-right: auto;    justify-content: space-around; }
.header .p_item11{flex: 1;    max-width: 100%;    max-height: 100%;}
.header .p_item11 p{ color: #fff; font-size: 15px; }
.header .p_item11 .p0{background-image: url(../img/t5.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 38px;}

.header .p_item1{    display: flex;
    flex-wrap: wrap;
    flex-direction: row;    justify-content: flex-end;
    width: 100%;
    display-radio: flex;
    max-width: 100%;
    margin-right: 0;
    margin-left: auto;}
.header .p_item1 p{    max-width: 455px;     flex: 0 0 30%;}
.header .p_item11 .p1{background-image: url(../img/t6.png);  
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 38px;}
.header .p_item11 .p2{background-image: url(../img/t7.png);    
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 38px;}


.head{ background: #fff;    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;     box-shadow: 0 0 20px rgba(0,0,0,.2)!important;}

.head .w{
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    display-radio: flex;
    margin-left: auto;
    margin-right: auto;
    height: 100px;
}
.div2 .head_top{  display: none;  }




.head .logo{    flex: 0 0 28%;    align-self: center;     display: flex;    justify-content: space-around;     align-items: center;}

.head .logo a{ position: relative;  transition: all .5s;    -webkit-transition: all .5s;}
.head .logo a:nth-child(1){ align-self: center; flex: 42%; border-right: 1px solid #dcdcdc; }
.head .logo a:nth-child(2){  max-width: 100%;    max-height: 100%; margin-left: auto;      flex: 34%;    display: flex;    padding: 0 0 0 20px; }
.head .logo a:nth-child(2){  font-size: 18px; color: #707070; line-height: 30px; }
.head .logo a:nth-child(2):hover{ color: #e30001;  }


.head .ss{     flex: 0 0 5%;    align-self: center;text-align: center;  }


.p_navContent {    align-self: center; flex: 1;    max-width: 100%;    max-height: 100%;     }

.p_navContent .p_level1Box{display: flex;    justify-content: flex-end;     align-self: center; width: 100%;}
.p_navContent li{ position: relative;  }
.p_navContent li > a{color: #333;    font-weight: 400;     padding: 0 30px;    font-size: 17px !important;    line-height: 80px;    display: block;    text-align: center;}



.p_navContent li ul.p_level2Box{
	display: none;                                                                                                                                                                                                                            
    padding: 15px 0;
    background: #fff;
    width: 200%;
    position: absolute;
    left: 80%;
    top: 100%;
    z-index: 99; transition: all .5s;
    transform: translateX(-50%);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;left: 50% !important; }
.p_navContent li ul.p_level2Box.active{ display: block;  }
.p_navContent li ul.p_level2Box a{ font-size: 15px;  line-height:42px;  } 
.p_navContent li ul.p_level2Box a:hover{ color: #e30001;  }
.p_navContent li > a.on{ color: #e30001;  }

.m_head{ display: none; }
.m_nav_list{ display: none; }
@media screen and (max-width:1500px){

    .header .p_item1 p {     max-width: auto; flex: 0 0 calc(50% - 40px);}
    .head .logo a:nth-child(1){ align-self: center; flex: 42% ;border-right: none; padding: 0 15px 0 0 }
    .head .logo a:nth-child(2){ display: none; }
    .head .logo {    flex: 0 0 15%;}
    .head .logo a.a1::before{ display: none; }
    .p_navContent li > a{  font-size: 15px; }
    .p_navContent .p_level1Box{justify-content: space-evenly;}
}
@media screen and (max-width:1070px){

    .header{ display: none; }

    .m_head{ width: 100%; position: fixed;  top: 0; left: 0; right: 0; z-index: 8; background: #fff; display: block;}
    .m_head .w{display: flex;    flex-wrap: wrap;    flex-direction: row;    margin-left: auto;    margin-right: auto;    height: 65px;     justify-content: space-between;}
    .m_head .logo{    flex: 0 0 55%;    align-self: center;     display: flex;    justify-content: space-around;     align-items: center;}

.m_head .logo a{ position: relative;  transition: all .5s;    -webkit-transition: all .5s;}
.m_head .logo a:nth-child(1){ align-self: center; flex: 42% ;border-right: 1px solid #dcdcdc; padding: 0 15px 0 0 }
.m_head .logo a:nth-child(2){  max-width: 100%;    max-height: 100%; margin-left: auto;      flex: 34%;    display: flex;    padding: 0 0 0 20px; }
.m_head .logo a:nth-child(2){  font-size: 12px; color: #707070; line-height: 20px; }
.m_head .logo a:nth-child(2):hover{ color: #e30001;  }
.m_head .ss {
      flex: 0 0 10%;
      padding: 15px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      transition: 0.3s;
    }
    .menu-button {
      position: absolute;
      top: 0px;
      right: 0px;
      padding:20px 15px;
      cursor: pointer;
      -webkit-transition: 0.3s;
      transition: 0.3s;
      background-color: #e30001;
    }

    .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: 30px;
      height: 5px;

      margin: 5px auto;
      background-color: #fff;

      border-radius: 10px;

      -webkit-transition: 0.3s;
      transition: 0.3s;
    }

    .cross .bar:nth-of-type(1) {
      -webkit-transform: translateY(15px) rotate(-45deg);
      -ms-transform: translateY(15px) rotate(-45deg);
      transform: translateY(15px) rotate(-45deg);
      top: -5px;
    }

    .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);
      top: 5px;
    }
    .m_nav_list{  transition: all .5s;position: fixed; left: 100%; top: 0; width: 100%; height: 100%; z-index: 99; background: #fff; padding: 65px 0 0;  }
    .m_nav_list a{ display: block; width: 90%; line-height: 3; margin: 0 auto; text-align: center; font-size: 16px; border-bottom: 1px dashed #ccc;  }
    .m_nav_list.on{ left: 0;  display: block;}

}


 .banner{ margin: 140px 0 0;     display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;}

.banner_t{ position: absolute;  }
.banner_t h1{    color: #fff;    font-size: 44px;    font-weight: 700;    line-height: 1.5;    text-align: center;}
.banner_t p{    font-size: 18px;    text-align: center;    color: #fff;    line-height: 2;}
.banner_t hr{   background: #dc2226;    width: 40px;    height: 4px;}
 .banner .swiper {
      width: 100%;
      height: 100%;
    }

 .banner .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

 .banner .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

 .banner .swiper-pagination-bullet{  background: #fff!important; width: 15px; height: 15px; opacity: 1; }
 .banner .swiper-pagination-bullet-active{ background: #e30001!important; }

 .swiper-button-next, .swiper-button-prev{ color: #fff!important; background: #e30001; border-radius: 50px; width: 50px; height: 50px;  }
 .swiper-button-next:after, .swiper-button-prev:after {font-size: 24px; }

@media screen and (max-width:1070px){

     .banner{ margin: 65px 0 0; }
     .swiper-button-next, .swiper-button-prev {
    color: #fff !important;
    background: #e30001;
    border-radius: 50px;
    width: 20px;
    height: 20px;
    display: none;
}
.banner .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    opacity: 1;
}
.banner_t h1{ font-size: 16px;  }
.banner_t p{ font-size: 12px;  }
}


 .m_t{margin-bottom: 75px;}
 .m_title{line-height: 1.5;    font-size: 30px;    text-align: center;    font-weight: 700;    color: #363636;}
 .m_line{    border-top-style: solid;
    border-top-width: 3px;
    border-top-color: #e30001;
    max-width: 35px;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 10px;
    margin-bottom: 10px;}
 .m_h{    font-size: 18px;    color: #363636;    text-align: center;}   

 .m1{     min-height: 300px;    padding-top: 110px;    padding-bottom: 120px;  }
 
 .m1 ul{display: flex;    flex-wrap: wrap;    flex-direction: row;    margin-left: auto;    margin-right: auto;     justify-content: space-around;}
 .m1 ul li{ width: 18%; background: url(../img/t9.png) #eceef1 no-repeat right bottom; padding: 50px 30px 80px; border-radius: 10px; transition: all .5s ease !important;}
 .m1 ul li .ico{overflow: hidden;     margin-left: auto;    margin-right: auto;    height: auto;    max-width: 80px;    margin-bottom: 30px;}
 .m1 ul li .ico img{ margin: 0 auto;     display: table; }
 .m1 ul li:hover img {
    transition: all 1s ease;
    transform: perspective(800px) rotateY(360deg);
    -webkit-transform: perspective(800px) rotateY(360deg);
    -moz-transform: perspective(800px) rotateY(360deg);
}
 .m1 ul li:hover {
    transform: translateY(-10px) !important;
}

 .m1 ul li span{   display: block; line-height: normal;    font-weight: 700;    color: #0c0c0c;    text-align: center;    font-size: 20px; text-align: center;}
 .m1 ul li hr{    border-top-style: solid;    border-top-width: 3px;    border-top-color: #e30001;    max-width: 20px;    padding-bottom: 0;    padding-top: 0;    margin-top: 10px;    margin-bottom: 10px;}
 .m1 ul li p{    line-height: 30px;    color: #707070;    text-align: center; font-size:16px; }

@media screen and (max-width:1070px){

     .m1{ padding: 50px 0; }
     .m_title{ font-size: 24px; }
     .m_h{ font-size: 14px; }
     .m_t{ margin: 0 0 30px;  }
     .m1 ul {    padding: 0;}
     .m1 ul li{ flex: 0 0 calc(50% - 40px); margin-bottom: 10px;padding: 25px 15px 40px; }
     .m1 ul li span{ font-size: 16px; }
     .m1 ul li p{ font-size: 12px;  line-height: 24px;}
     .m1 ul li .ico{ margin: 0 auto 15px; }
}



.m2{min-height: 300px;
    background-image: url(../img/b1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;}
 .m2 .w{  flex-wrap: wrap;    flex-direction: row;display: flex;  }
 .m2_l{   
        align-self: center;
         flex: 1;
    max-width: 100%;
    max-height: 100%;
 }
 .m2_l h1{font-size: 50px;    color: #fff;}
 .m2_l span{    line-height: normal;    font-weight: 700;    color: #fff;    font-size: 38px;}
 .m2_l hr{  height: 3px; background:#e30001; border: 0;
    max-width: 75px;
    padding-bottom: 0;
    padding-top: 0;
    margin-top: 25px;
    margin-bottom: 10px;
    margin-left: 0;}
 .m2_l p{    line-height: 30px;
    font_radio: 2;
    display-radio: 1;
    font-size: 16px;
    color: #fff;
    margin-top: 45px;
    margin-bottom: 45px;}
  .m2_l a{ border: 2px solid #fff; border-radius: 20px; display: block; position: relative; overflow: hidden; text-align: center; width: 140px; padding:8px; font-size: 15px; color: #Fff;  }
    .m2_l a:hover{ border: 2px solid #e30001; background: #e30001; color: #fff!important;  }
	.m2 .m2_w{display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    display-radio: flex;
    max-width: 730px;
    margin-right: 10%;
    margin-left: auto;}
.m2 .ww{    flex: 1;
    max-width: 100%;
    max-height: 100%;}

.m2_r{    flex: 1;    max-width: 100%;    max-height: 100%;     overflow: hidden;}
.m2_r img{ width: 100%; }
.m2_r:hover img {
    transform: scale(1.1);
}


@media screen and (max-width:1070px){
    .m2 .w {    flex-wrap: wrap;    flex-direction: column;    display: flex;}
    .m2_l{   padding: 30px 25px;}
    .m2_l h1 {    font-size: 36px;    color: #fff;}
    .m2_l span {    line-height: normal;    font-weight: 700;    color: #fff;    font-size: 24px;}
    .m2_l p{ line-height: 24px; margin: 20px 0; font-size: 12px; }
    .m2_l a{font-size: 12px}
    .m2 .m2_w{ margin: 0; }
}




 .m3{    padding-top: 100px;    padding-bottom: 100px;  }
 .m3 .w1600 > a{ border: 2px solid #e30001; border-radius: 20px; display: block; position: relative; overflow: hidden; text-align: center; width: 120px; padding:8px; font-size: 15px; color: #e30001;  margin: 70px auto 0; }
 .m3 .w1600 > a:hover{ border: 2px solid #e30001; background: #e30001; color: #fff!important;  }

 .m3 ul{  display: flex; flex-direction: row;    flex-wrap: wrap;    justify-content: space-between; }
 .m3 ul li { width: calc((100% - 180px)/5); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .m3 ul li:nth-child(5n){ margin:0 0px 20px 0 ;  }
 .m3 ul li img{ z-index: 2; position: relative; }    
 .m3 ul li span{ display: block; width: 100%; text-align: center;line-height: 24px;  margin:15px auto 5px; font-size: 16px;  } 
 .m3 ul li::after{ content: ""; position: absolute; right: 0; top: 0; width: 30%; height: 30%; background: #e30001; z-index: 1}
 .m3 ul li:hover::after{ width: 100%; height: 100%;  transition: all .5s; }
 .m3 ul li:hover span{ color: #Fff; z-index: 2; position: relative; }


@media screen and (max-width:1070px){
    .m3{ padding: 30px 0; }
    .m3 ul{ padding: 0; }
     .m3 ul li:nth-child(2n){ margin:0 0px 20px 0 ;  }
     .m3 ul li:nth-child(n+7){ display: none; }
      .m3 ul li { width: calc((100% - 60px)/2); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
      .m3 ul li span{ font-size: 12px; }
      .m3 .w1600 > a{  font-size: 12px;margin: 30px auto 0; }
  }


.m4{ display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.m4 a{position: relative; overflow: hidden; display: flex;}
.m4 a:nth-child(1),.m4 a:nth-child(2){ width: calc(50% - 5px); margin-bottom: 10px; }
.m4 a:nth-child(3),.m4 a:nth-child(4),.m4 a:nth-child(5){ width: calc(33.3333% - 5px);  }
.m4 a h2{    font-size: 40px;    text-align: center;    color: #fff; margin: 0;}
.m4 a span{width: 100%; line-height: normal;    font-size: 30px;    font-weight: 700;    text-align: center;    color: #fff; display: table; text-align:center; }
.m4 a hr{        background: #fff;   height: 2px;    max-width: 40px; width: 20%}
.m4 a p{     line-height: normal;    font-size: 24px;    text-align: center;    color: #fff; }

.m4 a .mb{position: absolute; top: 0; left: 0; right: 0; z-index: 8;  opacity: 0;       display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    overflow: hidden;
    align-content: center;
    justify-content: center;
    align-items: center;
    align-self: center; flex: 1;    max-width: 100%;    max-height: 100%;  height: 100%;}
.m4 a .text{margin-top: 30px;}
.m4 a:hover .text{margin-top: 0px; transition: all .5s;}
.m4 a::after{ content: "";  height: 100%; width: 100%; opacity: 0; background-color: #e30001;position: absolute; top: 0; left: 0; right: 0; z-index: 7; }
.m4 a:hover .mb{ top: 0;   transition: all .5s; opacity: 1; transform: translateY(0%); }
.m4 a:hover img{ transform: scale(1.1); transition: all .5s;}
.m4 a:hover{ color: #fff;  }
.m4 a:hover::after{opacity: .4;}

@media screen and (max-width:1070px){
.m4 a:nth-child(3), .m4 a:nth-child(4), .m4 a:nth-child(5) { width: calc(33% - 5px); }
}




.m5{ padding:50px 0; }
.m5 .w{ display: flex;  }
.m5_l{ flex: 0 0 30%; }
.m5_lt h3{    line-height: 1.5;    color: #363636;    font-size: 30px;    font-weight: 700;}
.m5_lt hr{    background: #e30001;    max-width: 35px;    height: 3px;    padding-bottom: 0;    padding-top: 0;    margin-top: 10px;    margin-bottom: 10px;    margin-left: 0;}
.m5_lt span{font-size: 30px; display: block;}
.m5_lp{ margin-top: 30px;}
.m5_lp p{line-height: 1.5;    color: #a1a1a1;    font-size: 16px;    font-weight: 400;    padding-top: 0;   }
.m5_lp p:nth-child(2){line-height: 2;    color: #a1a1a1;    font-size: 12px;    font-family: Arial;    font-weight: 400;}

.m5_la{display: flex;    flex-wrap: wrap;    flex-direction: row;    width: 100%;    max-width: 286px;    margin-top: 9%;     justify-content: space-between;}
.m5_la a{       flex: 0 0 48%;    align-self: center;    max-width: 100%;    max-height: 100%;}
.m5_la a:nth-child(1){ color: #fff; font-size: 14px; background: #e30001; padding: 8px; width: 120px; display: block; text-align: center; position: relative; box-sizing: border-box;  }
.m5_la a:nth-child(2){ color: #fff; font-size: 14px; background: #333; padding: 8px; width: 130px; display: block; text-align: center; position: relative; box-sizing: border-box;  }
.m5_la a:nth-child(1):hover{ background: #333;  color: #fff!important;}
.m5_la a:nth-child(2):hover{background: #e30001; color: #fff!important;}

.m5_limg{    overflow: hidden;    max-width: 105px;    width: auto;    margin-top: 16%;}

.m5_r{  flex: 0 0 70%;  display: flex;     flex-wrap: wrap;    flex-direction: column;}
.m5_rlist{ width: 100%;  display: flex; }
.m5_rlist .ico{     flex: 0 0 28%;    margin-top: 10px;    padding: 0;    margin: 10px 20px;    overflow: hidden;   }
.m5_rlist:hover .ico img{ transform: scale(1.1); transition: all .5s;}
.m5_rlist .txt{      align-self: center; flex: 1;    max-width: 100%;  }
.m5_rlist .txt h4{    color: #333;    padding-bottom: 13px;    padding-top: 13px;    margin-top: 0;    font-size: 18px;    font-weight: 700;    line-height: 2;}
.m5_rlist .txt p{ font-size: 14px;    color: #999;    line-height: 2;    font-family: Microsoft YaHei;    -webkit-line-clamp: 2;    display: -webkit-box;    -webkit-box-orient: vertical;    overflow: hidden; }
.m5_rlist .txt:hover h4{ color: #e30001; }
.m5_ra{    flex: 0 0 18%;  text-align: center;  align-self: center;     display: flex;    flex-wrap: wrap;    flex-direction: column; border-left: 1px solid #d1d1d1; }
.m5_ra p{ min-height: 20px; font-size: 36px; color: #3f3e3e; line-height: 1; font-weight: 700;  padding:0;  }
.m5_ra span{ display: block; font-size: 18px; color: #585858;line-height: 1.5; padding:0;  text-align: center; margin-top: 10px;  }
.m5_ra a{ display: block; position: relative; overflow: hidden; text-align: center; width: 100%; padding: 8px; color: #e30001;  }

@media screen and (max-width:1070px){
    .m5 .w {    display: flex;    flex-direction: column;    flex-wrap: wrap;}
    .m5_l{ flex: 1; width: 100%; }
    .m5_limg{ display: none; }
    .m5_rlist .ico{ margin: 10px 20px 10px 0;  display: none;}
    .m5_lt h3{ font-size: 24px;  }
    .m5_lt span {    font-size: 16px;    display: block;}
    .m5_lp {    margin-top: 15px;}
    .m5_rlist .txt h4{ font-size: 14px; }
    .m5_rlist .txt p{ font-size: 12px; }

    .m5_ra p{ font-size: 14px; }
    .m5_ra span{ font-size: 14px; line-height: 24px; margin: 0;  }
    .m5_ra a{ font-size: 12px;  }
    .m5_rlist{ margin: 20px 0 0; }
    .m5_rlist .txt h4{ padding: 8px 0; margin:0; }
}

.footer{  background: #1e1e1e;   }
.footer_top{ border-bottom: 1px solid rgba(255,255,255,.1); padding: 85px 0 65px; }

.footer_c{ border-bottom: 1px solid rgba(255,255,255,.1); padding: 90px 0;}
.footer_c .w{ display: flex;  }
.foot_contact{ flex: 0 0 33%; }
.foot_contact h5{    font-weight: 700;    color: #fff;    font-size: 18px;}
.foot_contact p{     font-size: 16px;    color: rgba(255, 255, 255, .8); line-height: 1.9; padding-top: 20px}

.foot_ewm{ flex: 0 0 20%;  overflow: hidden;      margin-right: 0;    margin-left: auto;}
.foot_ewm img{ width: 180px;     float: right;}

.foot_nav{ flex: 1;  max-width: 100%;    max-height: 100%;}
.foot_nav > ul{ display: flex;   }
.foot_nav > ul > li{ flex: 0 0 33.33%  }
.foot_nav > ul > li > a{display: block; color: #fff;    font-size: 18px;    font-weight: 700;    line-height: 1.5;    padding-bottom: 20px;  }
.foot_nav > ul > li > ul { padding: 0; }
.foot_nav > ul > li > ul > li{}
.foot_nav > ul > li > ul > li > a { width: 100%;     color: rgba(255, 255, 255, .8);    font-size: 16px;    line-height: 30px;  display: block; }

.font_bottom{ padding: 20px 0; line-height: 4;  color: #fff;   }
.font_bottom .w{ display: flex; justify-content: center;}
.font_bottom a{ color: #fff; }

@media screen and (max-width:1070px){

    .footer_top {    padding: 35px 0 25px;  }
    .footer_c{   padding: 35px 0 25px;   }
    .footer_c .w {    display: flex;    flex-direction: column; }
    .foot_nav{ display: none; }
    .foot_ewm{  margin: 0 auto; }
    .font_bottom{  line-height: 24px; text-align: center;  }

}

.sideBar {
      position: fixed;
      right: 0;
      top: 40%;
      transform: translateY(-50%);
      z-index: 998;
  }

  .side1 {
      width: 50px;
      height: 150px;
      background: #d61819;
      text-align: center;
      transition: all 0.5s;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .side1 a,
  .side1 img,
  .side1 i,
  .side1 span {
      display: block;
  }

  .side1 img {      margin: 0 auto;  }

  .side1 i {      margin: 10px auto;      width: 1px;      height: 20px;      background: #fff;      transition: all 0.5s ease;  }

  .side1 span {
      color: #fff;
      font-size: 14px;
      writing-mode: vertical-lr;
      margin: 0 auto;
      letter-spacing: 2px;
  }

  .side1:hover {      background:#e30001;  }

  .side1:hover a img {      animation: jitter 0.5s;  }

  .side {      height: 50px;      position: absolute;      transition: all 0.5s;  }

  .side a {
      display: block;
      height: 50px;
      font-size: 0;
  }

  .side i,
  .side span {
      display: inline-block;
      vertical-align: middle;
      height: 100%;
      line-height: 50px;
  }

  .side i {
      width: 50px;
      text-align: center;
      background: #d61819;
      transition: all 0.3s;
  }

  .side i img {      vertical-align: middle;  }

  .side span {
      text-align: center;
      line-height: 50px;
      background: #232323;
      font-size: 13px;
      color: #fff;
      transition: all 1s;
  }

  .side2 {      top: 151px;      right: -140px;      width: 190px;  }
  .side2 span {      width: 140px;  }
  .side3 {      right: -190px;      width: 240px;      top: 202px;  }
  .side3 span {      width: 190px;  }
  .side4 {      right: -140px;      width: 190px;      top: 253px;  }

  .side4 span {      width: 140px;  }


  .side5 {
      right: -90px;
      width: 140px;
      top: 253px;
      cursor: pointer;
  }

  .side5 span {
      width: 90px;
      font-size: 14px;
  }

  .qcodePic {
      width: 100%;
      position: absolute;
      top: 50px;
      left: 0;
      display: none;
      z-index: 99;
      text-align: center;
      background: #fff;
      border: 1px solid #e5e5e5;
  }

  .side5:hover .qcodePic {
      display: block;
  }

  .side6 {
      right: -90px;
      width: 140px;
      top: 305px;
      cursor: pointer;
  }

  .side6 span {
      width: 90px;
      font-size: 14px;
  }

  .side:hover {
      right: 0;
  }

  .side:hover i {
      background: #e30001;
  }

  @media only screen and (max-width: 768px) {
      .sideBar {
          display: block;
      }

      .m-foot {
          display: block;
      }

      .wyz {
          display: block;
      }

  }




.dq{ height: 60px;   }
.dq .w{    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    height: 100%;
}
.dq .w a{color: #6c757d; margin: 0 8px;}
.dq .w .weizhi{ padding: 0 0 0 20px; background: url("../img/f5.png") left center no-repeat ; background-size: 16px; color: #6c757d;  }

  @media only screen and (max-width: 1070px) {
    .dq { height: 36px; }
    .dq .w{ height: 36px; }

  }

.about1{ min-height: 300px;    background-color: #eaeaea;    padding-top: 60px;    padding-bottom: 100px; }
.about1_l{   
        align-self: center;
         flex: 0 0 50%;
    max-width: 100%;
    max-height: 100%;
 }

.about_t{    width: 100%;    padding-top: 0;    padding-bottom: 0;    margin-bottom: 30px;}
.about_t h2{text-align: center;    font-size: 34px;    color: #333;    padding-bottom: 0;    font-weight: 700;}
.about_t hr{ background: #e30001;    width: 30px;    height: 3px; margin-top: 20px;}

.about1_c{  flex-wrap: wrap;    flex-direction: row;display: flex;  background-color: #fff; }
.about1_r{   
        align-self: center;
         flex: 0 0 calc(50% - 60px);
         padding: 0 30px;
    max-width: 100%;
    max-height: 100%;
 }
.about1_r span{    line-height: normal;    font-weight: 700;    color: #e30001;    font-size: 38px;}
.about1_r p{    line-height: 30px;    font-size: 16px;    color: #333;    margin-top: 45px;    margin-bottom: 45px;}
.about1_r .about1_w{display: flex;    flex-wrap: wrap;    flex-direction: row;    width: 100%;    max-width: 730px;    margin-right: 10%;    margin-left: auto;}
.about1_r .ww{    flex: 1;    max-width: 100%;    max-height: 100%;}


.about2{ min-height: 300px;    background-color: #eaeaea;    padding-top: 100px;    padding-bottom: 50px; background: #fff; }
.about2 ul{ display: flex;     justify-content: space-between;  }
.about2 ul li{  flex: 0 0 22%;  }

  @media only screen and (max-width: 1070px) { 
    .about1{ padding: 30px 0 30px;  }
    .about1_c{  flex-wrap: wrap;    flex-direction: column;display: flex;  background-color: #fff; }

    .about1_l{  flex: 1; width: 100%; }
    .about1_r .about1_w{ width: 90%; margin: 25px auto; }
    .about_t h2{ font-size: 24px; }
    .about1_r{ flex: 1 ; width: 100%; padding: 0; }
    .about1_r span{ font-size: 18px; }
    .about1_r p{ font-size: 12px; }
    .about2{ padding: 30px 0 30px;  }

    .about2 ul{ padding: 0;    display: flex;    justify-content: space-between;    flex-wrap: wrap;    flex-direction: row;}
    .about2 ul{ display: flex;     justify-content: space-between;  }
    .about2 ul li{  flex: 0 0 48%; margin:0 0 20px; }

    
}

.news_nav{ background: #f2f2f2;   }
.news_nav a{ display: block; line-height: 60px;     flex-basis: calc(100% / 7); text-align: center;      font-size: 16px;
    color: #333;
    transition: .3s ease 0s;
    padding: 0 10px;  position:relative;}
.news_nav .w{  display: flex;   }
.news_nav a::after{      content: "";    position: absolute;    width: 1px;    height: 15px;    display: block;    background: #ccc;    top: 50%;    margin-top: -7px;    right: 0;  }
.news_nav a::before {
    position: absolute;
    content: '';
    left: 50%;
    bottom: 0;
    width: 0%;
    height: 3px;
    background-color: none;
    transition: all .3s;
}
.news_nav a:hover::before {    width: 80%;    left: 10%;    background-color: #e30001;}
.news_nav a.on{ color: #e30001; }                                                         
.news_nav a.on::before {    width: 80%;    left: 10%;    background-color: #e30001;}


.news_list{ padding: 50px 0; }

.news_li{ display:flex;  padding: 20px 0; border-bottom: solid 1px #ccc;}
.news_li > a.ico{ flex: 0 0 30%;   }
.news_li > a.ico{ overflow: hidden;  }
.news_li:hover a.ico img{ transform: scale(1.1); transition: all .5s;  }
.news_li .txt{ margin: 0 auto; flex: 1;      display: flex;    justify-content: center;  }
.news_li .txt .tt{  width: 95%;  }
.news_li .txt .tt h2{    line-height: 2;    font-size: 20px;    font-weight: 700;    color: #232323;}
.news_li .txt .tt p{    line-height: 2;    margin-top: 20px;    font-size: 16px;    color: #333333;}
.news_li .txt .tt h2 span{    float: right; font-weight: normal;}

.news_lia{ border: 1px solid #333; border-radius: 20px; display: block; position: relative; overflow: hidden; text-align: center; width: 100px; padding:8px; font-size: 13px; color: #333;  margin: 20px 0; }
.news_lia:hover{ border: 2px solid #e30001; background: #e30001; color: #fff!important;  }
 @media only screen and (max-width: 1070px) { 
.news_nav a {    flex-basis: calc(100% / 2);}
.news_li > a.ico{ display: none;  }
.news_li .txt .tt h2{ font-size: 16px; line-height: 24px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;    display: block;  }
.news_li .txt .tt p{ font-size: 12px; }
.news_li .txt .tt a{ font-size: 12px; }
}



.page {    text-align: center; margin: 30px 0 60px; display: flex;    flex-direction: row;    flex-wrap: nowrap;    justify-content: center;    align-items: center;}
.page-status{ display: none; }
.page a{background: #f4f4f4;    color: #9d9d9d;    display: inline-block;    line-height: 30px;   padding:0 5px; height: 30px;   min-width: 20px;   margin: 0 3px;}
.page a:hover{     background: #e30001 !important; color: #Fff!important; } 
.page-num-current{ background: #e30001 !important; color: #Fff!important; }


.news_cont{ margin:50px 0;  }
.news_cont .w{ display: flex;      justify-content: space-between; align-items: flex-start;  }
.news_cont .news_l{ flex:0 0 70%;   }

.news_cont .news_l h1{     font-size: 26px;    font-family: Microsoft YaHei;    font-weight: 700;    color: #e30001;}

.news_cont .news_l .news_tt span{display: table;  min-height: 20px;    font-size: 16px;    color: #333;    line-height: 1;    text-align: center; margin:10px auto 20px;}

.news_cont .news_l .news_tt{text-align: center;}
.news_cont .news_l .news_tt hr{ width: 100%; height: 1px; background: rgba(0, 0, 0, .1); }
.news_cont .news_l .news_txt{ margin: 20px 0; }

.news_r{  width:22%; border: 1px solid #e5e5e5; padding: 30px 20px; }
.news_r span{line-height: normal;    font-size: 18px;    font-family: Microsoft YaHei;    font-weight: 700;    color: #444; display: table;}
.news_r ul{ margin: 30px 0; padding: 0; }
.news_r ul li{}
.news_r ul li a{ display: block; line-height: 32px; border-bottom: 1px #ccc dashed; color: #707070; } 

@media only screen and (max-width: 1070px) { 
    .news_cont .w {    display: flex;    justify-content: space-between;    align-items: flex-start;    flex-wrap: wrap;    flex-direction: row;}
        .news_cont .news_l{ width: 100%; flex: 1;  }
        .news_cont .news_r{ width: 100%; flex: 1; }

}

.product{  padding: 30px 0 0;  }
.product .w{ display: flex;   }
.product .pro_l{  flex: 0 0 20%  }
.product .pro_ll{  width: 95%;      background: #f5f5f5; }
.product .pro_ll h5{ background: #e30001; padding: 15px 0 15px 22px; border-radius: 20px 0 0 0;    }
.product .pro_ll h5{    line-height: 2;    font-size: 24px;    color: #fff;    font-weight: 700; margin: 0; }
.pro_nav{  display:flex;     flex-direction: column;    flex-wrap: nowrap; }
.pro_nav a{ flex: 1;  padding: 0 0 0 22px; display: flex;
    justify-content: space-between;
    position: relative;
    line-height: 50px;
    border-bottom: 1px solid #ebebeb;
    font-size: 15px;
    transition: all ease .3s;
    color: #333;  display: block;}

.pro_nav a:hover{background: #e30001;    color: #fff;    border-bottom: 1px solid #e30001; padding: 0 0 0 15px; color:#fff!important;}
.pro_nav a.on{background: #e30001;    color: #fff;    border-bottom: 1px solid #e30001; padding: 0 0 0 15px; color:#fff!important;}
.pro_r{ flex:0 0 80%;  }
 .pro_r ul{  display: flex; flex-direction: row;    flex-wrap: wrap;    justify-content: space-between;    justify-content: flex-start; }
 .pro_r ul li { width: calc((100% - 140px)/4); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .pro_r ul li:nth-child(4n){ margin:0 0px 20px 0 ;  }
 .pro_r ul li img{ z-index: 2; position: relative; }    
 .pro_r ul li span{ display: block; width: 100%; text-align: center;line-height: 24px;  margin:15px auto 5px; font-size: 16px;  } 
 .pro_r ul li::after{ content: ""; position: absolute; right: 0; top: 0; width: 30%; height: 30%; background: #e30001; z-index: 1}
 .pro_r ul li:hover::after{ width: 100%; height: 100%;  transition: all .5s; }
 .pro_r ul li:hover span{ color: #Fff; z-index: 2; position: relative; }

.pro_rr{ flex: 0 0 80%; }
.pro_rr_c{  display: flex;  justify-content: space-between; }
.pro_rr_img{ flex: 0 0 36%;     margin: 0 auto;}
.pro_rr_c .magnifier{ width: 95%!important; }
.pro_rr_c .pro_intro{ flex: 0 0 50%; }
.pro_rr_c .pro_intro h1{  line-height: 1.8;    font-size: 24px;    color: #e30001;    font-weight: 700; padding: 0 0 0 20px; border-left: 5px solid #e30001 }
.int1 p{ line-height: 3;    font-size: 16px;    font-family: Microsoft YaHei;     color: #333;  border-bottom: 1px #e5e5e5 solid; padding: 20px 0; }
.int2{ border-bottom: 1px #e5e5e5 solid;  padding: 30px 0; line-height: 32px; color: #333;}
.int2 span{display: table; line-height: 2;    font-size: 16px;    font-family: Microsoft YaHei;    color: #333;    font-weight: 700; }

.pro_rr_c .pro_intro a{ border: 2px solid #333; border-radius: 20px; display: block; position: relative; overflow: hidden; text-align: center; width: 140px; padding:8px; font-size: 15px; color: #333;  margin: 20px 0 0;}
.pro_rr_c .pro_intro a:hover{ border: 2px solid #e30001; background: #e30001; color: #fff!important;  }

.pro_r_cont{  margin: 30px 0 50px; }
.pro_r_cont .pro_span{ line-height: 3;    font-size: 16px;    font-family: Microsoft YaHei;     color: #333;  border-bottom: 1px #e5e5e5 solid;  }
.pro_r_cont .pro_span span{  line-height: 1.8;    font-size: 24px;    color: #e30001;    font-weight: 700; padding: 0 0 0 20px; border-left: 5px solid #e30001 }
.pro_r_cont .pro_tt{ padding:30px 10px}
.pro_r_cont .pro_tt,.pro_r_cont .pro_tt p{ ;  color: #595959; line-height:32px; font-size: 16px!important;font-family:"微软雅黑" !important; }
.pro_r_cont .pro_tt span{ font-size: 16px!important;  font-family:"微软雅黑" !important;}

.pro_xg{  min-height: 300px;    padding-top: 60px;    padding-bottom: 60px;    background-color: #ccc;  }
.pro_xg .w{  flex-wrap: wrap;    flex-direction: row;display: flex;  }
.pro_xg_t{    width: 100%;    padding-top: 0;    padding-bottom: 0;    margin-bottom: 30px;}
.pro_xg_t h2{text-align: center;    font-size: 34px;    color: #333;    padding-bottom: 0;    font-weight: 700;}
.pro_xg_t hr{ background: #e30001;    width: 30px;    height: 3px; margin-top: 20px; margin:0 auto;}

 .pro_xg ul{  display: flex; flex-direction: row;    flex-wrap: wrap;    justify-content: space-between; }
 .pro_xg ul li { width: calc((100% - 180px)/5); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .pro_xg ul li:nth-child(5n){ margin:0 0px 20px 0 ;  }
 .pro_xg ul li img{ z-index: 2; position: relative; width: 100%; }    
 .pro_xg ul li span{ display: block; width: 100%; text-align: center;line-height: 24px;  margin:15px auto 5px; font-size: 16px;  } 
 .pro_xg ul li::after{ content: ""; position: absolute; right: 0; top: 0; width: 30%; height: 30%; background: #e30001; z-index: 1}
 .pro_xg ul li:hover::after{ width: 100%; height: 100%;  transition: all .5s; }
 .pro_xg ul li:hover span{ color: #Fff; z-index: 2; position: relative; }


.pro_ly{  min-height: 300px;   background: #eeee; }
.pro_ly .w{  flex-wrap: wrap;    flex-direction: row;display: flex;  padding: 60px 0;  }
.pro_ly h2{text-align: center;    font-size: 34px;    color: #333;    padding-bottom: 20px;    font-weight: 700;}
.pro_ly hr{ background: #e30001;    width: 30px;    height: 3px; margin-top: 20px;  margin: 10px auto;}
.pro_ly p{     font-size: 16px;    color: #333333; text-align: center;}

.pro_ly form{ display: flex;     flex-wrap: wrap;    justify-content: space-between; width: 100%; margin: 20px 0;}
.pro_ly input{border-style: solid;    border-width: 2px;    border-color: #ced4da; height: 48px; width: 30%; padding: 0 12px; border-radius: 5px;}
.pro_ly textarea{border-style: solid;    border-width: 2px;    border-color: #ced4da; height: 48px; width: 100%; padding: 15px 16px; border-radius: 5px; margin: 30px 0 ;}
.pro_ly button{  background: #ccc; display: block;  padding: 8px; text-align: center;   border-radius: 25px; border: 0; width: 100%; line-height: 1.5; font-size: 16px;  }
.pro_ly button:hover{ color: #Fff; background: #e30001;  transition: all .5s; }

@media only screen and (max-width: 1070px) { 
    .product .w {    display: flex;    justify-content: space-between;    align-items: flex-start;    flex-wrap: wrap;    flex-direction: row;}
        .product .pro_l{ width: 100%; flex: none;  }
        .product .pro_r{ width: 100%; flex: none; }
        .product .pro_ll{ width: 100%; flex: none; }
        .product .pro_ll h5{ font-size: 16px;  }
        .pro_nav a{font-size: 14px;}
.pro_r ul{ padding: 0;  margin: 30px 0 0;}
         .pro_r ul li { width: calc((100% - 60px)/2); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .pro_r ul li:nth-child(2n){ margin:0 0px 20px 0 ;  }
.pro_rr_img{ flex:none; width: 100%!important; }
 .pro_xg ul li { width: calc((100% - 60px)/2); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .pro_xg ul li:nth-child(2n){ margin:0 0px 20px 0 ;  }
  .pro_xg ul li:nth-child(n+5){ display: none; }
  .pro_ly input{ width: 100%; margin: 0 0 20px;}
  .pro_ly textarea{ width: 100%; margin: 0 0 20px;}
  .pro_r_cont .pro_tt{ font-size: 12px!important; }
}





.case_r{ flex:0 0 100%;  }
 .case_r ul{  display: flex; flex-direction: row;    flex-wrap: wrap;    justify-content: space-between;    justify-content: flex-start; }
 .case_r ul li { width: calc((100% - 140px)/4); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .case_r ul li:nth-child(4n){ margin:0 0px 20px 0 ;  }
 .case_r ul li img{ z-index: 2; position: relative; width: 100%; }    
 .case_r ul li span{ display: block; width: 100%; text-align: center;line-height: 24px;  margin:15px auto 5px; font-size: 16px;  } 

@media only screen and (max-width: 1070px) { 
.case_r{ flex:none; width: 100%;  }
.case_r ul{ padding: 0;  margin: 30px 0 0;}
         .case_r ul li { width: calc((100% - 60px)/2); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .case_r ul li:nth-child(2n){ margin:0 0px 20px 0 ;  }
}


.contact1{ min-height: 300px;    background-color: #eaeaea;    padding-top: 60px;    padding-bottom: 100px; }

.contact1_c{  flex-wrap: wrap;    flex-direction: row;display: flex;  background-color: #fff; justify-content: space-between;}
.contact1_l{ flex: 0 0 50%; }
.contact1_lt{   
    width: 92%;
    max-width: 1420px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2%;
    margin-top: 0;
 }
.contact1_l h3{  padding: 10px 0 20px;  color: #e30001;    font-size: 28px;    font-weight: 700;    line-height: 2;    text-align: left; border-bottom: 1px solid #ccc;}
.contact1_l p{    font-size: 16px;    color: #333;    line-height: 35px;}
.contact1_l img{ width: 25%; margin: 30px 0 0 0; }
.contact1_r{   
       flex: 0 0 50%

 }


.contact_tel{ margin: 0 0 0 20px; }
@media only screen and (max-width: 1070px) { 
.contact1_l{ width: 100%; flex: none; }
.contact1_r{ width: 100%; flex: none; }
#map{ height: 400px!important; }
}

.search { width: 70%; margin: 30px auto 60px; }
.search form{ display: flex; }
.search input{ flex: 0 0 80%; border-style: solid;
    border-width: 2px;
    border-color: #ced4da; line-height: 48px;   }

.search button{ background: #ccc; border: 2px solid #fff; border-radius: 20px; display: block; position: relative; overflow: hidden; text-align: center; width: 140px; padding:8px; font-size: 15px; color: #Fff;  }
.search button:hover{ border: 2px solid #e30001; background: #e30001; color: #fff!important;  }


 .search_list ul{  display: flex; flex-direction: row;    flex-wrap: wrap;    justify-content: space-between;    justify-content: flex-start; }
 .search_list ul li { width: calc((100% - 140px)/4); background: #eceef1; padding: 10px; margin:0 20px 20px 0px;  position: relative;     }
 .search_list ul li:nth-child(4n){ margin:0 0px 20px 0 ;  }
 .search_list ul li img{ z-index: 2; position: relative; width: 100%; }    
 .search_list ul li span{ display: block; width: 100%; text-align: center;line-height: 24px;  margin:15px auto 5px; font-size: 16px;  } 
 .search_list ul li::after{ content: ""; position: absolute; right: 0; top: 0; width: 30%; height: 30%; background: #e30001; z-index: 1}
 .search_list ul li:hover::after{ width: 100%; height: 100%;  transition: all .5s; }
 .search_list ul li:hover span{ color: #Fff; z-index: 2; position: relative; }