﻿
.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 #666;line-height:35px;font-weight:bold;font-size:16px;text-align:left;background:#f9f9f9;text-indent:10px;margin-bottom:10px;}
.detailTitle{border-left:3px solid #666;line-height:35px;font-weight:bold;font-size:16px;text-align:center;background:#f9f9f9;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:#3d76cf;border:1px solid #3d76cf;color:#fff;}
.detailTime{width:100%;text-align:center;font-size:14px;font-weight:bold;line-height:40px;}
.detailContent{width:100%;margin-bottom:15px;overflow:hidden;word-wrap: break-word;overflow-x:auto;}
.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-left:10px;margin-bottom:10px;}
.productImgList li a{margin:0px;padding:0;}
.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:-15px;}

.back{line-height:35px;background:#3d76cf;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;margin-bottom:20px}
.otherPageBox a{font-size:12px;line-height:20px}
.otherPageBox .back{line-height:40px;font-size:14px}
.aboutProduct{margin:20px 0px 0px 0px;overflow:hidden}
.aboutProduct .rightTitleBar{margin-bottom:20px;}
.msgBox{border:1px dashed #999;padding:20px;margin-bottom:10px}


/*手机版菜单可展开图标*/
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #073053;}
#app_menudown span{display:block}


/*语言*/
.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:30px;height:30px;display:block;}
.languageBox a:hover,.languageBox a:focus{color:#000;}
.zh{background:url(zh.png) 15px center no-repeat;border-left:1px solid #ddd;border-right:1px solid #ddd}
.en{background:url(en.png) 15px center no-repeat;border-right:1px solid #ddd}
/*标题栏*/
.titleBar{text-align:center;margin:0;padding:0}
.titleBar h5{display:block;color:#333;font-size:16px;line-height:23px;overflow:hidden;text-align:center;margin:0;font-family:微软雅黑;font-weight:bold}
.titleBar .txt{display:inline-block;height:50px;width:auto;padding-top:8px}
.titleBar .leftbg{display:inline-block;background:url(titleleftbg.gif) no-repeat left top;width:50px;height:50px;}
.titleBar .rightbg{display:inline-block;background:url(titlerightbg.gif) no-repeat right bottom;width:50px;height:50px;}
.titleBar > span{display:block;color:#999;font-size:12px;line-height:20px;overflow:hidden;font-family:Georgia;text-align:center}
.more{overflow:hidden;text-align:center;margin-top:10px;margin-bottom:20px;font-family:SimSun}
.more a{display:inline-block;font-size:12px;background:#eee;padding:2px 10px 2px 10px;}
.more a:hover{background:#3d76cf;color:#fff;padding:2px 30px 2px 30px;}
.introduce{overflow:hidden;text-align:center;line-height:18px;font-size:14px;color:#666;margin-top:10px;}
.introduce *{line-height:18px;font-size:14px;color:#666;margin:0;padding:0;border:0}

.leftTitleBar{text-align:left;margin:0;padding:0;overflow:hidden;background:#eee;margin-top:20px}
.leftTitleBar h5{display:inline;color:#333;font-size:14px;line-height:40px;overflow:hidden;text-align:center;margin:0;font-family:微软雅黑;font-weight:bold}
.leftTitleBar span{line-height:40px;font-size:12px}
.leftTitleBar .txt{display:block;height:40px;width:auto;float:left}
.leftTitleBar .leftbg{display:block;background:url(titleleftbg.gif) no-repeat left top;width:30px;height:40px;float:left}
.leftTitleBar .rightbg{display:block;background:url(titlerightbg.gif) no-repeat right bottom;width:30px;height:40px;float:right}
/*公司简介*/
.aboutBox{width:100%;overflow:hidden; margin:0px 0px 0px 0px;}
.aboutBox section{clear: both; padding: 10px 0px 0px 0px;text-align:center;color:#000}
.aboutBox section *{color:#000;max-width:100%;text-shadow:0px 0px 8px #fff;}
a.aboutMore{color:#fff; display:inline-block; font-size: 12px; padding: 5px 7px; transition:background 0.3s;  background:#3d76cf;border-radius:0px;}
a.aboutMore:hover{color: #fff; background-color: #000; text-decoration: none;}

/*首页产品*/
.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: 100px;margin:0px;margin-bottom:20px;}
.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;}
.productTitle:hover { text-decoration: underline;}
.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 #000;}
.bottomProductImg span{display:block;height:65px;overflow:hidden;}
.bottomProductImg a{float:left;background-color:#333;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:#8bcf61;text-decoration: none;}
/*产品列表*/
.productList{ margin:0px 0px 0px 0px;margin-right: -15px;margin-left: -15px;overflow:hidden;}
#searchProduct{overflow:hidden;width:100%;}
/*介绍列表*/
.nameList { margin-bottom: 15px;padding:0px;margin-top:-10px}
.nameList ul{margin:0px;padding:0px;}
.nameList li:first-child{margin-top:0px;}
.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:80%;height:40px}
.nameList li:hover span{background:#3d76cf}
.nameList li:hover a{color:#3d76cf}
.nameList li .time{width:auto;height:auto;line-height:40px;color:#666;text-align:center;background:none;display:block;font-size:12px;float:right;overflow:hidden;margin-top:0px}
.nameList li:hover .time{background:none}

/*新闻列表*/
.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; }

.aboutNewsList{}
.aboutNewsList li{width:100%;line-height:40px;border-bottom:1px dashed #ccc;background:url(li.png) left center no-repeat;overflow:hidden}
.aboutNewsList li a{margin-left:15px;float:left;display:block;font-size:12px;}
.aboutNewsList li span{float:right;display:block;font-size:12px;}
/*首页新闻*/
.newsBox{ margin:0px 0px 0px 0px;width:1150px;}
.newsBox .indexNewsList{clear: both; list-style:none;margin:0px; padding:0px 0px 0px 0px;margin-top:-10px;}
.newsBox .indexNewsList li{overflow:hidden;padding: 0px;height:120px;float:left;margin-top:15px}
.newsBox .indexNewsList li span{display:block;}
.newsBox .indexNewsList li .title{font-weight:bold;font-size:14px;overflow:hidden;height:22px}
.newsBox .indexNewsList li .time{font-size:12px;margin-bottom:3px;margin-top:2px}
.newsBox .indexNewsList li p{display:block;height:55px;overflow:hidden;font-size:14px;line-height:18px}
.newsBox .indexNewsList li .txt{margin-left:130px;background:#f8f8f8;padding-left:0px;height:120px;overflow:hidden;padding-top:5px;}
.newsBox .indexNewsList li .img{width:120px;height:120px;position:absolute;left:0;background-size:cover;margin-left:0px;margin-right:15px;}
.newsBox .indexNewsList li:hover{}
.newsBox .indexNewsList li a{}
.newsBox .indexNewsList li a:hover .txt{background:#3d76cf;color:#ddeafb }

.indexNews{margin-top:-10px;margin-bottom:20px;}
.indexNews li{overflow:hidden;padding: 0px;line-height:35px;border-bottom:1px dashed #ccc}


.leftNewsBox{ margin:0px 0px 20px 0px;}
.leftNewsBox .newsList{clear: both; list-style:none;margin:0px; padding:0px 0px 0px 0px;margin-top:0px;}
.leftNewsBox .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;}
.leftNewsBox .newsList li:hover{background-color:#fff}
.leftNewsBox .newsList li a{}
.leftNewsBox .newsList li a:hover{text-decoration:none;background:none }


/*首页联系*/
.contactBox{ margin:0px 0px 20px 0px;}
.contactBox P{clear: both;}

#rightBox{float:right}


/*底部信息*/
footer{ text-align:center; background-color: #444; color:#999; padding:30px 0px 20px 0px; margin-top:0px; font-size:12px;}
footer a{ color:#999;}
footer a:hover{color:#6497e6}
footer ul{overflow:hidden;text-align:center}
footer ul li{display:inline-block;margin-right:10px;}
.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;}


/*当前位置*/
.positionBox{width:790px;margin:0px;padding:0px;margin-bottom:30px;}
.rightTitleBar{background:#f9f9f9;line-height:40px;height:40px;text-align:left}
.rightTitleBar h5{display:inline-block;margin:0px;padding:0px;padding-left:20px;padding-right:20px;min-width:100px;text-align:center;color:#fff;line-height:40px;background:#3d76cf;font-size:20px}
.rightTitleBar span{line-height:40px;padding-left:10px;}
/*首页导航菜单*/
.indexNavigationGroup{display:none;margin-bottom:30px}
/*导航菜单*/
.navigationBox{overflow:hidden;width:100%;line-height:40px;margin-bottom:0px;}
#firstpane .selected{background-color:#6497e6;color:#fff;background-image:url(liover.png);}
#firstpane li span{cursor:pointer;line-height:40px;height:40px;background:#f8f8f8;display:block;position:absolute;right:0px;top:1px;color:#333;width:40px;text-align:center;font-size:20px;font-weight:bold}
#firstpane li span:hover{background:#3d76cf;color:#fff}
#firstpane{margin:0px;padding:0px;width:100%;overflow:hidden;margin-top:0px;}
#firstpane > li{float:left;width:100%;position:relative;}
#firstpane > li:hover{}
#firstpane > li > a{display:block;text-indent:25px;width:100%;border-top: 1px solid #fff;overflow:hidden;background: url(li.png) #f1f1f1 no-repeat 9px 16px;}
#firstpane > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(liover.png)}
/*小类*/
#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:40px;border-top: 1px solid #fff;overflow:hidden;background: url(li.png) #f1f1f1 no-repeat 27px 16px;}
#firstpane > li > ul > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(liover.png)}
/*小类*/
#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:56px;border-top: 1px solid #fff;overflow:hidden;background: url(li.png) #f1f1f1 no-repeat 46px 16px;}
#firstpane > li > ul > li > ul > li > a:hover{background-color:#6497e6;color:#fff;background-image:url(liover.png)}

.keyweb{padding:0px;}

/*屏幕宽度为414px至767px*/
@media screen and (min-width:600px) and (max-width:600px) {
  .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%;}
}