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;
}
.clear{
    clear: both;
}
.img-thumbnail{
    transition : opacity 0.7s;
}
.img-thumbnail:hover,
.opacity_img:hover{
    opacity: 0.75;
}

header{
    background-color: #f1f1f1;
}

/*顶部信息*/
.top_bg{
    background-color: #fff;
    color: #777777;
    width: 100%;
    height: 45px;
    box-shadow: 0px 0px 10px #e2e2e2;
}
.top_welcome{
    display: inline-block;
    padding-top:12px;
}

/*顶部电话*/
.top_tel{
    float: left;
    margin-top: 48px;
}
.top_tel img{
    display: inline-block; 
    float: left; margin-right: 8px;
    margin-top: 3px;
}
.top_tel span{
    color: #666; 
    display: inline-block; 
    float: left;
}
.top_tel p{
    margin: 0px;
    float: left;
    color: #0071be;
    font-size: 25px; 
    font-weight: bold;
}


/*产品搜索*/
.search_group{
      float: right;
      margin: 8px 0px 0px 0px;
      border:1px solid #dfe1e3;
      border-radius:20px;
}
.search_group input.form-control{
      border-radius: 0px;
      box-shadow: none;
      color: #585A5A;
      padding: 0px 0px 0px 15px;
      height: 26px;
      background: transparent;
      border: none;
}
.search_group input.form-control:focus{
    box-shadow: none;
    border-color: #b2e0fb;
}
#search_submit{
    color:#C3C4C5;
    height: 26px;
    font-size: 16px;
    margin-top: -14px;
}
#search_submit:hover{
    color:#0067b6;
    cursor: pointer;
}

/*首页-左侧栏目*/
.left_nav{
    padding: 20px 15px 30px 15px;
    background: url(../images/left_nav.jpg) no-repeat 200px 70px #0071bf;
    margin-top: 25px;
    margin-bottom: 20px;
}
.left_nav p{
    color: #fff;
    font-weight: bold;
    font-size: 24px;
}
.left_nav h3{
    color: #fff;
    margin:0px 0px 30px 0px;
}
.left_nav_bg{
    background: url(../images/left_nav_bg.jpg) center bottom no-repeat #fff;
    padding: 10px 15px 22px 15px;
}
.left_nav_tel{
    margin: 220px 0px 0px 0px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
}
.left_nav_ul{
    list-style:none;
    padding:0px;
    margin:15px 0px 0px 0px;
    padding-bottom: 10px;
  }
.left_nav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#fff;
    font-size:15px;
    background-color: #0071bf;
    border-radius: 25px; 
    padding:6px 0px 6px 18px;
    margin-bottom: 8px;
}
.left_nav_ul > li > a:hover,
.left_nav_ul li a.left_active{
    color:#fff;
    background-color: #03b29c;
}
/*首页-左侧二级栏目*/
ul.left_snav_ul{
    list-style:none;
    padding:0px;
}
ul.left_snav_ul > li{
    margin:0px;
}
ul.left_snav_ul > li > a{
    display: block;
    text-decoration:none;
    color:#fff;
    padding:5px 0px 5px 30px;
    background: url(../images/left_tree.gif) 20px 8px no-repeat #028ae6;
    border-radius: 25px;
    margin-bottom:8px;
}
ul.left_snav_ul > li > a:hover{
    color:#fff;
    background-color: #03b29c;
}




/*友情链接*/
.link_box{
    background-color: rgb(78, 54, 1);
    line-height:45px;
    height: 5%;
    text-align: center;
    color: #fff;
    font-size: 13px;
}
.link_box a{
    color: #95abc1;
    padding:0px 0px 0px 10px;
    font-size: 13px;
}
.link_box a:hover{
    text-decoration: none;
    color: #97f3e7;
}
.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) {
    .logo {
      margin-top:45px;
      margin-bottom: 25px;
      max-width: 700px;
    }
    /*导航样式*/
    .navbar {
      margin: 0px;
      margin-top:24px;
      border:none;
      /* background-color: rgba(0,0,0,0.5); */
      min-height: 60px;
    }
    
		.navbar-nav>li {
				float: left;
				height: 40px;
				line-height: 40px;
				width: 120px;
		}
		.navbar-fixed-top ul.navbar-nav > li > a {
				padding: 10px 25px;
		}
    .navbar-nav > li > a {
      text-align: center;
			padding: 10px 25px !important;
    }
    .navbar-default .navbar-nav > li > a {
      color: #fff;
      font-size: 16px;
      padding: 20px 34px 20px 34px;
    }
    .navbar-default .navbar-nav > li > a:hover,
    .navbar-default .navbar-nav > li > a:focus,
    .navbar-default .navbar-nav > li > a.active,
    .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:#BFAA40; color: #fff; */
    }
    .navbar-brand {
      display: none;
    }
    /*导航-触发滚动*/
    .navbar-fixed-top {
      min-height: 50px;
      margin-top:0px;
      opacity: 0.9;
    }
    .navbar-fixed-top ul.navbar-nav > li > a {
      padding: 15px 25px 15px 25px;
    }
    /*导航二级菜单*/
    .nav_small {
      background-color:#02b29c;
      background-color: rgba(2,178,156,0.8);
      padding: 10px 0px;
      padding-bottom: 15px;
      border-radius: 0px;
      border: none;
      box-shadow: none;
    }
    .nav_small > li > a {
      line-height:20px;
      padding: 7px 0px;
      text-align:
      center; color: #fff;
      font-size: 13px;
    }
    .nav_small > li > a:hover {
      color: #fff;
      background-color: #029e8b;
    }
    #app_menudown,
    #search_btn {
      display:none;
    }
    .mfoot_box {
      display:none;
    }
}

/*小屏幕样式*/
@media screen and (max-width: 768px) {
    .top_bg {
      display: none;
    }
    .top_welcome,
    .top_tel {
      display: none;
    }
    .logo {
      display: block;
      margin: 0 auto;
      margin-top:25px;
      margin-bottom: 25px;
      max-width:300px;
    }
    #search_btn {
      float: right;
      margin-top: 7px;
      padding:8px 13px;
      font-size: 17px;
      border-radius: 4px; 
      color: #fff;
    }
    #search_btn:hover,
    #search_btn:focus {
      cursor: pointer;
      background-color: #02b29c;
    }
    .navbar {
      margin: 0px;
      border:0px;
      min-height: 50px;
      background-color: rgba(0, 0, 0, 0.5);
    }
    .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:none;
    }
    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
      background-color:#BFAA40;
    }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #fff;
    }
    .navbar-default .navbar-nav {
      margin-top: 0px;
      margin-bottom: 0px;
    }
    .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: #BFAA40; color: #fff;
    }
    #app_menudown {
      position: absolute;
      top:0px;
      right:0px;
      font-size: 16px;
    }
    #app_menudown:hover {
      background-color: #BFAA40;
    }
    .navbar-fixed-top {
      margin-top:0px;
      opacity: 0.9;
    }
    

    /*手机-友情链接*/
    .link_box{
        background-color: rgb(78, 54, 1);
        line-height:35px;
        height: 5%;
        text-align: center;
        color: #fff;
        font-size: 13px;
    }
    .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: #97f3e7;
    }
    .link_list{
        display: none;
        padding-top: 7px;
    }
		

    

    
}

@media screen and (max-width: 767px) {
    .copyright_p{display:none;}
}

/*320px到768px*/
@media screen and (min-width:320px) and (max-width:768px) {
/* 	#pano{
		height: 93%!important;
	} */
    .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%;
    }
}