﻿body{font-family:"微软雅黑";background:#fff;color:#666}
ul li{list-style-type:none}
a{color:#666;text-decoration:none}
a:hover{color:#8bcf61;text-decoration:none}
td{color:#666}
#serviceBox{position:fixed;z-index:999;padding-top:5px;padding-bottom:5px;bottom:47px;display:none;width:100%;background:rgba(255,255,255,1);text-align:center;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
#serviceBox a{line-height:30px;}
#ff input{border:1px solid #ccc;background:#fff;line-height:35px;height:35px;margin-top:10px;margin-left:10px;border-radius:5px;}
#ff textarea{border:1px solid #ccc;background:#fff;margin-top:10px;margin-left:10px;border-radius:5px;}
#ff .btn{border:0px;background:#ddd;padding:0px;height:auto;padding-left:20px;padding-right:20px;line-height:35px;}
#ff .btn:hover{color:#fff;background:#c10404;}
/*图片悬浮链接*/
.imgLink-hover {cursor: pointer;display: block;position: absolute;width: 100%;height: 100%;background-color: rgba(0,0,0,0);background-image: url(on-hover.png);background-repeat: repeat;opacity: 0;filter: Alpha(Opacity=0);z-index: 96;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear}
.imgLink-hover:hover {opacity: 1;filter: Alpha(Opacity=1)}
.imgLink-hover * {filter: inherit}
.imgLink-hover {cursor: pointer}
.imgLink-hover:hover .hover-link{background-image: url(hover-link.png);background-repeat: no-repeat;background-position: center center}
.hover-link {width: 44px;height: 44px;top: 50%;left: 50%;margin-left: -22px;margin-top: -22px;position: absolute;display: block}
/*详情页面*/
.detailTitleTxt{border-left:3px solid #000;line-height:35px;font-weight:bold;font-size:16px;text-align:left;background:#eee;text-indent:10px;margin-bottom:10px;}
.detailTitle{border-left:3px solid #000;line-height:35px;font-weight:bold;font-size:16px;text-align:center;background:#eee;margin-left:10px;}
.detailParameter{padding:10px;word-wrap: break-word;}
.detailImg{text-align:center;padding:10px;}
.detailImg img{max-width:100%;}
.detailUrl{padding:10px;}
.detailUrl a{width:150px;text-align:center;line-height:40px;border:1px solid #333;margin:0px auto 0px auto;display:block;color:#333;text-decoration: none;}
.detailUrl a:hover{background:#990000;border:1px solid #990000;color:#fff;}
.detailTime{width:100%;text-align:center;font-size:12px;font-weight:normal;color:#999;line-height:50px;}
.detailContent{width:100%;word-wrap: break-word;}
.detailContent img{max-width:100%;height:auto;margin: 0px;padding: 0px;vertical-align: top;}
.productImgList{width:100%;overflow:hidden;margin-bottom:5px}
.productImgList li{width:150px;float:left;margin:5px;}
.productImgList li a img{width:150px;border:3px solid #eee;}
.productImgList li a img:hover{border:3px solid #000;}
.productListBox{margin-top:15px;}

#searchProduct{margin-top:10px;}

.back{line-height:35px;background:#990000;color:#fff;width:80px;text-align:center;float:right}
.back:hover{color:#fff;background:#000;}
.otherPageBox{background:#f1f1f1;margin-top:20px;padding:10px;overflow:hidden;width:100%;font-size:12px}
.otherPageBox a{font-size:12px;line-height:20px}
.otherPageBox .back{line-height:40px;font-size:14px}
.aboutProduct{margin:20px 0px 0px 0px;}
.msgBox{border:1px dashed #999;padding:20px;margin-bottom:20px}
.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;}
/*产品搜索*/
.searchBox{background:#f7f7f7;margin: 0px 0px 20px 0px;overflow:hidden;}
.searchGroup{float:left;width:262px;overflow:hidden;}
.searchGroup input{float:left;line-height:32px;color:#999;transition:background 0.5s;text-indent:10px;width:212px;height:32px;margin:0px 0px 0px 0px;padding:0px;border:0px;background:#666}
.searchGroup a{display:block; background-color:#8bcf61;color:#fff;width:50px;float:left;text-align:center;line-height:30px;height:32px;}
.searchGroup a:hover,.searchGroup a:focus{ background-color:#990000; color:#fff;}
.searchGroup input:focus{ background-color:#333;}
/*语言*/
.languageBox{float:right;width:140px;overflow:hidden;}
.languageBox a{float: left;color:#fff;width:70px;text-align:center;line-height:30px;height:32px;display:block;}
.languageBox a:hover,.languageBox a:focus{background-color:#990000;}
.zh{background-color:#8bcf61;}
.en{background-color:#333;}
/*标题栏*/
.titleBar{border-left:3px solid #8bcf61;height:25px;overflow:hidden;background:url(title_line.jpg) repeat-x center center;margin-bottom:15px}
.titleBar h1{float: left;background:#fff;display:inline-block;width:auto;padding:0px;padding-left:5px;color:#333;margin:0px 0px 0px 15px;font-size:20px;line-height:25px;height:25px;overflow:hidden;}
.titleBar span{float: left;background:#fff;display:inline-block;width:auto;color:#999;font-size:12px;padding-right:5px;line-height:25px;text-indent:10px;overflow:hidden;font-family:Arial}
.titleBar .rightMore{float:right;border-radius:4px;display:block;line-height:25px;padding-left:10px;padding-right:10px;background:#8bcf61;color:#fff;font-size:14px;transition:background 0.5s}
.titleBar .rightMore:hover{background:#990000;color:#fff;}

.titleBar .bottomButton{float:right;cursor:pointer;border-radius:4px;display:block;line-height:25px;margin-left:10px;padding-left:5px;padding-right:5px;width:auto;text-align:center;background:#ccc;color:#fff;font-size:14px;transition:background 0.5s}
.titleBar .bottomButton:hover{background:#8bcf61;color:#fff;}
.titleBar .selectedBottomButton{background:#8bcf61;}

/*公司简介*/
.aboutBox{width:100%;overflow:hidden; margin:0px 0px 20px 0px;}
.aboutBox section{clear: both; padding: 0px 0px 0px 0px;}
.aboutBox section img{margin: 0px 20px 0px 0px; max-width: 350px;float:left;}
a.aboutMore{color:#c10404; display:inline-block; font-size: 12px; padding: 5px 7px; transition:background 0.3s;  border:1px solid #c10404;border-radius:4px;}
a.aboutMore:hover{color: #fff; background-color: #c10404; text-decoration: none;}
.aboutContent{line-height:31px; padding:8px 0px 0px 0px;font-family: 'Microsoft YaHei';}

/*首页产品*/
.productBox{ margin:0px 0px 0px 0px;}
.productBox .list{clear: both;  padding: 0px 0px 0px 0px;margin-right: -15px;margin-left: -15px;overflow:hidden;}
.productImg{ min-height: 190px;margin:0px;margin-bottom:10px;}
.productImg a{position: relative;display: block;width:auto;margin:0px auto 0px auto;}
.productImg img{margin-right: auto;margin-left: auto;display: block;height:auto; width: 100%;height: auto; margin-bottom: 0px; padding:0px;}
.productImg img:hover{}
.productTitle{width:100%;display:block;text-align: center;line-height:40px;height:40px;overflow:hidden;color:#333;transition:color 0.3s;transition:background 0.3s;}
.productTitle:hover { color:#000;text-decoration: none;}
.viewBig{ cursor:pointer}

/*底部产品*/
.bottomProductBox{ margin:0px 0px 20px 0px;overflow:hidden;width:100%;}
.bottomProductBox .list{padding: 0px 0px 0px 0px;overflow:hidden;}
.bottomProductImg{overflow:hidden;padding:10px;border: 1px dashed #ccc;}
.bottomProductImg:hover{border: 1px dashed #8bcf61;}
.bottomProductImg span{display:block;height:65px;overflow:hidden;}
.bottomProductImg a{float:left;background-color:#8bcf61;color:#fff;margin-top:5px;font-size:12px;display: block;width:60px;line-height:22px;border-radius:4px;text-align:center}
.bottomProductImg img{margin-right: 5px;float:left;display: block;height:auto; width: 50%;height: auto; margin-bottom: 0px; padding:0px;}
.bottomProductImg a:hover{background:#990000;text-decoration: none;}
/*产品列表*/
.productList{ margin:0px 0px 0px 0px;margin-right: -15px;margin-left: -15px;overflow:hidden;}
#searchProduct{overflow:hidden;width:100%;}
/*新闻列表*/
.newsList { margin-bottom: 15px;padding:0px }
.newsList ul{margin:0px;padding:0px;}
.newsList li { padding: 0px; }
.newsList li .wrapper { display: block; padding: 10px;border:1px dashed #ccc;margin-bottom:15px;padding-bottom:0;overflow:hidden;position:relative}
.newsList li .time {width: 70px; text-align: center;position:absolute;right:10px;top:15px }
.newsList li .time .day { font-size: 60px; color: #888; line-height:58px}
.newsList li .time .date { font-size: 16px; color: #888; }
.newsList li .img{width:90px;height:90px;position:absolute;left:0;background-size:cover;margin-left:10px;margin-right:10px;}
.newsList li .tit {margin-bottom: 10px; padding-bottom: 12px;height: 90px;  overflow: hidden;margin-left:100px;margin-right:100px; }
.newsList li .tit span { display: block; height: 22px; overflow: hidden;line-height: 22px; font-size: 15px; color: #666; font-weight: bold; }
.newsList li p { margin-left: 0px; font-size: 12px; line-height: 24px; height: 67px; color: #888; overflow: hidden; }
.newsList li:hover { }
.newsList li:hover .wrapper { border:1px dashed #000;}
.newsList li:hover .time .day, .newsList li:hover .time .date { color: #000; }
.newsList li:hover .tit { border-bottom-color: #000; color: #000; }
.newsList li:hover p { color: #000; }
/*介绍列表*/
.nameList { margin-bottom: 15px;padding:0px;margin-top:-10px}
.nameList ul{margin:0px;padding:0px;}
.nameList li:first-child{margin-top:-10px;}
.nameList li { padding: 0px;border-bottom:1px solid #eee;padding-left:5px;overflow:hidden}
.nameList li span{width:20px;height:20px;line-height:20px;text-align:center;color:#fff;background:#666;display:block;font-size:12px;float:left;overflow:hidden;margin-top:10px}
.nameList li a{line-height:40px;display:block;text-indent:5px;float:left;overflow:hidden;width:90%;height:40px}
.nameList li:hover span{background:#8bcf61}
/*首页新闻*/
.newsBox{ margin:0px 0px 20px 0px;}
.newsBox .newsList{clear: both; list-style:none;margin:0px; padding:0px 0px 0px 0px;margin-top:-10px;}
.newsBox .newsList li{width:100%;border-bottom: 1px dashed #ccc;overflow:hidden;background: url(li.png) no-repeat left center;line-height:40px;height:40px; padding: 0px; text-indent:13px;}
.newsBox .newsList li:hover{background-color:#fff}
.newsBox .newsList li a{}
.newsBox .newsList li a:hover{text-decoration:none;color:#8bcf61;background:none }

/*首页联系*/
.contactBox{ margin:0px 0px 20px 0px;}
.contactBox P{clear: both;}

#rightBox{float:right}

/*导航菜单*/
.navbar li span{display:none}
.navbar{ margin:0px;margin-top:0px;  min-height: 70px;  background:url(doubleAlpha.png); border: none;box-shadow: 0px 0px 0px;}
/*翻页组件*/
.pageBar{width: 100%;overflow: hidden;float: left;padding-top: 0px;margin-bottom: 20px;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;}
/*底部信息*/
footer{ text-align:center; background-color: #222; color:#999; padding:30px 0px 20px 0px; margin-top:0px; font-size:12px;}
footer a{ color:#999;}
footer a:hover{color:#8bcf61}
.copyright{ line-height:20px;}
.copyright a{ color:#C0C0C3;}
.foot_nav{ width:25%;float:left;background-color: #fafafa;text-align:center;} 
.foot_nav:hover,.foot_nav:focus{background-color: #e4e4e4;}
.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;}

/*横幅*/
.banner{width:100%;height:auto;margin-bottom:0px;padding:0px;}
.topPadding{height:0px;width:100%;background:#fff;position:relative;}

/*内页横幅图片*/
.bannerImg{width:100%;overflow:hidden;background-repeat: no-repeat;background-position: center center;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;}
.bannerImg img{max-width: 100%;height:auto;}
/*产品搜索标题*/
.searchTitle{width:100%;padding-bottom:15px;font-weight:bold;}

/*当前位置*/
.positionBox{width:100%;margin:0px;padding:0px}
/*首页导航菜单*/
.indexNavigationGroup{display:none;}
/*导航菜单*/
.navigationBox{overflow:hidden;width:100%;line-height:40px;margin-bottom:20px;}
#firstpane .selected{color:#8bcf61;font-weight:bold}
#firstpane li span{cursor:pointer;line-height:35px;height:35px;background:#8bcf61;display:block;position:absolute;right:0px;top:2px;color:#fff;width:40px;text-align:center;font-size:20px;font-weight:bold}
#firstpane li span:hover{background:#990000;}
#firstpane{margin:0px;padding:0px;width:100%;overflow:hidden;margin-top:-10px;}
#firstpane > li{float:left;width:100%;position:relative;}
#firstpane > li:hover{}
#firstpane > li > a{display:block;text-indent:15px;width:100%;border-bottom: 1px dashed #ccc;overflow:hidden;background: url(li.png) no-repeat left 16px;}
#firstpane > li > a:hover{}
/*小类*/
#firstpane > li > ul{float:left;padding:0px;margin:0px;display:none;width:100%;}
#firstpane > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li:hover{}
#firstpane > li > ul > li > a{display:block;text-indent:30px;border-bottom: 1px dashed #ccc;background: url(li.png) no-repeat 18px 16px;}
#firstpane > li > ul > li > a:hover{}
/*小类*/
#firstpane > li > ul > li > ul{width:100%}
#firstpane > li > ul > li > ul > li{float:left;width:100%;position:relative;}
#firstpane > li > ul > li > ul > li:hover{}
#firstpane > li > ul > li > ul > li > a{display:block;text-indent:50px;border-bottom: 1px dashed #ccc;background: url(li.png) no-repeat 38px 16px;}
#firstpane > li > ul > li > ul > li > a:hover{}

.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) 
{
    .titleBar h1{padding-left:2px;margin:0px 0px 0px 5px;font-size:16px;}
    .titleBar span{display:none}
    .titleBar .bottomButton{margin-left:5px;} 
    .positionBox .titleBar h1{display:none;} 
    .positionBox .titleBar span{display:block;} 
  
}
/*屏幕宽度为768px以下，手机版*/
@media screen and (max-width: 767px) 
{
    #rightBox{float:left;}
	.topPadding{height:50px;}
	.navbar{min-height:50px;}
	.navbar-brand img{height:50px}
	.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 #333;}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {background:url(alpha.png);}
	.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{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 .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;}
	.about_box section img{margin:10px 15px 0px 0px;max-width: 180px;height:auto;} 
	.logo{text-align:center}
	.logo img{max-width:700px}
	footer{ margin-bottom:50px;}
	#app_menudown{ display:block; }
	#cmsFloatPanel{display:none;}
	.slider__arrows-item {display:none;}

    .mobile{margin:0px;padding:0px;}
    
    .indexNavigationGroup{display:block;}
    
    .positionBar .title{display:none;} .positionBar{background:#eee;}
    .positionBar span{margin:0px;float:left;padding-left:10px;}
    .positionBar span a{font-size:12px;color:#333;line-height:40px;text-decoration: none;}
    .positionBar span a:hover{color:#000}
    .positionBar .moreMenu{width:100%;}
    .navigationBox{right:0px;width:100%;}  
    .searchBox{background:#fff;}
    .searchGroup{float:none;margin:0px auto 0px auto;}
    .languageBox{float:none;margin:10px auto 10px auto;}

    .newsList li .time{display:none}
    .newsList li .tit{margin-right:0;}
    .detailTitle{margin-left:0;}
    .emptyBanner{margin-bottom:30px;}
}
/*屏幕宽度为768px以上*/
@media screen and (min-width: 768px) 
{
    #navbar{float:right;}
	.navbar-nav > li{border-right: 1px solid #222;border-left: 1px solid #555;}
	.navbar-nav > li:first-child { border-left:0; }
	.navbar-nav > li:last-child{ border-right:0; }
	.navbar-nav > li > a {transition:background 0.4s; text-align: center;}
	.navbar-default .navbar-nav > li > a{font-size:12px;line-height: 40px;min-width:57px; color: #fff; font-weight: bold;padding-left:0px;padding-right:0px}
	.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:#8bcf61; color: #fff;}
	.navbar-default .navbar-nav-e > li > a{font-weight: normal; }
	.navbar .dropdown-menu{background:url(alpha.png);border:none;color:#fff;padding:0px;border-radius:0px;min-width: 130px;}
	.navbar .dropdown-menu li a{color:#fff;line-height:35px;font-size:12px;padding:0px;text-indent:10px;}
	.navbar .dropdown-menu li a:hover{background:#8bcf61;color:#fff;}
	.navbar .dropdown-menu li ul{display:none;position:absolute;z-index:9999;margin-top:-35px;margin-left:130px;width:130px;background:url(alpha.png);}
	.navbar .dropdown-menu li ul a{line-height:35px;display:block;}
	.navbar .dropdown-menu li ul li ul{display:none;position:absolute;z-index:9999;margin-left:130px;}
	.navbar .dropdown-menu a span{display:none;}
	.nav_small{ background:url(alpha.png);  padding-top: 15px; padding-bottom: 15px; padding-right: 25px; border-radius: 0px; border: none; box-shadow: none;}
	.nav_small > li{}
	.nav_small > li > a{line-height:20px; color: #bac6bf; font-size: 13px;}
	.nav_small > li > a:hover{color: #fff; background: transparent;}
	#app_menudown{ display:none; }
	.footer_nav{display:none; }
    .emptyBanner{margin-bottom:80px;}
}

/*屏幕宽度为992px以上*/
@media screen and (min-width:992px) {
	.navbar-default .navbar-nav > li > a{font-size:14px;min-width:80px;padding-left:0px;padding-right:0px}
	.navbar .dropdown-menu{background:url(alpha.png);border:none;color:#fff;padding:0px;border-radius:0px;width:160px;}
	.navbar .dropdown-menu li a{color:#fff;font-size:14px;text-indent:25px;}
	.navbar .dropdown-menu li a:hover{background:#8bcf61;color:#fff;}
	.navbar .dropdown-menu li ul{margin-left:160px;width:160px;}
	.navbar .dropdown-menu li ul li ul{margin-left:160px;}
}

/*屏幕宽度为1200px以上*/
@media screen and (min-width:1200px) {
	.navbar-default .navbar-nav > li > a{min-width:115px; padding: 15px 0px 15px 0px;/*padding兼容低版IE*/}
}