/* by dingtiger 2019.3 */
@font-face {
  font-family: 'iconfont';  /* project id 2383891 */
  src: url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.eot');
  src: url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.woff') format('woff'),
  url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2383891_hja2b96u4fg.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: 'iconfont';  /* Project id 2376408 */
  src: url('//at.alicdn.com/t/c/font_2376408_ovk7rwvho9s.woff2?t=1713597991393') format('woff2'),
       url('//at.alicdn.com/t/c/font_2376408_ovk7rwvho9s.woff?t=1713597991393') format('woff'),
       url('//at.alicdn.com/t/c/font_2376408_ovk7rwvho9s.ttf?t=1713597991393') format('truetype');
}
@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: '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: 'Gilroy-L';
 	src: url('../font/Gilroy-Light.otf');
}

@font-face {
  font-family: 'gilroyb';
  src: url('../font/gilroyb.eot');
  src: url('../font/gilroyb.eot') format('embedded-opentype'),
    url('../font/gilroyb.woff2') format('woff2'),
    url('../font/gilroyb.woff') format('woff'),
    url('../font/gilroyb.ttf') format('truetype'),
    url('../font/gilroyb.svg') format('svg');
}

@font-face {
  font-family: 'Rajdhani';
  src: url('../font/Rajdhani-SemiBold.ttf') format('truetype');
}

@font-face {
  font-family: 'Rajdhani_b';
  src: url('../font/RAJDHANI_BOLD.ttf') format('truetype');
}

@font-face {
  font-family: 'FuturaBT_k';
  src: url('../font/FuturaBT_k.ttf') format('truetype');
}

@font-face {
  font-family: 'dincond';
  src: url('../font/dincond-medium-webfont.woff2') format('woff2');
}

