﻿


.msgBox{border:1px dashed #999;padding:20px;margin-bottom:10px}

.searchList{width:100%;overflow:hidden;}
.searchList li{margin-bottom:10px;border:1px dashed #ccc;padding:5px;float:left;width:100%;}
.searchList li:hover{border:1px dashed #000}
.searchList li .img{width:150px;float:left;display:block;overflow:hidden;margin-right:10px}
.searchList li .img img{width:100%;height:auto}
.searchList li .title{width:auto;float:left;overflow:hidden;display:block}

/*手机版菜单可展开图标*/
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #073053;}
#app_menudown span{display:block}
/*菜单栏标志*/
.navbar-brand{padding:0px;background: url(home.png) no-repeat center center;width:55px;height:55px ;display:none}
.topBox{}
.welcomeBox{width:auto;float:left;line-height:30px;font-size:12px;line-height:25px;color:#333}
.welcomeBox *{padding:0px;margin:0px;border:0px;background:none;color:#fff}
.borderBottom{background:#f9f9f9;padding-top:10px;padding-bottom:10px;}

.topContactBox{width:auto;float:right;margin-right:15px;}
.topContactBox img{display:block;width:auto;float:left;margin-left:15px;}
.topContactBox a{display:block;width:auto;float:left;line-height:25px;color:#333;font-size:12px;cursor:pointer}
.topContactBox a:hover{color:#333;text-decoration:underline;}

.logo{padding:0px 0px 0px 0px}
.logo *{padding:0px;margin:0px;border:0px}
.logo a img{max-width:90%;height:auto}
.box{overflow:hidden}
/*产品搜索*/
.searchBox{width:100%;max-width:300px;float:right;margin-top:35px;margin-bottom:35px;}
.searchBox input{float:left;display:block;line-height:40px;color:#333;transition:background 0.5s;text-indent:10px;width:75%;height:40px;margin:0px 0px 0px 0px;padding:0px;border:0px;background:#eee;outline:none;border-radius:20px}
.searchBox button{display:block;float:left;width:24%;background:#3baf5e;color:#fff;border:0;margin:0;height:40px;outline:none;border-radius:20px;margin-left:1%}
.searchBox button:hover{background:#9ecc3b}

.searchBox input:focus{ background-color:#ddd;}
#smallSearch{display:none}

.qrcodeBox{float:right;width:100%;text-align:right}

.qrcodeBox img{max-height:150px;}

/*语言*/
.languageBox{float:right;text-align:left;width:auto;overflow:hidden;}
.languageBox a{float: right;font-size:12px;padding:0px 15px 0px 45px;text-align:center;line-height:25px;height:25px;display:block;color:#333;border-left:1px solid #999}
.languageBox a:last-child{border:0}
.languageBox a:hover,.languageBox a:focus{color:#000;}
header .zh{background:url(zh.png) 15px center no-repeat}
header .en{background:url(en.png) 15px center no-repeat}






/*导航菜单*/
.navbar li span{display:none}
.navbar{margin:0px;margin-top:0px;min-height: 55px;height:55px;border:0px;background:#f08d00;border-radius:0px;}
/*翻页组件*/
.pageBar{width: 100%;overflow: hidden;float: left;padding-top: 0px;margin-top: 15px;display: inline;}
.pageBar .pageList{width: 100%;overflow: hidden;float: left;line-height: 35px;text-align: center;}
.pageBar .pageList a{font-size: 14px;display: inline-block;text-align: center;width:35px;text-align:center;color: #000;margin-top: 10px;margin-right: 5px;margin-left: 5px;background: #eee;}
.pageBar .pageList a:hover{color: #fff;background: #000;}
.pageBar .pageList .selected{font-size: 14px;display: inline-block;text-align: center;color: #fff;background: #000;cursor: default;}
.pageBar .pageList .selected:hover{color: #fff;background: #000;}


/*横幅*/
.banner{width:100%;height:auto;background:#fff;padding:0;margin:0;overflow:hidden;}
.firstBannerImg{width:100%;overflow:hidden;}
.firstBannerImg img{margin:0 auto;display:block;max-width:100%;}
#html5zoo-pc-box,#html5zoo-mobile-box{margin:0 auto;position:relative}
#html5zoo-pc,#html5zoo-mobile{display:none}
.topPadding{height:0px;width:100%;background:#fff;position:relative;}

.greenBox{background:#3baf5e;color:#fff;text-align:center;width:150px;height:150px;padding-top:25px;overflow:hidden;border-radius:200px;margin:50px auto;cursor:default}
.greenBox h2{display:inline-block}

.bannerAdBox{display:none}

/*产品搜索标题*/
.searchTitle{width:100%;padding-bottom:10px;font-weight:bold;}

/*当前位置*/
.positionBox{width:100%;margin:0px;padding:0px;display:none}
.positionBox .titleBar{background:none;border-bottom:1px solid #ccc;color:#999;border-radius:0;}
.positionBox .titleBar span{display:block;color:#999;height:30px;line-height:30px;}
.positionBox .titleBar h5,.positionBox .titleBar a{color:#333;font-size:14px;padding-left:0;text-indent:0;background:none}
.positionBox .titleBar h5{font-weight:bold;font-size:16px;color:#333;height:14px;line-height:14px;}

.keyweb{padding:0px;}

/*屏幕宽度为414px至767px*/
@media screen and (min-width:414px) and (max-width:767px) {
  .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%;}
  .logo img{max-width:400px;}
}
/*屏幕宽度为480px以下，手机版*/
@media screen and (max-width: 480px) 
{
     
}
/*屏幕宽度为768px以下，手机版*/
@media screen and (max-width: 767px) 
{
    body{overflow-x:hidden}
    #html5zoo-mobile-box{display:block}
    #html5zoo-pc-box{display:none}
   
	.navbar{min-height:55px;}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form{}
	.navbar-default .navbar-toggle{border:0px;margin-top:10px;margin-bottom:10px;}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {background:#dd0000}
	.navbar-default .navbar-toggle .icon-bar{background:#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{color:#fff;}
	.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:url(alpha.png); color: #fff;}
	#navbar{border:0px;background:url(alpha.png);}
    .navbar .dropdown-menu li ul{padding:0}
	.navbar .dropdown-menu li a{line-height:30px;display:block;}
	.navbar .dropdown-menu li a:hover{background:url(alpha.png);}
	.navbar .dropdown-menu li ul li a{color:#fff;padding-left:40px}
	.navbar .dropdown-menu li ul li ul li a{color:#fff;padding-left:60px}
	.navbar .dropdown-menu a span{display:inline;}

	.logo{text-align:center}
	.logo img{max-width:700px}
    .tel{display:none}
    .searchBox{max-width:100%;margin-top:0;margin-bottom:30px;}

	

	#app_menudown{ display:block; }
	#cmsFloatPanel{display:none;}
	.slider__arrows-item {display:none;}

    
    .welcomeBox{display:none;}
 
    .languageBox{width:100%;text-align:center}
    .languageBox a{border:0;display:inline-block;float:none}
    .topContactBox{display:none}  

    .navbar-brand{display:block}
    .qrcodeBox{text-align:center}
    .qrcodeBox img{max-width:100%}
}
/*屏幕宽度为768px以上*/
@media screen and (min-width: 768px) 
{
    #html5zoo-pc-box{display:block}
    #html5zoo-mobile-box{display:none}
    #navbar{float:left;padding:0px;margin:0px;}
	.navbar-nav > li{}
	.navbar-nav > li:first-child { border-left:0; }
	.navbar-nav > li:last-child{  }
	.navbar-nav > li > a {transition:background 0.4s; text-align: center;}
    .navbar-nav > li .selected{background-color:#d20000}
	.navbar-default .navbar-nav > li > a{line-height: 55px;padding:0px;padding-left:10px;padding-right:10px;font-size:14px;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 > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus {background-color:#d20000;color:#fff}
	.navbar-default .navbar-nav-e > li > a{font-weight: normal; }
	.navbar .dropdown-menu{background:#f08d00;border:none;color:#fff;padding:0px;border-radius:0px;min-width: 220px;}

	.navbar .dropdown-menu li a{color:#fff;line-height:35px;padding:0px;text-align:left;padding-left:25px;padding-right:25px;width:220px;display:block;height:35px;overflow:hidden;font-size:12px}
   
	.navbar .dropdown-menu li a:hover{background:#d20000;}
	.navbar .dropdown-menu li ul{display:none;position:absolute;z-index:9999;margin-top:-35px;margin-left:220px;width:220px;background:#f08d00;padding:0}

    .navbar .dropdown-menu li ul a{display:block;}
	.navbar .dropdown-menu li ul li ul{display:none;position:absolute;z-index:9999;margin-left:220px;}
 
	.navbar .dropdown-menu span{display:none;}
	#app_menudown{ display:none; }
	
}

/*屏幕宽度为992px以上*/
@media screen and (min-width:992px) {
	.navbar-default .navbar-nav > li > a{}
    .navbar-default .navbar-nav > li > a{padding-left:15px;padding-right:15px;}
  
}

/*屏幕宽度为1200px以上*/
@media screen and (min-width:1200px) {
	.navbar-default .navbar-nav > li > a{padding-left:25px;padding-right:25px;}
    
}