body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #333;}
a,button{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
ul{list-style:none;}
h2{margin: 0px; padding: 0px;}
header{background-color: #273f88;}
.top_menu{font-size: 12px; color: #7C98A2;  width: 100%;  height: 30px; background-color: #173079;color: #fff;}
.top_lang{float: right;height: 30px; padding: 4px 10px 0px 10px; }
.top_lang a{color: #B3B3B3;}
.top_name{display: inline-block; padding-top:6px;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8; }
.disnone{ display:none; }
.text-info {
    color: #173079!important;
}
/*导航菜单*/
.navbar{margin:0px; background-color:#173079; border: none;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #173079;}

/*产品搜索*/
.search_group{float: right; margin:48px 0px 0px 0px;}
.search_group input.form-control{ border-radius: 0px; border: none; box-shadow: none; padding: 12px 10px;height: 38px; background-color: #fff; border-right: none;color:#fff;}
#submit_search{color:#fff;font-size: 16px; height: 38px; background-color:#fb9331; border-radius: 0px; margin-top: -1px;}
#submit_search:hover{cursor: pointer; background-color: #fb9331;}
#small_search{color:#fff; float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #173079;}

/*我们的优势*/
.advantage{text-align: center; color: #fff; padding: 55px 0px 30px 0px; background-position:center;background-repeat:no-repeat; background-color: #173079; margin-top: 20px;}
.advantage_head p{text-transform: uppercase; font-family: 'Times New Roman'; font-size: 40px; margin: 0px; padding: 0px;}
.advantage_head h2{font-size: 24px;}
.advantage_list{margin-top: 25px;}
.advantage_col{margin-top: 30px; margin-bottom: 50px;text-align: left;}
.advantage_col h4{text-align: left;padding-top: 8px;}
.advantage_col h4 a{color: #fff;}
.advantage_col h4 a:hover{color: #173079; text-decoration: none;}
.advantage_col span{display: inline-block; text-align: left; border-top: 1px solid #505050; padding-top: 9px;}
.advantage_col img{max-width: 100px; -webkit-transition: -webkit-transform 1.2s ease-out; -moz-transition: -moz-transform 1.2s ease-out; -o-transition: -o-transform 1.2s ease-out; -ms-transition: -ms-transform 1.2s ease-out;}
.advantage_col img:hover {-webkit-transform: rotateZ(360deg); -moz-transform: rotateZ(360deg); -o-transform: rotateZ(360deg); -ms-transform: rotateZ(360deg); transform: rotateZ(360deg);}

/*公司简介*/
.about_index{padding: 35px 20px 50px 20px; }
.about_head{ text-align: left;margin-bottom: 30px;}
.about_head h2{font-size: 24px; color: #000; margin-bottom: -12px;}
.about_head span{font-size: 20px;color: #000; padding-right: 7px; position: relative; top:12px; }
.about_content p{line-height: 32px; margin-top:20px;}
.about_content img{margin: 9px 30px 0px 0px; max-width: 420px;}
.about_content a.btn-info{color: #000; background: transparent; border-radius: 0px; border:1px solid #000; padding: 8px 36px;}
.about_content a.btn-info:hover,.about_content a.btn-info:focus{color: #fff; background: #173079; border:1px solid #173079; }
.about_kkk{display:flex;justify-content: flex-start;align-items: flex-start;}
.about_kkk div p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7; overflow: hidden;text-overflow: ellipsis;}
/*首页产品*/
.product_head{background: url(../images/line.gif) no-repeat center center; height: 65px;}
.product_head h2{font-size: 32px; font-weight: bold; text-align: center; color: #38383A; margin: 0px; padding-top: 15px;}
.product_head p{font-family: 'Times New Roman';text-align: center;padding-top: 2px;  font-size: 14px;color: #3B3C3E; margin-bottom:5px;}
.product_index{margin:45px 0px 0px 0px;}
.product_list{clear: both;  padding: 50px 0px 30px 0px;margin-right: -15px;margin-left: -15px;}
.product_list2{padding-top: 30px;}
.product_img{padding-left: 15px; padding-right: 15px; min-height: 300px;}
.product_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;border-radius: 10px;}
.product_list2 div.product_img{min-height: 220px;}
.product_title{ text-align: center;padding: 0px 15px 0px 0px; height: 40px;}
.product_title a{ color: #656464;}
.product_title a:hover{text-decoration: none;color:#173079;}
.product_title1{ text-align: left;padding: 0px 15px 0px 0px; height: 40px;}
.product_title1 a{ color: #656464;}
.product_title1 a:hover{text-decoration: none;color:#173079;}
.product_title2{ text-align: left;padding: 0px 15px 0px 0px;color: #656464;}
.product_title2 span{color:#173079;}

/*首页案例*/
.case_box{background-color: #F6F6F6;padding:35px 0px 0px 0px;}
.case_head h2{text-align: center;margin-bottom: 5px;}
.case_head p{text-align: center;font-family: 'Times New Roman';}
.case_list{clear: both;  padding: 30px 0px 10px 0px;margin-right: -15px;margin-left: -15px;}

/*首页新闻*/
.news_head{margin-top: 40px;}
.news_head h2{text-align: center;margin-bottom: 5px;}
.news_head p{text-align: center;font-family: 'Times New Roman';}
.news_index{clear: both; list-style:none;margin:0px; padding:20px 0px 0px 15px;display: flex;justify-content: flex-start; align-items: flex-start;flex-wrap: wrap;}
.news_index li{margin-bottom: 20px;padding: 25px 15px; min-height: 70px; border: 1px solid #ccc;width: 48%;margin-right: 4%;}
.news_index li:nth-child(2n){margin-right: 0;}
.news_index li span{display: inline-block; width: 60px; height: 60px; text-align: center; background-color: #173079; color: #fff; float: left;  padding:0px 2px; position: relative; left: -35px; top:-5px;}
.news_index li span strong{display: block; font-size: 24px; padding-top: 5px;}
.news_index li span i{display: block; font-size: 12px;  font-style: normal; font-family: Arial;}
.news_index li a{color:#333;font-size: 16px;margin-left: -20px;}
.news_index li a:hover{ text-decoration:none;color:#173079; }
.news_index li em{ font-style: normal; display:inline-block; line-height: 18px;color: #777; padding-top: 10px;margin-left: -20px;}

/*列表页*/
.list_box{clear: both; padding:10px 0px 0px 0px;}
.page_bg{height: 160px;}

/*栏目导航*/
.left_nav{ clear: both; padding-top: 10px;}
.left_h{background:url(../images/title_line.jpg) left bottom no-repeat; font-size: 22px; display: block; margin-top: 25px; padding: 0px 0px 10px 0px; color: #2C2B2B;}
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;}
.left_nav_ul > li{position:relative; border-bottom: 1px solid #f2f2f2; background: url(../images/left_sli.gif) 6px 15px no-repeat;padding:8px 0px 8px 18px; }
.left_nav_ul > li > a{text-decoration:none; color:#656464;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#173079;}
/*小类*/
ul.left_snav_ul{list-style:none;padding:0px;display: none; padding-top: 8px;}
ul.left_snav_ul > li{ margin:0px;padding:5px 0px 5px 10px; background: url(../images/left_sli.gif) 0px 13px no-repeat;}
ul.left_snav_ul > li > a{border:0;color:#797979;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#173079;}
.menu_head{cursor:pointer; font: 600 18px/30px "Open Sans", sans-serif; width:35px; text-align:center;color:#303c4b;display:inline-block;position: absolute; top:3px; right:0px;}
.menu_head:hover{ color: #173079;}

/*左侧新闻*/
.left_news{clear: both; list-style:none;margin:0px; padding:12px 0px 0px 0px;}
.left_news li{color:#545455;border-bottom: 1px dotted #dddddd;background: url(../images/li.png) no-repeat left 15px;line-height:21px; padding: 10px 0px; padding-left:14px;}
.left_news li a{color:#7F7F80;}
.left_news li a:hover{ text-decoration:none;color:#173079; }

/*左侧联系*/
.index_contact{margin:30px 0px 35px 0px;}
.index_contact p,.index_econtact p{clear: both;}

/*新闻列表*/
.list_news{clear: both; list-style:none;margin:0px; padding:12px 0px 20px 0px;}
.list_news li{color:#898989;background: url(../images/li.png) no-repeat left 14px;line-height:22px; padding:8px 0px; padding-left:13px;border-bottom: 1px dashed #e3e2e2;/*dotted*/ }
.list_news li a{color:#303c4b;}
.list_news li a:hover{text-decoration:none;color:#173079;}
.news_time{ float:right;}

.contents{clear: both; padding:15px 2px 0px 2px; line-height:28px; overflow: auto;}
.contents_title{ margin: 0px; padding: 10px 0px; text-align: center; color: #000; font-size:18px;color:#434343;font-weight:bold; line-height: 34px;}

/*分页样式*/
.page{clear:both; margin:20px 0px 0px 0px; text-align: center;}
.page a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.page a:hover,.page a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.page .current {font-family: Arial;border: #000 1px solid; font-size: 13px; padding:5px 9px; color: #fff;margin: 2px;  background-color: #31363c}

/*产品展示*/
#pic-page {text-align: center; margin-top:10px;}
#pic-page a {margin: 0 2px;}
#pic-page a img {width:40px;padding: 2px;border: solid #ccc 1px; margin-bottom:5px;}
#pic-page a:hover img,#pic-page a.active img {border: solid #5280DD 1px;}
.showpic_box,.proinfo_box{margin: 30px 0px 20px 0px;}
.showpic_box div.bx-wrapper img{margin: 0 auto; max-height: 340px;}
.product_h1{ margin:0px; line-height:24px; font-size:16px; color: #173079; padding-bottom:5px;border-bottom: 1px dotted #cccccc;}
.product_info{list-style:none; padding:0px; margin-top:10px;}
.product_info li{ line-height:24px; padding-bottom:12px;}
.product_cs{list-style:none; padding:0px; margin-top:10px;line-height:180%;}

.product_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;/*overflow: auto;*/}

.related_h1{padding: 30px 0px 12px 0px; color: #303c4b; margin:0px; display: block;  font-weight:300; font-size:24px; border-bottom:5px solid #f4f5f6;font-family:'Roboto',Arial,Helvetica, sans-serif;}
.related_list{padding-top: 25px;}
.related_news{ padding-top: 10px; clear: both; margin-bottom: 15px;}

.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #C79447; border-radius: 0px; border: none;}
.page-btn:hover,.page-btn:focus{background-color:#31363c; }
.grey-btn{border-radius: 0px;border: none; background-color: #E8E8E8;}
.grey-btn:hover,.grey-btn:focus{background-color: #ccc;}

.a2a_default_style{display: inline-block;}

/*在线留言订购*/
.feedback{margin-top: 40px;}
.form-horizontal .form-group { margin-right: -10px;margin-left: -10px;}
.codeimg{ margin: 0px 0px -10px -18px;}


/*上一个下一个*/
.point{ clear: both; margin:20px 0px 40px 0px; padding-bottom: 40px; line-height:22px;}
.point span.to_prev{text-align:center; }
.point span.to_prev a{color:#0068b7;}
.point span.to_prev a:hover{color: #173079}
.point span.to_next{text-align:center; }
.point span.to_next a{color:#0068b7;}
.point span.to_next a:hover{color: #173079}

/*标签样式*/
.tags{ margin: 15px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}
.tags_ul{ margin-top: 10px;}
.tags_ul li{line-height: 28px; margin-bottom: 8px; padding-bottom: 10px;}
.tags_ul h3{font-size: 14px; padding: 0px; margin: 0px;line-height: 20px;}
.tags_ul p{font-size: 13px;padding: 0px; margin: 0px; color: #a0a0a0; line-height: 20px; padding-top: 8px;}

/*网站地图*/
ul.ul_sitemap{margin: 30px 0px 40px 30px;}
ul.ul_sitemap li{list-style: none; line-height: 26px;clear: both;}
ul.ul_sitemap li a{color: #7d7d7d;}
li.small_li_sitemap{clear: both;padding-left: 12px;}
li.small_li2_sitemap{float: left; padding-left: 20px;}


/*首页Tags*/
.tags_box{background-color: #545454; padding: 9px 0px 9px 0px; text-align: center;color: #E9E9EA;font-size: 13px;}
.tags_box a{color: #E9E9EA; border-right: 1px solid #BBBBBB; padding:0px 8px 0px 8px;font-size: 13px;}
.tags_box a:hover{text-decoration: none; color: #173079;}
.tags_box a:last-child{border-right:0px;}
.tags_box button{display: none;}
.tags_title{font-size: 13px; margin-right: -6px;}
.tags_title a{padding:0px 10px 0px 0px;}
.tags_title:after{content:"：";}

/*友情链接*/
.link_box{background-color: #273f88; padding: 10px 0px; text-align: center;color: #fff;font-size: 13px; margin-top: 25px;}
.link_box a{color: #E9E9EA; border-right: 1px solid #BBBBBB; padding:0px 10px 0px 10px; font-size: 13px;}
.link_box a:hover{text-decoration: none; color: #fff;}
.link_box a:last-child{border-right:0px;}
.link_box button{display: none;}
.link_title{font-size: 13px; margin-right: -6px;}
.link_title:after{content:"：";}

/*底部信息*/
footer{ text-align:center; background-color: #173079; color:#fff; padding:30px 0px 20px 0px; font-size:12px;}
.copyright{ line-height:20px;}
.copyright a{ color:#fff;}
.foot_nav{ width:25%; float:left;background-color: #fafafa;text-align:center;color:#898989;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;cursor:pointer;}
.foot_nav a{color:#898989;display:block;}
.foot_nav a:hover,.foot_nav a:focus{text-decoration:none;}
.foot_nav span{display:block; padding:3px 0px 0px 0px;}
.webshare{width: 230px; padding: 5px;}
.ewebshare{width: 200px; padding: 5px;}



/*新添加*/


.product_con img{max-width:100%;margin: 0 auto;}
.div-image{text-align:center;}
row img {display: block;margin: 5px auto;}
.img-fluid {max-width: 100%;height: auto;}
.docs-section {margin-bottom: 50px;line-height: 1.6;padding-bottom: 50px;border-bottom: 1px dotted #cccccc;}
.docs-section h2 {margin-top: 0;font-weight: 700;margin-bottom: 25px;}

.docs-section1 {padding: 15px 0;line-height: 1.6;border-bottom: 1px dotted #cccccc;}

.docs-section1:hover{background-color: #e4e4e4;}

/*大屏幕*/
@media screen and (min-width: 769px) {
       header{}
       .logo{margin: 25px 0px 15px 0px; max-width: 700px;}
      .navbar{ margin-top:20px;  min-height: 50px; }
      .navbar-nav > li{}
      .navbar-nav > li:first-child { border-left:0; }
      .navbar-nav > li:last-child{ border-right:0; }
      .navbar-nav > li > a {text-align: center;}
      .navbar-default .navbar-nav > li > a{color: #fff;padding: 15px 27px 15px 30px;font-weight: bold;font-size: 16px;}
      .navbar-default .navbar-nav > li > a:hover,
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {
          background-color: #173079; color: #fff;}
      .navbar-brand{display: none;}
      .navbar-default .navbar-nav-e > li > a{}

      .navbar-fixed-top{margin-top:0px; min-height: 40px; background-color: rgba(39,63,136,0.8);}
      .navbar-fixed-top ul.navbar-nav > li > a{padding: 11px 28px 12px 28px;}
      
      .nav_small{background-color:#202020; background-color: rgba(39,63,136,0.8); padding: 8px 0px 8px 0px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background-color: #173079;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav,.footer_nav{display:none; }
      .index_about {width: 600px;}
	  .order-lg-first {-ms-flex-order: -1;order: -1;}
	  .link_title{display:none; }

}
/*新加*/
@media screen and (min-width: 1200px){
.order-f1 {display:block;}
.order-f2 {display:none;}
}
@media screen and (max-width: 1119px){
.order-f1 {display:none;}
.order-f2 {display:block;}
}
/*小屏幕*/
@media screen and (max-width: 768px) {
    .top_menu,.top_lang{height:0}
    .about_kkk,.news_index{display:block}
    .news_index li{width:100%;margin-right:0}
    .about_img{display: flex;margin-top: 30px;}
      .logo{display: block; margin: 0 auto; max-width:310px;/*margin-top:18px;margin-bottom: 15px;*/}
      .navbar-default .navbar-brand {color: #fff; font-size: 16px;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border:none;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #202020;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {background-color: #173079;}
      .navbar-default .navbar-toggle .icon-bar{background-color: #fff;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #fff;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #173079; color: #fff;}
        .navbar-fixed-top{background-color: rgba(32,32,32,0.9);}

      .top_name{display: none;}
      .search_group{margin: 5px 0px 20px 0px;}
      #topsearch{display: none;}
	  .disno{ display:none; }
      .product_head{background:none;}
      .product_head h2{font-size:26px;}
      .product_index{margin-top: 10px;}
      .product_list{padding: 20px 0px 0px 0px;}
      .product_img{min-height:80px; margin-bottom: 10px;}
      .product_list2 div.product_img{min-height:80px; margin-bottom: 10px;}
      .advantage_list{margin-top: 10px;}
      .advantage{padding: 40px 0px 10px 0px;background-size: cover;background-attachment: fixed;}
      .advantage_head p{font-size: 30px;}
      .advantage_head h2{font-size: 20px;}
      .advantage_col h4{text-align: center; margin-top: 15px;}
      .advantage_col span{text-align: center;}
      .advantage_col img{display: block; margin: 0 auto;}
      .about_content img{max-width: 420px;width: 100%;margin-bottom: 15px;}
      .about_content a.btn-info{width: 220px; display:block; margin: 0 auto;padding: 8px 0px;}
      .case_head h2,.news_head h2{font-size:24px;}
      .news_index{padding-left: 0px;}
      .news_index li span{left: 0px; top:0px; margin-right:12px;}
      .news_index li a{margin-left: 0px;}
      .news_index li em{display:block;margin-left: 0px;}
      .page_bg{display: none;}
      
      .left_h{margin-top: 10px;}
      .list_related h2.left_h{margin-top: 60px;}
      .product_con img,.contents img{max-width:100%;}
      .news_time{ display:none;}
      #pic-page a img {width:35px;}
      
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      .product_list2{padding-top: 25px;}
      .link_box{padding-left: 7px;}
      .link_box a{display: block;border-right:0px;padding:4px 0px;}
      .link_title{display: block;}
      .link_title:after{content:"";}
      .link_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .link_box button:hover,.link_box button:focus{color: #99A1C5;}
      .link_list{display: none; padding-top: 7px;}
      .tags_box{padding-left: 7px;}
      .tags_box a{display: block;border-right:0px;padding:4px 0px;}
      .tags_title{display: block;}
      .tags_title:after{content:"";}
      .tags_box button{display: inline-block; background-color: transparent; border: none; float: right; margin-top: -20px;}
      .tags_box button:hover,.tags_box button:focus{color: #99A1C5;}
      .tags_rows{display: none; padding-top: 7px;}
      .footer_nav{background-color: #fafafa;}
      footer{ margin-bottom:50px; padding-left: 8px; padding-right: 8px;}
	  .copyright_p{ display:none;}
	 #cmsFloatPanel{ display:none;}
	 .div-image img{max-width:100%}
.form-control{margin-bottom:10px;}
}



/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
}

@media screen and (max-width: 340px) {
  .logo{max-width:230px;}
}


#orderby {
      /* width: 260px; */
      display: inline;
      float: right;
      padding: 0;
  }
    #orderby span.desc {
      background: url(../images/desc.jpg) no-repeat;
      color: #FFF;
      width: 56px;
      padding-left: 12px;
      height: 26px;
      line-height: 26px;
      border: 0;
      font-weight: 200;
  }
    #orderby span.asc {
        background: url(../images/asc.jpg) no-repeat;
        color: #FFF;
        width: 56px;
        padding-left: 12px;
        height: 26px;
        line-height: 26px;
        border: 0;
        font-weight: 200;
    }
    #orderby span {
      background: url(../images/ordbg.jpg) no-repeat;
      width: 54px;
      border: 1px #ddd solid;
      height: 27px;
      display: inline-block;
      text-align: left;
      padding: 0;
      margin: auto 5px;
      line-height: 27px;
      padding-left: 13px;
      color: #003300;
      font-size: 12px;
      cursor: pointer;
      font-weight: 200;
  }

#downcon{border:1px solid #dddddd;padding:10px;margin-top:20px;}
#downcon #t{background: #e8e8e8;text-align: left;font-size: 16px;color: #333;border: 1px solid #ddd;padding: 0 0 0 20px;}
#downtable li span{font-size:20px;color:#1b809e;float: right;}


    * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            /*font-family: "Microsoft YaHei", "PingFang SC", sans-serif;*/
            /*background-color: #f5f5f5;*/
            color: #333;
            line-height: 1.6;
        }
        a:focus {
    outline: none;
            
        }
        /* ========== 顶部栏 ========== */
        .top-bar {
            background: #1a1a2e;
            color: #fff;
            padding: 8px 0;
            font-size: 13px;
        }

        .top-bar .containers {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
        }

        .top-bar-left {
            display: flex;
            align-items: center;
            gap: 20px;
        }

        /* 搜索框 */
        .top-search {
            display: flex;
            align-items: center;
            background: rgba(255,255,255,0.1);
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 20px;
            overflow: hidden;
            transition: all 0.3s;
        }

        .top-search:focus-within {
            background: rgba(255,255,255,0.15);
            border-color: #d4a853;
        }

        .top-search input {
            background: transparent;
            border: none;
            outline: none;
            color: #fff;
            padding: 5px 12px;
            width: 160px;
            font-size: 13px;
        }

        .top-search input::placeholder {
            color: rgba(255,255,255,0.5);
        }

        .top-search button {
            background: transparent;
            border: none;
            color: rgba(255,255,255,0.6);
            padding: 5px 12px;
            cursor: pointer;
            font-size: 14px;
            transition: color 0.3s;
        }

        .top-search button:hover {
            color: #d4a853;
        }

        .top-bar a {
            color: #ccc;
            text-decoration: none;
            margin-left: 20px;
            transition: color 0.3s;
        }

        .top-bar a:hover {
            color: #d4a853;
        }

        /* ========== 主导航 ========== */
        .main-nav {
            background: #fff;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: sticky;
            top: 0;
            z-index: 100;
        }

        .main-nav .containers {
            max-width: 1200px;
            margin: 0 auto;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 20px;
            height: 80px;
        }

        .logo {
            display: flex;
            align-items: center;
            font-size: 24px;
            font-weight: bold;
            color: #1a1a2e;
            text-decoration: none;
            flex-shrink: 0;
            margin: 15px 0px 15px 0px;
        }

        .logo-icon {
            width: 45px;
            height: 45px;
            background: #d4a853;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 12px;
            color: #fff;
            font-size: 20px;
        }

        /* ========== 导航菜单 ========== */
        .nav-menu {
            display: flex;
            list-style: none;
            gap: 0;
            margin-left: auto;
        }

        .nav-menu li {
            position: relative;
        }
        a:hover{
            text-decoration:none
        }
        .nav-menu a {
            display: block;
            padding: 0 18px;
            color: #000;
            text-decoration: none;
            font-size: 17px;
            line-height: 80px;
              
            transition: all 0.3s;
            border-bottom: 3px solid transparent;
            white-space: nowrap;
        }

        .nav-menu a:hover,
        .nav-menu a.active {
            color: #d4a853;
            border-bottom-color: #d4a853;
        }

        /* ========== 二级下拉菜单 ========== */
        .nav-menu li:hover > .dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .dropdown {
            position: absolute;
            top: 100%;
            left: 0;
            min-width: 200px;
            background: #fff;
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
            border-radius: 0 0 8px 8px;
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s ease;
            list-style: none;
            padding: 8px 0;
            z-index: 99;
        }

        .dropdown::before {
            content: '';
            position: absolute;
            top: -6px;
            left: 30px;
            width: 12px;
            height: 12px;
            background: #fff;
            transform: rotate(45deg);
            box-shadow: -2px -2px 5px rgba(0,0,0,0.05);
        }

        .dropdown li {
            width: 100%;
        }

        .dropdown a {
            line-height: 44px;
            padding: 0 20px;
            font-size: 14px;
            border-bottom: none;
            border-left: 3px solid transparent;
            color: #555;
        }

        .dropdown a:hover {
            background: #faf8f3;
            color: #d4a853;
            border-left-color: #d4a853;
            border-bottom: none;
        }

        /* 有下拉菜单的导航项标记 */
        .has-dropdown > a::after {
            /*content: ' ▼';*/
            /*font-size: 10px;*/
            /*color: #999;*/
            /*margin-left: 4px;*/
        }

        .has-dropdown:hover > a::after {
            color: #d4a853;
        }

        /* ========== 汉堡菜单按钮 ========== */
        .menu-toggle {
            display: none;
            flex-direction: column;
            justify-content: center;
            width: 32px;
            height: 32px;
            cursor: pointer;
            gap: 6px;
            background: none;
            border: none;
            padding: 0;
        }

        .menu-toggle span {
            display: block;
            width: 100%;
            height: 2px;
            background: #1a1a2e;
            transition: all 0.3s;
            border-radius: 2px;
        }

        /* ========== Banner区域 ========== */
        .hero-banner {
            position: relative;
            height: 600px;
            background: #1a1a2e;
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .hero-bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: 
                radial-gradient(ellipse at center, rgba(212,168,83,0.15) 0%, transparent 70%),
                linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
        }

        .geo-deco {
            position: absolute;
            border: 2px solid rgba(212,168,83,0.3);
        }

        .geo-deco-1 {
            width: 300px;
            height: 300px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
        }

        .geo-deco-2 {
            width: 220px;
            height: 220px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            border-color: rgba(212,168,83,0.5);
        }

        .geo-deco-3 {
            width: 140px;
            height: 140px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%) rotate(45deg);
            border-color: rgba(212,168,83,0.7);
        }

        .light-rays {
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 600px;
            height: 400px;
        }

        .light-ray {
            position: absolute;
            bottom: 0;
            left: 50%;
            width: 2px;
            height: 100%;
            background: rgba(212,168,83,0.3);
            transform-origin: bottom center;
        }

        .light-ray:nth-child(1) { transform: translateX(-50%) rotate(-30deg); }
        .light-ray:nth-child(2) { transform: translateX(-50%) rotate(-15deg); }
        .light-ray:nth-child(3) { transform: translateX(-50%) rotate(0deg); background: rgba(212,168,83,0.6); }
        .light-ray:nth-child(4) { transform: translateX(-50%) rotate(15deg); }
        .light-ray:nth-child(5) { transform: translateX(-50%) rotate(30deg); }

        .halo {
            position: absolute;
            bottom: 80px;
            left: 50%;
            transform: translateX(-50%);
        }

        .halo-ring {
            border: 2px solid rgba(212,168,83,0.4);
            border-radius: 50%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

        .halo-ring:nth-child(1) { width: 400px; height: 400px; }
        .halo-ring:nth-child(2) { width: 320px; height: 320px; border-color: rgba(212,168,83,0.5); }
        .halo-ring:nth-child(3) { width: 240px; height: 240px; border-color: rgba(212,168,83,0.6); }
        .halo-ring:nth-child(4) { width: 160px; height: 160px; border-color: rgba(212,168,83,0.7); }
        .halo-ring:nth-child(5) { width: 80px; height: 80px; border-color: rgba(212,168,83,0.8); }

        .glow-center {
            position: absolute;
            bottom: 80px;
            left: 50%;
            transform: translateX(-50%);
            width: 20px;
            height: 20px;
            background: #d4a853;
            border-radius: 50%;
            box-shadow: 0 0 30px 10px rgba(212,168,83,0.5), 0 0 60px 20px rgba(212,168,83,0.3);
        }

        .hero-content {
            position: relative;
            z-index: 10;
            text-align: center;
            color: #fff;
        }

        .hero-logo {
            font-size: 72px;
            font-weight: bold;
            margin-bottom: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
        }

        .hero-logo .gisdom {
            color: #d4a853;
            font-style: italic;
        }

        .hero-logo .zheng-yu {
            color: #fff;
        }

        .hero-subtitle {
            font-size: 20px;
            color: rgba(255,255,255,0.7);
            letter-spacing: 8px;
        }

        /* ========== 通用 ========== */
        .container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .section-title {
            text-align: center;
            margin-bottom: 50px;
        }

        .section-title h2 {
            font-size: 32px;
            color: #1a1a2e;
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }

        .section-title h2::after {
            content: '';
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 60px;
            height: 3px;
            background: #d4a853;
        }

        .section-title p {
            color: #666;
            font-size: 16px;
            margin-top: 20px;
        }

        /* ========== 公司简介 ========== */
        .about-section {
            padding: 40px 0;
            background: #fff;
        }

        .about-content {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 60px;
            align-items: center;
        }

        .about-text {
            font-size: 15px;
            line-height: 2;
            color: #555;
            text-align: justify;
        }

        .about-text p {
            margin-bottom: 20px;
        }

        .about-text .highlight {
            color: #d4a853;
            font-weight: bold;
        }

        .about-image {
            position: relative;
        }

        .about-image img {
            width: 100%;
            border-radius: 8px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.1);
        }

        .about-image::before {
            content: '';
            position: absolute;
            top: -20px;
            left: -20px;
            width: 100%;
            height: 100%;
            border: 3px solid #d4a853;
            border-radius: 8px;
            z-index: -1;
        }

        /* ========== 产品中心 ========== */
        .products-section {
            padding: 40px 0;
            background: #f8f9fa;
        }

        .products-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
        }

        .product-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s, box-shadow 0.3s;
            text-decoration: none;
            color: inherit;
        }

        .product-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 8px 30px rgba(0,0,0,0.15);
        }


        .product-card .card-img {
            height: auto;
            /*background: #1a1a2e;*/
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 60px;
            color: #d4a853;
        }

        .product-card .card-body {
            padding: 10px;
        }

        .product-card h3 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #1a1a2e;
        }

        .product-card p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        /* ========== 解决方案 ========== */
        .solutions-section {
            padding: 40px 0;
            background: #fff;
        }

        .solutions-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .solution-card {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s;
            text-decoration: none;
            color: inherit;
        }

        .solution-card:hover {
            transform: translateY(-5px);
        }

        .solution-card .sol-img {
            height: 220px;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .solution-card .sol-img::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(26,26,46,0.6);
            transition: background 0.3s;
        }

        .solution-card:hover .sol-img::after {
            background: rgba(26,26,46,0.4);
        }

        .solution-card .sol-body {
            padding: 10px;
            background: #fff;
        }

        .solution-card h3 {
            font-size: 18px;
            margin-bottom: 10px;
            color: #1a1a2e;
        }

        .solution-card p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        .solution-card .sol-tag {
            display: inline-block;
            padding: 4px 12px;
            background: #d4a853;
            color: #fff;
            font-size: 12px;
            border-radius: 4px;
            margin-top: 10px;
        }

        /* ========== 成功案例 ========== */
        .cases-section {
            padding: 40px 0;
            background: #f8f9fa;
        }

        .cases-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .case-card {
            background: #fff;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            transition: transform 0.3s;
            text-decoration: none;
            color: inherit;
        }

        .case-card:hover {
            transform: translateY(-5px);
        }

        .case-card .case-img {
            height: 200px;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .case-card .case-img .case-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 15px 20px;
            background: rgba(26,26,46,0.5);
            color: #fff;
        }

        .case-card .case-img .case-overlay h4 {
            font-size: 16px;
            font-weight: normal;
        }

        .case-card .case-body {
            padding: 25px;
        }

        .case-card .case-meta {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 15px;
            font-size: 13px;
            color: #999;
        }

        .case-card .case-meta .case-industry {
            color: #d4a853;
        }

        .case-card p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        /* ========== 新闻中心 ========== */
        .news-section {
            padding: 40px 0;
            background: #fff;
        }

        .news-layout {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 40px;
        }

        .news-featured {
            position: relative;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 4px 15px rgba(0,0,0,0.08);
            text-decoration: none;
            color: inherit;
            display: block;
        }

        .news-featured .news-f-img {
            height: 320px;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .news-featured .news-f-img::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 60%;
            background: rgba(26,26,46,0.8);
        }

        .news-featured .news-f-body {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 30px;
            color: #fff;
            z-index: 2;
        }

        .news-featured .news-f-tag {
            display: inline-block;
            padding: 4px 12px;
            background: #d4a853;
            font-size: 12px;
            border-radius: 4px;
            margin-bottom: 12px;
        }

        .news-featured h3 {
            font-size: 20px;
            margin-bottom: 10px;
            line-height: 1.4;
        }

        .news-featured .news-f-date {
            font-size: 13px;
            color: rgba(255,255,255,0.7);
        }

        .news-list {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .news-item {
            display: flex;
            gap: 20px;
            padding: 20px;
            background: #f8f9fa;
            border-radius: 8px;
            text-decoration: none;
            color: inherit;
            transition: background 0.3s;
        }

        .news-item:hover {
            background: #eee;
        }

        .news-item .news-date {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 70px;
            height: 70px;
            background: #1a1a2e;
            border-radius: 8px;
            color: #fff;
        }

        .news-item .news-date .day {
            font-size: 24px;
            font-weight: bold;
            line-height: 1;
        }

        .news-item .news-date .month {
            font-size: 12px;
            margin-top: 4px;
        }

        .news-item .news-info {
            flex: 1;
        }

        .news-item .news-info h4 {
            font-size: 16px;
            color: #1a1a2e;
            margin-bottom: 8px;
            line-height: 1.4;
        }

        .news-item .news-info p {
            font-size: 13px;
            color: #999;
            line-height: 1.5;
        }

        /* ========== 页脚 ========== */
        .footer {
            background: #1a1a2e;
            color: #fff;
            padding: 60px 0 30px;
        }

        .footer-grid {
            display: grid;
            /*grid-template-columns: 2fr 1fr 1fr 1fr 1fr;*/
             grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
            gap: 40px;
            margin-bottom: 40px;
        }

        .footer-brand .logo {
            color: #fff;
            margin-bottom: 20px;
        }

        .footer-brand p {
            color: #aaa;
            font-size: 14px;
            line-height: 1.8;
        }

        .footer-col h4 {
            color: #d4a853;
            font-size: 16px;
            margin-bottom: 20px;
        }

        .footer-col ul {
            list-style: none;
        }

        .footer-col li {
            margin-bottom: 12px;
        }

        .footer-col a {
            color: #aaa;
            text-decoration: none;
            font-size: 14px;
            transition: color 0.3s;
        }

        .footer-col a:hover {
            color: #d4a853;
        }

        .footer-bottom {
            border-top: 1px solid #333;
            padding-top: 20px;
            text-align: center;
            color: #666;
            font-size: 13px;
        }

        /* ========== 响应式 ========== */

        /* 平板端 */
        @media (max-width: 1024px) {
            .top-search input {
                width: 120px;
            }

            .nav-menu a {
                padding: 0 14px;
                font-size: 14px;
            }

            .dropdown {
                min-width: 180px;
            }

            .products-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .solutions-grid,
            .cases-grid {
                grid-template-columns: repeat(2, 1fr);
            }

            .footer-grid {
                grid-template-columns: 1fr 1fr;
            }
        }

        /* 移动端 */
        @media (max-width: 768px) {
            .main-nav .container {
                height: 60px;
            }

            .logo {
                font-size: 20px;
            }

            .logo-icon {
                width: 36px;
                height: 36px;
                font-size: 16px;
            }

            /* 汉堡按钮显示 */
            .menu-toggle {
                display: flex;
            }

            /* 导航菜单改为下拉式 */
            .nav-menu {
                position: absolute;
                top: 60px;
                left: 0;
                width: 100%;
                background: #fff;
                flex-direction: column;
                box-shadow: 0 4px 10px rgba(0,0,0,0.1);
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.4s ease;
                margin-left: 0;
            }

            .nav-menu.open {
                overflow-x: auto;
                overflow-y: auto;
                max-height: 60vh;
                border-top: 1px solid #eee;
            }

            .nav-menu li {
                width: 100%;
                border-bottom: 1px solid #f0f0f0;
            }

            .nav-menu li:last-child {
                border-bottom: none;
            }

            .nav-menu a {
                line-height: 50px;
                padding: 0 20px;
                border-bottom: none;
                border-left: 3px solid transparent;
            }

            .nav-menu a:hover,
            .nav-menu a.active {
                border-bottom: none;
                border-left-color: #d4a853;
                background: #fafafa;
            }

            /* 移动端二级菜单展开 */
            .dropdown {
                position: static;
                opacity: 1;
                visibility: visible;
                transform: none;
                box-shadow: none;
                max-height: 0;
                overflow: hidden;
                padding: 0;
                transition: max-height 0.3s ease;
                background: #f8f8f8;
            }

            .dropdown::before {
                display: none;
            }

            .dropdown.open {
                max-height: 600px;
            }

            .dropdown a {
                padding-left: 40px;
                line-height: 44px;
                border-left: none;
                background: transparent;
            }

            .dropdown a:hover {
                background: #f0f0f0;
                border-left: none;
            }

            /* 有下拉菜单的导航项标记 */
            .has-dropdown > a::after {
                content: ' + ';
                font-size: 16px;
                float: right;
            }

            .has-dropdown.open > a::after {
                content: ' − ';
            }

            /* 汉堡动画 */
            .menu-toggle.open span:nth-child(1) {
                transform: rotate(45deg) translate(5px, 5px);
            }

            .menu-toggle.open span:nth-child(2) {
                opacity: 0;
            }

            .menu-toggle.open span:nth-child(3) {
                transform: rotate(-45deg) translate(6px, -6px);
            }

            .hero-banner {
                height: 400px;
            }

            .hero-logo {
                font-size: 36px;
            }

            .hero-subtitle {
                font-size: 14px;
                letter-spacing: 4px;
                padding: 0 20px;
            }

            .about-content,
            .solutions-grid,
            .cases-grid,
            .news-layout {
                grid-template-columns: 1fr;
                 /*grid-template-columns: repeat(2, 1fr);*/
            }
            
           .solutions-grid, .cases-grid,.news-layout{
                grid-template-columns: repeat(2, 1fr);
            }
          .cases-grid .case-img,  .solutions-grid .sol-img {
               /*background-size: 100% auto;*/
                       background: no-repeat  center/80%;
        background-size: contain;
            height: 127px;;
           }
         .cases-grid .case-img{
             height: 132px;;
         }
            .products-grid {
                 
                   grid-template-columns: repeat(2, 1fr);
                /*grid-template-columns: 1fr;*/
            }

            .footer-grid {
                grid-template-columns: 1fr;
                gap: 30px;
            }

            .section-title h2 {
                font-size: 24px;
            }
        }

        /* 小屏手机 */
        @media (max-width: 480px) {
            .top-bar {
                display: none;
            }

            .hero-logo {
                font-size: 28px;
                flex-direction: column;
                gap: 5px;
            }

            .hero-banner {
                height: 350px;
            }

            .about-image::before {
                display: none;
            }

            .news-item {
                flex-direction: column;
                gap: 15px;
            }

            .news-item .news-date {
                width: 70px;
            }
        }