body{font-family: 'microsoft yahei',Arial,Helvetica, sans-serif; color: #2F2F2F;}
a{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;}
ul{list-style:none;}
.flash img{ width: 100%}
.flash ul.bxslider{list-style:none;}
.flash div.bx-pager{bottom: 4%;}
.flash div.bx-controls-direction{ display:none; }
.page_bg{height: 250px; margin-top: 100px;}
.main{ padding:30px 0px 10px 0px;}
.img-thumbnail:hover,.opacity_img:hover,.img-circle:hover{opacity: 0.8;}

/*导航菜单*/
.navmobar{ margin:0px; background-color: #000; border: none;}
.glyphicon-home:before {color: #fff;}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #f6c424;}

/*产品搜索*/
.search_group{margin: 25px 0px 35px 0px;}
.form-control{border-radius: 0px; box-shadow: none;}
.mysearch_btn{ background-color:#000;color:#fff;border-radius: 0px;}
.mysearch_btn:hover,.mysearch_btn:focus{ background-color:#ff5722; color:#fff;}
#small_search{float: right; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px; color: #fff;}
#small_search:hover,#small_search:focus{cursor: pointer; background-color: #3477c8;}


/*栏目导航*/
.left_nav{ clear: both;}
.index_left_nav{padding-top: 25px; margin: 0 15px;}
.left_h2{background:url(../images/title_line.jpg) left bottom no-repeat; font-size: 21px; display: block; margin-top: 25px; padding: 0px 0px 15px 17px; color: #000;}
.left_nav_ul{list-style:none;margin:0px;padding:0px; margin:15px 0px 0px 0px;padding-bottom: 10px;}
.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:#2F2F2F;}
.left_nav_ul > li > a:hover,.left_nav_ul li a.left_active{color:#e28001;}
/*小类*/
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:#2F2F2F;padding: 5px 0px 5px 0px;}
ul.left_snav_ul > li > a:hover{ text-decoration: none;color:#e28001;}
.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: #e28001;}


/*分页样式*/
.page{clear:both; margin:20px 0px 40px 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:6px 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: 18px 0px 20px 0px;}
.product_h1{ margin:0px; line-height:26px; font-size:18px; color: #ff5722; padding-bottom:10px;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_con{ clear: both; border-top: 1px dotted #ccc; margin:10px 0px 20px 0px;padding:20px 0px 0px 0px; line-height:26px;overflow: auto;}
.photo_con{ clear: both; margin:0px 0px 20px 0px; padding:10px 0px 20px 0px; line-height:26px;overflow: auto;}

.related_h2{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: 12px;}
.related_news{ padding-top: 0px; clear: both;}


.download_btn{text-align: right; margin: 10px 10px 20px 0px;}
.page-btn{background-color: #000; border-radius: 0px; border: none; transition:background 0.3s;}
.page-btn:hover,.page-btn:focus{background-color:#ff5722; }
.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;}

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

/*标签样式*/
.tags{ margin: 18px 0px 10px 0px}
.tags a{ margin: 0px 5px 8px 0px}
.tags_list{padding: 5px 10px 100px 10px}
.tags_ul{ margin-top: 0px;}
.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: #777; line-height: 20px; padding-top: 8px;}

/*友情链接*/
.link_box{background-color: #2f2f2f; padding: 10px 0px; text-align: center;color: #fff;font-size: 13px;}
.link_box a{color: #fff; border-right: 1px solid #BBBBBB; padding:0px 10px 0px 10px; font-size: 13px;}
.link_box a:hover{text-decoration: none; color: #f6c424;}
.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:"：";}


/*大屏幕*/
@media screen and (min-width: 769px) {
      .logos{margin:14px 0px 0px 0px; max-width:330px; max-height: 70px;}
      .flash{margin-top: 100px;}
	  
      .navmobar{min-height: 100px;}
      .navmobar-nav{float:right;}
      .navmobar-nav > li > a {text-align: center;}
      .navmobar-default .navmobar-nav > li > a{padding-top: 40px; padding-bottom:40px;color: #fff;}
      .navmobar-default .navmobar-nav > li > a:hover,
      .navmobar-default .navmobar-nav > li > a:focus,
      .navmobar-default .navmobar-nav > .active > a,
      .navmobar-default .navmobar-nav > .active > a:hover,
      .navmobar-default .navmobar-nav > .open > a,
      .navmobar-default .navmobar-nav > .open > a:hover,
      .navmobar-default .navmobar-nav > .open > a:focus { background-color: #f6c424; color: #fff; }

      .small-nav{min-height: 80px; margin-top: 0px;background: rgba(0,0,0,0.85);}
      .small-nav .navmobar-nav > li > a{padding-top: 30px; padding-bottom:30px;}
      .small-nav img.logo{max-height: 80px; max-width:230px; margin:11px 0px 0px 0px;}

      .nav_small{background-color:#f6c424 ; padding: 8px 0px 8px 0px; border-radius: 0px; border: none; box-shadow: none;}
      .nav_small > li{}
      .nav_small > li > a{line-height:26px; color: #fff; font-size: 13px;}
      .nav_small > li > a:hover{color: #fff; background-color: #d19f01;}
       #app_menudown,#small_search{ display:none; }
      .index_left_nav{display:none; }
}


/*小屏幕*/
@media screen and (max-width: 768px) {
      .logos{margin:5px 0px 5px 10px; max-width:180px; max-height: 40px;}
      .flash{margin-top: 50px;}
      .navmobar{min-height: 50px;}
      .navmobar-default .navmobar-brand {color: #fff; font-size: 16px;}
      .navmobar-default .navmobar-brand:hover,
      .navmobar-default .navmobar-brand:focus {color: #fff;}
      .navmobar-toggle{border:none;}
      .navmobar-default .navmobar-collapse, .navmobar-default .navmobar-form{border:none;}
      .navmobar-default .navmobar-toggle:hover,
      .navmobar-default .navmobar-toggle:focus {
        background-color: #f6c424;
      }
      .navmobar-default .navmobar-toggle .icon-bar{background-color: #fff;}
      .navmobar-default .navmobar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navmobar-default .navmobar-nav > li {}
      .navmobar-default .navmobar-nav > li:last-child{border: none;}
      .navmobar-default .navmobar-nav > li > a,
      .navmobar-default .navmobar-nav .open .dropdown-menu > li > a{color: #fff;}
      .navmobar-default .navmobar-nav > li > a:hover,
      .navmobar-default .navmobar-nav > li > a:focus,
      .navmobar-default .navmobar-nav > .active > a, 
      .navmobar-default .navmobar-nav > .active > a:hover, 
      .navmobar-default .navmobar-nav > .active > a:focus,
      .navmobar-default .navmobar-nav > .open > a, 
      .navmobar-default .navmobar-nav > .open > a:hover, 
      .navmobar-default .navmobar-nav > .open > a:focus,
      .navmobar-default .navmobar-nav .open .dropdown-menu > li > a:hover{ background-color: #f6c424; color: #fff;}

      .small-nav{margin-top: 0px;background: rgba(0,0,0,0.85);}

      .top_name,.home-btn,.page_bg{display: none;}
      .language{border-left: 0px; border-right: 0px; }
      .list_box{margin-top: 75px;}
      #topsearch{display: none;}
      .case_bg{padding: 5px 0px 10px 0px;}
      .left_h2{margin-top: 25px;}
      .list_related h2.left_h2{margin-top: 60px;}
      .left_news ul{padding-bottom: 20px;}
      .index_contact{margin-top:5px;}
      .feedback{margin-top:20px;}
      .page{margin:10px 0px 10px 0px;}
      .footer_nav{background-color: #fafafa;}
      #pic-page a img {width:35px;}
      #cmsFloatPanel{ display: none;}
      .point span.to_prev,.point span.to_next{text-align:left; padding-bottom: 8px;}
      .link_box{padding-left: 7px;margin-top: 25px;}
      .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: #f6c424;}
      .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: #f6c424;}
      .tags_rows{display: none; padding-top: 7px;}
}


/*370px到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%;
  }
}

    /* 全局样式 */
        :root {
            --primary-color: #8B4513; /* 大地棕色 */
            --secondary-color: #4CAF50; /* 绿叶绿色 */
            --accent-color: #FF9800; /* 橙色 */
            --light-color: #F5F5DC; /* 米色 */
            --dark-color: #333;
            --text-color: #555;
        }
        
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Helvetica Neue', Arial, sans-serif;
        }
        
        body {
            line-height: 1.6;
            color: var(--text-color);
        }
    
a {
  text-decoration: none;
}
    
        .container {
            width: 90%;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .section {
            padding: 80px 0;
        }
        
        .section-title {
            text-align: center;
            margin-bottom: 50px;
            color: var(--primary-color);
            font-size: 2.0rem;
        }
        
        .btn {
            display: inline-block;
            padding: 12px 30px;
            background-color: var(--accent-color);
            color: white;
            text-decoration: none;
            border-radius: 4px;
            font-weight: bold;
            transition: all 0.3s ease;
            border: none;
            cursor: pointer;
        }
        
        .btn:hover {
            background-color: #e68900;
            transform: translateY(-2px);
        }
        
        .btn-outline {
            background-color: transparent;
            border: 2px solid var(--accent-color);
            color: var(--accent-color);
        }
        
        .btn-outline:hover {
            background-color: var(--accent-color);
            color: white;
        }
        
        /* 导航栏 */
        header {
            background-color: white;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1);
            position: fixed;
            width: 100%;
            top: 0;
            z-index: 1000;
        }
        
        .navbar {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
        }
        
        .logo {
            font-size: 1.8rem;
            font-weight: bold;
            color: var(--primary-color);
            display: flex;
            align-items: center;
        }
        
        .logo span {
            color: var(--secondary-color);
        }
        
        .nav-links {
            display: flex;
            list-style: none;
        }
        
        .nav-links li {
            margin-left: 30px;
        }
        
        .nav-links a {
            text-decoration: none;
            color: var(--dark-color);
            font-weight: 500;
            transition: color 0.3s;
        }
        		
		.nav-links .active {
            color: var(--accent-color);
        }
				
        .nav-links a:hover {
            color: var(--accent-color);
        }
        
        .contact-phone {
            font-weight: bold;
            color: var(--primary-color);
        }
        
        .mobile-menu {
            display: none;
            font-size: 1.5rem;
            cursor: pointer;
        }
        
        /* 英雄区域 */
        
        .hero-content {
            max-width: 800px;
            margin: 0 auto;
        }
        
        .hero h1 {
            font-size: 3.0rem;
            margin-bottom: 20px;
        }
        
        .hero p {
            font-size: 1.2rem;
            margin-bottom: 30px;
        }
        
        .hero-buttons {
            display: flex;
            justify-content: center;
            gap: 20px;
        }
        
        /* 业务板块 */
        .services {
            background-color: var(--light-color);
        }
        
        .services-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .service-card {
            background-color: white;
            border-radius: 8px;
            padding: 30px;
            text-align: center;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
        }
        
        .service-card:hover {
            transform: translateY(-10px);
        }
        
        .service-icon {
            font-size: 3rem;
            color: var(--secondary-color);
            margin-bottom: 20px;
        }
        
        .service-card h3 {
            margin-bottom: 15px;
            color: var(--primary-color);
        }
        
        /* 优势部分 */
        .advantages {
            display: flex;
            align-items: center;
            gap: 50px;
        }
        
        .advantages-content {
            flex: 1;
        }
        
        .advantages-image {
            flex: 1;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        }
        
        .advantages-image img {
            width: 100%;
            height: auto;
            display: block;
        }
        
        .advantages-list {
            list-style: none;
            margin-top: 20px;
        }
        
        .advantages-list li {
            margin-bottom: 15px;
            display: flex;
            align-items: flex-start;
        }
        
        .advantages-list li:before {
            content: "✓";
            color: var(--secondary-color);
            font-weight: bold;
            margin-right: 10px;
        }
        
        /* 产品展示 */
        .products-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
            gap: 30px;
        }
        
        .product-card {
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
            transition: transform 0.3s ease;
        }
        
        .product-card:hover {
            transform: translateY(-5px);
        }
        
        .product-image {
            height: 200px;
            background-size: cover;
            background-position: center;
        }
        
        .product-info {
            padding: 20px;
            background-color: white;
        }
        
        .product-info h3 {
            margin-bottom: 10px;
            color: var(--primary-color);
        }
        
        /* 合作伙伴 */
        .partners {
            background-color: #f9f9f9;
            text-align: center;
        }
        
        .partners-logos {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            gap: 40px;
            margin-top: 30px;
        }
        
        .partner-logo {
            height: 60px;
            filter: grayscale(100%);
            opacity: 0.7;
            transition: all 0.3s ease;
        }
        
        .partner-logo:hover {
            filter: grayscale(0);
            opacity: 1;
        }
        
        /* 新闻动态 */
        .news-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 30px;
        }
        
        .news-card {
            background-color: white;
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 5px 15px rgba(0,0,0,0.05);
        }
        
        .news-image {
            height: 200px;
            background-size: cover;
            background-position: center;
        }
        
        .news-content {
            padding: 20px;
        }
        
        .news-date {
            color: var(--accent-color);
            font-size: 0.9rem;
            margin-bottom: 10px;
        }
        
        .news-content h3 {
            margin-bottom: 10px;
            color: var(--primary-color);
        }
        
        /* 行动召唤 */
        .cta {
            background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
            color: white;
            text-align: center;
            padding: 100px 0;
        }
        
        .cta h2 {
            font-size: 2.5rem;
            margin-bottom: 20px;
        }
        
        .cta p {
            font-size: 1.2rem;
            margin-bottom: 30px;
            max-width: 700px;
            margin-left: auto;
            margin-right: auto;
        }
        
        /* 页脚 */
        footer {
            background-color: var(--dark-color);
            color: white;
            padding: 60px 0 20px;
        }
        
        .footer-content {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 40px;
            margin-bottom: 40px;
        }
        
        .footer-column h3 {
            color: var(--accent-color);
            margin-bottom: 20px;
            font-size: 1.2rem;
        }
        
        .footer-links {
            list-style: none;
        }
        
        .footer-links li {
            margin-bottom: 10px;
        }
        
        .footer-links a {
            color: #ccc;
            text-decoration: none;
            transition: color 0.3s;
        }
        
        .footer-links a:hover {
            color: white;
        }
        
        .social-links {
            display: flex;
            gap: 15px;
            margin-top: 20px;
        }
        
        .social-links {
            gap: 5px;
		    flex-direction: column;
        }		
		
        .social-links a {
            color: white;
            font-size: 1.1rem;
            transition: color 0.3s;
        }
        
        .social-links a:hover {
            color: var(--accent-color);
        }
        
        .copyright {
            text-align: center;
            padding-top: 20px;
            border-top: 1px solid #444;
            font-size: 0.9rem;
            color: #aaa;
        }
        
        /* 响应式设计 */
        @media (max-width: 992px) {
            .advantages {
                flex-direction: column;
            }
            
            .hero h1 {
                font-size: 2.8rem;
            }
        }
        
        @media (max-width: 768px) {
            .nav-links {
                display: none;
            }
            
            .mobile-menu {
                display: block;
            }
 
        .navbar {
		    position:relative;
            justify-content: space-between;
            align-items: center;
            padding: 15px 0;
			height:80px;
        }
        
        .logo {
            font-size: 1.8rem;
            font-weight: bold;
            color: var(--primary-color);
            display: flex;
            align-items: center;
        }
        
        .logo span {
            color: var(--secondary-color);
        }
        
        .nav-links {
		    width:100%;
		    position:absolute;
            list-style: none;
			background-color:#FFFFFF;
			top:80px;
        }
        
        .nav-links li {
			flex-direction: column;
            align-items: center;
			display:flex;
			background-color:#FFFFFF;
        }
        
        .nav-links a {
            text-decoration: none;
            color: var(--dark-color);
            font-weight: 500;
            transition: color 0.3s;
            display: flex;
            width:100%;
            padding: 0.3rem 0;
            border-bottom: 1px dashed #F5F5F5;
            justify-content: space-between;
            align-items: center;
        }
        
        .nav-links a:hover {
            color: var(--accent-color);
        }
        
        .contact-phone {
            font-weight: bold;
            color: var(--primary-color);
        }
        
		           
       .hero-buttons {
                flex-direction: column;
                align-items: center;
       }
            
            .hero h1 {
                font-size: 2.2rem;
            }
            
            .section {
                padding: 60px 0;
            }
        }