.wrap {width:1400px;margin:0 auto;overflow:hidden;position: relative;}
.header_top{ width: 100%; height: 100px; line-height: 100px; background-color: #fff; /*position: relative;*/ z-index: 999; position: fixed;box-shadow: 0px 2px 6px 4px rgba(109, 109, 109,.4);}
.header_top .logo{ padding-right: 15px; background: url(../images/top_xian.jpg) no-repeat right 30px;}
.header_top h4{ font-size: 14px; color: #666; line-height: 22px; padding-top: 30px; margin-left: 15px; }
.nav li>a{ font-size: 16px; color: #333; padding: 0 20px; }
.nav li{float: left;}
.header_top h2 p{transition: 0.4s; font-size: 16px; color: #333; padding-left: 29px; background: url(../images/tel.png) no-repeat left center;}
.header_top h2{ padding-left: 27px; padding-right: 18px; margin-left: 20px; background: url(../images/top_xian2.jpg) no-repeat left center; }
.zhezhao{ display: block; position: absolute; top: 0; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 999; }
.header_top h2:hover p{ background: url(../images/tel_on.png) no-repeat left center; color: #167fef; }
.header_top .wrap{ overflow: inherit; /*position: inherit;*/}
.header_top p .wx {
    position: relative;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    width: 16px; height: 14px;
    background: url(../images/top_xian2.jpg) no-repeat right center;
    padding: 0 15px;
}



.navbox li {
  float: left;
  height: 100px;
  line-height: 100px;
  margin: 0 15px;
  position: relative;

}
.navbox li .js{ margin-top: 35px; height: 30px; overflow: hidden; }
.navbox li .js>a {
  text-align: center;
  color: #333;
  font-size: 16px;
  display: block;
  line-height: 32px;
  -webkit-transition: transform .5s;
  -ms-transition: transform .5s;
  transition: transform 0.5s;
}
.navbox li .js>a:after {
  content: attr(data-hover);
  color: #167fef;
  opacity: 0;
  -webkit-transition: opacity .3s;
  -ms-transition: opacity .3s;
  transition: opacity 0.4s;
}
.navbox li.active .js>a:after,
.navbox li:hover .js>a:after {
  opacity: 1;
}

.navbox li .js:hover>a {
  color: #666;
}
.navbox li .js>a span {
  opacity: 1;
  display: block;
  pointer-events: none;
  -webkit-transition: opacity .3s;
  transition: opacity 0.4s;
}
.navbox li .js:hover>a span {
  opacity: 0;
}
.navbox li.active .js>a,
.navbox li:hover .js>a {
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.tnavbox{position:absolute;width:160px;left:50%;margin-left:-80px;top:85%;height:0;padding-top:15px;/* display:none;*/ text-align: center;z-index: 99999999;}
.tnav{ background:#fff; box-shadow:0 0 16px -4px rgba(0,0,0,.3); padding:20px 0 18px; transform:translateY(20px); -webkit-transform:translateY(20px); opacity:0; visibility:hidden; transition:.5s; -webkit-transition:.5s; }
.tnav a{ display:block; color:#666; line-height:35px; border-bottom: 1px solid transparent;-webkit-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.tnav a:hover{ color: #fff; }

.tnav a:hover,.tnav a.on{ background:#167fef; color:#fff;}
.navbox li:hover .tnavbox {
    height:100px;
}
.navbox li:hover .tnavbox .tnav{ transform:translate(0); -webkit-transform:translate(0); opacity:1; visibility:visible; }
.navbox li .tnavbox i{ position: absolute; width: 20px; height: 4px; background-color: #167fef; left: 50%; top: 0; margin-left: -10px; }


/* 手机适配 */
.menu-handler {width:66px;right:0;top:0px;height:54px;display:none;cursor:pointer;background-color:#000;position:absolute; z-index: 99999;}
.menu-handler span {position:relative;display:block;margin:26px auto 0;width:22px;height:2px;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s;}
.menu-handler span:after,.menu-handler span:before {content:"";position:absolute;display:inline-block;width:100%;height:2px;left:0;background-color:#fff;-webkit-transition-duration:.3s,.3s;-moz-transition-duration:.3s,.3s;-ms-transition-duration:.3s,.3s;-o-transition-duration:.3s,.3s;transition-duration:.3s,.3s;-webkit-transition-delay:.3s,0s;-moz-transition-delay:.3s,0s;-ms-transition-delay:.3s,0s;-o-transition-delay:.3s,0s;transition-delay:.3s,0s}
.menu-handler span:before {top:-6px;-webkit-transition-property:top,transform;-moz-transition-property:top,transform;-ms-transition-property:top,transform;-o-transition-property:top,transform;transition-property:top,transform;}
.menu-handler span:after {bottom:-6px;-webkit-transition-property:bottom,transform;-moz-transition-property:bottom,transform;-ms-transition-property:bottom,transform;-o-transition-property:bottom,transform;transition-property:bottom,transform;}
.menu-handler.active span {background-color:transparent;-webkit-transition-delay:0s,0s;-moz-transition-delay:0s,0s;-ms-transition-delay:0s,0s;-o-transition-delay:0s,0s;transition-delay:0s,0s}
.menu-handler.active span:after,.menu-handler.active span:before {-webkit-transition-delay:0s,.3s;-moz-transition-delay:0s,.3s;-ms-transition-delay:0s,.3s;-o-transition-delay:0s,.3s;transition-delay:0s,.3s}
.menu-handler.active span:before {top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.menu-handler.active span:after {bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.menuBox a:link,.menuBox a:visited {color:#fff;}
.menuBox a:active,.menuBox a:hover {color:#fff;}
.menuBox {background-color:#444;color:#fff;position:fixed;display:none;right:0px;top:0px;height:100%;height:100vh;overflow-x:hidden;overflow-y:auto;-moz-transform:translateX(100%);-ms-transform:translateX(100%);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-overflow-scrolling:touch;width:400px;z-index:980;-webkit-transition:all .5s cubic-bezier(.25,.46,.45,.94);-moz-transition:all .5s cubic-bezier(.25,.46,.45,.94);-ms-transition:all .5s cubic-bezier(.25,.46,.45,.94);-o-transition:all .5s cubic-bezier(.25,.46,.45,.94);transition:all .5s cubic-bezier(.25,.46,.45,.94);}
.menuMoblie {padding:80px 0px 100px;}
.menuMoblie .nav-link {display:block;font-size:16px;padding:12px 12%;position:relative;}
.menuMoblie .nav-link.cur {background-color:#333;}
.menuMoblie .subnav {background-color:#666;padding:10px 0px;display:none;}
.menuMoblie .subnav a {position:relative;display:block;padding:12px 12%;line-height:1.4;}
.pusher-black {position:fixed;width:100%;height:100%;left:0px;top:0px;background-color:rgba(0,0,0,0.4);z-index:900;visibility:hidden;filter:alpha(Opacity=0);opacity:0;-webkit-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-moz-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-ms-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;-o-transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;transition:all .2s cubic-bezier(.02,.01,.47,1) 0s;}
.menuOpen .pusher-black {visibility:visible;filter:alpha(enabled=false);/* opacity:1;*/}
.menuOpen .menuBox {-moz-transform:translateX(0);-ms-transform:translateX(0);-webkit-transform:translateX(0);transform:translateX(0)}
.pusher {transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;-webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;}
.menuOpen .pusher {/* transform:translateX(-26%);*/    -webkit-transform:translateX(-26%);/* transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/    /* -webkit-transition:transform 0.7s cubic-bezier(0.19,1,0.22,1) 0s;*/}


@media screen and (min-width:1590px) and (max-width:1690px){ 
  .banner .bannerbox li video{ width: auto; height: 100%; }

 }

@media(max-width:1550px) {
  .wrap{ width: 1200px; }
  .content{ margin-left: -600px; }
  .wrap1600{ width: 1200px; }
  .grzx_Vision_two_con2{ width: 600px;}
  .banner .flex-direction-nav{ width: 1200px; margin-right: -600px; }
  .banner .bannerbox li a > img{ width: 111%!important; left: 0!important; height: auto!important; }
  .banner .bannerbox li video{ width: 100%!important; }
  .banner{ height: 653px!important; }
  .banner .bannerbox li{ height: 110%; }
  .conlist li h3{ line-height: 60px; font-size: 40px; }
  .nei_banner_tit{ width: 1200px; margin-left: -600px; }
  /*.grzx_culture li{ background: url(../images/gswh_li_bg.png) no-repeat bottom center;background-size: 100% 93%; }*/
  .qwyx_h3{ font-size: 40px; }
  .grzx_Vision_one h5{ font-size: 24px; }
  .grzx_Vision_two_con h5{ font-size: 24px; }
  .grzx_Vision_three .main_pic{ width: 50%; }
  .productType_ul li .main_pic img{ width: 100%; }
  .product_ul li .main_pic img{ width: 100%; }
  .muble{ right: 260px; }
  .shejigao p img{ padding-top: 50px; padding-bottom: 50px; max-width: 1200px; width: 90%;}
  .header_top h4{ display: none; }
  .header_top .logo{ background: none; }
  .counsel{ top: 120px; }
  .muble{ bottom: -164px; }



  

   

}
@media(max-width:1366px) {
  .container_2{ width: 1200px; }
  .banner .bannerbox li{ height: 100%!important; }
  .banner{ height: 520px!important; }
  .banner .bannerbox li video{ width: 100%!important; height: auto!important; }
  .conlist li h3{ line-height: 50px; font-size: 30px; }
  .banner .flex-direction-nav li a{ width: 60px; height: 60px; }
  .banner .flex-direction-nav li a.flex-prev{ background: url(../images/banner_left1.png) center no-repeat;}
  .banner .flex-direction-nav li a.flex-next{ background: url(../images/banner_right1.png) center no-repeat;}
  .banner .flex-direction-nav li a.flex-prev:hover{ background: url(../images/banner_left2.png) center no-repeat;}
  .banner .flex-direction-nav li a.flex-next:hover{ background: url(../images/banner_right2.png) center no-repeat;}
  .num{ bottom: 0px; }
  .muble{ width: 30px; right: 170px; height: 60px; }
  .grzx_grjj p{ line-height: 25px; }
  .grzx_grjj h3{ padding-top: 35px; }
  .vwrap .videobox{ height: 600px; margin-top: -300px; }
  .counsel{ top: 50px; }






}

@media(max-width:1280px) {
  .sort_wrap { display: none;}
  .con_rt { background: #fff; margin-left: 0; padding: 20px; min-height: 600px;}
  .con_rt img{ width: 100%;}
  .banner{ height: 526px!important; }
  .banner .bannerbox li video{ width: 100%!important;}




}
@media(max-width:1200px) {
  .wrap{ width: 94%; margin: 0 3%; }
  .banner .flex-direction-nav{ width: 100%; right: 0px; margin-right: 0px; }
  .content{ left: 0%; }
}

@media (max-width: 768px) {
  .lanmu ul{display: none;}
  .banner .flex-direction-nav .flex-nav-prev{left: 20px;width: 41px; height: 41px;}
  .banner .flex-direction-nav .flex-nav-next{right: 20px;width: 41px; height: 41px;}
  .banner .flex-direction-nav li a{width: 30px; height: 30px;}
  .content h3{padding:0 50px;}
  .conlist li h3{ line-height: 32px; font-size: 20px; }
  .grzx_main6{padding-top: 30px;}
  .footer{padding-top: 0px;}
  .footer_top{ display: none;}
  .footer_bottom{line-height: 32px;}
  .newslist ul{margin-top: 0px;}
  .newslist ul li .main_pic{width: 100%;}
  .newslist ul li .w65{width: 100%;}
  .newslist ul li .d_month{font-size: 16px;}
  .qyry_ul li{width:95%;}
  .culture-list li{width: 100%;}
  .krtr_ul .krtr{width: 100%;}
  .com-img-cont .pic{width: 100%;}
  .com-img-cont .cont{width: 100%;}
  .com-img-cont .cont .com-title{margin-bottom: 20px;}
  .com-img-cont .cont .com-title .tit-cn{font-size: 20px!important;}
  .positioning-list ul li{width: 100%;}
  .smartcity .pl{width: 100%;}
  .smartcity .pr{width: 100%;}
  .smartcity .fl{width: 100%;}
  .smartcity .fr{width: 100%;}
  .smartcity .fl img{width: 100%;}
  .smartcity .fr img{width: 100%;}
  .card_js ul{width: 95%;margin-bottom: 10px;}
  .card_js ul li.tp{background: #f5f5f5 url(../images/gjnr-tit-bg.png) repeat-x 100% center;}
  .zhzgjj,.zhzgry,.zhdnjj,.zhdnjj img{width: 100%;}
  .lanmu{height: auto;}
  .body-wrap{ padding-top: 54px; }
  .nei_banner_tit{ width: 100%; margin-left: 0;left: 10%; }
}

@media screen and (max-width: 1199px){ 
   .menu-handler, .menuBox{ display: block; }
   .header_top h2{ display: none; }
   .header_top .fours{display: none;}
   .navbox{ display: none; }
   .header_top .logo{ background: none; }
   .header_top h4{ display: none; }
   .header_top .logo img{ max-height: 30px; padding-left: 25px; }
   .header_top{ height: 54px; line-height: 54px; }
   .header_top .wrap{ width: 100%; margin: 0px; }
   /*.new_ul2 li{ padding-right: 5%; }
   .new_ul2 li:hover .news_date{ margin-right: 12%; }*/
   .grzx_main1_left{ width: 100%; text-align: center; }
   .grzx_main2_one_left .more{ margin-top: 60px; }
   .grzx_main1_left .more{ margin-top: 20px; margin-bottom: 50px; }
   .grzx_main1_right{ margin: 0 auto; float: inherit; text-align: center; }
   .banner {height: 465px!important;}
   .banner .bannerbox li a > img{ height: 100%!important; width: auto!important; }
   .footer_top ul{ margin-right: 5%; }

 }


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


/* 2024-07-02 */

.index_news_div{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 100px;
}

.news {}
.newst {text-align: center;margin-bottom: 19px;}
.newst a {font-size: 36px;font-weight: bold;color: #ef8f31;height: 56px;}
.newst span { color: #f48212; }
.newst p { font-size: 15px; margin-top: 12px; }


.news_item {width: 410px;float: left;margin-right: 15px;}
.news_item ul li i {width: 3px;height: 21px;background: #ff6600;line-height: 44px;margin-right: 8px;display: block;float: left;margin-left: 0px;margin-top: 12px;}
.news_item ul li {width: 94%;height: 44px;border-bottom: 1px dashed #ddd;font-size: 13px;line-height: 44px;}
.news_item ul li a {color: #333;width: 66%;float: left;white-space: nowrap;overflow: hidden;display: block;text-overflow: ellipsis;}
.news_item ul li h2{
    font-weight: 200;
    font-size: 14px;
}
.news_item ul li span{float:right}
.ta6 { width: 100%; height: 50px; line-height: 50px; margin-bottom: 12px; }
.ta6 span { width: 292px; font-size: 16px; color: #0e0000; background: #f4f4f4; text-indent: 20px; height: 100%; display: block; float: left; }
.ta6 a { color: #fff; display: block; float: left; width: 93px; height: 100%; text-align: center; background: #ff6600; font-size: 14px; }
.news2 { width: 385px; float: right; padding-bottom: 12px; }