/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 1757087 */
  src: url('//at.alicdn.com/t/font_1757087_94hf56p9d2v.eot');
  src: url('//at.alicdn.com/t/font_1757087_94hf56p9d2v.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_1757087_94hf56p9d2v.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_1757087_94hf56p9d2v.woff') format('woff'),
  url('//at.alicdn.com/t/font_1757087_94hf56p9d2v.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_1757087_94hf56p9d2v.svg#iconfont') format('svg');
}
.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'dinpro';
  src: url('../font/dinpro.eot');
  src: url('../font/dinpro.eot?#iefix') format('embedded-opentype'),
  url('../font/dinpro.woff2') format('woff2'),
  url('../font/dinpro.woff') format('woff'),
  url('../font/dinpro.ttf') format('truetype'),
  url('../font/dinpro.svg#dinpro') format('svg');
}
@font-face {
  font-family: 'Gilroy-L';
 	src: url('../font/Gilroy-Light.otf');
}
@font-face {
  font-family: 'dinprob';
  src: url('../font/DINPro-Bold.eot');
  src: url('../font/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
  url('../font/DINPro-Bold.woff2') format('woff2'),
  url('../font/DINPro-Bold.woff') format('woff'),
  url('../font/DINPro-Bold.ttf') format('truetype'),
  url('../font/DINPro-Bold.svg#dinprob') format('svg');
}
@font-face {
  font-family: 'iconfont';  /* Project id 2376408 */
  src: url('//at.alicdn.com/t/c/font_2376408_3ri2mdmmypv.woff2?t=1681699137143') format('woff2'),
       url('//at.alicdn.com/t/c/font_2376408_3ri2mdmmypv.woff?t=1681699137143') format('woff'),
       url('//at.alicdn.com/t/c/font_2376408_3ri2mdmmypv.ttf?t=1681699137143') format('truetype');
}
*, :after, :before{margin:0;padding:0;box-sizing: border-box;}
html,body{width:100%;height:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; }
body,input{font-size:14px; line-height:24px; color: #333; font-family: 'Gilroy-L',"microsoft yahei","PingFang SC"; width:100%; overflow-x:hidden;font-weight: 300;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;}
input:focus {outline: none;}
.clean{clear:both;}
a:link {color: #333;text-decoration: none;}
a:visited {color: #333;text-decoration: none;}
a:hover {color:#d71718;text-decoration: none;}
a:active {color: #333;text-decoration: none;}
.pic_link:link {color: #fff;text-decoration: none;}
.pic_link:visited {color: #fff;text-decoration: none;}
.pic_link:hover {color:#fff;text-decoration: none;}
.pic_link:active {color: #fff;text-decoration: none;}
h1{font-size:26px; color:#000; line-height:36px;}
h2{font-size:26px; color:#000; line-height:26px; font-weight:normal;}
h3{font-size:26px; color:#000; line-height:26px;}
h4{font-size:35px; color:#2E6CB4;line-height:26px; display:inline;font-weight:normal;}
h5{font-size:26px; color:#000;line-height:34px; display:inline; font-weight:normal;}
/* ::-webkit-scrollbar {width: 15px; }
::-webkit-scrollbar-thumb {background-color: #2E6CB4;}
::-webkit-scrollbar-track {background: #F1F1F1;} */
/*head*/
.head{position: fixed; left:0; top:0; width:100%; transition: top .5s; z-index:999999}
.heada{top: -35px;}
.headb{top:0;z-index:999999;}
/*head_a*/
.head_a{width:100%; background-color:#2E6CB4;position: relative;z-index: 999;}
.head_a ol{width:77%; min-width:1200px;margin:0 auto;}
.head_a ol dd{width:60%; float:left; color:#eee; height:35px; line-height:35px;}
.head_a ol dd:nth-child(2){text-align:left; width:40%;}
.head_a ol dd dl{ float:right; height:19px; margin-top:8px; margin-left:8px;}
.head_a ol dd dl img{height:100%;}
/*head_b*/
.head_b{width:100%; background-color:#fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 5px rgb(0,0,0,0.2); -moz-box-shadow: 0 0 5px rgb(0,0,0,0.2);}
.head_b ul{width:77%; min-width:1200px;margin:0 auto;}
.head_b ul li{float:left; height:80px; line-height:80px;}
.head_b ul li:nth-child(1){width:30%; margin-right:5%; display:flex; -webkit-display:flex; justify-content:left; align-items:center; cursor:pointer;}
.head_b ul li:nth-child(2){width:65%; font-size:16px; text-align:right;}
.head_b ul li:nth-child(2) a{margin-left:25px; display:inline-block; height:70px; color:#333;line-height: inherit;}
.head_b ul li img{height:35%;}
.head_b ul li .nav-up-selected{background:#fff; color:#d71718;}
.head-v3{position:relative;}
.navigation-down{position:absolute; top:0; left:0px; width:100%}
.navigation-down .nav-down-menu{width:100%;margin:0;background:rgba(255,255,255,0.9);position:absolute; top:0px}
.navigation-down .nav-down-menu .navigation-down-inner{width:77%; min-width:1200px;margin:0 auto; position:relative;}
.navigation-down .nav-down-menu dl{float:left;margin:30px 30px 0 0; cursor:pointer;}
.navigation-down .menu-1 ol{float:right; margin:30px 0;}
.navigation-down .menu-1 ol img{width:300px;height:100px;}
.navigation-down .menu-1 dl{ line-height:100px; font-size:15px;}
.navigation-down .menu-1 dl span{ font-size:24px; color:#d71718; margin-right:10px;}
.navigation-down .menu-1 dl:hover{color:#d71718;}
.navigation-down .menu-1 dt{color:#000;}
.navigation-down .menu-1 dd a{color:#000;}
.navigation-down .menu-1 dd a:hover{color:#60aff6}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#000;}
/*index_add*/
.index_add{width:100%; height:50vh; position:relative;margin-top: 90px;overflow: hidden;}
.index_add ul:nth-child(1){width:100%; height:100%; position:absolute; background-color:rgba(0,0,0,0.3);}
.index_add ul:nth-child(2){width:100%; position:absolute;text-align:center; color:#FFF; font-size:30px; line-height:50px;display: flex;flex-direction: column;align-items: center;justify-content:center;height:100%;}
.index_add ul:nth-child(2) span{font-size:12px;}
.index_add video{display:block;width:100%; object-fit:fill;}
/*index_add_n*/
.index_add_n{width:100%; height:600px; background-color:#ccc; display:flex; -webkit-display:flex; justify-content:center; align-items:center; cursor:pointer; position:relative; background-position:center; background-size:100%;}
.index_add_n ul{width:77%; min-width:1200px; color:#FFF; font-size:40px; line-height:26px; text-align:center;}
.index_add_n ul span{font-size:14px;}
.index_add_n ol{width:100%; height:60px; background-color:rgba(0,0,0,0.7); left:0; bottom:0; position:absolute;}
.index_add_n ol li{width:77%; min-width:1200px;margin:0 auto;}
.index_add_n ol li dd{float:left; height:60px; padding:0 40px; line-height:60px; border-right:1px solid #444;}
.index_add_n ol li dd:hover{background-color:#b9161c; color:#fff;}
.index_add_n ol li dd:nth-child(1){border-left:1px solid #444;}
.index_add_n_dd{background-color:#b9161c; color:#fff;}
/*index_about_a_1*/
.index_about_a_1{width:77%; min-width:1200px;height:auto; padding:80px 0; margin:0 auto;    overflow: hidden;}
.index_about_a_1 ul{width:100%; height:auto;}
.index_about_a_1 ul li{float:left; width:45%; margin-right:7%; }
.index_about_a_1 ul li .index_about_title{text-align:left; margin-bottom:30px; position: relative;}
.index_about_a_1 ul li .index_about_title h2{font-size:40px;padding-top: 10px;font-weight: bold;text-transform: uppercase;}
.index_about_a_1 ul li .index_about_title h3{font-size:20px;font-weight: 500;margin-top:20px;}
.index_about_a_1 ul li .index_about_title dd{position: absolute; top: 10px;left: 0;font-size: 80px; line-height: 80px;color: #fff;z-index: -1;font-family: 'dinprob';-webkit-text-stroke: 1px #eee;letter-spacing: 2px;}
/* .index_about_a_1 ul li .index_about_title .bt{display: flex;justify-content: flex-start; align-items: center;}
.index_about_a_1 ul li .index_about_title .bt .left{font-size: 30px;color: #000;line-height: 36px; display: inline; font-weight: normal;}
.index_about_a_1 ul li .index_about_title .bt .right{position: relative;font-size: 60px;color: #000;line-height: 80px;margin-left: 40px;}
.index_about_a_1 ul li .index_about_title .bt .right span:nth-child(1){position: absolute; top: -20px;left: -30px;font-size:100px;}
.index_about_a_1 ul li .index_about_title .bt .right span:nth-child(2){position: absolute; bottom: -60px;right: -30px;font-size:100px;} */
.index_about_img{margin-right: 20px !important;position: relative;float: right !important;}
.mk1{width:100px;height:200px;position: absolute;left:-15px;bottom:-15px;background-color: #2E6CB4;}
.mk2{width:100px;height:200px;position: absolute;right:-15px;top:-15px;background-color: #2E6CB4;}
.index_about_a_1 ul li img{width:100%; height:100%;position: relative;z-index: 2;}
.index_about_a_1 ul li dd{width:100%;}
.index_about_a_1 ul li dd p{margin-bottom:50px;line-height: 25px;}
.index_about_a_1 ul li dd:nth-child(1){margin-bottom:15px;}
.index_about_a_1 ul li dd dl{float:left; margin-right:30px; text-align:center; border-right:1px solid #eee; padding-right:30px;}
.index_about_a_1 ul li dd dl:nth-child(1){border-left:1px solid #eee; padding-left:30px;}
.index_about_a_1 ul li dd dl span{display:block; font-size:30px; line-height:50px; color:#b9161c; font-family:'dinprob';}
.index_about_a_1 ul li dd a{padding: 5px 25px;color: #fff;font-size: 14px;background: #b9161c;border: none;cursor: pointer;display: inline-block;text-transform: uppercase;position: relative;z-index: 1;transition: color .3s cubic-bezier(.215,.61,.355,1);transform: translateZ(0);text-decoration: none;white-space: nowrap;overflow: hidden;border: 1px solid #b9161c;}
  .index_about_a_1 ul li dd a:before {content:'';position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:-1;background-color:#fff;transform-origin:center top;transform:translateZ(0) scaleY(0);transition: transform .5s cubic-bezier(.215,.61,.355,1);width: 100%;height: 100%;}
  .index_about_a_1 ul li dd a:hover:before{transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
  .index_about_a_1 ul li dd a:hover{color:#b9161c;}
  


  .applicationBox{width:100%;padding:100px 0;background-image:url(../images/applicationBg.png); overflow: hidden;background-size: cover;background-position: bottom;}
  /* .application{width:77%; min-width:1200px;margin:0 auto; overflow: hidden;} */
  .application{width:100%;margin:0 auto; overflow: hidden;}
  
  .application .index_about_title{text-align:center; margin-bottom:30px; position: relative;display: flex;flex-direction: column;align-items: center;justify-content:center;}
  .application .index_about_title h2{font-size:40px;padding-top: 10px;position: relative;z-index: 2;font-weight: bold;}
  .application .index_about_title h3{font-size:20px;font-weight: 500;margin-top:20px;position: relative;z-index: 2;}
  .application .index_about_title dd{position: absolute; top: 10px;font-size: 80px; line-height: 80px;color: transparent;z-index:1;font-family: 'dinprob';-webkit-text-stroke: 1px #e8e8e8;letter-spacing: 2px;}
  .com-size-all {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
  }

  .com-position-absolute-start {
    position: absolute;
    top: 0;
    left: 0;
  }
  .com-size-all-img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transition: all 0.3s ease;
}

  .application .swiper1 {
    border-top: 2px solid #f5f5f5;
    margin-top: 50px;
  }
  .application .swiper1 .slide1 {
    width: 25%;
    height: 36.6vw;
    min-height: 500px;
    border-right: 2px solid #f5f5f5;
  }
  .application .swiper1 .slide1:first-child{ border-left: 2px solid #f5f5f5;}
  .index-app .application .swiper1 .slide1 {
    height: 33.8vw;
  }
  .index-app .application .swiper1 .slide1 .dn-word {
    height: 13.52vw;
  }
  .application .swiper1 .slide1:hover .dn-word {
    height: 100%;
    background: transparent;
    background-image: linear-gradient(#2E6CB4, transparent);
  }
  .application .swiper1 .slide1:hover .dn-word .dp-link1 {
    display: block;
  }
  .application .swiper1 .slide1:hover .dn-word * {
    color: #FFFFFF !important;
  }
  .application .swiper1 .slide1:hover .dn-picture .dp-img1 {
    transform: scale(1.05);
  }
  .application .swiper1 .slide1 .dn-word {
    background: #FFFFFF;
    height: 9.2vw;
    padding: 2.16vw 2.6vw;
    transition: all 0.3s ease;
    /* display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; */
  }
  .application .swiper1 .slide1 .dn-word a{
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  .application .swiper1 .slide1 .dn-word .dp-icon1 .iconfont {
    font-size: 2.08vw;
    color: #372162;
  }
  .application .swiper1 .slide1 .dn-word .dp-ti1 {
    /* margin: 1.56vw 0 2.6vw; */
    margin-top: 1.56vw;
    color: #000000;
    text-align: left;
  }
  .application .swiper1 .slide1 .dn-word .dp-link1 {
    display: none;
    margin-top: 50px;
  }
  .application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.52vw 0;
    font-size: 16px;
    border-bottom: 1px solid transparent;
    margin: 0 0 0.26vw;
  }
  .application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1 b{font-weight:300;}
  .application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1 .iconfont {
    opacity: 0;
    font-size: 20px;
  }
  .application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1:hover .iconfont {
    opacity: 1;
  }
  .application .swiper1 .slide1 .dn-picture {
    overflow: hidden;
    background-size: cover;
    background-position: center;
  }
  .application-detail {
    background: #f5f5f5;
  }
  .application-detail .dn-upper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .application-detail .dn-upper .dn-right {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .application-detail .dn-upper .dn-right .dn-right-cont {
    position: fixed;
    z-index: 100;
  }
  .application-detail .dn-upper .dn-right.active .dn-right-cont {
    transform: translateX(100%);
  }
  .application-detail .dn-upper .dn-right.active .swiper1 .wrapper1 {
    flex-direction: column;
  }
  .application-detail .dn-upper .dn-right .swiper1 .slide1 {
    width: auto;
    font-size: 18px;
    cursor: pointer;
    margin: 0 0 0 1.56vw;
  }
  .application-detail .dn-upper .dn-right .swiper1 .slide1 b {
    display: inline-block;
    padding: 0.832vw 0.624vw;
    border-bottom: 3px solid transparent;
    transition: all 0.3s ease;
  }
  .application-detail .dn-upper .dn-right .swiper1 .slide1.active,
  .application-detail .dn-upper .dn-right .swiper1 .slide1:hover {
    color: #372162;
  }
  .application-detail .dn-upper .dn-right .swiper1 .slide1.active b,
  .application-detail .dn-upper .dn-right .swiper1 .slide1:hover b {
    border-bottom: 3px solid #372162;
  }
  .application-detail .dn-lower .swiper1 .slide1 {
    margin: 1.56vw 0 0;
    background: #FFFFFF;
    padding: 2.6vw 3.328vw;
  }
  .application-detail .dn-lower .swiper1 .slide1 .dn-top {
    padding: 0 0 1.56vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .application-detail .dn-lower .swiper1 .slide1-summary {
    padding: 0;
  }
  .application-detail .dn-lower .swiper1 .slide1-summary .dn-bot {
    display: flex;
    align-items: center;
  }
  .application-detail .dn-lower .swiper1 .slide1-summary .dn-bot .dn-picture {
    width: 50%;
    height: 28.392vw;
  }
  .application-detail .dn-lower .swiper1 .slide1-summary .dn-bot .dn-word {
    flex: 1;
    padding: 0 3.64vw 0 4.68vw;
  }
  .application-detail .dn-lower .swiper1 .slide1-summary .dn-bot .dn-word .dp-intr1 {
    line-height: 30px;
  }
  .application-detail .dn-lower .swiper1 .slide1-choose .dn-bot .swiper2 .slide2 {
    width: 48%;
    margin: 0 1%;
    height: auto;
    background: #f5f5f5;
    padding: 2.6vw;
  }
  .application-detail .dn-lower .swiper1 .slide1-choose .dn-bot .swiper2 .slide2 .dp-sha {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
  }
  .application-detail .dn-lower .swiper1 .slide1-choose .dn-bot .swiper2 .slide2 .dp-xia {
    font-size: 16px;
    line-height: 32px;
    margin: 1.04vw 0 0;
  }
  .application-detail .dn-lower .swiper1 .slide1-case .swiper2 .slide2 {
    width: 31.33333333%;
    margin: 0 1%;
    height: 14.56vw;
  }
  .application-detail .dn-lower .swiper1 .slide1-case .swiper2 .slide2 .dn-word {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.56vw 1.768vw;
    background-image: linear-gradient(transparent, transparent, #372162);
  }
  .application-detail .dn-lower .swiper1 .slide1-recommend .swiper2 {
    padding: 0 0 calc(12px + 50 * 0.052vw);
  }
  .application-detail .dn-lower .swiper1 .slide1-recommend .swiper2 .slide2 {
    width: 31.33333333%;
    margin: 0 1%;
    background: #f5f5f5;
    color: #000000;
    text-align: center;
  }
  .application-detail .dn-lower .swiper1 .slide1-recommend .swiper2 .slide2 .dn-picture {
    height: 15.6vw;
  }
  .application-detail .dn-lower .swiper1 .slide1-recommend .swiper2 .slide2 .dn-word {
    padding: 1.248vw;
  }
  .application-detail .dn-lower .swiper1 .slide1-recommend .swiper2 .swiper-pagination {
    bottom: 0;
  }
  .application-detail .dn-lower .swiper1 .slide1-recommend .swiper2 .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
  }
  .application-detail .dn-lower .swiper1 .slide1-recommend .swiper2 .swiper-pagination .swiper-pagination-bullet-active {
    background: #372162;
  }
  .application-detail .dn-lower .swiper1 .slide1-back {
    background: transparent;
  }

/*index_wl*/
.index_wl{width:100%; padding:100px 0; background-image:url(../images/index_wl_bg.jpg);background-size:cover;background-position: center;}
/*.index_wl{width:100%; padding:100px 0; background: #868686;}*/
.index_wl ul{width:77%; min-width:1200px; margin:0 auto;position:relative;font-size:13px;color:#fff;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.index_wl ul .index_about_title{text-align:left; margin-bottom:30px; position: relative;}
.index_wl ul .index_about_title h2{font-size:30px;padding-top: 10px;color:#fff;position: relative;z-index: 2;}
.index_wl ul .index_about_title h3{font-size:20px;font-weight: 500;margin-top:20px;color:#fff;position: relative;z-index: 2;}
.index_wl ul .index_about_title dd{position: absolute; top: 10px;left: 0;font-size: 80px; line-height: 80px;color: transparent;z-index: 1;font-family: 'dinprob';-webkit-text-stroke: 1px #505c9f;letter-spacing: 2px;}
.index_wl ul .index_about_title p{margin-top:30px;line-height: 25px;}

.index_wl ul div{position:relative; width:50%;float:left;}
.index_wl ul div li{float:left; border-left:1px solid rgba(255,255,255,0.2); color:#fff;width:calc(33.3% - 15px);padding:10px 30px;height:50px;margin-bottom:30px;display:flex;justify-content:center;align-items:center;}
.index_wl ul div li img{width:100%;}
.index_wl ul div li:nth-child(3n){border-right:1px solid rgba(255,255,255,0.2);margin-right: 0;}
.index_wl ul div li p{font-size:16px; color:#ff6600;}


/*index_news*/
.index_news{width:100%; height:auto; padding:0px 0 70px 0;overflow: hidden;}
.index_news h1{margin-bottom:10px;color:#003F98;font-weight: bold;}
.index_news dd{position: absolute; top: 0px;left: 20px;font-size: 80px;line-height: 80px; color: #fff;z-index: -1;-webkit-text-stroke: 1px #dbdbdb;letter-spacing: 2px; font-family:'dinprob';}
.index_news ul:nth-child(1){text-align:left; margin-bottom:40px;position: relative;}
.index_news ul ol{width:50%; float:left;}
.index_news ul ol .news_jj{line-height: 20px;margin-top:10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 40px;}
.index_news ul ol .index_about_title{text-align:left; margin-bottom:30px; position: relative;}
.index_news ul ol .index_about_title h2{font-size:40px;padding-top: 10px;font-weight: bold;text-transform: uppercase;}
.index_news ul ol .index_about_title h3{font-size:20px;font-weight: 500;margin-top:20px;}
.index_news ul ol .index_about_title dd{position: absolute; top: 10px;left: 0;font-size: 80px; line-height: 80px;color: #fff;z-index: -1;font-family: 'dinprob';-webkit-text-stroke: 1px #eee;letter-spacing: 2px;}
.index_news ul ol:nth-child(2){text-align:right;}
.index_news ul ol:nth-child(2) a{border:1px solid #003F98; color:#003F98; width:100px; text-align:center; padding:5px 15px; margin-top:30px; border-radius:8px; margin-bottom:10px;}
.index_news ul{width:77%; min-width:1200px; height:auto; margin:0 auto;}
.index_news ul li{width:calc(50% - 35px); float:left; margin-right:70px; position:relative;}
.index_news ul li:nth-child(1){height:335px;background-position: center;background-size: cover;}
.index_news ul li:nth-child(2){margin-right:0;}

.index_news ul li dd{position:absolute; bottom:0; width:calc(100% - 40px); background-color:rgba(0,0,0,0.4); padding:10px 20px; color:#fff; font-size:18px;}
.index_news ul li dd span{font-family:Arial, Helvetica, sans-serif; font-size:11px;}

.index_news ul li dl{border-bottom:1px solid #ddd; padding-bottom:17px; margin-bottom:17px; cursor:pointer; font-size:12px;overflow: hidden;padding: 10px;}
.index_news ul li dl:hover{box-shadow: 2px 3px 10px #dedede;}
.index_news ul li dl span{font-size:16px; color:#000;}
.index_news ul li dl div ol:nth-child(1){float:left; width:80%;font-size: 13px;}
.index_news ul li dl div ol:nth-child(2){float:left; width:15%; margin-left:5%; font-size:14px; text-align:center; font-family:'dinpro'; background-color:#eee;}
.index_news ul li dl div ol font{font-size:30px; line-height:50px;  background-color:#91b9c8; width:100%; display:block; height:50px; color:#fff;}


/*index_pro_divb*/
.index_pro_divb{width:100%; margin:60px 0 100px 0;overflow: hidden;}
.index_pro_divb li{width:25%; float:left; background-color:#fff; background-image:url(../images/jbbg.gif); background-repeat:repeat-y; background-position:left; position:relative;}
.index_pro_divb li dd{position:absolute; top:0; left:0; width:100%; height:100%; background-color:#C70026; color:#fff; display:flex; -webkit-display:flex; justify-content:center; align-items:center;opacity: 0;transition: all 0.3s ease;}
.index_pro_divb li dd dl{width:80%;}
.index_pro_divb li dd dl div{margin-bottom:40px;}
.index_pro_divb li dd dl span{font-weight:600; font-size:20px;}
.index_pro_divb li dd dl p{font-size:18px; line-height:18px; font-family:"dinprob"; color:#fff; background-image:url(../images/wh_line.gif); background-position:bottom left; padding-bottom:10px; padding-top:10px; margin-bottom:40px; background-repeat:no-repeat;}
.index_pro_divb li dd dl a{color:#fff; padding:8px 20px; border:1px solid #fff;}
.index_pro_divb li dd dl a:hover{color:#C70026; background-color:#fff; padding:8px 20px; border:1px solid #fff;}
.index_pro_divb li ol{padding:30px 0 30px 30px; font-size:16px; color:#000;}
.index_pro_divb li ol p{font-size:14px; font-family:"dinpro"; color:#aaa; background-image:url(../images/black_line.gif); background-position:bottom left; padding-bottom:10px; background-repeat:no-repeat;}
.index_pro_divb li img{width:100%;}


/*banner*/
.n_banner{width:100%; height:250px; background-color:#666; display:flex; -webkit-display:flex; justify-content:center; align-items:center;margin-top: 90px;}
.n_banner ul{width:77%; min-width:1200px; margin:0 auto; text-align:left;}
.n_banner ul font{font-size:65px; color:#fff; line-height:80px;text-transform: uppercase;font-weight: bold;}
.bn_line{background:#fff;width:5vw;height:4px;margin-top:1vw;margin-left:5px;}
#fixMenuBox{width:100%;height:60px;line-height:60px;border-bottom: 1px solid #ddd;border-top:1px solid #ddd;background: #fff;}
.fixMenu{width:77%; min-width:1200px; margin:0 auto;display:flex;justify-content:space-between;align-items:center;}
.fixMenu div:nth-child(2) a{display: inline-block;line-height:53px;font-size:16px;display: inline-block;background-image: linear-gradient(#E53B20,#E53B20);background-position: center bottom;background-size: 0 1.5px;background-repeat: no-repeat;transition: .4s;line-height: 60px;}
.fixMenu_x{background-size: 100% 1.5px !important;}
.fixMenu div:nth-child(2) span{margin:0 20px;}
.fixMenu div:nth-child(2) span:last-child{display: none;}
.fixMenu div:nth-child(2) a:hover{color:#E53B20;background-size: 100% 1.5px;}
.fixMenu div:nth-child(1) span{display:flex;justify-content:center;align-items:center;}
.fixMenu div:nth-child(1) span i{font-size:14px;margin-right: 2px;}
.fixMenu div:nth-child(1) span .firstI{color:#E53B20;font-size: 20px;}
.fixMenu div:nth-child(1) span a{margin:0 3px;}
.fixMenu div:nth-child(1) span a:hover{color:#E53B20;}

/* about */
.about_bBox{width:100%;overflow: hidden;padding:50px 0;background-image: url(../images/about_qywh_bg.jpg);}
.about_b{width:77%;min-width:1200px;overflow: hidden;padding:3vw 0;margin: 0 auto;}
.about_title{width:100%;overflow: hidden;text-align: center;    font-size: 30px;    line-height: 1.5;}
.about_title span {position: relative;padding:0 50px; display: inline-block;color:#fff;}
.about_title2 span {position: relative;padding:0 50px; display: inline-block;color:#333;}
.about_title span:before{content: '';background: url("../images/left_w.png") no-repeat center / auto 100%;height: 30px;width: 30px;top: 7.5px;display: block;position: absolute;left: 0;}
.about_title span:after{content: '';background: url("../images/right_w.png") no-repeat center / auto 100%;height: 30px;width: 30px;top: 7.5px;display: block;position: absolute;right:0;}
/* .about_title2 span:before{content: '';background: url("../images/left.png") no-repeat center / auto 100%;height: 30px;width: 30px;top: 7.5px;display: block;position: absolute;left: 0;}
.about_title2 span:after{content: '';background: url("../images/right.png") no-repeat center / auto 100%;height: 30px;width: 30px;top: 7.5px;display: block;position: absolute;right:0;} */
.about_title p:nth-child(2){font-size:18px;margin-top:10px;color:#fff;}
.about_title2 p:nth-child(2){font-size:18px;margin-top:10px;color:#333;}
.about_qywh{width:100%;overflow: hidden;margin-top:30px;}
.about_qywh li{width:calc(25% - 23px);float:left;margin-right:30px;display:flex;justify-content:center;align-items:center;height:400px;}
.about_qywh li:last-child{margin-right:0px;}
.about_qywh li .left{width:50%;height:100%;display:flex;justify-content:center;align-items:center;background-position: right;background-size: cover;}
.about_qywh li .left img{display: block;width: 100%;height: 100%;transition: all 0.4s ease;position: relative;}
.about_qywh li .right{width: 50%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;padding:0 20px;}
.about_qywh li .right .rightN{height:100%;width:100%;display: flex;flex-direction: column;align-items: center;justify-content:flex-start;padding-top:20px;}
.about_qywh li .right .top{font-size: 16px;width: 80px;height: 80px;background: url(../images/qiu.png) no-repeat center / cover;display: flex;align-items: center;justify-content: center;color:#fff;}
.about_qywh li .right .btm{line-height: 25px;display: inline-block; margin: 30px 0 0;color:#fff;height:calc(100% - 150px);writing-mode: vertical-lr; font-size:16px;}

.about_aBox{width:100%;overflow: hidden;padding:50px 0;}
.about_a{width:77%;min-width:1200px;overflow: hidden;padding:3vw 0;margin: 0 auto;}
.about_a ul{margin:40px 0;width: 100%;overflow: hidden;}
.about_a ul li:nth-child(1){width:calc(65% - 40px); float:left; text-align:left; margin-right:40px;line-height:25px;font-size: 15px;}
.about_a ul li:nth-child(1) p{margin-bottom:10px;}
.about_a ul li:nth-child(2){width:35%; float:left;}
.about_a ul dd{width:calc(25% - 6px); float:left; margin-right:8px;}
.about_a ul dd:nth-child(4){margin-right:0;}
.about_a ul dd img{width:100%;}
.about_a ul li img{width:100%;}
.about_aImg{width:100%;overflow: hidden;}
.about_aImg img{width:calc(25% - 12px); float:left; margin-right:15px;}
.about_aImg img:nth-child(4){margin-right:0;}

/* about_ryzs */
.about_c{width:100%; padding:120px 0 80px 0; background-color:#f5f5f5;overflow: hidden;}
.about_c ul{width:77%; min-width:1200px; margin:0 auto;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.about_c ul li{width:calc(40% - 30px); margin-right:60px; float:left;}
.about_c ul li:nth-child(2){margin-right:0; width:calc(60% - 30px);}
.about_c ul li h1{margin-bottom:30px;margin-bottom: 50px; background-repeat: no-repeat; background-position: left bottom;    overflow: hidden;font-size: 30px;
  font-weight: 300;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 30px;}
  .about_c ul li h1 i {
    text-align: center;
    font-size: 30px;
    font-style: normal;
    overflow: hidden;
    height: 70px;
    line-height: 60px;
    float: left;
    border-bottom: 2px solid #D63522;
    text-transform: uppercase;
}
.about_c ul li p{margin-bottom:60px;width:80%;line-height:25px;}
.about_c ul li img{width:calc(33.3% - 8px);margin-bottom:12px;float:left;margin-right:12px;}
.about_c ul li img:last-child{margin-right:0;}
/* .about_c ul li img:nth-child(1){margin-right:12px;}
.about_c ul li img:nth-child(3){width:100%;} */
.about_c ul li a{text-align:left;}
.about_c ul li div{width:100%;overflow: hidden;margin-bottom:30px;}
.about_c ul li div span{color:#fff; font-size:40px; line-height:40px; padding:10px; margin-right:8px;float:left;}
.about_c ul li div span:nth-child(1){background-color:#1D2088;}
.about_c ul li div span:nth-child(2){background-color:#B01D36;}
.about_c ul li div span:nth-child(3){background-color:#3E3A39;}
.about_c ul li div span:nth-child(4){background-color:#B01D36;}
.about_c ul li div span:nth-child(5){background-color:#0F593F;}
.about_c ul li .ex{width:60px;height:60px;float:left;}

/* about_qywh */
.about_part2{width:1200px;margin:0 auto;margin-top:50px;overflow: hidden;}
.qywh_bt{display: flex;flex-direction: column;align-items: center;justify-content:center;}
.qywh_bt p:nth-child(2){font-size:18px;margin-top:10px;}
.fwlyBox{width:100%;overflow: hidden;background: #f5f5f5;}
.fwly{width:1200px;margin:0 auto;margin-top:50px;position: relative;}
.fwly_title{width: 100%;overflow: hidden;text-align: center; display: flex;justify-content: center;align-items: center;border-bottom: 1px solid #e8e8e8;}
.fwly_title i{text-align: center;font-size:30px;font-style: normal;overflow: hidden;height: 70px;line-height: 60px;float: left;border-bottom: 2px solid #D63522;text-transform: uppercase;}

.hot_role{width:1200px;overflow:hidden;margin:50px auto;margin-top: 30px;}
#centerwell{position:relative;height:300px;margin:0;padding:0;background:#FFFFFF;overflow:hidden;width:100%;}
#centerwell li{position:relative;width:125px;height:300px;float:left;border-right:#e0e0e0 1px solid;background:white;overflow:hidden;}
#centerwell h3{position:absolute;top:0;left:0;margin:0;width:125px;height:300px;background-color:#f2f2f2;position:relative;cursor:pointer;text-align: center;font-size:20px;display:flex;justify-content:center;align-items:center;font-weight: 300;}
#centerwell h3 div{color:#000;text-transform: uppercase;}
#centerwell h3 i{font-size:30px;color:#000;}
/*#centerwell h3.on div{color:#fff;}*/
/*#centerwell h3.on i{color:#fff;}*/
#centerwell .hot_content{position:absolute;left:125px;top:0px;width:565px;color:#5f5f5f;font-size:15px;line-height:18px;letter-spacing:0pt;height: 100%;background-size: cover;display:flex;justify-content:center;align-items:center;}
#centerwell h3 img{filter:alpha(opacity=30);opacity:0.3;float:left;width:100px;height:300px;}
#centerwell h3.on img{filter:alpha(opacity=100);opacity:1;}
#centerwell h3 .hot_title{display:block;position:absolute;z-index:10;left:0;bottom:0;width:72px;height:177px;color:#FFFFFF;text-align:center;}
#centerwell h3.on .hot_title{display:none;}
/*#centerwell h3.on{background:#D63522;color:#fff;}*/
.about_b_img1{background-image: url(../images/about_b_img1.jpg);background-position: center;}
.about_b_img2{background-image: url(../images/about_b_img2.jpg);background-position: center;}
.about_b_img3{background-image: url(../images/about_b_img3.jpg);background-position: center;}
.about_b_img4{background-image: url(../images/about_b_img4.jpg);background-position: center;}
.about_b_img5{background-image: url(../images/about_b_img5.jpg);background-position: center;}
.hot_content_a{width:80%;height:auto;color:#fff;}
.hot_content_p1{text-transform: uppercase;font-size: 16px;}
.hot_content_p2 span{display: inline-block;height:2px;border-bottom:1px solid #fff;width:25px;}
.hot_content_p3{font-size:20px;font-weight: 500;margin-top:30px;line-height: 25px;}

/* prolist */
.productList{width:100%;padding: 50px 10px;overflow: hidden;}
.productList li{float:left;margin-right:20px;width:calc(25% - 15px);    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);margin-bottom:30px;position: relative;background-color: #fff;}
.productList li:nth-child(4n){margin-right: 0;}
.productList li .topImg{width:100%;overflow: hidden;}
.productList li .topImg img{width:100%;}
.productList li .btm{width: 100%;padding:15px 15px 25px 15px;transition: all 0.5s linear 0s;background:#FBFBFB;}
.productList li .btm p:nth-child(1){font-size:18px;line-height: 1.5;color:#333;display:flex;justify-content:space-between;align-items:center;height: 54px;}
.productList li .btm .line{width: 30px;
  margin-right: 0px;
  margin-left: auto;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: rgba(153,153,153,1);
  max-height: 1px;
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);margin-top:10px;}
  .productList li:hover .line{
    background: rgba(255,255,255,1);
    border-color: rgba(255,255,255,1);
    width: 100%;
    margin-right: 0px;
    margin-left: auto;
  }
  .productList li:hover .btm{background: #2E6CB4;}
  .productList li:hover .btm p:nth-child(1){color:#fff;}
/* .productList li:hover{bottom:10px;animation: animation_name .3s linear ;}
@keyframes animation_name {
  0% {
      bottom: 0;
  }

  100% {
    bottom: 10px;
  }
} */

/* pro */
.pro{width:100%;overflow: hidden;display:flex;justify-content:space-between;align-items:center;margin:50px 0;background: #F5F7F9;}
.pro .left{background: #F5F7F9;padding:20px;width:45%;}
.pro .left img{width:100%;}
.pro .right{background: #F5F7F9;padding:40px;width:51%;}
.pro .right p{font-size:15px;line-height: 1.5;margin-bottom:12px;overflow: hidden;}
.pro .right .title{font-size:20px;margin-bottom: 20px;font-weight: bold;color:#333;}
.pro .right p span{display: inline-block;float: left;width:calc(100% - 150px);}
.pro .right p span:nth-child(1){width:150px;}
.pro .right .hr{margin:20px 0;}
.lyxj{cursor: pointer; width: 180px; height: 46px;background: #b9161c;display: flex; align-items: center;justify-content: space-around; color: #ffffff !important;font-size: 14px;border:none;margin-top:2vw;    text-transform: uppercase;position: relative;z-index: 1;transition: color .3s cubic-bezier(.215,.61,.355,1);transform: translateZ(0);text-decoration: none;white-space: nowrap;overflow: hidden;border: 1px solid #b9161c;}
.lyxj:before {content:'';position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:-1;background-color:#fff;transform-origin:center top;transform:translateZ(0) scaleY(0);transition: transform .5s cubic-bezier(.215,.61,.355,1);width: 100%;height: 100%;}
.lyxj:hover:before{transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
.lyxj:hover{color:#b9161c !important;}
.pro_bodyBox{width:100%;margin-top:60px;overflow: hidden;}
.pro_bodyBox .title{font-size:20px;font-weight: bold;line-height: 2;border-bottom:1px solid #ddd;color:#333;}
.pro_body{width:100%;overflow: hidden;min-height: 100px;}

/* pro_2 */
.proBtmBox{background:#fff;margin:1.56vw 0;padding:2.6vw 3.32vw;}
.proBtmBox .title{padding: 0 0 1.56vw; display: flex; align-items: center; justify-content: space-between;font-size: 20px; font-weight: bold; margin-left: 1%;}
.proBtmBox .box{width:100%;overflow: hidden;}
.proBtmBox .box .mk{width: 48%; margin: 0 1%; height: auto;background: #f5f5f5; padding: 2.6vw;float:left;}
.proBtmBox .box .mk .title2{font-size: 20px; color: #333333; font-weight: bold;}
.proBtmBox .box .mk ul{font-size: 16px;line-height: 32px;margin: 1.04vw 0 0;}
.proBtmBox .box .mk ul li{list-style: initial;    margin-left: 20px;}
.proBtmBox .lyxj{margin-left:1%;}
.imgBox{width:100%;overflow: hidden;margin: 1.54vw 0 0;}
.logoImg{width:calc(33.3% - 15px);margin-right:20px;background:#fff;padding: 1.6vw;float:left;}
.logoImg div{width:100%;}
.logoImg div img{width:100%;}
.logoImg p{font-size:14px;text-align: center;}
.imgBox .logoImg:last-child{margin-right:0;}

.proWord{padding:20px 0 50px 0;width:100%;font-size:20px;line-height: 30px;}
.proTable{width:100%;overflow: hidden;}
.proTable .title{text-align: center;font-size:25px;margin:20px 0;    font-weight: 500;}
.proTable table{border-collapse:collapse;border:1px solid;table-layout:fixed;width:100%;margin-bottom:50px;}
.proTable table th,.proTable table td{border:1px solid #fff;text-align: center;padding:0 12px;font-size:14px;}
.proTable table tr:nth-child(2n-1){background: #C9E1F2;}
.proTable table tr:nth-child(2n){background: #E0E9F4;}
.pro_bc li{width:Calc(25% - 15px);}
.pro_bc li:nth-child(3){margin-right:20px;}
.pro_bc li:nth-child(4){margin-right:0px;}    

/* newsList */
.all_mid{width:77%; min-width:1200px; margin:0 auto;overflow: hidden;}
.newsTop{padding: 4vw 0;width:100%;overflow: hidden;}
.newsTop a{display: flex;align-items: center;justify-content: space-between;width:100%;border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.newsTop a .left{width: 50%; height: 19.5vw;background-position: center;background-size: cover;}
.newsTop a .right{width:46%;}
.newsTop a .right .title{font-size:1.8vw;width:100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;line-height: 1;color:#333333;}
.newsTop a .right .date{margin: 1vw 0;font-size:1.3vw;line-height: 1;}
.newsTop a .right button{cursor: pointer; width: 10vw;height: 2.7vw;background: #b9161c;display: flex; align-items: center;justify-content: space-around; color: #ffffff;font-size: 16px;border:none;margin-top:3vw;    text-transform: uppercase;position: relative;z-index: 1;transition: color .3s cubic-bezier(.215,.61,.355,1);transform: translateZ(0);text-decoration: none;white-space: nowrap;overflow: hidden;border: 1px solid #b9161c;}
.newsTop a .right button:before {content:'';position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:-1;background-color:#fff;transform-origin:center top;transform:translateZ(0) scaleY(0);transition: transform .5s cubic-bezier(.215,.61,.355,1);width: 100%;height: 100%;}
.newsTop a .right button:hover:before{transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
.newsTop a .right button:hover{color:#b9161c;}
.newsBtm{display: flex;justify-content: space-between;align-items: flex-start;width:100%;overflow: hidden;padding-bottom: 5vw;}
.newsBtm .left{width: 70%;padding: 0 3% 0 0;border-right: 1px solid #e5e5e5;}
.newsBtm .left .newsBox{width: 100%;overflow: hidden;min-height: 500px;}
.newsBtm .left .newsBox li{width:100%;padding: 2vw 0;border-bottom: 1px solid #e5e5e5;}
.newsBtm .left .newsBox li a{display: flex;justify-content: space-between;align-items: center;overflow: hidden;}
.newsListImg{width: 30%;height: 8vw;background-position: center;background-size: cover;}
.newsListInfo{width: 66%;}
.newsListInfo .title{font-size: 18px;width:100%;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;line-height: 1.5;color:#333333;}
.newsListInfo .date{color:#333333; margin: 0.6vw 0; font-weight: bold;}
.newsListInfo p{color:#b9161c;margin: 1.5vw 0 0;font-size:13px;font-weight: 500;}
.newsListInfo p i{margin-left:10px;}
.newsBtm .left .newsBox li a:hover .title{color:#b9161c;font-weight: 500;}
.newsBtm .right{width: 24%;overflow: hidden;}
.newsBtm .right .title{font-size: 1.4vw;color: #333333;line-height:1.5;}
.rightListNews{margin: 1vw 0 0;overflow: hidden;}
.rightListNews li{margin: 0 0 1vw;    width: 100%;  background: #f3f3f3; transition: all 0.3s ease;}
.rightListNews li a{display: flex; align-items: center;justify-content: space-between;color: #333333;}
.rightListNews li a div{padding: 1.2vw;transition: all 0.3s ease;}
.rightListNews li a div p:nth-child(1){overflow: hidden;margin: 0 0 1vw;font-size: 16px;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;transition: all 0.3s ease;}
.rightListNews li a div p:nth-child(2){font-weight: bold;transition: all 0.3s ease;}
.rightListNews li:hover{background: #b9161c;;}
.rightListNews li:hover p{color: #fff;}

.newsNTitle{font-size: 30px;color: #b9161c;line-height: 1.5;}
.news_line{background:#b9161c;width:5vw;height:4px;margin-top:1vw;margin-left:5px;}
.newsNDate{font-size: 1vw;margin: 2vw 0 0;color:#333333;}
.newsNContent{padding: 3vw 7% 3vw 0;min-height: 400px;overflow: hidden;width: 100%;}
.newsNContent p{line-height:25px;font-size:15px;}
.newsNBtm .left{padding: 5vw 3% 5vw 0;}
.newsNBtm .right{padding: 5vw 0;}
.prevnext{margin: 3vw 0 0;display: flex;align-items: center; justify-content: flex-start;}
.prevnext a{width: 2.6vw;  height: 2.6vw;  border: 1px solid #e5e5e5;  display: flex;  align-items: center;  justify-content: center;  margin: 0 0.6vw 0 0;  transition: all 0.3s ease; }
.prevnext a:hover{background: #b9161c; border: 1px solid #b9161c;color: #ffffff;}

.wrap{margin: 3vw 0 0;display: flex;align-items: center; justify-content: flex-start;}
.wrap a{ width: 2.6vw;  height: 2.6vw;  border: 1px solid #e5e5e5;  display: flex;  align-items: center;  justify-content: center;  margin: 0 0.6vw 0 0;  transition: all 0.3s ease; }
.wrap .on{background: #b9161c; border: 1px solid #b9161c;color: #ffffff;}
.wrap a:hover{background: #b9161c; border: 1px solid #b9161c;color: #ffffff;}

/* contact */
.contactBox{width:100%;margin-top:90px;overflow: hidden;}
.contactRightBox{width:50%;height:100vh;float:right;}
.contactRight{width:80%;height:100%;float:right;}
.contactRight #container{width:100%;height:100%;}
.contactLeftBox{width:50%;float:left;}
.contactLeft{width:600px;float:right;padding: 5vw 0;}
.contactTitle{font-size:40px;background-image: url(../images/bottom_line.gif);line-height: 50px;background-repeat: no-repeat;background-position: 5px 70px;padding-bottom:30px;color:#d71718;font-weight: 500;}
.contactLeft ul{width:100%;display:flex;justify-content:center;align-items:center;padding: 3vw 0;border-bottom:1px solid #ccc;}
.contactLeft ul li{width:calc(33.3% - 20px);margin-right:20px;display: flex;flex-direction: column;align-items: flex-start;justify-content:center;}
.contactLeft ul li div:nth-child(1){width:50px;height:50px;border-radius: 50%;color:#000;display:flex;justify-content:center;align-items:center;border:1px solid #000;}
.contactLeft ul li div:nth-child(1) i{font-size:20px;}
.contactLeft ul li div:nth-child(2){margin: 1.5vw 0 1vw;color:#000;font-size: 20px;font-weight: bold;}
.contactLeft ul li div:nth-child(3){height:50px;color:#000;font-size: 14px;}
.contactLeftBtm{width:600px;float:right;padding-bottom: 5vw;}
.btmTitle{color:#2E6CB4;}
.xzlyBox{width:100%;overflow: hidden;margin-top:2vw;}
.xzlyBox li{width:calc(50% - 20px);margin-right:20px;float:left;}
.xzlyBox li:nth-child(3){width:calc(100% - 20px);}
.xzlyBox li input{line-height: 60px;border:none;border-bottom:1px solid #ddd;width:100%;font-size: 14px;}
.contact_tj{cursor: pointer; width: 180px; height: 46px;background: #b9161c;display: flex; align-items: center;justify-content: space-around; color: #ffffff;font-size: 16px;border:none;margin-top:2vw;    text-transform: uppercase;position: relative;z-index: 1;transition: color .3s cubic-bezier(.215,.61,.355,1);transform: translateZ(0);text-decoration: none;white-space: nowrap;overflow: hidden;border: 1px solid #b9161c;}
  .contact_tj:before {content:'';position:absolute;top:0px;bottom:0px;right:0px;left:0px;z-index:-1;background-color:#fff;transform-origin:center top;transform:translateZ(0) scaleY(0);transition: transform .5s cubic-bezier(.215,.61,.355,1);width: 100%;height: 100%;}
  .contact_tj:hover:before{transform:translateZ(0) scaleY(1); transform-origin:center bottom;}
  .contact_tj:hover{color:#b9161c;}

  /*bottom*/
.bottom{width:100%; padding:80px 0 0 0; background-color:#2E6CB4;color:#fff;position: absolute; overflow: hidden;}
.btmBg{position: absolute;top:0;left: 50%;margin-left:-200px;z-index: 1;}
.bottom ul{width:77%; min-width:1200px; margin:0 auto;overflow: hidden;position: relative;z-index: 2;}
.bottom ul:nth-child(2){ border-bottom:1px solid #ccc; font-size:12px; padding:10px 0; line-height:20px;position: relative;display: flex; justify-content: space-between; align-items: flex-end;}
.bottom ul:nth-child(3){ font-size:12px; padding:10px 0; line-height:20px;}
.bottom ul li{float:left; text-align:left; margin-right:60px;}
.bottom ul li a{color:#fff;}
.bottom ul li:nth-child(5){float:right; text-align:right; margin-right:0;}
.bottom ul li div{font-size:15px; margin-bottom:5px; color: #fff;font-weight: bold;}
.bottom ul li span{font-size:15px;margin-bottom:5px; display:block;}
.bottom ul dl{width:50%; float:left;}
.bottom ul dl a{color:#fff;}
.bottom ul dl:nth-child(1){display: flex;justify-content: flex-start;align-items: center;}
.bottom ul dl:nth-child(2){text-align:right;}
.bottom ul dl span{font-size:14px; color:#000;}
.bottom ul dl img{display:inline; margin-right:5px; width:12px;}
.bottom ul dd{width:50%; float:left;}
.bottom ul dd:nth-child(2){text-align:right;position: relative;}
.bottom ul dd:nth-child(2) img{width: 100px;float: right;}
.bottom ul dd font{font-size:24px; color:#bbb; margin-left:3px;}
.foot_gp{padding:20px;width:300px;height:100px;background:#d71718;position: absolute;right: 0;top: -100px;color:#fff;text-align: left;font-size:16px;font-family: "dinprob";}
.foot_foot_top{font-size:40px;font-weight: bold;margin-top:20px;font-family: "dinprob";}
.foot_foot_top span{margin-right:10px;}
.foot_foot_btm{margin-top:20px;}
.foot_zd{float:left;font-size: 20px;}
.foot_time{float:right;font-size:14px;}


/* innvo */
.rzyy_part3{width:77%; min-width:1200px; overflow:hidden; margin:50px auto;text-align: center;}
.rzyy_part3_title{font-size:32px;line-height:35px;font-weight: 500;}
.rzyy_part3_imgBox{width:100%;overflow: hidden;margin-top:30px;}
.rzyy_part3_zl{float:left;border:1px solid #ddd;width:calc(20% - 17px);margin-left:20px;}
.rzyy_part3_imgBox .rzyy_part3_zl:nth-child(1){margin-left:0;}
.rzyy_part3_zl img{width:100%;}
.rzyy_part4{width:77%; min-width:1200px; overflow:hidden; margin:50px auto;text-align: center;}
.rzyy_part4_imgBox{width:100%;overflow: hidden;margin-top:30px;}

.rzyy_part4 .swiper {
  width: 100%;
  height: 100%;
}

.rzyy_part4 .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.rzyy_part4 .swiper-slide a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.rzyy_part4 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.rzyy_part4 .swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{background-image: url(../images/right_02.png); background-size: cover;
background-position: center;content: "";position: relative;width: 50px;height: 60px;}
.rzyy_part4 .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{background-image: url(../images/left_02.png); background-size: cover;
background-position: center;content: "";position: relative;width: 50px;height: 60px;}
.yfzxBox{width:77%;min-width: 1200px;margin:0 auto;overflow: hidden;padding:50px 0;}
.yfzxBox .fwly_title{justify-content: flex-start;}
.yfzx{width:100%;overflow: hidden;margin-top:30px;padding: 10px;}
.yfzx li{width:calc(20% - 16px);margin-right:20px;margin-bottom:20px;background: #fff;padding: 15px;box-shadow: #e8e8e8 0px 0px 10px;float: left;}
.yfzx li:nth-child(5n){margin-right:0;}
.yfzx li img{width:100%;}
.rztx{width:100%;overflow: hidden;margin-top:30px;    padding: 10px;}
.rztx li{width:calc(20% - 15px);margin-right:20px;margin-bottom:20px;background: #fff;padding: 15px;box-shadow: #e8e8e8 0px 0px 10px;}
.rztx li:nth-child(3n){margin-right:0;}
.rztx li img{width:100%;}

/*about_ky*/
.about_ky{width:100%; height:auto; padding:80px 0;}
.about_ky ul{width:77%; min-width:1200px; margin:0 auto;}
.about_ky ul li{width:48%; float:left; margin-right:4%;}
.about_ky ul li img{width:calc(50% - 10px);margin-right:20px;float:left;}
.about_ky ul li img:last-child{margin-right: 0;}
.about_ky ul li:nth-child(2){margin-right:0;}
.about_ky ul li dd:nth-child(1){text-align:left;  padding-bottom:15px;}
.about_ky ul li dd dl{float:left; background-color:#2E6CB4; color:#fff; margin-right:2px; padding:2px 10px;}
.about_ky .fwly_title{justify-content: flex-start;}

.about_kyb{width:100%; height:auto; padding:80px 0; background-image:url(../images/shebeibg.jpg); background-position:center; background-size:100%;}
.about_kyb ul:nth-child(1){text-align:left;  padding-bottom:15px; margin:0 auto 20px auto; }
.about_kyb ul{text-align:left; margin:0 auto; width:77%; min-width:1200px;}
.about_kyb ul div{width:50%;}
.about_kyb .fwly_title{justify-content: flex-start;width: 50%;}
.syxzl .fwly_title{justify-content: flex-start;}

.ylflBox{width:77%;min-width: 1200px;margin:0 auto;overflow: hidden;padding:50px 0;}
.ylflBox .fwly_title{justify-content: flex-start;}
.ylflBox table{border-collapse:collapse;border:1px solid;table-layout:fixed;width:100%;margin-top:30px;}
.ylflBox table tr th{text-align: center;border:1px solid #aaa;font-weight: 300;background:#F2F1DD;height:30px;line-height: 18px;}
.ylflBox table tr td{text-align: center;border:1px solid #aaa;height:30px;}
.pink1{background:#F5E1ED;}
.pink2{background:#F7E9F6;}
.blue1{background:#C9E1F2;}
.blue2{background:#E0E9F4;}
.green1{background:#D0E9D4;}
.green2{background:#E5F0E0;}
.yellow1{background:#FEEBDB;}
.ytBox{width:100%;overflow: hidden;margin-top:30px;}
.ytLine{width:100%;overflow: hidden;margin-bottom:30px;}
.ytLine p{font-weight: bold;padding-left:10px;position: relative;font-size:18px;display: flex;justify-content: flex-start;align-items: center;}
.ytLine p:before{content:"";position: absolute;width:5px;height:20px;background:#2E6CB4;left:0;}
.ytLine ul{margin-top:15px;width:100%;}
.ytLine ul li{list-style: inside;}




.mobile_wh{display:none;}
.pcShow{display: block;}
.mobileShow{display: none;}
.pcTable{display: table;}
@media only screen and (min-width: 220px) and (max-width: 1200px){

  .pcShow{display: none !important;;}
  .mobileShow{display: block;}
  .mobile_wh{display:block;}

  
.head_a{width:100%; height:55px; position:fixed; top:0; background-color:#fff; z-index:9999; box-shadow: 0 0 2px rgba(200,200,200,0.1); -webkit-box-shadow: 0 0 2px rgb(200,200,200,0.1); -moz-box-shadow: 0 0 2px rgb(200,200,200,0.1);display: block;}
.head_a ul{width:95%; height:55px; margin:0 auto;}
.head_a ul li:nth-child(1){width:40%;}
.head_a ul li{width:25%; float:left; height:55px;}
.head_a ul li:nth-child(1){display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.head_a ul li:nth-child(2){text-align:right; font-family:Arial, Helvetica, sans-serif; line-height:55px;float: right;}

/*mob nav*/
.sp_nav{width:18vw; float:right; position:relative; cursor:pointer; height:8vw;}
.sp_nav span{display:block;background:#191919;width:7vw;height:2px;position:absolute;left:0;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:8px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:8px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;z-index:999;background:#eee;width:100%; height:100%; font-size:1em; line-height:40px; top:-100%; left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: block;}
.nav_show{top:55px;}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left; width:100%;}
.sjj_nav>ul>li:first-child .language{float:right;width:100%;overflow:hidden;line-height:30px;}
.sjj_nav>ul>li:first-child .language a{width:20%;float:left; text-align:center;color:#999; border-right:1px #ddd solid;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:5vw;position:relative;line-height:40px;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#616161;width:100%; display:block;}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#999;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#cc0022}
.sjj_nav ul li ul li>ul{margin-left:10px}



.index_add{margin-top:30px;height: 30vh;background-image: url(../images/index_banner.jpg);background-position: center;background-size: cover;}
.index_add ul:nth-child(1){background:none;}
.index_add ul:nth-child(2){font-size:16px;line-height: 25px;}
.index_add ul:nth-child(2) p:nth-child(1){margin-bottom:20px;}
.application .index_about_title h3{font-size:16px;}
.applicationBox{padding:100px 12px;}
.application .index_about_title dd{font-size:60px;}
.applicationBox .swiper-wrapper{display: block;}
.application .swiper1 .slide1{width:50%;float:left;min-height: 370px;margin-bottom: 2px;}
.application .swiper1 .slide1 .dn-word{ height: 100%;}
.application .swiper1 .slide1 .dn-word .dp-icon1 .iconfont{font-size:25px;color:#fff;}
.application .swiper1 .slide1 .dn-word .dp-link1{display: block;margin-top:0;}
.application .swiper1 .slide1 .dn-word{background: rgba(0,0,0,0.3);}
.application .swiper1 .slide1 .dn-word .dp-ti1{color:#fff;margin: 2.66vw 0 3.99vw;  height: 40px; line-height: 20px; font-size: 16px;}
.application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1{padding: 0.5vw 0;font-size: 3.192vw;margin: 0 0 0.665vw;border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1 b{color:#fff;    font-weight: 500;text-align: left;line-height: 18px;}
.application .swiper1 .slide1 .dn-word .dp-link1 .dp-a1 .iconfont{opacity: 1;color:#fff;}
.index_about_a_1{width:100%;padding: 80px 12px 0 12px;min-width: 0;}
.index_about_a_1 ul li{width:100%;margin-right:0;    margin-bottom: 40px;}
.index_about_img{ width: calc(100% - 24px) !important; margin-left: 12px !important;float: left !important;}
.index_about_a_1 ul li .index_about_title h3{font-size:16px;}
.mk1{bottom: -18.5px;}
.mk2{top:-18.5px;}
.index_about_a_1 ul li .index_about_title dd{font-size:60px;}
.index_about_a_1 ul li .index_about_title h2{font-size:35px;}
.index_news ul ol .index_about_title h2{font-size:35px;}
.application .index_about_title h2{font-size:35px;}
.index_news ul li dl div ol:nth-child(1){width:calc(100% - 72px);}
.index_news ul li dl span{overflow: hidden; text-overflow: ellipsis;white-space: nowrap;display: inline-block;width:100%;}
.index_news ul li dl div ol:nth-child(2){width:60px;margin-left: 12px;}
.index_pro_divb li{width:50%;}
.index_pro_divb li ol p{font-size:12px;height:0px;}
.index_pro_divb li ol{padding:30px 12px 30px 30px;line-height: 18px;    height: 106px;}
.index_news ul ol .index_about_title h3{font-size:16px;}
.index_pro_divb li dd dl span{font-size:18px;}
.index_pro_divb li dd dl div{display: none;}
.index_news ul{width:100%;padding:0 12px;min-width: 0;}
.index_news ul ol{width:100%;}
.index_news ul:nth-child(1) ol:nth-child(2){display: none;}
.index_news ul ol .index_about_title dd{font-size:60px;}
.index_news ul li{width:100%;}
.index_news ul li:nth-child(1){display: none;}
.bottom ul{width:100%;padding:0 12px;min-width: 0;}
.bottom ul li{display: none;}
.bottom ul li:nth-child(5){display: block; width: 100%;text-align: center;}
.bottom ul dd:nth-child(1){display: none;}
.bottom ul dd:nth-child(2){display:flex;justify-content:center;align-items:center;}
.bottom ul dd{width:100%;}
.index_news ul li dl{padding:10px 0;}
.bottom ul:nth-child(3){display: none;}
.bottom{padding: 40px 0 10px 0;}
.bottom ul:nth-child(2){border:none;}
.n_banner{margin-top:30px;height: 150px;}
.n_banner ul{width:100%;padding:0 12px;min-width: 0;}
.n_banner ul font{font-size:30px;line-height: 45px;}
.fixMenu{width:100%;padding:0 12px;min-width: 0;display: block;}
.fixMenu div:nth-child(1) span{justify-content: flex-start;width:100%;font-size: 12px;padding: 5px 0;line-height: 30px;}
.fixMenu div:nth-child(1) span .firstI{font-size:16px;}
.fixMenu div:nth-child(2) a{font-size:12px;line-height: 30px;padding:5px 0;}
.fixMenu div:nth-child(2) span{margin:0 8px;}
#fixMenuBox{height:auto;line-height: normal;border-bottom:none;}
.fixMenu div:nth-child(1){border-bottom:1px solid #ddd;}
.fixMenu div:nth-child(2){border-bottom:1px solid #ddd;}
.about_a{width:100%;padding:0 12px;min-width: 0;}
.fwly_title i{font-size:25px;line-height: 40px;height:50px;}
.about_a ul li:nth-child(1){width:100%;margin-right:0;    font-size: 14px;}
.about_a ul li:nth-child(2){width:100%;margin-top:20px;}
.about_a ul{margin-bottom:12px;}
.about_aImg img{width: calc(50% - 6px);margin-right: 12px;margin-bottom:12px;}
.about_aImg img:nth-child(2n){ margin-right: 0;}
.about_c ul{width:100%;padding:0 12px;min-width: 0;display: block;}
.about_c{padding:40px 0;}
.about_c ul li{width:100%;margin-right:0;}
.about_c ul li p{width:100%;margin-bottom: 30px;}
.about_c ul li div{margin-bottom:20px;}
.about_c ul li:nth-child(2){width:100%;margin-top:30px;}
.about_c ul li img{width:100%;margin-right:0;}
.about_part2{width:100%;padding:0 12px;    margin: 50px auto;}
.mobile_wh{width:100%;overflow: hidden;display:block;}
.mobile_wh li{width:100%;overflow: hidden;margin-top:20px;}
.mobile_wh_top{width:100%;overflow: hidden;display:flex;justify-content:center;align-items:center;padding:10px 0;font-size:16px;text-align: center;background-color: #f2f2f2;}
.mobile_wh_top i{font-size:22px;}
.hot_content{padding:20px;}
.hot_content_p1{font-size:14px;}
.hot_content_p3{font-size:14px;line-height: 20px;}
.hot_content_a{width:100%;}
.hot_role{display:none;}
.all_mid{width:100%;padding:0 12px;min-width: 0;}
.productList{padding:30px 0;}
.productList li{width:100%;margin-right:0;}
.pro{display: block;}
.pro .left{width:100%;}
.pro .right{width:100%;padding:20px;}
.pro .right p{font-size:14px;}
.proBtmBox{padding:20px;margin: 1.56vw 0 40px 0;}
.proBtmBox .title{padding-bottom:20px;}
.proBtmBox .box .mk{width:100%;padding:12px;margin-bottom: 12px;}
.proBtmBox .box .mk .title2{font-size:16px;}
.proBtmBox .box .mk ul{font-size:14px;}
.proBtmBox .box .mk ul li{line-height:25px;margin-bottom:5px;}
.about_ky ul{width:100%;padding:0 12px;min-width: 0;}
.about_ky ul li{width:100%;margin-right:0;margin-bottom:20px;}
.about_ky{padding:30px 0;}
.about_ky ul li dd dl{margin-bottom: 2px;}
.about_kyb ul{width:100%;padding:0 12px;min-width: 0;}
.about_kyb ul div{width:100%;}
.about_kyb{background-position: right;background-size: cover;}
.yfzxBox{width:100%;padding:0 12px;min-width: 0;    margin-top: 50px;}
.yfzx li{width:100%;margin-right:0;}
.rzyy_part4{width:100%;padding:0 12px;min-width: 0;}
.rztx li{width:100%;}
.ylflBox{width:100%;padding:50px 12px;min-width: 0;}
.logoImg{width:33.333%;margin-right:0;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.logoImg div{display:flex;justify-content:center;align-items:center;}
.logoImg div img{width:100%;}
.axq{margin-top:15px;font-size:20px;}
.newsTop{display: none;}
.newsBtm .left{width:100%;padding:0;border-right: none;}
.newsListImg{height:18vw;}
.newsListInfo .title{font-size:16px;}
.newsBtm{display: block;margin: 20px 0;}
.newsBtm .right{width:100%;    margin-top: 40px;}
.newsBtm .left .newsBox{min-height: 0;}
.wrap a{width:30px;height:30px;margin: 0 10px 0 0;}
.newsBtm .right .title{font-size:20px;}
.rightListNews li{width:calc(50% - 5px);margin-right:10px;margin-bottom:10px;float:left;}
.rightListNews li:nth-child(2n){margin-right:0px;}
.rightListNews li a div p:nth-child(1){font-size: 14px;line-height: 20px;height:40px;}
.newsNTitle{font-size:20px;line-height: 1.2;}
.news_line{width:10vw;margin-top:3vw;}
.newsNDate{font-size:14px;}
.newsNContent{padding:5vw 0;}
.prevnext a{width:30px;height:30px;margin: 0 10px 0 0;}
.rightListNews li a div{padding:2vw;}
.contactRightBox{height:250px;width:100%;float:left;}
.contactRight{width: 100%;}
.contactRight #container2 {width: 100%;height: 100%;}
.contactBox{margin-top:30px;}
.contactLeftBox{width:100%;padding:0 12px;}
.contactLeft{width:100%;padding: 10vw 0;}
.contactTitle{font-size:30px;line-height: 40px; background-position: 5px 50px;}
.contactLeft ul{display: block;}
.contactLeft ul li{width:100%; align-items: center;margin-bottom:20px;}
.contactLeftBtm{width:100%;}
.xzlyBox li{width:100%;}
.xzlyBox li:nth-child(3){width:100%;}
.contact_tj{margin: 4vw 0 8vw 0;font-size:14px;}
.contactLeft ul li div:nth-child(2){margin:12px 0 20px 0;font-size:18px;font-weight: 300;}
.mobile_wh_top div{text-transform: uppercase;}
}