@charset "utf-8";
@import url('iconfont1.css');
@import url("message.css");
:root{--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700;--fontcolor:#111111;--color:#fcc501;--fontfamily:'Roboto', 'Lato', 'Open Sans', 'Poppins', 'Oswald', 'Noto Sans', 'Montserrat', sans-serif}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea {margin:0px;padding:0px;box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{margin:0px;padding:0px;overflow-x:hidden;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none}
body{margin:0px auto;/*padding-top:118px;*//*max-width:1920px;*/font-size:16px;line-height:1.6;color:var(--fontcolor);font-family:var(--fontfamily)}
a,a:hover{text-decoration:none;color:var(--fontcolor);cursor:pointer}
h1,h2,h3,h4,h5,h6{font-weight:var(--fontbold5);text-transform:capitalize}
button,input,textarea{outline:0;border:none;font:inherit;-webkit-appearance:none;border-radius:0}
button{cursor:pointer}
i{vertical-align:middle}
img{vertical-align:bottom;max-width:100%;height:auto;border:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
img[data-src]{opacity:0}
img[src]{opacity:1}
input::placeholder,textarea::placeholder{font-family:inherit}
li,ol,ul{list-style:none}
iframe,video{max-width:100%;border:none}
video {
  max-width: 100%;
  border: none;
  /*height: 600px;*/
  margin: 0 auto;
  display: block;
  min-width: 60%;
}
.ab_img video {
  height: 600px !important;
}
.nyabright video {
  height: 396px !important;
}
table{border-collapse:collapse}
header{/*position:fixed;*/top:0px;left:0px;width:100%;background:#FFF;box-shadow:1px 2px 10px rgba(0,0,0,.02);z-index:99;transition:all .2s linear}
header.scrollhead{box-shadow:1px 2px 10px rgb(0 0 0 / 10%)}
header.scrollhead .head-top{margin-top:-40px}
.animate__zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}
.l-wrap{max-width:1200px;margin:0px auto}
.line1{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.line2{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.line3{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.line4{display:block;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.table td,.table th{border:1px solid #E5E5E5;padding:6px 16px}
.table-bottom td,.table-bottom th{border-bottom:1px solid #E5E5E5;padding:8px}
.head-top{height:40px;border-bottom:1px solid #E9E9E9;transition:all .3s linear;padding:0px 20px;z-index:99999;background:#FFF}
.head-top .l-wrap{height:100%;display:flex;justify-content:space-between;align-items:center}
.head-link{display:flex;align-items:center;font-size:14px}
.head-link div{margin-right:25px;display:inline-flex;align-items:center}
.head-link div em{margin-right:5px;font-size:18px}
.head-link div img{margin-right:5px}
.head-share{display:flex}
.head-share>ul{margin-right:20px;display:flex;align-items:center}
.head-share>ul a{display:inline-flex;align-items:center;justify-content:center;/*width:30px;*/height:30px;margin: 0 8px;;font-size: 16px;transition:all .2s linear}
.head-share>ul li{ position:relative;}
.top_tc{ position:absolute;display: none; width:104px; text-align:center;background: #FFF;border: 1px solid #EBEEF5;border-radius: 4px;box-shadow: 0px 2px 12px 0 rgb(0 0 0 / 10%);}
.top_tc img{ max-width:100%;}
.head-share>ul li:hover .top_tc{ display:block;}
.head-share>ul li:nth-child(1) a,.head-share>ul li:nth-child(2) a{ color:#1f84c1;}
.head-share>ul a i{font-size:20px}
.head-share>ul a:hover{color:var(--color) !important;}
.head-share>ul a:hover i{color:var(--color)}
.head-info{z-index:999;background:#1f84c1;height:50px;position:relative;padding:0px 20px}
.head-info .l-wrap{display:flex;align-items:center;height:100%}
.logo{max-width:20%;height:100%;display:inline-flex;align-items:center}
.logo img{max-height:78px;width:auto;height:auto}
#nav{flex:1;display:flex;/*justify-content:flex-end;*/height:100%;z-index:9}
.nav-ul{display:flex;align-items:center;height:100%}
#nav > ul > li{height:100%;padding:0px 25px;font-size:18px;position:relative}
#nav > ul > li:last-child{/*padding:0px 0px 0px 16px*/}

#nav > ul > li .submenu{z-index:99;display:none;height:auto;position:absolute;top:100%;left:0px;flex-direction:column;background:#fff;/*color:#FFF;*/min-width:200px;white-space:nowrap;align-items:baseline;width: 650px;
  height: auto;padding: 10px 10px;}
#nav > ul > li .submenu2{z-index:99;display:none;height:auto;position:absolute;top:100%;left:0px;flex-direction:column;white-space:nowrap;align-items:baseline;width: 122px;}
#nav > ul > li .submenu2 li{ width:100%;background: #1f84c1; overflow:hidden;text-align: center;line-height: 50px;height: 50px;}
#nav > ul > li .submenu2 li a{font-size: 16px; display:inline-block;}
#nav > ul > li .submenu2 li:hover{background: var(--color);}
.naverl{ float:left; width:50%;margin-top: 20px;}
.naverr{ float:right; width:50%;}
.naverr img{ max-width:100%;}
.slideTxtBox_nav{   }
.slideTxtBox_nav .hd{  position:relative; }
.slideTxtBox_nav .hd ul li.on{  }
.slideTxtBox_nav .hd ul li.on a{ color:#fcc501; }
#nav > ul > li .submenu li{width:47%;padding:0px;height: auto;
  float: left;
  display: flex;
  position: unset;
  font-size: 14px;}
#nav > ul > li:hover .submenu,#nav ul li:hover .submenu2{display:block;}

.nymbx{font-size: 14px;border-bottom: 1px dashed #dcdcdc; height:47px; line-height:47px;}
.nymbx b{border-left: 10px solid #262523;
  font-weight: normal;
  padding-left: 8px;}

.shousuo{ overflow:hidden; width:100%;border-bottom:1px solid #E9E9E9; padding:5px 0;}
.shousuo_left{ float:left;}
.shousuo_right{ float:right;}
.shousuo_left ul{ overflow:hidden;}
.shousuo_left ul li{ overflow:hidden; float:left; font-size: 15px;color:#000;}
.shousuo_left ul li a{ color: #404040;font-size: 15px;border-right: 2px solid #aaa;padding: 0 5px;}
.shousuo_left ul li a:hover {
  color: #fcc501;
}
.shousuo_left ul li img{float: left;margin: 2px 6px 0 0;}
.sskuan{ border: 1px solid #E9E9E9;
  padding: 3px 15px 3px;
  font-size: 14px;
  float: left;}
.ssbutton{background: #1f84c1;
  width: 35px;
  height: 30px;}
.ssbutton img{width: 20px;
  margin-bottom: 3px;}

/*关于我们*/
.nyabnav{margin: 30px auto;}
.nyabnav ul{ display:flex;}
.nyabnav ul li{ float:left; flex:1;height: 55px;
  font-size: 18px;
  line-height: 55px;
  text-align: center;
  float: left;
  border-right: 1px solid #d8d8d8;
  box-sizing: border-box;
  background: #f4f4f4;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;}
.nyabnav ul li a{display: block;
  height: 55px;
  color: #333;}
.nyabnav ul li.active, .nyabnav ul li:hover {
  background: url(../images/about1.png) no-repeat bottom center var(--color);
  border-color: var(--color);
}
.nyabnav ul li.active a,.nyabnav ul li:hover a{ color:#fff;}
.about-info{ overflow:hidden;margin: 0 0 30px;}
.nyableft{ overflow:hidden; float:left; width:50%;padding: 20px 30px 0 0;}
.nyabright{ overflow:hidden; float:right; width:49%;}
.inshugun{ overflow:hidden; width:100%;margin: 10px 0;}
.inshugdiv{ float:left; width:24%; margin-right:4px; text-align:center;border-right: 1px dashed #ccc;}
.inshugtu{ overflow:hidden; max-width: 40px;margin-bottom: 8px;}
.inshugtu img{ max-width:100%;}
.inshugdiv h3 span{/*font-family: Impact !important;*/font-size: 32px; color: var(--color);line-height: 40px;}
.inshugdiv h3 sup{font-size: 16px;color: var(--color);margin-left: 2px;}
.inshugdiv h4{line-height: 30px;font-size: 15px;font-weight: normal;color: rgb(58, 58, 58);}
.aboutyuanjing{ overflow:hidden; width:100%;}
.aboutyuanjing ul{ overflow:hidden; display:flex;}
.aboutyuanjing ul li{ /* flex: 1;*/width: 25%;height: 60vh;display: flex;justify-content: center;align-items: center; text-align:center;transition: 1.0s;}
.aboutyuanjing ul li::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 60vh;
  left: 0;
  opacity: 0.2;
  background: #000;
}
.aboutyuanjing ul li:nth-child(1){ background:url(../images/about1_2.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li:nth-child(2){ background:url(../images/about2_2.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li:nth-child(3){ background:url(../images/about3_2.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li:nth-child(4){ background:url(../images/about4_2.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li:nth-child(5){ background:url(../images/about3.jpg) no-repeat center;background-size: cover;}
.aboutyuanjing ul li h2{ width:100%; font-size:26px; color:#fff;z-index: 99;line-height: 38px;}
.aboutyuanjing ul li h2 span{ width:100%;font-size:15px; color:#fff;}
.aboutyuanjing ul li:hover{ width:30%;transition: 1.0s;}
.aboutyuanjing ul li::before:hover {opacity: 0;}



.pc_all .pc_all_content {
  max-width: 1200px;
  margin: 0 auto;
}
.Development{ background:url(../images/bg17.jpg) no-repeat 50%/cover; position:relative;}

.Development:before{ content:""; display:inline-block; width:100%; left:0; bottom:70px; height:1px; background:#c1c1c1; position:absolute;}

.Development .Honor_title{ margin-bottom:0px;}

.Development .Development_content .Development_content_top{ margin-bottom:80px;}

.Development .Development_content .Development_content_top .content_top_list{ display:flex; align-items:center; justify-content:space-between; overflow:hidden;}

.Development .Development_content .Development_content_top .content_top_list .top_list_left{ width:53%;}

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dd{ font-size:65px; color:var(--color); }
.list_left_dd2{font-size: 24px;margin-bottom: 10px;}

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt{ height:198px; overflow:auto; padding-right:25px;}

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-track { background-color: #e1e1e1; } /* 滚动条的滑轨背景颜色 */ 

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-thumb { background:var(--color); } /* 滑块颜色 */ 

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-button { background-color: #e1e1e1; } /* 滑轨两头的监听按钮颜色 */ 

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar-corner { background-color: #e1e1e1; } /* 横向滚动条和纵向滚动条相交处尖角的颜色 */ 

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt::-webkit-scrollbar { width: 3px; height: 0px; border-radius:3px; } /* 这是针对缺省样式 (必须的)*/

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li{ display:flex; justify-content:space-between; margin-bottom:30px;}

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li:last-child{ margin-bottom:0px;}

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li .dt_li_time{ font-size:16px; color:var(--color); width:65px;}

.Development .Development_content .Development_content_top .content_top_list .top_list_left .list_left_dt .left_dt_li .dt_li_txt{ font-size:16px; color:#333333;width:calc(100% - 70px);}

.Development .Development_content .Development_content_top .content_top_list .top_list_right{ width:42%;}

.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dd{ border-radius:10px; overflow:hidden; box-shadow:0px 0px 50px rgba(0,0,0,.12); overflow:hidden;}

.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dd img{ width:100%;
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}
.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dd:hover img{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
}

.Development .Development_content .Development_content_top .content_top_list .top_list_right .list_right_dt{ font-size:16px; color:#333333; text-align:center; margin-top:40px;}

.Development .Development_content .Development_content_bottom{ position:relative;}

.Development .Development_content .Development_content_bottom .swiper-button-next,.Development .Development_content .Development_content_bottom .swiper-button-prev{ width:42px; height:42px; border-radius:100%; border:1px solid var(--color); top:73%; background:#fff; opacity:1;}

.Development .Development_content .Development_content_bottom .swiper-button-next.swiper-button-disabled,.Development .Development_content .Development_content_bottom .swiper-button-prev.swiper-button-disabled{ border:1px solid #cdcdcd;}

.Development .Development_content .Development_content_bottom .swiper-button-next{ right:-93px;}

.Development .Development_content .Development_content_bottom .swiper-button-prev{ left:-93px;}

.Development .Development_content .Development_content_bottom .swiper-button-next:after,.Development .Development_content .Development_content_bottom .swiper-button-prev:after{ color:#888888; font-size:15px;}

.Development .Development_content .Development_content_bottom .content_bottom_list{ cursor:pointer;}

.Development .Development_content .Development_content_bottom .content_bottom_list .bottom_list_dd{ font-size:18px; color:#000; text-align:center; margin-bottom:20px;font-weight: bold;}

.Development .Development_content .Development_content_bottom .content_bottom_list .bottom_list_dt{ background:rgba(255,255,255,0); border-radius:100%; width:50px; height:50px; display:flex; align-items:center; justify-content:center; margin:0 auto; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Development .Development_content .Development_content_bottom .content_bottom_list .bottom_list_dt span{ width:9px; height:9px; border-radius:100%; background:#c1c1c1; margin:0 auto; border:3px solid rgba(255,255,255,0); transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Development .Development_content .Development_content_bottom .content_bottom_list.swiper-slide-thumb-active .bottom_list_dd{ color:var(--color);f}

.Development .Development_content .Development_content_bottom .content_bottom_list.swiper-slide-thumb-active .bottom_list_dt{ background:rgba(255,255,255,1); transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Development .Development_content .Development_content_bottom .content_bottom_list.swiper-slide-thumb-active .bottom_list_dt span{ border:3px solid var(--color); background:#fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease; width:15px; height:15px;}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.Honor{ padding:45px 0px; background:#f3f3f3 url(../images/bn32.png) no-repeat 20% 100%;}

.Honor .Honor_title{ display:flex; align-items:center; justify-content:space-between; margin-bottom:65px;}

.Honor .Honor_title .Honor_title_left .title_left_dd{ font-size:18px; color:#00833e; text-transform:uppercase;}

.Honor .Honor_title .Honor_title_left .title_left_dt{ font-size:32px; color:#000000; margin-top:13px;}

.Honor .Honor_title .Honor_title_left .title_left_dt span{ font-size:16px; color:#666666; margin-left:30px;}

.Honor .Honor_title .Honor_title_right ul{ display:flex; align-items:center;}

.Honor .Honor_title .Honor_title_right ul li{ display:flex; align-items:center; width:170px; height:50px; justify-content:center; background:#fff; cursor:pointer; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Honor .Honor_title .Honor_title_right ul li:last-child{ margin-left:20px;}

.Honor .Honor_title .Honor_title_right ul li span{ width:23px; height:23px; position:relative; margin-right:9px;}

.Honor .Honor_title .Honor_title_right ul li span img{ position:absolute; left:0; top:0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Honor .Honor_title .Honor_title_right ul li span img:last-child{ opacity:0;}

.Honor .Honor_title .Honor_title_right ul li.on{ background:#00833e; color:#fff; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Honor .Honor_title .Honor_title_right ul li.on span img{ opacity:0; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Honor .Honor_title .Honor_title_right ul li.on span img:last-child{ opacity:1; transition: all 0.5s ease; -webkit-transform: all 0.5s ease;}

.Honor .Honor_content .Honor_content_l{ display:flex; align-items:center; justify-content:space-between;}

.Honor .Honor_content .Honor_content_l .Honor_content_list{ width:23%; background:#fff; box-shadow:0px 0px 18px rgba(0,0,0,.1); padding-bottom:30px;} 

.Honor .Honor_content .Honor_content_l .Honor_content_list .content_list_img{ padding:26px 40px; text-align:center; height:250px; display:flex; align-items:center; justify-content:center;}

.Honor .Honor_content .Honor_content_l .Honor_content_list .content_list_img img{ max-height:198px; max-width:100%;}

.Honor .Honor_content .Honor_content_l .Honor_content_list .content_list_title{ font-size:18px; color:#333333; padding:0px 30px; text-align:center;height: 48px;}

.Honor .Honor_btn{ display:flex; align-items:center; justify-content:center; padding:0px 26px; height:53px; border-radius:100px; border:1px solid #bfbfbf; font-size:15px; color:#666666; margin-top:80px; max-width:170px; margin:0 auto; margin-top:65px;}
.Honor .Honor_btn span{ display:flex; align-items:center; justify-content:center; width:19px; height:19px; position:relative; margin-left:7px; top:1px;}
.Honor .Honor_btn span img{ position:absolute; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.Honor .Honor_btn span img:last-child{ opacity:0;}
.Honor .Honor_btn:hover span img{ opacity:0; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.Honor .Honor_btn:hover span img:last-child{ opacity:1; transition: all 0.3s ease 0s; -webkit-transform: all 0.3s ease 0s;}
.Honor .Honor_btn:hover{ background:#00833e; color:#fff; border:1px solid #00833e;}



.txtScroll-left{ width:100%;  position:relative;    margin-bottom: 70px;box-shadow: 0 10px 30px rgba(0,0,0,0.1);}
.txtScroll-left .hd{ /*overflow:hidden;  height:30px;*//* background:#f4f4f4;*/ padding:0 10px; position: absolute;bottom: 20px;width: 100%;z-index: 999; }
.txtScroll-left .hd .prev,.txtScroll-left .hd .next{ display:block;  /*width:5px; height:9px;*/ float:right; margin-right:10px; /*margin-top:10px;  overflow:hidden;*/ cursor:pointer;font-size: 25px; /*background:url("../images/arrow.png") no-repeat;*/}
.txtScroll-left .hd .prev:hover,.txtScroll-left .hd .next:hover{ color:var(--color);}
.txtScroll-left .hd .next{ /*background-position:0 -50px; */ }
.txtScroll-left .hd .prevStop{ /*background-position:-60px 0;*/ }
.txtScroll-left .hd .nextStop{ /*background-position:-60px -50px;*/ }
.txtScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:30px; margin-right: 39%; }
.txtScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../images/icoCircle.gif") 0 -9px no-repeat; }
.txtScroll-left .hd ul li.on{ background-position:0 0; }
.txtScroll-left .bd{  width:100%; overflow:hidden;    }
.txtScroll-left .bd ul{ overflow:hidden; zoom:1; }
.txtScroll-left .bd ul li{  width:100%;  float:left; /*height:24px;*/ line-height:24px;  text-align:left; _display:inline;}
.topnewsflleft{ float:left; width:45%;}
.topnewsimg{ width:100%;}
.topnewsimg img{ width:100%;object-fit: cover;}
.topnewsflright{ float:right; width:50%;padding: 0 21px 0 0;}
.topnewsfltitle{margin-bottom: 30px; font-size: 30px; color: #333;font-weight: bold; line-height: 35px;margin: 40px 0 30px;}
.topnewsflp{font-size: 16px; color: #333; line-height: 25px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; line-clamp: 3; }
.topnewsfltime{margin: 21px 0; font-size: 16px; color: #999; line-height: 21px;}
.topnewsfla{display:inline-block; font-size:14px; color:#fff; padding: 6px 20px;background: #c3c3c3;float: right;}
.txtScroll-left .bd ul li:hover .topnewsfltitle{color:var(--color);}
.txtScroll-left .bd ul li:hover .topnewsfla{ background:var(--color);}
.topnewsfla:hover{ color:#fff;}



.cs { margin-bottom: 40px; }
.ny_c { max-width: 1200px; margin: 0 auto; width: 100%; min-width: 1200px; }
.ny_contact { display: flex; }
.contact_one { display: inline-block; width: 33%; }
.contact_one span { font-size: 40px; line-height: 30px; color: var(--color); margin-bottom: 22px; display: block; font-weight: bold; }
.contact_one div { margin-bottom: 32px; font-size: 30px; line-height: 30px; }
.contact_one i { width: 40px; height: 3px; background: var(--color); display: block; margin-bottom: 30px; }
.contact_two { width: 33%; position: relative; background: #f2f2f2 url() no-repeat; background-position: 325px 315px; padding: 50px 34px; font-size: 17px; line-height: 35px; margin-left: 18px; display: inline-block; float: left; box-sizing: border-box; }
.contact_two strong { font-size: 24px; color: var(--color); }
.contact_title { position: absolute; width: 172px; height: 45px; background: var(--color); border-radius: 10px; font-size: 24px; color: #fff; line-height: 45px; font-weight: bold; text-align: center; }
.contact_content1 { line-height: 38px; font-size: 15px; }
.contact_content1 span { font-size: 20px; font-weight: bold; display: block; margin-bottom: 10px; }
.contact_content { margin-top: 70px; color: #555; line-height: 38px; font-size: 17px; }
.contact_content a { text-decoration: none; font-size: 17px; color: #555; }
.contact_img { text-align: center; width: 130px; margin-top: 40px; }
.contact_img img { width: 130px; background: #fff; border: 1px solid #ccc; padding: 3px; background: #fff; }
.tup { margin-bottom: 0px!important; }
.tup img { width: 100%; }

.contact_left{ width:50%; float:left;}
.contact_luxian{ overflow:hidden; width:100%; margin:0 0 34px;}
.luxian_left{ float:left; width:15%;text-align: center;padding-top: 8px;}
.luxian_left img{ max-width:50%;}
.luxian_right{ float:right; width:85%;}
.luxian_title{ font-size:22px;margin-bottom: 5px;}
.luxian_p{ font-size:15px; color:#9F9E9E; line-height:25px;}
.contact_right{ float:right; width:50%;}
.contact_right_title{font-size: 30px;line-height: 30px; color:#000; margin-bottom:19px;}
.contact_right_i {
  width: 40px;
  height: 3px;
  background: var(--color);
  display: block;
  margin-bottom: 10px;
  overflow:hidden;
}
.contact_right ul{ overflow:hidden;}
.contact_right ul li{ overflow:hidden; float:left; width:30%; margin-right:10px; font-size:14px; color: #7f7f7f;text-align: center;margin-bottom: 23px;}
.contact_right ul li:nth-child(3n){margin-right:0;}
.contact_right ul li img{ /*width:100%*/;aspect-ratio: 9/9;}
.contact_map{ width:1200px; margin:0 auto 30px;}


.flex-wrap {
  flex-wrap: wrap;
}
.abjzl{}
.abjzldov{overflow: hidden;}
.abjzldiv{ overflow:hidden; float:left; width:50%; height: 390px;position: relative;}
.abjzldiv_tu{ width:100%; height:100%;}
.abjzldiv_tu img{ width:100%; height:100%;}
.abjzldiv_wzbg{ background: #0000007d;width: 100%;height: 100%;position: absolute;top: 0;}
.abjzldiv_wenzi{ text-align:center;}
.abjzldiv_title{ color:#fff; font-size:24px; margin:100px 0 14px;}
.abjzldiv_p{color:#fff; font-size:16px; line-height:27px; width:78%;margin: 0 auto 20px;}
.abjzldiv:hover .abjzldiv_wzbg{background: #1f84c199;}
.abjzldiv_a{background: #fff;padding: 10px 14px;font-size: 14px;}
.abjzldiv:hover .abjzldiv_a{background: var(--color); color:#fff;}

.infootbg {
  background: url('../images/index13.jpg') center;
    background-size: auto;
  background-size: cover;
  margin-top: 40px;
  padding: 3% 0;
}


@media(min-width:1025px){
#nav ul li .submenu li:hover ul{display:block}
#nav ul li .submenu li ul{position:absolute;left:100%;top:0px;display:none;background:rgba(0,0,0,.6);height:auto;min-width:200px}}
#nav ul li .submenu a{padding:0px 15px 8px;width:100%;height:100%;justify-content:flex-start;transition:all .2s linear;color:#000;font-size: 15px;}
#nav ul li .submenu a:hover{/*background:var(--color);*/color:var(--color)}
#nav ul li .submenu a::after{display:none}
.scnli:hover{ background:var(--color);}
#nav ul li a{height:100%;display:inline-flex;align-items:center;justify-content:center;position:relative;white-space:nowrap;text-transform:capitalize;color: #fff;}
#nav ul li a::after{content:"";width:2px;height:18px;background:#fff;position:absolute;/*bottom:0px;*/right: -26px;transition:all .2s linear}
#nav ul li:last-child a::after{ display:none;}
/*#nav ul li a:hover{color:var(--color)}*/
#nav ul li:hover a::after{ display:none;}
#nav ul li a.inmenu_1{color:var(--color)}
#nav ul li a.inmenu_1::after{height:2px}
.head-search button{background:0 0;height:100%}
.head-search button i{font-size:24px;color:var(--color);font-weight:var(--fontbold6)}
.head-search button::after{display:none}
.search-box{position:absolute;width:100%;top:100%;left:0px;background:#FFF;padding:20px 0px;transform:translateY(-200px);opacity:0;z-index:-1;transition:all .2s linear}
.search-box .search-input{width:600px;margin:0px auto;background:#EEE;display:flex;justify-content:space-between;align-items:center;height:40px;padding:0px 10px}
.search-box .search-input input{background:0 0;flex:1;padding-left:10px}
.search-box .search-input .search-btn{cursor:pointer;background:var(--color);color:#FFF;border-radius:4px;height:30px;line-height:30px;padding:0px 10px;transition:all .3s linear}
.search-box .search-input .search-btn:hover{opacity:.9}
.search-box.search-box-show{transform:translateY(0);opacity:1;z-index:1}
.mob-btn{display:none}
.opacity{display:none;position:fixed;top:0px;left:0px;width:100vw;height:100vh;background:rgba(0,0,0,.6);z-index:99}

.banner-warp{width: 1300px;height: 310px;
  margin: auto;
  position: absolute;
  top: 40px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;}
.banner-text {
  color: #fff;
  text-transform: Uppercase;
}
.banner-text h1 {
  font-size: 40px;
  line-height: 100px;
  letter-spacing: 2px;
  font-weight: bold;
}
.banner-text h1::after {
  content: '';

  width: 30%;

  background: white;

  height: 3px;

  display: block;

}
.banner-text h2 {
  font-size: 20px;
  line-height: 100px;
  letter-spacing: 2px;
  font-weight: normal;
}
.nybanner{ text-align:center;top: 100px;}
.nybanner h1{ text-align:center;text-shadow: 2px 3px 2px #3d3d3d;}
.nybanner h1::after{ display:none;}

.home-about,.home-application,.home-honor,.home-news,.home-product,.home-static,.home-video{padding:35px 20px}
.home-title{font-size:30px;text-align:center;/*font-weight:var(--fontbold5);*/font-weight: bold;position:relative;color:#1f84c1;line-height:1;padding-bottom:15px}
.home-title-line{position:relative;margin:0px auto;width:30px;height:5px;background:#fcc501;}
.home-title-line::after,.home-title-line::before{content:"";width:90px;height:1px;background:#EEE;position:absolute;right:calc(100% + 0px);top:2px}
.home-title-line::after{right:auto;left:calc(100% + 0px)}
.home-des{max-width:830px;margin:0px auto;font-size:16px;color:#555;text-align:center;padding:20px 0px}
.home-about .l-wrap{display:flex;flex-wrap:wrap}
.home-about .l-wrap>div{width:50%}
.home-about .about-info{padding-right:60px}
.home-about .about-info .home-title{text-align:left}
.home-about .about-info .home-des{text-align:left;padding-bottom:20px;font-size:16px;color:var(--fontcolor)}
.home-about .about-info .home-title-line{margin-left:100px}
.home-about .about-info .text{font-size:16px;color:#333;line-height:24px}
.home-about .about-info .more{margin-top:40px}
.home-about .about-info .more a{display:inline-flex;align-items:center;justify-content:center;width:150px;height:50px;background:var(--color);border:2px solid var(--color);color:#FFF;transition:all .2s linear;box-shadow:0 10px 20px 0 rgba(200, 117, 84, 0.3)}
.home-about .about-info .more a:hover{background:#FFF;color:var(--color)}
.home-about .about-img{position:relative}
.home-about .about-img img{width:100%;height:100%;object-fit:cover}
.home-about .about-img .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5);border-radius:50%;width:60px;height:60px;cursor:pointer}
.home-about .about-img .play::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:80%;background:#FFF;border-radius:50%}
.home-about .about-img .play .iconfont{color:var(--color);font-size:22px;z-index:99;margin-left:3px}
.home-static{background:var(--color) no-repeat center;background-size:cover}
.home-static .list{display:flex;justify-content:space-between;flex-wrap:wrap}
.home-static .list li{width:23%;display:flex;flex-direction:column;align-items:center;color:#FFF}
.home-static .list li .num{font-size:50px;font-weight:var(--fontbold6);position:relative;line-height:1;padding-bottom:20px}
.home-static .list li .num sup{font-size:20px}
.home-static .list li .num::after{content:"";position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:#FFF}
.home-static .list li .inner{padding:20px 0px;font-size:18px;color:#FFF}
.home-static .list li .icon img{height:50px;width:auto}

.footdiv1{ background:#1d4492; text-align:center; padding:28px 0;}
.foologo{ width:85%;margin: 0 auto;}
.foologo img{ max-width:100%;}
.divewm{overflow: hidden;text-align: center;display: flex;padding: 0 5px;}
.fooewm{ width:95px; margin: 15px 5px 0px;flex: 1;}
.fooewm img{ max-width:100%;border: 1px dashed #eee;padding: 5px;margin: 0 0 5px;width: 125px;}
.fooewmwz{ font-size:14px; color:#fff;}
.xfootnav{ border-top:1px solid #fff;border-bottom:1px solid #fff;padding: 20px 0;}
.xfootdwbxx{padding: 10px;font-size: 14px;line-height: 30px;color: #fff;}
.xfootdwbxx a{color: #fff;}

footer{clear:both;margin:0px auto;padding:0px 0px 0px}
.foot-top{max-width:1600px;margin:0px auto;background:var(--color) no-repeat center;background-size:cover;display:flex;justify-content:space-between;align-items:center;color:#FFF;padding:40px 40px;line-height:1;position:relative;z-index:9}
.foot-top .left span{font-size:28px;font-weight:var(--fontbold5)}
.foot-top .left p{padding-top:20px;font-size:16px}
.foot-top .right a{width:160px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:#FFF;color:var(--color);transition:all .2s linear;border:2px solid #FFF}
.foot-top .right a:hover{background:0 0;color:#FFF}
.foot-main{background:url('../images/index65.jpg') center;color:#fff;background-size: cover;}
.foot-main .foot-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;padding:80px 20px 40px}
.foot-main .foot-item{width:28%}
.foot-main .contact{width:30% !important;}
.foot-main .foot-item .title{font-size:20px;font-weight:var(--fontbold5);line-height:1;position:relative;padding-bottom:10px;color:#FFF}
.foot-main .foot-item .title::after{content:"";position:absolute;bottom:0px;left:0px;width:40px;height:3px;background:var(--color)}
.foot-main .foot-item .navlist{margin-top:10px}
.foot-main .foot-item .navlist li{position:relative;padding-left:20px}
.foot-main .foot-item .navlist li::before{content:"";position:absolute;left:0px;top:43%;/*transform:translateY(-50%);*/font-size:12px;width:4px;height:6px;background:url('../images/index61.png') no-repeat;}
.foot-main .foot-item .navlist li a{padding:6px 0px;transition:all .2s linear;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:5px;box-sizing:border-box;display:block;color:#fff}
.foot-main .foot-item .navlist li a:hover{/*transform:translateX(5px);*/color:var(--color)}
.foot-main .foot-item.navigation{width:38%}
.foot-main .foot-item.contact .foot-logo{display:block;max-height:140px}
.foot-main .foot-item.contact ul.contactlist{margin-top:20px}
.foot-main .foot-item.contact ul.contactlist li{display:flex;align-items:baseline;padding:0px 0px;font-size:18px;position:relative;padding-left:35px;line-height: 24px;color: #fff;margin-bottom: 10px;}
.foot-main .foot-item.contact ul.contactlist li span{ font-size:18px; font-weight:bold;}
.foot-main .foot-item.contact ul.contactlist li a{color:#D0D0D0}
.foot-main .foot-item.contact ul.contactlist li em{font-size:20px;position:absolute;left:0px;top:6px}
.foot-main .foot-item.contact ul.contactlist li a:hover{color:var(--color)}
.foot-main .foot-item.contact .foot-share ul{display:flex;align-items:center;flex-wrap:wrap;margin-top:20px}
.foot-main .foot-item.contact .foot-share ul a{width:30px;height:30px;margin-right:10px;color:#FFF;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear}
.foot-main .foot-item.contact .foot-share ul a:hover{background:var(--color)}
.foot-main .foot-item.navigation ul{display:flex;flex-wrap:wrap}
.foot-main .foot-item.navigation ul li{width:33%}
.footlink{ overflow:hidden; padding:15px 0 30px;border-top: 1px solid #fff;}
.flinktitle{ font-size: 17px;font-weight: bold;letter-spacing: 2px;padding: 0 5px;}
.footlink ul{ overflow:hidden;}
.footlink ul li{ float:left;line-height: 22px;}
.footlink ul li a{ font-size:14px; color:#fff; border-right:1px solid #fff; padding:0 5px;}

.foot-main .copyright{border-top:1px solid #4B4F58;text-align:center;padding:15px 0px;font-size:14px}
.foot-main .copyright a{margin-left:10px;color:#D0D0D0}
.bottom-btn{display:none;background:#FCFCFCFB;align-items:center;position:fixed;bottom:0px;left:0px;width:100%;z-index:99;box-shadow:1px 2px 10px rgba(0,0,0,.1);transition:all .2s linear;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}
.bottom-btn .btn-item{width:25%;height:14vw;color:#333;transition:all .2s linear}
.bottom-btn .btn-item a,.bottom-btn .btn-item>div{text-transform:capitalize;width:100%;height:100%;font-size:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.bottom-btn .btn-item i{color:#333;font-size:22px;height:28px}
.bottom-btn .btn-item p{font-size:12px;text-transform:capitalize}
.top-btn{display:none}
.bottom-btn .btn-item .top-btn{display:flex !important;width:35px;height:35px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:none;background:none;border:1px solid #ccc}
.bottom-btn .btn-item .top-btn:hover{background:none;box-shadow:none}
.bottom-btn .btn-item .top-btn:hover i{color:#000}
.top-btn{cursor:pointer;display:none;height:40px;width:40px;border-radius:50%;position:fixed;bottom:150px;right:35px;background:#FFF;box-shadow:0 5px 5px 0 rgba(0,0,0,.1);transition:all .4s ease;z-index:9;overflow:hidden}
.top-btn:hover{background:#c1c1c1}
.top-btn i{font-size:24px;width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center}


.nyabvideo{width:100%;height: 84vh;overflow: hidden;background: black;margin: 40px 0 0;}
.pabout-culture{background: url(../images/img1.jpg) no-repeat; background-size: 100% 100%; padding: 90px 0;}
.pr {
  position: relative;
}
.pb {
  position: absolute;
}
.weui-flex-warp {
  display: flex;
}
.pabout-culture-list{ margin-top: 30px;  justify-content: space-between; flex-wrap: wrap;}

.pabout-cul-list-item{width: 32%; background: #FFFFFF;box-shadow: 0px 8px 16px 0px rgba(192, 192, 192, 0.1);padding: 49px 36px; margin-bottom: 20px;}

.pabout-cul-list-item .cul-img{ width: 90px; right: 25px; top: 38% ; margin-top: -15px; transform: scale(1); transition: all .5s;}

.pabout-cul-list-item h5{font-size: 26px;font-weight: 400;color: var(--color);line-height: 26px; max-width:65%;  margin-bottom: 10px;}

.pabout-cul-list-item p{font-size: 16px;font-weight: 400;color: #666666;line-height: 24px;max-width: 65%; }

.pabout-cul-list-item:hover .cul-img{ transform: scale(1.5);}
.pjoin-title h4{font-size: 34px;font-weight: 600;color: #222222;line-height: 34px;text-align: center;}

.pjoin-title p{font-size: 22px;font-weight: 300;color: #999999;line-height: 22px; margin-top: 20px;text-transform:uppercase;text-align: center;}

#culture .container{width: 1200px;margin: 0px auto;}


.bg-f7f7f7 {
  background: #F7F7F7;padding: 50px 0;
}
/*.container-fluid {
 padding: 0;
  margin-right: auto;
  margin-left: auto;
}*/






#contact .container{width: 1200px;margin: 0 auto;padding: 0;}
.kefu-info{background: #FFFFFF;  margin-bottom: 1.2rem; min-height: 1rem;}

.kefu-info .kefu-left{padding: 30px 20px;width: 40%;}

.kefu-info .kefu-left .kefu-title h4{font-size: 24px;font-weight: 600;color: var(--color);line-height: 24px;}

.kefu-info .kefu-left .kefu-title p{font-size: 14px;font-weight: 400;color: #888888;line-height: 20px; margin-top: 4px;}



.kf-line{display: inline-block; width: 12px; height: 1px ;background: #888888; margin-bottom: 24px;margin-top: 24px;}

.kefu-info .kefu-left .kefu-tp p,.kefu-info .kefu-left .kefu-tp a{font-size: 18px;line-height: 40px; display: block;}

.kefu-info .kefu-left .kefu-tp p span,.kefu-info .kefu-left .kefu-tp a span{color: #888888;}

.kefu-info .kefu-mid{padding: 30px 10px;width: 26%; }

.kefu-info .kefu-mid >p{font-size: 18px;color: #212121;line-height: 25px;}

.kefu-info .kefu-mid div{display: flex; align-items: center;}

.kefu-info .kefu-mid div img{width: 135px;margin-right: 10px;}

.kefu-info .kefu-mid div p{font-size: 16px;color: #484848;line-height: 22px;}

.kefu-info .kefu-right{padding: 30px 20px;width: 34%; background: var(--color); color: #fff;}

.kefu-info .kefu-right .kf-p1{font-size: 18px;line-height: 25px; margin-bottom: .12rem;}

.kefu-info .kefu-right .kf-p2{font-size: 24px;line-height: 24px; font-family: "DIN-bold"; font-weight: bold; margin-top: 20px; color: #fff; display: block;}

.kefu-info .kefu-right .kf-p2 span{font-weight: 400;font-size: 20px;}

.kefu-info .kefu-right .kf-line{ background: #fff;}

.kf-message{margin-top: 40px; margin-bottom: 30px; }

.kf-message-left{width: 50%;  padding-right: 50px;}

.kfmart60{margin-top: .6rem;}

.kf-message-txt{margin-top: 20pxm;}

.kf-message-txt >p{font-size: 20px;color: #888888;line-height: 34px; margin-bottom: 40px;}

.kf-message-txt div{display: flex; flex-wrap: wrap;}

.kf-message-txt div p{width: 50%; border-top: 1px solid #E6E6E7; border-bottom: 1px solid #E6E6E7; padding-top: 10px; padding-bottom: 10px;}

.kf-message-txt div p samp,.kf-message-txt div p span{display: block;}

.kf-message-txt div p samp{font-size: 14px;color: #8C9199;line-height: 20px; margin-bottom: 3px;font-family: futura,"Microsoft Yahei","Arial",Verdana,Arial,sans-serif;}

.kf-message-txt div p span{font-size: 18px;color: #212121;line-height: 25px;font-weight: 600;}

.kf-message-right{  width: 50%;}



.message-form{margin-top: 20px;}



.message-form  .form-group{ width: 49%; margin-bottom: 10px; position: relative; }





.message-form  .form-group:nth-child(odd){margin-right: 1%;}



.message-form  .form-control{background-color: #F5F6F7; width: 100%; height: 42px;line-height: 42px; border-radius: 10px; border: 0; padding-left: 12px;box-shadow:none}



.form-texttarea{width: 100%  !important; }



.form-texttarea  .form-control{height: 150px ; border: 0;border-radius: 10px;}



.message-form input::-webkit-input-placeholder,.message-form textarea::-webkit-input-placeholder{



	color: #888888 !important;



 }



 .message-form input::-moz-placeholder,.message-form textarea::-webkit-input-placeholder{   /* Mozilla Firefox 19+ */



  color: #888888 !important;



 }



 .message-form input:-moz-placeholder,.message-form textarea::-webkit-input-placeholder{    /* Mozilla Firefox 4 to 18 */



	color: #888888 !important;



 }



 .message-form input:-ms-input-placeholder,.message-form textarea::-webkit-input-placeholders{  /* Internet Explorer 10-11 */ 



  color: #888888 !important;



 }



 .submit-btn{width: 144px;height: 50px;background: var(--color);color: #ffffff; font-size: 20px;border-radius: 10px;}

 .formw100{width: 100% !important;}
 
 
/*服务*/
.mabo30{ margin-bottom:30px;}
.zizhufwudiv{margin: 0px auto 30px;text-align: center;}
.fuzcul{ overflow:hidden; width:100%;}
.fuzcul li{ display: inline-block;
width: calc(23% - 30px);
margin: 0 9px 30px;
padding: 50px 16px;
text-align: center;
background: #f5f5f5;}
.fuzctu{ text-align:center;}
.fuzctitle{display: block; text-align:center;
color: #333;
font-size: 20px;
margin-top: 20px;}
.fuzcp{display: block;
color: #999;
font-size: 15px;
margin-top: 5px;}
.xiazzhongxin{background: url(../images/bg04.jpg) no-repeat center;background-size: cover;padding: 50px 0;}
.xiazzhongx_ul{ overflow:hidden; width:100%; background: #fff;}
.xiazzhongx_ul li{color: #666;
font-size: 15px;
padding: 20px 40px;
border-bottom: 1px #ddd solid;
overflow: hidden;}
.xzzx_time{float: left;}
.xzzx_title{float: left;margin-left: 100px;}
.xzzx_p{ float:right;}

.in_mfzxbg{ background-image:url('../images/bj02.jpg');background-repeat: no-repeat;background-position: center center; text-align:center;padding: 6%; /*margin-top: 20px;*/}
.in_mfzx_title{font-weight: bold;font-size: 30px;color: #FFFFFF;}
.in_mfzx_p{font-size: 14px;color: #FFFFFF;width: 65%;
margin: 30px auto;
line-height: 28px;}
.in_mfzxbg_a {
  width: 188px;
  height: 55px;
  border: 2px solid #262f2f;
  display: inline-block;
line-height: 52px;
  cursor: pointer;
  background: #262f2f;
  margin:0 10px;
}
.in_mfzxbg_a a {
  font-size: 16px;
  font-family: Microsoft YaHei;
  font-weight: 400;
  color: #fff;
}
.in_mfzxbg_a:hover {
  transition: all 0.8s;
  background-color: #f49712;
border: 2px solid #f49712;
}



@media (max-width:1440px){
.foot-main .foot-item{width:28%}}
@media (max-width:1024px){body{/*padding-top:55px*/}
header{border-bottom:1px solid #F3F3F3;z-index:999}
#jljw_IM_GdImBox{z-index:900 !important}
.search-box .search-input{padding:0px 15px}
.head-top{display:none}
.head-info{height:55px;padding:0px 15px}
.head-info .l-wrap{justify-content:space-between}
.logo{max-width:inherit;padding-right:15px}
.search-box.m-search-box{display:none;position:static;opacity:1;z-index:1;transform:translate(0);padding:0px}
.search-box.m-search-box .search-input{height:50px;width:100%}
.search-box .search-input i{font-size:22px}
.head-info #nav{background:#FFF;position:fixed;top:55px;left:0px;width:100%;display:block;height:0px;z-index:-1;transition:all .2s linear;display:none}
.head-info #nav.is-active{height:calc(100vh - 55px);opacity:1;z-index:1;display:block}
.head-info #nav .nav-ul{height:auto;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);overflow-y:scroll;height:0px}
.head-info #nav.is-active .nav-ul{height:calc(100vh - 100px)}
.head-info #nav .nav-ul.iosnav{padding-bottom:70px}
.head-info #nav.is-active .search-box.m-search-box{display:block}
.head-info #nav ul{flex-direction:column;align-items:flex-start}
.head-info #nav ul li{padding:0px;width:100%;border-bottom:1px solid rgba(0,0,0,.08);height:auto;font-weight:var(--fontbold5)}
.head-info #nav ul li a{display:block;font-size:20px;padding:15px 50px 15px 30px;width:100%;height:auto;color:var(--fontcolor)}
.head-info #nav ul li a::after{display:none}
.head-info #nav ul li.head-search{display:none}
.head-info #nav ul li:hover .submenu{display:none}
.head-info #nav ul li.nav0>a{color:var(--color)}
.head-info #nav ul li.nav0 .showmenu::after{width:15px;height:2px;background:var(--color)}
.head-info #nav ul li.nav0 .submenu{display:block!important}
.head-info #nav ul li.nav0 .submenu ul{padding-left:15px}
.head-info #nav ul li .submenu{display:none!important;position:static;background:0 0;color:var(--fontcolor);padding-left:10px}
.head-info #nav ul li .submenu li{height:auto;font-weight:400}
.head-info #nav ul li .submenu li:last-child{border:none}
.head-info #nav ul li .submenu.nav2{display:block}
.head-info #nav ul li .showmenu{position:absolute;width:60px;height:40px;right:0px;top:4px;display:flex;align-items:center;justify-content:center}
.head-info #nav ul li .showmenu::after,.head-info #nav ul li .showmenu::before{content:"";width:15px;height:2px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#666}
.head-info #nav ul li .showmenu::after{width:2px;height:15px}
.mob-btn{display:flex;align-items:center;justify-content:flex-end;position:relative;width:50px;height:50px;cursor:pointer}
.mob-btn i{color:var(--fontcolor);font-size:28px;transform:rotate(180deg);font-weight:var(--fontbold5)}
.home-title{font-size:36px}
.home-static .list li{width:50%}
.home-static .list li:nth-child(1),.home-static .list li:nth-child(2){margin-bottom:20px}
.foot-main .foot-item{width:50%;margin-bottom:20px}

.nyabvideo {height: auto;}
.pabout-culture{padding: 40px 0;}
#culture .container {
  width: 100%;
  margin: 0px auto;
}
.pjoin-title h4 {
  font-size: 28px;
  line-height: 30px;
}
.pjoin-title p {
  font-size: 18px;
  line-height: 18px;
}
.pabout-cul-list-item {
  width: 100%;
  margin: 0 10px 20px;
}
.mabo30 {
  font-size: 24px;
}
 .fuzcul li {
    width: calc(100% - 30px);
  }
.in_mfzxbg {
    padding: 10% 5%;
  }
 .in_mfzx_title {
    font-size: 20px;
  }
  .in_mfzx_p {
    width: 100%;
  }
   .in_mfzxbg_a {
    margin: 0 10px 10px;
  }
#contact .container {
  width: 100%;
  padding: 0 15px;
}
.weui-flex-warp {
  display: flex;
  flex-wrap: wrap;
}
.kefu-info .kefu-left {
  padding: 30px 20px;
  width: 100%;
}
.kefu-info .kefu-mid {
  padding: 30px 10px;
  width: 100%;
}
.kefu-info .kefu-right {
  padding: 30px 15px;
  width: 100%;
}
.kf-message-left {
  width: 100%;
  padding-right: 0;
}
.kf-message-right {
  width: 100%;
}






}
@media (max-width:768px){
.home-about,.home-application,.home-honor,.home-news,.home-product,.home-static,.home-video{padding:50px 15px 20px}
.logo img{max-height:44px}
.head-info #nav ul li a{font-size:18px;padding:10px 50px 10px 15px;font-weight:normal}
.home-title{font-size:22px}
.home-title-line::after,.home-title-line::before{width:12vw}
.home-des{padding:15px 20px 6.66667vw;display:none}
.home-title-line{margin-bottom:26px!important}
.home-about .l-wrap>div{width:100%}
.home-about .about-info{padding:0px}
.home-about .about-info .home-title{text-align:center}
.home-about .about-info .home-title-line{margin:0px auto}
.home-about .about-info .home-des{padding-left:0px}
.home-about .about-info .more{margin-top:20px}
.home-about .about-info .more a{width:100px;height:33px}
.home-about .about-img{margin-top:30px}
.home-static .list li .num{font-size:30px}
.home-static .list li .inner{font-size:3.46667vw;padding:10px 0px}
.home-static .list li .icon img{height:8.26667vw}
.foot-top{display:block;padding:30px 20px;background-size:cover}
.foot-top .left span{font-size:6.13333vw;font-weight:var(--fontbold5);line-height:1.2}
.foot-top .left p{font-size:3.46667vw;padding:10px 0px;line-height:1.4}
.foot-top .right{margin-top:40px}
.foot-top .right a{width:120px;height:33px}
.foot-main{margin:0px;margin-bottom:calc(14vw + constant(safe-area-inset-bottom));margin-bottom:calc(14vw + env(safe-area-inset-bottom))}
.foot-main .foot-wrap{padding:40px 20px 0px}
.foot-main .foot-wrap .foot-item{width:100%}
.foot-main .foot-wrap .foot-item .title{font-size:4.53333vw}
.foot-main .foot-wrap .foot-item .navlist{display:flex;flex-wrap:wrap}
.foot-main .foot-wrap .foot-item .navlist li{width:50%}
.foot-main .foot-wrap .foot-item .navlist li a{font-size:16px}
.copyright{font-size:2.93333vw}
.top-btn{right:24px;bottom:calc(140px + constant(safe-area-inset-bottom));bottom:calc(140px + env(safe-area-inset-bottom));display:none !important}
.bottom-btn{display:flex;transform:translateY(100%)}
.bottom-btn.bottom-btn-keep{transform:translateY(0)}
.bottom-btn.is-active{transform:translateY(0)}
.bottom-btn.show-cart{transform:translateY(0)}}
@-webkit-keyframes sk-scaleout{0%{-webkit-transform:scale(0)}100%{-webkit-transform:scale(1);opacity:0}}
@keyframes sk-scaleout{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}
.mobile-bottom-bag{display:none}
.rfixed{position:fixed;bottom:calc(190px + constant(safe-area-inset-bottom));bottom:calc(190px + env(safe-area-inset-bottom));right:35px;z-index:99}
.compare-panel{width:280px;background:#FFF;position:fixed;z-index:1000;bottom:0px;right:0px;box-shadow:-1px -1px 3px #CCC;display:none;transition:bottom .2s}
.compare-t{background-color:var(--color);font-size:14px;color:#FFF;display:flex;align-items:center;padding:6px 10px}
.compare-close{position:relative;width:24px;height:24px;background:0 0}
.compare-close::after,.compare-close::before{content:"";display:block;width:10px;height:2px;background-color:#FFF;position:absolute;top:50%;border-radius:2px}
.compare-close::before{transform:rotate(45deg);left:4px}
.compare-close::after{transform:rotate(-45deg);right:4px}
.compare-tit{text-align:center;flex:1;line-height:1.5}
.compare-checked{color:#FFF;margin:0px 4px}
#productChache_list{padding:0px 10px;height:220px;overflow-y:auto}
#productChache_list::-webkit-scrollbar{width:4px}
#productChache_list::-webkit-scrollbar-track{border-radius:0;background-color:rgba(0,0,0,.05)}
#productChache_list::-webkit-scrollbar-thumb{border-radius:10px;background-color:rgba(0,0,0,.15)}
.selected-item{position:relative;border-bottom:1px solid #EFEFEF;padding:10px 0px;display:flex;align-items:center}
.item-clear{position:relative;width:20px;height:20px;background-color:transparent;cursor:pointer}
.item-clear::after,.item-clear::before{content:"";display:block;position:absolute;width:70%;height:2px;background-color:#555;border-radius:2px;top:50%;margin-top:-1px}
.item-clear::before{transform:rotate(45deg);left:3px}
.item-clear::after{transform:rotate(-45deg);left:3px}
.item-content{flex:1;display:flex;align-items:center}
.item-img{width:50px;height:50px;background:#FFF;border:1px solid #EFEFEF;display:flex;align-items:center;justify-content:center}
.item-img img{max-width:100%;max-height:100%}
.item-c{width:calc(100% - 50px);padding:0px 10px;font-size:12px}
.item-title{max-height:34px;word-break:break-word;display:block;display:-webkit-box;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3;color:var(--fontcolor)}
.item-price{color:#d4322c}
.compare-b{padding:20px 10px;display:flex;justify-content:space-between}
.compare-b *{display:block;width:80px;text-align:center;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;border-radius:2px;padding:0px 2px}
.clear-all{color:var(--fontcolor);background-color:#EDEDED}
.compare-inquire,.compare-inquire:hover{color:#FFF;background-color:var(--color)}
.compare-b .orderNow{margin:0px;background:#F66F08;color:#FFF;line-height:30px;padding:0px 2px;border:none;border-radius:2px;font-size:12px;cursor:pointer;display:block;width:80px}
.rfixed-sc{width:40px;height:40px;background:var(--color);border-radius:50%;text-align:center;line-height:38px;color:#FFF;position:relative;margin-bottom:10px;cursor:pointer;display:none}
.rfixed-sc i{font-size:20px}
.rfixed-scnum{position:absolute;right:25px;top:5px;width:16px;height:16px;background:#E00;border-radius:50%;text-align:center;font-size:12px;color:#FFF;transform:scale(.9);line-height:16px}
@media (max-width:768px){
.compare-panel{width:100%;bottom:14vw}}
.lang{width:auto;position:relative; /*display:none;*/}
.lang-icon>img{margin-right:5px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px}
.lang-icon span::before{content:'';position:absolute;right:4px;top:11px;width:8px;height:1px;background:#333;transform:rotate(50deg)}
.lang-icon span::after{content:'';position:absolute;right:0px;top:11px;width:8px;height:1px;background:#333;transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgb(0 0 0 / 10%);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 12px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-wrap{width:140px;padding:8px 0px;box-sizing:border-box}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-flex .lang-wrap{width:340px;display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;padding:8px 16px;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33%;padding:8px 6px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEE}
.lang-wrap li a{display:block;color:#000;font-size:12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media(max-width:1024px){
.lang{margin-left:auto}
.lang-icon span{display:none}
.lang-icon>img{width:36px;height:24px;margin:2px 0px 0px 0px}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}
.lang-drop{display:none}
.lang-drop.active{display:block}}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:0px auto 20px;padding:0px;max-width:1560px;line-height:1.6;box-sizing:border-box}
.prolist-bottom{clear:both;margin:0px auto 20px;padding:0px;max-width:1560px;line-height:1.6;box-sizing:border-box}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
@media(max-width:1600px){.prohome-content,.prolist-bottom{margin-left:20px;margin-right:20px}}
@media(max-width:768px){.prohome-content{clear:both;margin:0px 15px 20px;padding:0px}
.prolist-bottom{clear:both;margin:0px 15px 20px;padding:0px}}
.prolist-content{clear:both;margin:0px auto 15px;line-height:1.6}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:700;margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.icon-videoplay{position:absolute;left:50%;top:50%;transform:translate(-52%,-50%);background:rgba(0,0,0,.5);color:#FFF;width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:18px;z-index:1;display:none}
img.lazy.loaded+.icon-videoplay{display:flex}
@media(max-width:768px){.icon-videoplay{width:30px;height:30px}}
.ab_img img{ max-width:100% !important; height:auto !important;display:inline-block;}
.ab_img p{text-wrap: inherit !important;color: #7A7A7A;}
.ab_img p span{text-wrap: inherit !important;}


.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 0 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid var(--color);
}
.pagination a.page-num-current {
  color: #fff;
  background: var(--color);
  border: 1px solid var(--color);
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
.home-about{ background:#f8f8f8;}


.cpnypcfl{ overflow:hidden; width:100%; margin:0 0 30px; text-align:center;}
.cp_active{background:var(--color);color:#fff; }
.cpnypcfl a{overflow:hidden; display:inline-block; font-size: 16px;width:150px; height:50px; line-height:50px;border: 1px solid #eee; text-align:center; margin:0 10px 0 0;transition: all .2s linear;}
.cpnypcfl a:hover{background:var(--color);color:#fff;}

.nyrptj{overflow: hidden;margin-top:40px;}
.pro3 {overflow: hidden;margin-top:40px;}
    
    .pro3 ul {/*width: 1200px;*/width: 90%;
  margin: 0 auto;}
    
    .pro3 ul li {
        width: 48%;
        float: left;
        margin-bottom: 20px;
    }
    
    .pro3 ul li:nth-child(2n) {
        float: right;
    }
    
    .pro3 ul li h3 {
        position: relative;
        border-bottom: 1px dashed #bfbfbf;
    }
    
    .pro3 ul li h3:after {
        content: "";
        position: absolute;
        width: 10px;
        height: 1px;
        background: #ffffff;
        left: 10px;
        bottom: 8px;
    }
    
    .pro3 ul li h3 i {
        font-style: normal;
        background: var(--color);
        width: 30px;
        height: 50px;
        display: inline-block;
        line-height: 50px;
        color: #Ffffff;
        text-align: center;
        font-size: 18px;
        font-weight: normal;
    }
    
    .pro3 ul li h3 b {
        font-size: 22px;
        margin-left: 15px;
        color: #000;
    }
    
    .pro3 ul li h3 b span {
        font-weight: normal;
        font-size: 14px;
        margin-left: 10px;
        text-transform: uppercase;
    }
    
    .pro3 ul li p {
        color: #000000;
        height: 50px;
		margin: 15px 0;
    }
    
    .pro3 ul li a {
        display: block;
        color: #000;
        font-weight: normal;
        height: 300px;
       /* background: #dddddd;*/
        margin-top: 20px;
    }

/*联系我们*/
    
    .lxwm {
        overflow: hidden;
  width: 100%;
  margin: 10px auto 0;
    }
    
    .lxwm dl {}
    
    .lxwm dl dt {
        width: 32%;
        overflow: hidden;
        float: left;
        /*background: #dddddd;*/
        height: 273px;
    }
    
    .lxwm dl dd {
        float: right;
        width: 65%;
        border: 1px solid #ebebeb;
        height: 273px;
        padding: 15px 3%;
    }
    
    .lxwm dl dd h3 {
        font-size: 18px;
        color: #333333;
        margin-top: 22px;
        margin-bottom: 17px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 10px;
		font-weight: bold;
    }
    
    .lxwm dl dd h3:after {
        content: ""
    }
    
    .lxwm dl dd p {
        color: #000000;
        text-align: justify;
    }
    
    .lxwm dl dd p b {
        font-size: 22px;
        color: var(--color);
    }
    /**/
    
    .lianxi {
        overflow: hidden;
  width: 100%;
  margin: 30px auto 0;
    }
	.lianxi ul{display: flex;}
    
    .lianxi li {
		flex: 1;
        float: left;
        width: 30.5%;
        height: 196px;
        text-align: center;
        /*margin-right: 1%;*/
        color: #666;
        margin: 30px 20px;
        line-height: 160%;
        padding: 0 10px;
        font-family: 微软雅黑;
        background: #fff;
        box-shadow: 1px 0px 20px 3px #e4dfdf;
    }
    
    .lianxi li.last {
        float: right;
        margin-right: 0px
    }
    
    .lianxi li img {
        width: 42px;
        padding-top: 30px;
    }
    
    .lianxi li i {
        display: block;
        font-size: 14px;
        color: #333;
        padding-bottom: 8px;
        font-style: normal;
        padding-top: 10px;
    }
    
    .lianxi li span {
        display: block;
        color: #333;
        font-size: 15px;
    }
    
    .lianxi li.last span {
        font-size: 15px;
    }


.shoujinav{ display:none;}
.nyvideo{border: medium;width:44%;min-height:343px; margin:0 auto; display:block;}


/*768以下*/
@media screen and (min-width:320px) and (max-width:767px) {	
.cpnypcfl{ display:none;}
.nyvideo{width:100%;}
.shoujinav{ display:block;}
.honner{ display:none;}
.swiper-slide{height: 25vh;}
.home-banner .swiper-slide a img {
  height: 25vh;
}
.banner-warp { height:260px; padding-top:40px;width: 86%;}
.banner-text h1 { line-height:30px; font-size:22px;}
.banner-text h1::after{ margin-top:10px;}
.banner-text h2 { line-height:26px; font-size:14px;margin-top: 10px;letter-spacing: 0px;}

.pro3 ul {width: 100%;}
.pro3 ul li{ width:100%;}
.pro3 ul li p {height: auto;}
.pro3 ul li a{height: auto;}

.common-main {padding-bottom: 30px;}

.lxwm {width: 100%;}
.lxwm dl dt {width: 100%;}
.lxwm dl dd {width: 100%;height: auto;}
.lxwm dl dd h3 {margin-top: 8px;}
.lianxi {width: 100%;}
.lianxi ul {
  display: block;
}
.lianxi li {
  float: none;
  width: 90%;
  height: 188px;
  margin: 30px auto;}

}