@font-face {
  font-family: 'Gilroyt';
  src: url('../font/Gilroyt.ttf');
}
*{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; font-family: "Gilroy-L","PingFang SC",Arial, Helvetica, sans-;}
body {font-size:14px; line-height:24px; font-weight:300; color:#808080; font-family:"Gilroy-L","PingFang SC",Arial, Helvetica, sans-serif;  width:100%; overflow-x:hidden;}
ul,li {list-style: none; padding:0px; margin:0px}
img {border:0; margin:0px; padding:0px; display:block;max-width: 100%;}
input:focus {outline: none;}

.clearfix:after{content:""; display:block; clear:both; height:0; visibility: hidden; font-size:0; line-height:0;}
.clearfix{zoom:1;}

a:link {color: #808080;text-decoration: none;}
a:visited {color: #808080;text-decoration: none;}
a:hover {color:#d71518;text-decoration: none;}
a:active {color: #808080;text-decoration: none;}

h1{font-size:30px; color:#000; line-height:30px; font-weight:600; letter-spacing:10px;}
h2{font-size:30px; color:#000; line-height:30px; font-weight:300; font-family:"dinprob"; margin-bottom:20px;}
h3{font-size:30px; color:#000; line-height:30px; font-weight:300; margin-bottom:10px;}
h4{font-size:14px; color:#aaa; line-height:12px; font-weight:300; letter-spacing:0px; font-family:"dinpro";}

.allMid{width:77%;min-width: 1200px;margin:0 auto;overflow: hidden;}

/*logo*/
.logo{position:fixed; top:50px; left:50px; z-index:100;}

/*index_add*/
.txt-box{width:77%; min-width:1200px; display:block; margin:0 auto; text-align:center; position:relative;z-index: 2;}
.swiper-container {width:100%;height:100%;}
.swiper-slide{color:#fff;}

.swiper-slide .titleb_a_a {margin-top:32vh;}
.swiper-slide .titleb_a_a img{margin:0 auto;}
.swiper-slide .titleb_a {font-size:52px; line-height:52px; color:rgba(255,255,255,1); margin-top:38vh; letter-spacing:6px; font-weight:bold;}
.swiper-slide .titlec_a {margin-top:40px;}
.swiper-slide .titlec_a img{margin:0 auto;}
.swiper-slide .titled_a {font-size:15px; line-height:15px; color:rgba(255,255,255,1); margin-top:15px; letter-spacing:3px;}
.banner_mb{background:rgba(0,0,0,0.3);width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;}

/*index_about*/
.index_about{width:100%; height:100%;}
.index_about ul{width:50%; float:left; height:100%; display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.index_about ul:nth-child(1){color:rgba(255,255,255,0);background-image:url(../image/index_about_pic.jpg);background-size: cover;background-position: bottom;}
.index_about ul li{width:100%;}

.index_about_diva{width:90%; padding-left:10%;}
.index_about_diva p{width:95%; margin-top:40px;}
.index_about_diva h1{letter-spacing: 0;font-size:25px;font-weight: 300;}

.index_about_divb{width:90%; padding-left:10%; margin-top:80px;}
.index_about_divb ol{ width: calc(33% - 20px);float:left; text-align:left; box-sizing:border-box; font-size:13px; margin-right:20px; background-image:url(../image/black_line.gif); background-position:bottom left; padding-bottom:10px; background-repeat:no-repeat;line-height: 20px;}
.index_about_divb ol .count-list{display:flex;justify-content:flex-start;height: 60px;}
.index_about_divb ol .count-list b{margin-left:6px;line-height: 60px;}
.index_about_divb ol .count-num{display:block; font-family:"dinprob"; font-size:38px; line-height:46px; color:#d71518; margin-bottom:5px;}
.count_add{display:block; font-family:"dinprob"; font-size:38px; line-height:46px; color:#d71518; margin-bottom:5px;}

.index_about_divc{width:100%; margin-top:80px; height:190px; position:relative;}
.index_about_divc ol{width:100%; position:absolute; left:-25%;}
.index_about_divc ol li:nth-child(1){background-color:#d71518; color:#fff;}
.index_about_divc ol li:nth-child(1) span{color:#fff;}
.index_about_divc ol li:nth-child(1) p{color:#fff;}
.index_about_divc ol li{float:left; width:25%; padding:50px 0; cursor:pointer; text-align:center; box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgb(0,0,0,0.1); -moz-box-shadow: 0 0 4px rgb(0,0,0,0.1); background-color:#fff; color:#000;}
.index_about_divc ol li:hover{background-color:#d71518; color:#fff;}
.index_about_divc ol li:hover span{color:#fff;}
.index_about_divc ol li:hover p{color:#fff;}
.index_about_divc ol li span{font-size:30px; line-height:30px; display:block; margin-bottom:10px; color:#888;}
.index_about_divc ol li p{font-size:14px; font-family:"dinpro"; color:#aaa;text-transform: uppercase;line-height: 20px;height:40px;display:flex;justify-content:center;align-items:center;}

/*index_pro*/
.index_pro{width:100%; height:100%; display:flex; -webkit-display:flex; justify-content:left; align-items:center; background-image:url(../image/pro_bg.jpg); background-size:cover;}
.index_pro ul{width:100%;}

/*index_pro_diva*/
.index_pro_diva{text-align:center; margin-bottom:60px;}

/*index_pro_divb*/
.index_pro_divb{width:100%; margin-bottom:60px;}
.index_pro_divb li{width:25%; float:left; background-color:#fff; background-image:url(../image/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:rgba(215,21,24,1); color:#fff; display:flex; -webkit-display:flex; justify-content:center; align-items:center;display:none;}
.index_pro_divb li dd dl{width:80%;}
.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(../image/wh_line.gif); background-position:bottom left; padding-bottom:10px; padding-top:10px; margin-bottom:20px; background-repeat:no-repeat;text-transform: uppercase;}
.index_pro_divb li dd dl .jj{margin-bottom:20px;}
.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:#d71518; 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(../image/black_line.gif); background-position:bottom left; padding-bottom:10px; background-repeat:no-repeat;text-transform: uppercase;}
.index_pro_divb li img{width:100%;}

/*index_pro_divc*/
.index_pro_divc{width:100%; text-align:center;}
.index_pro_divc li:nth-child(1){margin-bottom:40px;}
.index_pro_divc li{width:600px; margin:0 auto;    overflow: hidden;}
.index_pro_divc li ol{float:left; width:200px; text-align:center; border-left:1px solid #eee; box-sizing:border-box;}
.index_pro_divc li ol:nth-child(3){border-right:1px solid #eee;}
.index_pro_divc li a{font-size:40px; line-height:40px; display:inline; color:#ccc;}

/*index_honner*/
.index_honner{width:100%; height:100%; background-image:url(../image/honner_bg.jpg); background-size:cover; display:flex; -webkit-display:flex; justify-content:left; align-items:center;}
.index_honner ul{width:calc(60% - 120px); background-color:#FFF; box-shadow: 0 0 4px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 4px rgb(0,0,0,0.1); -moz-box-shadow: 0 0 4px rgb(0,0,0,0.1); padding:60px 60px; margin-left:12.5%; border-radius:0 40px 0 40px;}
.index_honner ul li{float:left;}
.index_honner ul li:nth-child(1){width:20%;}
.index_honner ul li:nth-child(2){width:75%; margin-left:5%;}
/* .index_honner ul img{width:100%; margin-top:30px;} */
.logoBox{width: calc(100% - 40px);overflow: hidden;background: -webkit-linear-gradient(bottom,#146395,#61dff3);border-radius: 40px 0 40px 0;padding: 20px;margin-top:30px;}
.logoBox div{width:25%;float:left;}
.logoBox div img{transition: all 0.9s; transform: scale(0.9);}
.logoBox div img:hover{ transform: scale(1.0);}
.index_honner ul li h4{background-image:url(../image/black_line.gif); background-position:bottom left; padding-bottom:10px; background-repeat:no-repeat; margin-bottom:30px;}
.index_honner ul li a{color:#808080; padding:8px 20px; border:1px solid #eee;}
.index_honner ul li a:hover{color:#fff; background-color:#d71518; padding:8px 20px; border:1px solid #d71518;}

/*index_news*/
.index_news{width:100%; height:100%; display:flex; -webkit-display:flex; justify-content:center; align-items:center;}
.index_news ul{width:75%;}
.index_news ul li{width:100%; text-align:center;}
.index_news ul li:nth-child(1){margin-bottom:60px;}
.index_news ul li:nth-child(2){margin-bottom:80px;display:flex;justify-content:center;align-items:center;}
.index_news ul li:nth-child(2) a{display: inline-block;width:calc(25% - 22.5px);  margin-right:30px; }
.index_news ul li:nth-child(2) a ol{width:100%;background-color:#fff; float:left;box-shadow: 0 0 8px rgba(0,0,0,0.1); -webkit-box-shadow: 0 0 8px rgb(0,0,0,0.1); -moz-box-shadow: 0 0 8px rgb(0,0,0,0.1);}
.index_news ul li:nth-child(2) a ol .imgBox{width:100%;height:12vw;background-size: cover;background-position: center;}
.index_news ul li:nth-child(2) a:last-child{margin-right:0;}
.index_news ul li:nth-child(2) a:hover p:nth-child(1){color:#d71518;}
.index_news ul li ol img{width:100%;}
.index_news ul li ol dd{padding:20px 25px 30px 25px; text-align:left;}
.index_news ul li ol dd p:nth-child(1){font-size:16px; color:#000;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.index_news ul li ol dd p:nth-child(2){background-image:url(../image/black_line.gif); background-position:bottom left; padding-bottom:10px; background-repeat:no-repeat; margin-bottom:15px; font-size:12px; color:#aaa;}
.index_news ul li ol dd p:nth-child(3){font-size:14px;line-height: 24px;height:48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color:#808080;}
.index_news ul li:nth-child(3) a{padding:15px 35px; color:#fff; background-color:#d71518; border:1px solid #d71518;}
.index_news ul li:nth-child(3) a:hover{padding:15px 35px; color:#fff; background-color:#2A6AB6; border:1px solid #2A6AB6;}


/*bottom*/
.bottom{width:100%; padding:50px 0 0 0; background-color:#fff; border-top:1px solid #f5f5f5;}
.bottom ul{width:75%; margin:0 auto;}
/* .bottom ul:nth-child(1){margin-bottom:30px;} */
.bottom ul:nth-child(2){ border-bottom:1px solid #eee; font-size:12px; padding:10px 0; line-height:20px;margin-top: -50px;}
.bottom ul:nth-child(3){ font-size:12px; padding:10px 0; line-height:20px;}

.bottom ul li{float:right; text-align:left; margin-left:70px;}
.bottom ul li:nth-child(6){float:left; text-align:left; margin-left:0;}
.bottom ul li:nth-child(6) img{width:200px; margin-bottom:20px;}
.bottom ul li div{font-size:15px; margin-bottom:5px; color:#000;}

.bottom ul dl{width:50%; float:left;}
.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:right;text-align:right;}
.bottom ul dd:nth-child(2){text-align:right;}
.bottom ul dd font{font-size:24px; color:#bbb; margin-left:3px;}
/*bottom*/


/*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:#2A6AB6;position: relative;z-index: 999;overflow: hidden;}
.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);    overflow: hidden;}
.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:45%;}
.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;}


/*banner*/
.n_banner{width:100%; height:40vh; 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:45px; color:#fff; line-height:80px;text-transform: uppercase;font-weight: 300;position: relative;padding-bottom:40px;}
.n_banner ul font:before{ content: "";display: block;width: 16px;height: 16px;background: #017fcb;border-radius: 50%;position: absolute;left: 0;bottom: 0;animation: puBanner 2s linear infinite alternate;}
.n_banner ul font:after{content: "";display: block;width: 16px;height: 16px;background: #d71518;border-radius: 50%;position: absolute;left: 10px;bottom: 0;opacity: 0.6;animation: puBanner 3s linear infinite alternate;}
.bn_line{background:#fff;width:5vw;height:4px;margin-top:1vw;margin-left:5px;}
@keyframes puBanner {
  0% {
      opacity: 0.5
  }
  50% {
      opacity: 0.8
  }

  100% {
      opacity: 0.5
  }
}

#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(#d71518,#d71518);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:#d71518;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:#d71518;font-size: 20px;}
.fixMenu div:nth-child(1) span a{margin:0 3px;}
.fixMenu div:nth-child(1) span a:hover{color:#d71518;}

/* about */
.about_aBox{width:100%;overflow: hidden;position: relative;}
.about_aBox .ico22{position: absolute;top:0;left:0;z-index: -1;}
.about_aBg{position: absolute;bottom:0;right:0;z-index: 0;}
.about_a{padding:120px 0;width:77%;min-width: 1200px;overflow: hidden;position: relative;margin:0 auto;}
.about_a .title{width:100%;font-size:40px;line-height: 1;color:#333;}
.about_a .left{width:45%;float:left;overflow: hidden;}
.about_a .left p{text-indent: 2em;line-height: 35px;font-size:16px;}
.about_a .right{width:45%;float:right;overflow:hidden; }
.numMove{width:100%;overflow: hidden;margin-top:110px;float: left;}
.numMove li{float:left;width:calc(50% - 1px);border-right:1px solid #E5E5E5;display: flex;flex-direction: column;align-items: center;justify-content:center;margin-bottom:40px;padding: 0 50px;}
.numMove li:nth-child(2n){border:0;}
.numMove li .count-list{font-size:50px;line-height:1.5;font-family: 'dincond';color:#d71518;display:flex;justify-content:center;align-items:center;}
.numMove li p{height:72px;}
.about_bBox{width:100%;overflow: hidden;position: relative;background-color: #f5f5f5;}
.about_b{padding:120px 0;width:77%;min-width: 1200px;overflow: hidden;position: relative;margin:0 auto;}
.about_b .left{width:55%;float:left;overflow: hidden;}
.about_b .left .title{width:100%;font-size:40px;line-height: 1;color:#333;}
.about_b .left .jj{font-size: 14px;}
/* .about_b .left img{width:100%;margin-top:30px;} */
.zzLogoBox{width:100%;overflow: hidden;margin-top:30px;}
.zzLogoBox li{width:calc(25% - 15px);margin-right:20px;margin-bottom:20px;background-image: url(../image/bk.png);background-position: top;background-size: 100% 100%;float:left;}
.zzLogoBox li:nth-child(4n){margin-right:0;}
.zzLogoBox li .top{display: flex;flex-direction: column;align-items: center;justify-content:center;padding:10px 0;border-bottom:3px solid #d71518;height: 70px;}
.zzLogoBox li .btm{padding: 20px 0 50px 0;}
.zzTop{width: 100%;overflow: hidden;}
.zzTop .zzBox{float: left;width:calc(33.3% - 16px);margin-right:20px;margin-bottom:2px;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.zzTop .zzBox:last-child{margin-right: 0;}
.zzTop .zzBox p{margin-top:10px;font-size:14px;text-align: center;}
.zzBot{width: 100%;overflow: hidden;margin-top:20px;}
.zzBot .zzBox{float: left;width:calc(33% - 14px);margin-right:20px;margin-bottom:2px;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.zzBot .zzBox:last-child{margin-right: 0;}
.zzBot .zzBox p{margin-top:10px;font-size:14px;text-align: center;}

.about_b .right{width:40%;float:right;overflow: hidden;position: relative;}
.about_b .right img{width:100%;}
.about_b .right ul{position: absolute;width:100%;z-index: 2;top:12px;left:0;padding:40px 20px;}
.about_b .right ul li{width:calc(33.3% - 15px);margin-right:20px;float:left;color:#fff;border-top:2px solid #d71518;padding-top:15px;}
.about_b .right ul li:last-child{margin-right:0px;}
.about_b .right ul li p b{font-size:35px;margin-right:5px;}
.about_cBox{width:100%;overflow: hidden;position: relative;background-image: url(../image/qywh_bg.jpg);background-position: center;background-size: cover;}
.about_c{padding:80px 0;width:77%;min-width: 1200px;overflow: hidden;position: relative;margin:0 auto;}
.about_c .title{width:100%;font-size:40px;line-height: 1;color:#333;float:left;}
.about_c .left{width:48%;float:left;overflow: hidden;}
.qywh{margin-bottom:50px;width:100%;overflow: hidden;}
.qywh div{width:90px;height:33px;line-height: 33px;font-size:15px;color:#fff;background:#2A6AB6;text-align: center;font-weight: bold;margin-bottom:15px;}
.about_c .right{width:48%;float:right;overflow: hidden;}
.right .qywh p{color:#d71518;margin-bottom:12px;}
.right .qywh span{color: #808080;margin-left:12px;display: inline-block;}

.about_dBox{width:100%;padding:100px 0;overflow: hidden;background-image: url(../image/map_bg.png);background-size: auto 100%;background-position: right;background-repeat: no-repeat;}
.about_d{width:77%;min-width: 1200px;margin:0 auto;overflow: hidden;}
.about_d .title{width:100%;font-size:40px;line-height: 1;color:#333;float:left;}
.logoWallBox{width:100%;margin:50px auto;overflow:hidden; border-left:1px solid #E6E6E6; border-top:1px solid #E6E6E6;}
.logoWallBox ul li {width:16.66%;height:auto;overflow: hidden; float:left; border-right:1px solid #E6E6E6; border-bottom:1px solid #E6E6E6;background: rgba(255,255,255,0.6);}
.logoWallBox ul li img {border:none;text-align: center;transition: all 0.9s;transform: scale(0.6);}
.logoWallBox ul li:hover img{transform: scale(0.7);}

.about_e{width:77%;min-width: 1200px;margin:0 auto;overflow: hidden;padding:100px 0;padding-top:0;}
.about_e .title{width:100%;font-size:40px;line-height: 1;color:#333;float:left;}
.about_eImgBox{width:100%;overflow: hidden;}
.about_eImgBox li{width:calc(25% - 15px);float:left;margin-right:20px;background: #F2F2F2;padding:30px 20px;position: relative;height:280px;}
.about_eImgBox li:last-child{margin-right:0px;}
.about_eImgBox li p:nth-child(1){font-size:28px;margin-bottom:20px;}
.about_eImgBox li i{font-size: 150px;position: absolute;right: 0;bottom: 20px;color: #ebebeb;}
.Rbiao{font-family: 'FuturaBT_k';}

.about_eImgBox li:hover p:nth-child(1){color:#2A6AB6;}
.about_eImgBox li:hover i{color:#ddd;}

.about_title{width:100%;overflow: hidden;display: flex;flex-direction: column;align-items:flex-start;justify-content:center;margin-bottom:30px;}
.title_line2{height: 1px;background: #ddd0 !important;margin: 15px 0 15px;width: 160px;position: relative}
.title_line2 span{ height: 3px;top: -1px;position: absolute;left: 50%;transform: translateX(-50%);width: 50px;background: #017fcb;animation: titleLine2 5s linear infinite alternate}
@keyframes titleLine2 {
  0% {
      width: 50%
  }

  50% {
      width: 100%
  }

  100% {
      width: 50%
  }
}

/* contact */
.contactBox{width:77%;min-width: 1200px;margin:0 auto;padding:100px 0 40px 0;overflow: hidden;}
.contactBox li{height: 250px;float:left;width:Calc(33.3% - 13px);margin-right:20px;box-shadow: #e9f1fa 0px 0px 20px;display: flex;flex-direction: column;align-items: center;padding:25px 30px;justify-content:flex-start;background: #fff;}
.contactBox li:last-child{margin-right:0;}
.contactBox li img{width:50px;margin-bottom:20px;}
.contactBox li p{text-align: center;height: 120px;display: flex; justify-content: center;align-items: center;}
.contact_b{width:77%;min-width: 1200px;margin:0 auto;padding:0 0 100px 0;overflow: hidden;}
.contact_b .left{width:calc(50% - 12px);float:left;overflow: hidden;height:365px;}
.contact_b .left #container{width:100%;height:100%;}
.contact_b .right{width:calc(50% - 12px);float:right;overflow: hidden;padding:30px;box-shadow: #e9f1fa 0px 0px 20px;background: #fff;}
.contact_name{width:100%;text-indent: 1em;height:40px;background:#F5F8FF;border:none;margin-bottom:12px;font-size:14px;}
.contact_mess{width:100%;padding: 12px;height:100px;background:#F5F8FF;border:none;margin-bottom:12px;font-size:14px; resize:none;}
.contact_tj{padding: 15px 35px;color: #fff; background-color: #d71518;border: 1px solid #d71518;margin-top:30px;cursor: pointer; transition: all 0.3s}
.contact_tj i{margin-left:30px;}
.contact_tj:hover{color:#fff; background-color:#2A6AB6; border:1px solid #2A6AB6;}

/* join */
.rclnBox{width:77%;min-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;padding:100px 0;color:#333333;}
.rclnBox .left{flex: 1;padding: 0 5.2vw 0 0;}
.rclnBox .left .title{font-size: 40px;line-height: 1;}
.rclnBox .left div{margin-top: 2.08vw;font-size: 16px;line-height: 25px;}
.rclnBox .left div p{margin-bottom:20px;font-size:14px;}
.rclnBox .right{width:50%;}
.rczpBox{width:77%;min-width:1200px;margin:0 auto;padding:100px 0;}
.rczpBox .title{color:#333333;font-size: 40px;line-height: 1;text-align: center;margin-bottom:0.8vw;}
.rczpBox .tips{text-align: center;color:#333333;margin-bottom:2.08vw;font-size:16px;}
.rczpUl{background:#F2F2F2;padding: 1.56vw 0;display:flex;justify-content:center;align-items:center;}
.rczpTopUl{background: #2A6AB6;border: 1px solid #d7d7d7;margin: 0 0 1.04vw;}
.rczpTopUl li{color:#fff !important;}
.rczpLine{border: 1px solid #d7d7d7;margin: 0 0 1.04vw;width:100%;}
.rczpUl li{width:20%;display:flex;justify-content:center;align-items:center;font-size: 18px;color:#333333;cursor: pointer;}
.rczpUl li img{height:25px;}
.zpnr{padding: 1.6vw 4.68vw;color:#666666;border-top: 1px solid #d7d7d7;display: none;background: #fff;}

/* newsList */
.newsListBox{width:77%;min-width: 1200px;padding:100px 10px;margin:0 auto;overflow: hidden;}
.newsListBox li{width:100%;margin-bottom:30px;background-color: #f5f5f5;position: relative;display:flex;justify-content:center;align-items:flex-start;transition: all 0.6s}
.newsListBox li .left{width:300px;overflow: hidden;background-size: cover;background-position:center;height: 180px;}
.newsListBox li .right{width:220px;padding:40px 50px 0 0;}
.newsListBox li .right p:nth-child(1){text-align: right;font-family: 'dincond';font-size:22px;}
.newsListBox li .right p:nth-child(2){text-align: right;font-size: 44px;margin-top:20px;font-weight: bold;    font-family: 'dincond';}
.newsListBox li .mid{display: flex;flex-direction: column;align-items: flex-start;justify-content:center;padding: 40px 0 40px 50px;width: calc(100% - 520px);}
.newsListBox li .mid p:nth-child(1){font-size:18px;color:#333;line-height: 1.5;margin-bottom:20px;font-weight: 500;}
.newsListBox li .mid p:nth-child(2){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;color: #808080;}
.newsListBox li:hover{margin-left:10px;}
.newsListBox li:hover .mid p:nth-child(1){color:#d71518;}

.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;}

.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;}
.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;}
.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;}

/* innovation */
.innov_a{width:100%;overflow: hidden;padding:100px 0 0 0;}
.titleBox{width: 100%;overflow: hidden;margin-bottom:30px;display: flex;flex-direction: column;align-items: center;justify-content:center;}
.titleBox .title{font-size:40px;line-height: 1.5;color:#333;}
.title_line{width:80%;height: 1px;background: #ddd0 !important;margin: 15px auto 15px;max-width: 450px;position: relative}
.title_jj{font-size:16px;}
.title_line span{ height: 3px;top: -1px;position: absolute;left: 50%;transform: translateX(-50%);width: 50px;background: #017fcb;animation: titleLine 5s linear infinite alternate}
@keyframes titleLine {
  0% {
      width: 40px
  }

  50% {
      width: 100px
  }

  100% {
      width: 40px
  }
}
.pt2{text-align:center; color:#fff;overflow: hidden;}
.pt2 .tit{font-size:32px; font-weight:bold; margin-bottom:20px;}
.pt2 .desc{font-size:16px; margin-bottom:40px;}
.pt2 .con{width:100%;margin:0 auto;}
.pt2 .con .row .item{padding:80px 0; position:relative;background:#e8e8e8;}
.pt2 .con .row .item a{display:block;color: #245193;}
.pt2 .con .row .item .iconfont{font-size:45px; height:100px;}
.pt2 .con .row .item .first{font-size:24px; margin:20px 0 0;}
.pt2 .con .row .item .cover{position:absolute; background:#5B8AC4; width:100%; height:100%; color:#000000; top:0; opacity:0; transition: 0.5s all ease; -webkit-transition: 0.5s all ease;} 
.pt2 .con .row .item .cover .p1{margin-top:45px; font-size:25px;color:#fff;}
.pt2 .con .row .item .cover .p2{font-size:18px;}
.pt2 .con .row .item .cover .p3{padding:0 60px; margin-top:40px;color:#fff;text-align: left;}
.pt2 .con .row .item:hover .cover{opacity:1;}
.pt2 .con .row .item .cover2{background:#EFB243;}
.pt2 .con .row .item .cover3{background:#d71518;}
.row>.span-4 {width: 32.33333333%;}
.row>[class*="span-"] {float: left;margin-right: 1%;}


.innov_b{padding:100px 0 0 0;}
.com-position-absolute-start {
  position: absolute;
  top: 0;
  left: 0;
}
.color-333 {
  color: #333333;
}
.com-cont-1458 {
  width: 77%;
  min-width:1200px;
  position: relative;
  margin: auto;
  height: 100%;
  z-index: 5;
}
.com-font-size-48 {
  font-size: 2.496vw !important;
}
.research-advantage .dn-lower {
  display: flex;
  box-shadow: 0 0 0.624vw rgba(0, 0, 0, 0.2);
}
.research-advantage .dn-lower .dn-left {
  flex: 1;
  overflow: hidden;
  background-image: url(../image/jsys_bg.png);
  background-size: cover;
  background-position: center;
}
.research-advantage .dn-lower .dn-left .swiper1 .slide1 {
  padding: 5.2vw 5.2vw 0 3.12vw;
}
.research-advantage .dn-lower .dn-left .swiper1 .slide1 .dp-ti1 {
  color: #245193;
  margin: 0 0 1.56vw;
  font-size:30px;
  line-height: 1.5;
}
.research-advantage .dn-lower .dn-right {
  width: 51.272vw;
  height: 30.16vw;
  position: relative;
}
.research-advantage .dn-lower .dn-right .swiper1 {
  z-index: 5;
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1 {
  width: 33.333%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFFFFF;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  padding: 0 1.872vw;
  cursor: pointer;
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1:last-child{border-right:none;}
.research-advantage .dn-lower .dn-right .swiper1 .slide1:hover .deco:before,
.research-advantage .dn-lower .dn-right .swiper1 .slide1.swiper-slide-thumb-active .deco:before {
  animation: scalepulse 1.3s linear 0.3s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1:hover .deco i,
.research-advantage .dn-lower .dn-right .swiper1 .slide1.swiper-slide-thumb-active .deco i {
  background: #FFFFFF;
  animation: scalepulse 1.3s linear 0s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1:hover .deco:after,
.research-advantage .dn-lower .dn-right .swiper1 .slide1.swiper-slide-thumb-active .deco:after {
  animation: scalepulse 1.3s linear 0.15s infinite both;
  transform: translate3d(-50%, -50%, 0) scale(1);
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1 .deco {
  width: 5.2vw;
  height: 5.2vw;
  opacity: 1;
  transition: 0.1s;
  transform: translateZ(0);
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1 .deco:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.75);
  transition: 0.4s;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  width: 2.6vw;
  height: 2.6vw;
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1 .deco i {
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid #fff;
  border-radius: 100%;
  width: 1.352vw;
  height: 1.352vw;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.5);
  transition: 0.4s;
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1 .deco:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate3d(-50%, -50%, 0) scale(0.75);
  transition: 0.4s;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 100%;
  width: 3.64vw;
  height: 3.64vw;
}
.research-advantage .dn-lower .dn-right .swiper1 .slide1 .dp-ti1 {
  font-size: 22px;
  line-height: 30px;
  /* margin: 1.56vw 0 0; */
}
.com-richtext-16 {
  font-size: 14px;
  line-height: 26px;
}

.com-richtext-16 p{
 margin-bottom:15px;
}
.com-size-all-img {
  width: 100%;
  height: 100%;
  position: relative;
  display: block;
  transition: all 0.3s ease;
}

.innov_c{width:77%;min-width: 1200px;margin:0 auto;padding:100px 0;overflow: hidden;}
.innov_c_jj{text-align: center;}
.research-factory .dn-lower {
  display: flex;
}
.cxdzBox{width:100%;margin-top:30px;overflow: hidden;}
.cxdzBox img{width:calc(25% - 15px);margin-right:20px;float:left;}
.cxdzBox img:last-child{margin-right: 0;}
.innov_dImg1{width:100%;margin-top:30px;}
.research-factory .dn-lower .dn-picture {
  width: 50%;
  height: 28.728vw;
}
.research-factory .dn-lower .dn-word {
  flex: 1;
  padding: 0 0 0 3.64vw;
}
.research-factory .dn-lower .dn-word .layui-collapse {
  border: none;
  border-bottom: 1px solid #e6e6e6;
}
.research-factory .dn-lower .dn-word .layui-collapse .layui-colla-item.layui-item-show .layui-colla-title {
  font-size: 1.372vw;
  color: #245193;
}
.research-factory .dn-lower .dn-word .layui-collapse .layui-colla-item .layui-colla-title {
  height: auto;
  line-height: inherit;
  padding: 0.8vw 0;
  background: transparent;
  font-size: 1vw;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.research-factory .dn-lower .dn-word .layui-collapse .layui-colla-item .layui-colla-title i{
  font-size:25px;
}
.research-factory .dn-lower .dn-word .layui-collapse .layui-colla-item .layui-colla-title .layui-colla-icon {
  left: auto;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
}
.research-factory .dn-lower .dn-word .layui-collapse .layui-colla-item .layui-colla-content {
  border: none;
  padding: 0 0 2.08vw;
  font-size: 14px;
  color: #333333;
}
.layui-colla-content, .layui-colla-item {
  border-top:1px solid #e6e6e6;
}
.layui-colla-item:first-child {
  border-top: none;
}
.layui-colla-content {
  display: none;
}

@keyframes scalepulse {
  20% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
    transform: translate3d(-50%, -50%, 0) scale(1.15);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
  50% {
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    transform: translate3d(-50%, -50%, 0) scale(1);
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
  }
}



.innov_eBox{padding:100px 0 0 0;width:100%;overflow: hidden;}
.research-team .dn-lower {
  display: flex;
}
.research-team .dn-lower .dn-left {
  flex: 1;
  padding: 3.64vw 0 0 3.64vw;
  background: url("../image/resbg1_03.jpg") no-repeat center / cover;
  color: #FFFFFF;
}
.research-team .dn-lower .dn-left .dp-top {
  font-size: 1.248vw;
  line-height: 2.704vw;
}
.research-team .dn-lower .dn-left .dp-top p {
  display: flex;
  align-items: center;    
  line-height: 2.5;
}
.research-team .dn-lower .dn-left .dp-top p .iconfont {
  font-size: 1.248vw;
  opacity: 0.5;
}
.research-team .dn-lower .dn-left .dp-bot .swiper-button-all {
  display: flex;
  align-items: center;
}
.research-team .dn-lower .dn-left .dp-bot .swiper-button-all .swiper-button {
  width: 3.12vw;
  height: 3.12vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0.312vw 0 0;
  border: 1px solid #FFFFFF;
  cursor: pointer;
  transition: all 0.3s ease;
}
.research-team .dn-lower .dn-left .dp-bot .swiper-button-all .swiper-button .icon-right {
  filter: grayscale(100%) brightness(1000%);
}
.research-team .dn-lower .dn-left .dp-bot .swiper-button-all .swiper-button:hover {
  background: #FFFFFF;
  color: #2A6AB6;
}
.research-team .dn-lower .dn-left .dp-bot .swiper-button-all .swiper-button:hover .icon-right {
  filter: none;
}
.research-team .dn-lower .dn-left .dp-bot .swiper-button-all .swiper-prev .icon-right {
  transform: rotateY(180deg);
}
.research-team .dn-lower .dn-right {
  width: 54.08vw;
  height: 30.16vw;
}
.dp-bot{margin-top: 5.64vw;}
.dp-bot i{font-size:25px;}
.dp-top i{color:#fff;}

/* proList */
.produc-ul{
	margin-top: 80px;
}
.produc-ul a{
	display: block;
	width: 100%;
	height: 410px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 35px;
}
.produc-lt{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.produc-lt>div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
  background-size: cover;
    background-position: center;
}
.produc-rt{
	width: 50%;
	height: 100%;
	float: right;
	padding: 65px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-a{
	font-size: 30px;
	line-height: 40px;
	color: #2A6AB6;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-b{
	width: 65px;
	height: 1px;
	background: #2A6AB6;
	margin-top: 25px;
	margin-bottom: 35px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-c{
	font-size: 15px;
	color: #333;
	line-height: 30px;
	margin-bottom: 5px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-d{
	font-size: 15px;
	line-height: 30px;
	min-height: 90px;
	transition: all .3s;;
-webkit-transition: all .3s;
display: none;
}
.produc-d ul{
  width:100%;overflow: hidden;
  margin-top:30px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-d ul li{
  width:calc(33.3% - 7px);
  margin-right:10px;
  float:left;
  margin-bottom:20px;
  border-top:1px solid #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-d ul li:nth-child(3n){
  margin-right:0px;
}
.produc-d ul li p:nth-child(1){font-size:20px;color:#fff;font-weight: bold;padding-top:10px;}
.produc-d ul li p:nth-child(2){margin-bottom:10px;}
.produc-d ul li p:nth-child(3){font-size:12px;}
.produc-e{
	margin-top: 110px;
	height: 15px;
  font-size:30px;
  color:#2A6AB6;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-rt{
	background: url(../image/img02.jpg)no-repeat center;
	background-size: cover;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-a,.produc-ul a:hover .produc-c,.produc-ul a:hover .produc-d{
	color: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-b{
	background: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
  display:none;
}
.produc-ul a:hover .produc-e{
	color:#fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-d{
  display: block;
}
.produc-ul a:nth-child(2n + 0) .produc-lt{
	float: right;
}
.produc-ul a:nth-child(2n + 0) .produc-rt{
	float: left;
}

@media(max-width:1600px){
	.produc-rt{
		padding: 40px;    padding: 40px 20px;
	}
	.produc-ul a{
		height: 370px;
	}
	.produc-a{
		font-size: 26px;
		line-height: 35px;
	}
	.produc-c,.produc-d{
		font-size: 14px;
	}
}
@media(max-width:1000px){
	.produc-ul a{
		height: auto;
	}
	.produc-lt{
		width: 100%;
		height: 380px;
	}
	.produc-rt{
		width: 100%;
		height: auto;
	}
	.produc-d{
		min-height: auto;
	}
	.produc-e{
		margin-top: 30px;
	}
}
@media(max-width:750px){
	.product{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.product-rm{
		width: 100%;
		max-width: 6rem;
	}
	.product-rm .int1{
		height: 1rem;
		line-height: 1rem;
		font-size: .26rem;
		padding-left: .3rem;
		padding-right: 1rem;
	}
	.product-rm .sub1{
		width: .8rem;
		height: .8rem;
		top: .1rem;
		right: .1rem;
	}
	.produc-ul{
		margin-top: .8rem;
	}
	.produc-lt{
		height: 200px
	}
	/* .produc-rt{
		padding: .35rem;
	} */
	.produc-a{
		font-weight: bold;
    font-size: 18px;
    line-height: 35px;
	}
	.produc-b{
    width: 40px;
    margin-top: 15px;
		margin-bottom: .3rem;
	}
	.produc-c, .produc-d{
		font-size: .24rem;
		line-height: .45rem;
	}
	.produc-e{
		/* margin-top: .3rem; */
	}
	.produc-ul a{
    margin-bottom: 20px;
	}
}

/* case */
.caseBox{width:100%;margin:0 auto;padding:100px 0;overflow: hidden;}
.caseBox .left{width:45%;float:left;height: 25vw;min-height: 405px;overflow: hidden;display:flex;justify-content:center;align-items:center;}
.caseBox .right{width:calc(55% - 20px);float:right;}
.caseBox .right ul{width: 100%;overflow: hidden;padding: 0 12px;}
.caseBox .right ul li{width:calc(50% - 10px);margin-right:20px;float:left;margin-bottom:20px;background: #fff;padding:12px;box-shadow: 2px 2px 3px #dedede;overflow: hidden; height: 12vw;min-height: 192px;}
.caseBox .right ul li .imgBox{width:100%;height: 100%;overflow: hidden;display:flex;justify-content:center;align-items:center;position:relative;}
.caseBox .right ul li img{transition: all 0.9s;}
.caseBox .right ul li:hover img{transform: scale(1.1);}
.caseBox .right ul li:nth-child(2n){margin-right:0px;}
.caseInfo{width:100%;color:#333;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.caseInfo p{font-size:18px;margin-bottom:30px;    font-weight: 500;}
.caseInfo dl{width:100%;overflow: hidden;}
.caseInfo dl dd{width:50%;float:left;margin-bottom:10px;text-align: center;}

.pcShow{display: block;}
.mobileShow{display: none;}


  .mobile_menu li a{font-size:18px;line-height:30px;}
@media only screen and (min-width: 220px) and (max-width: 1200px){
  .pcShow{display: none;}
  .mobileShow{display: block;}

  /*head*/
  .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);}
  .head_a ul{width:95%; height:55px; margin:0 auto;}
  .head_a ul li:nth-child(1){width:75%;}
  .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(1) img{width:200px;}
  .head_a ul li:nth-child(2){text-align:right; font-family:Arial, Helvetica, sans-serif; line-height:55px;}
  
/*mob nav*/
.sp_nav{width:8vw; float:right; position:relative; cursor:pointer; height:8vw; margin-top:18px;}
.sp_nav span{display:block;background:#E85020;width:7vw;height:3px;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;}
.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}


  .mobile_menu li{font-size:18px;line-height: 30px;}
  .txt-box{width:calc(100% - 24px);padding:0 12px;min-width: 0;}
  .swiper-slide .titleb_a{font-size: 28px; line-height: 40px;}
  #fp-nav{display: none;}
  .swiper-slide .titled_a{letter-spacing: 0;line-height: 25px;}
  .index_about ul{width:100%;height:auto;}
  .index_about ul:nth-child(1){background-position: bottom;height:150px;}
  .index_about ul:nth-child(2){height:calc(100% - 200px);padding:20px 0;align-items: flex-start;}
  .index_about_diva{width:calc(100% - 24px);padding-left:12px;}
  .index_about_diva h2{font-size:20px;margin-bottom: 0px;font-size: 16px;}
  .index_about_diva h1{font-size:16px;}
  .index_about_diva p{width:100%;margin-top:20px;    line-height: 1.5;}
  .index_about_divb{width:calc(100% - 24px);padding-left:12px;margin-top:20px;}
  .index_about_divc{display: none;}
  .index_about_divb ol{ width: calc(50% - 5px);margin-bottom:20px;    margin-right: 10px;}
  .index_about_divb ol:nth-child(2n){margin-right:0;}
  .index_pro_divc{display: none;}
  .index_pro_divb li{width:50%;}
  .index_pro_divb li ol p{min-height: 58px;line-height: 1.5;font-size: 13px;}
  .index_pro{align-items: flex-end;}
  .index_pro_divb{margin-bottom:0;}
  .index_pro_divb li dd dl .jj{display: none;}
  .index_pro_divb li dd dl span{font-size:15px;}
  .index_pro_divb li dd dl p{font-size:14px;}
  .index_honner ul{width: calc(100% - 24px);margin-left:12px;padding: 30px;}
  .index_honner ul li:nth-child(1){width:100%;}
  .index_honner ul li:nth-child(2){width:100%;margin-left:0;margin-top: 20px;}
  .logoBox{width:100%;}
  .index_news ul{width:calc(100% - 24px);}
  .index_news ul li:nth-child(2) a{width:calc(50% - 10px);margin-right:20px;}
  .index_news ul li:nth-child(2){justify-content: flex-start;}
  /* .index_news ul li:nth-child(2) a:nth-child(2){margin-right:0px;} */
  .index_news ul li:nth-child(2) a ol .imgBox{height:150px;}
  .index_news ul li ol dd{padding:20px;}
  .bottom ul li{display: none;}
  .bottom ul li:last-child{display: block;}
  .bottom ul dd{float:left;text-align: left;}
  .bottom ul dl{width:100%;}
  .bottom ul dl:nth-child(2){display: none;}
  .bottom ul{width:85%;}

  .n_banner{margin-top:30px;height: 200px;}
  .n_banner ul{width:calc(100% - 24px);min-width: 0;padding:0 12px;}
  .n_banner ul font{font-size:35px;letter-spacing: 0px;}
  .fixMenu div:nth-child(2) a{font-size:14px;}
  .fixMenu div:nth-child(2) span{margin:0 5px;}
  .fixMenu div:nth-child(1){display: none;}
  .fixMenu div:nth-child(2){width:calc(100% - 24px);padding:0 12px;}
  .about_a .title{font-size:30px;}
  .about_b .left .title{font-size:30px;}
  .about_c .title{font-size:30px;}
  .about_d .title{font-size:30px;}
  .about_e .title{font-size:30px;}
  .title_line2{width:120px;}
  .about_a{width:calc(100% - 24px);padding:60px 0;min-width: 0;}
  .about_a .left{width:100%;}
  .about_a .left p{line-height: 25px;font-size:14px;}
  .about_a .right{width:100%;margin-top:20px;}
  .numMove{margin-top:30px;}
  .numMove li{padding:0 10px;width:calc(50% - 1px);}
  .numMove li:nth-child(3n){border-right: 1px solid #E5E5E5;}
  .numMove li:nth-child(2n){border-right: none;}
  .numMove li p{height:auto;line-height: 20px;font-size:13px;min-height: 60px;}
  .numMove li .count-list{font-size:45px;}
  .about_b{width:calc(100% - 24px);padding:60px 0;min-width: 0;}
  .about_b .left{width:100%;}
  .about_b .right{width:100%;}
  .zzLogoBox li{width:calc(50% - 10px);}
  .zzLogoBox li:nth-child(2n){margin-right:0;}
  .about_c{width:calc(100% - 24px);padding:60px 0;min-width: 0;}
  .about_c .left{width:100%;}
  .about_c .right{width:100%;}
  .about_d{width:calc(100% - 24px);padding:60px 0 0 0;min-width: 0;}
  .logoWallBox ul li{width: calc(33.3% - 1px);}
  .logoWallBox{margin-bottom:0;}
  .about_dBox{padding:0;}
  .about_e{width:calc(100% - 24px);padding:60px 0;min-width: 0;}
  .about_eImgBox li{width:100%;margin-right:0;margin-bottom:20px;overflow: hidden;}
  .allMid{width:Calc(100% - 24px);overflow: hidden;min-width: 0;}
  .produc-d ul li{width:calc(50% - 5px);}
  .produc-d ul li:nth-child(3n){margin-right:10px;}
  .produc-d ul li:nth-child(2n){margin-right:0px;}
  .produc-d ul li p{overflow: hidden;line-height: 1.5;}

  .caseBox{padding:30px 0;}
  .caseBox .left{height:auto;min-height: auto;width:100%;}
  .caseBox .right{width:100%;}
  .caseBox .right ul{margin-top:20px;    padding: 0 5px;}
  .caseBox .right ul li{width: 100%;margin-right:0px;}
  .titleBox .title{font-size:30px;}
  .row>.span-4{width:100%;margin-bottom:20px;}
  .innov_a{padding: 60px 0 0 0;}
  .research-team .dn-lower {flex-wrap: wrap;}
  .research-team .dn-lower .dn-right{width: 100%; height: 77.14vw;}
  .com-cont-1458{width:calc(100% - 24px);min-width:0;}
  .research-team .dn-lower .dn-left .dp-top{font-size:14px;}
  .research-team .dn-lower .dn-left .dp-bot .swiper-button-all .swiper-button{width: 7.98vw; height: 7.98vw; margin: 0 0.798vw 0 0;}
  .dp-bot{    margin: 5.64vw 0;}
  .com-size-all-img{object-fit: cover;}
  .innov_eBox{padding:60px 0 0 0;}
  .research-advantage .dn-lower .dn-left{flex: inherit;}
  .research-advantage .dn-lower{box-shadow: 0 0 1.596vw rgb(0 0 0 / 20%);flex-wrap: wrap;}
  .research-advantage .dn-lower .dn-right {width: 100%;height: 77.14vw;}
  .innov_c{width:calc(100% - 24px);min-width: 0;padding: 60px 0;}
  .cxdzBox img{width: calc(50% - 10px);margin-bottom:20px;}
  .cxdzBox img:nth-child(2n){margin-right:0;}
  .cxdzBox{margin-top:20px;}

  .newsListBox{width:calc(100% - 24px);min-width: 0;padding:30px 0;}
  .newsListBox li{display: flex;flex-direction: column;align-items: center;justify-content:center;}
  .newsListBox li .left{width:100%;height:200px;}
  .newsListBox li .mid{padding: 20px 0 10px 0;width: calc(100% - 30px);}
  .newsListBox li .right{width: 100%; padding: 0px 30px 20px 0;}
  .newsListBox li .right p:nth-child(1){font-size:18px;}
  .newsListBox li .right p:nth-child(2){font-size:34px;margin-top:10px;}
  .newsListBox li .mid p:nth-child(1){display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;max-height: 54px;}
  .wrap a{width:7vw;height:7vw;margin: 0 1.6vw 0 0;}
  .newsBtm{display: block;}
  .newsNBtm .left{padding:10vw 0;overflow: hidden;width:100%;border:none;}
  .newsNTitle{font-size:22px;}
  .news_line{width:15vw;}
  .newsNDate{font-size:14px;}
  .prevnext a{width:10vw;height:10vw;margin: 0 1.6vw 0 0;}
  .newsBtm .right{width:100%;}
  .newsBtm .right .title{font-size:18px;margin-bottom:20px;}
  .rightListNews li{width:Calc(50% - 5px);margin-right: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;}
  .contactBox{width:calc(100% - 24px);min-width:0;    padding: 60px 0 40px 0;}
  .contactBox li{width:100%;margin-bottom:20px;}
  .contact_b{width:calc(100% - 24px);min-width:0;padding: 0 0 50px 0; }
  .contact_b .left{width:100%;margin-bottom:20px;}
  .contact_b .right{width:100%;}
  .contact_tj{padding: 10px 20px;}
  .rclnBox{width:calc(100% - 24px);min-width:0;padding:60px 0 0 0;display: block;}
  .rclnBox .left{padding:0;}
  .rclnBox .right{width:100%;margin-top:20px;}
  .rclnBox .left .title{font-size:30px;}
  .rclnBox .left div{font-size:14px;}
  .rczpBox{width:calc(100% - 24px);min-width:0;padding:60px 0;}
  .rczpBox .title{font-size:30px;line-height: 1.5;}
  .rczpUl li{font-size: 3.458vw;}
  .rczpUl li img{height:15px;}
  .zpnr p,.zpnr p span{font-size: 3vw !important;line-height:2 !important;}
  .rczpBox .tips{font-size:14px;}
  .index_pro_divb li ol{font-size:14px;    padding: 30px 0 30px 20px;}
  .produc-d ul li p:nth-child(2){font-size:12px;}
  .mobileLa{line-height: 20px !important;}
  .mobile_menu li a{line-height: 20px;font-size: 16px;}
  .menu_1_content{margin: 120px 0 0 40px !important;}
  
  .zzTop .zzBox{width: 100%;}
  .zzBot .zzBox{width: calc(50% - 10px);}
  .zzBot .zzBox:nth-child(2n){margin-right:0;}
}