body{font-family:"微软雅黑";background:#fff;color:#888;font-size:12px;overflow-y:scroll;-ms-overflow-style: scrollbar;} ul li{list-style-type:none} a{color:#888;text-decoration:none;font-size:12px;} a:hover{color:#000;text-decoration:none} td{color:#888;font-size:12px;} #ff input{border:1px solid #ccc;background:#fff;line-height:35px;height:35px;margin-top:10px;margin-left:10px;border-radius:0px;outline:none} #ff textarea{border:1px solid #ccc;background:#fff;margin-top:10px;margin-left:10px;border-radius:0px;outline:none} #ff input:focus,#ff textarea:focus{border-color:#000} #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: none;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 * {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:#990000;border:1px solid #990000;color:#fff;} .detailTime{width:100%;text-align:center;font-size:14px;font-weight:bold;line-height:40px;} .detailContent{width:100%;margin-bottom:10px;overflow:hidden;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-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;} .detailParameter li { line-height: 24px; padding-bottom: 12px; } #searchProduct{margin-top:10px;margin-bottom:0px} .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;margin-bottom:20px} .otherPageBox a{font-size:12px;line-height:20px} .otherPageBox .back{line-height:40px;font-size:14px} .aboutProduct{margin:-10px 0px 0px 0px;} .aboutProduct .productImg{border:0} .aboutProduct .productImg .productTitle{color:#666;background:none;line-height:24px} .aboutProduct .productImg .productTitle:hover{color:#000} .aboutProduct .newsList{margin-bottom:10px} .msgBox{border:1px dashed #999;padding:20px;margin-bottom:0px} .adBox{background:url(ad.jpg) no-repeat center center;width:100%;text-align:center;margin-top:15px;overflow:hidden} .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: #8f0b06 url(home.png) no-repeat center center;width:50px;} .navbar .navbar-brand:hover{background: #8f0b06 url(home.png) no-repeat center center;} .topBox{background:#fff;} .welcomeBox{width:auto;float:left;line-height:40px;font-size:12px;text-indent:3px;} .welcomeBox *{padding:0px;margin:0px;border:0px} .borderBottom{background:#222;} .logo{padding:20px 0px 20px 0px} .logo *{padding:0px;margin:0px;border:0px} .logo a img{max-width:100%;height:auto} /*产品搜索*/ .searchBox{margin: 50px 0px 0px 0px;overflow:hidden;float:right} .searchBox input{float:left;line-height:32px;color:#fff;transition:background 0.5s;text-indent:10px;width:212px;height:32px;margin:0px 0px 0px 0px;padding:0px;border:0px;background:#444} .searchBox a{display:block; background-color:#d70800;color:#fff;width:50px;float:left;text-align:center;line-height:30px;height:32px;} .searchBox a:hover,.searchGroup a:focus{ background-color:#000; color:#fff;} .searchBox input:focus{ background-color:#666;} #smallSearch{display:none} /*语言*/ .languageBox{float:right;text-align:left;width:auto;overflow:hidden;} .languageBox a{float: right;font-size:12px;padding:0px 10px 0px 40px;text-align:center;line-height:40px;height:40px;display:block;} .languageBox a:hover,.languageBox a:focus{color:#fff;} .telBox{float:right;width:auto;padding-left:10px;padding-right:10px;background:#222;;font-size:14px;color:#fff;overflow:hidden;line-height:40px} .zh{background:url(zh.png) #333 10px center no-repeat;} .en{background:url(en.png) 10px center no-repeat;} /*标题栏*/ /*标题栏*/ .titleBar{height:35px;overflow:hidden;background:url(title_line.jpg) repeat-x bottom left;margin:30px 0px 20px 0px} .titleBar h5{float: left;display:inline-block;width:auto;padding:0px;color:#333;font-weight:bold;margin:0px 0px 0px 0px;font-size:16px;line-height:35px;height:35px;overflow:hidden;} .titleBar span{float: left;display:inline-block;width:auto;color:#999;font-size:16px;padding-right:5px;line-height:35px;text-indent:10px;overflow:hidden;} .titleBar span a{font-size:14px} .homeTitleBar{height:70px;overflow:hidden;background:url(linebg.png) no-repeat center center;margin:30px 0 0px 0;text-align:center} .homeTitleBar h5{display:inline-block;width:100%;padding:0px;color:#000;font-weight:bold;margin:0px 0px 0px 0px;font-size:30px;overflow:hidden;} .homeTitleBar > span{width:100%;color:#ccc;font-size:20px;overflow:hidden;font-weight:bold;} .leftNews .titleBar{margin-bottom:0px} /*公司简介*/ .aboutBg{padding:20px 0px 10px 0px;margin-top:0px} .aboutBox{width:100%;overflow:hidden; margin:0px 0px 0px 0px;} .aboutBox section{clear: both; padding: 0px 0px 0px 0px;color:#666;font-size:14px} .aboutBox section img{margin: 0px 20px 0px 0px; max-width: 100%;float:left;border-radius:0px;} a.aboutMore{color:#999; display:inline-block; font-size: 12px; padding: 7px 12px; transition:background 0.3s; background:#eee;border-radius:0px;} a.aboutMore:hover{color: #fff; background-color: #c10404; text-decoration: none;} .aboutContent{line-height:31px; padding:0px 0px 0px 0px;font-family: 'Microsoft YaHei';} /*首页产品*/ .productBox{ margin:30px 0px 0px 0px;} .productBox .list{clear: both; padding: 0px 0px 0px 0px;overflow:hidden;} .productImg{ min-height: 100px;margin:0px;margin-bottom:30px;border:1px solid #ccc;text-align:center} .productImg span{display: inline-block;overflow:hidden;height:30px;width:100%;line-height:30px;font-size:12px;} .productImg:hover{border-color:red;} .productImg .productTitle{display: inline-block;width:auto;padding:0px 10px 0px 10px;margin-bottom:8px;line-height:24px;height:24px;font-size:12px;overflow:hidden} .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:hover {color:#ff0000} .viewBig{ cursor:pointer} .albumImg{min-height: 100px;margin:0px;margin-bottom:10px;} .albumImg img{margin-right: auto;margin-left: auto;display: block;height:auto; width: 100%;height: auto; margin-bottom: 0px; padding:0px;} .albumTitle{text-align:center;width:100%;display:inline-block;height:40px;line-height:20px;} /*底部产品*/ .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:#ff0000;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:0px} .nameList ul{margin:0px;padding: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:#990000} .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; } .linkBox{width:100%;overflow:hidden;text-align:center;margin-bottom:20px;} .linkBox li{list-style:none;display:inline-block;} .linkBox a{font-size:14px;margin-left:10px;} /*首页新闻*/ .homeNews{margin:30px 0 30px 0;} .homeNews .img{width:100%;max-height:180px;overflow:hidden;display:block} .homeNews .img img{width:100%;} .homeNews .title{line-height:30px;font-weight:bold;color:#333;width:100%;font-size:14px;margin-top:5px;display:block} .homeNews .date{font-size:12px;line-height:20px;margin-bottom:5px} .homeNews .content{width:100%;line-height:22px;color:#666;font-size:12px;height:44px;overflow:hidden} .homeNews .more{display:inline-block;color:#333;text-decoration:none;margin-top:5px} .homeNews .more:hover{color:#d70800} .indexNews{margin-top:-10px;margin-bottom:20px;} .indexNews li{overflow:hidden;padding: 0px;line-height:35px;border-bottom:1px dashed #ccc} /*首页联系*/ .contactBox{ margin:30px 0px 30px 0px;} .contactBox .content{padding:10px;border:1px solid #ccc;border-top:0} .contactBox P{clear: both;} #rightBox{float:right} /*导航菜单*/ .navbar li span{display:none} .navbar{ margin:0px;margin-top:0px; min-height: 50px; height:50px;border:0px;background:#d70800;border-radius:0px;} .navbar a{font-size:14px;} /*翻页组件*/ .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:#ff0000} .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;} #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;} /*横幅*/ .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;} .banner .mobileimg{display:none} /*产品搜索标题*/ .searchTitle{width:100%;padding-bottom:10px;font-weight:bold;} /*当前位置*/ .positionBox{width:100%;margin:0px;padding:0px} /*首页导航菜单*/ .indexNavigationGroup{display:none;} /*导航菜单*/ .navigationBox{overflow:hidden;width:100%;line-height:40px;margin-top:30px;background: #000 repeat-x top left;} .classTitleBar{width:100%;background:url(classtitle.jpg) center center no-repeat;height:55px;line-height:55px;color:#fff;font-size:20px;text-align:center;} #firstpane a{font-size:14px;} #firstpane .selected{color:#ff0000;font-weight:bold} #firstpane li span{cursor:pointer;line-height:35px;height:40px;background:#333;display:block;position:absolute;right:0px;top:0px;color:#fff;width:40px;text-align:center;font-size:20px;font-weight:bold} #firstpane li span:hover{background:#d70800;} #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:15px;width:100%;border-bottom: 1px solid #222;overflow:hidden;} #firstpane > li > a:hover{color:#fff} /*小类*/ #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 solid #222;} #firstpane > li > ul > li > a:hover{color:#fff} /*小类*/ #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 solid #222;} #firstpane > li > ul > li > ul > li > a:hover{color:#fff} .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;} .indexFirstpane{min-height:auto;} } /*屏幕宽度为480px以下,手机版*/ @media screen and (max-width: 480px) { .positionBox .titleBar h5{display:none;} .positionBox .titleBar span{display:block;text-indent:0px;} .indexFirstpane{min-height:auto;} } /*屏幕宽度为768px以下,手机版*/ @media screen and (max-width: 767px) { #rightBox{float:left;} .navbar{min-height:50px;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{} .navbar-toggle{border:0px} .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {} .navbar-default .navbar-toggle .icon-bar{} .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 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;} .navigationBox{right:0px;width:100%;} .welcomeBox{display:none;} .searchBox{margin:0px auto 10px auto;width:100%;display:none;} .searchBox input{width:100%;} .searchBox a{position:absolute;right:0px;} #smallSearch{float: right;display:block; margin-top: 7px; padding:8px 13px;font-size: 17px;border-radius: 4px;} #smallSearch:hover,#small_search:focus{cursor: pointer; background-color: #dddddd;} .indexFirstpane{min-height:auto;} .navigationBox{margin-top:0px;margin-bottom:30px;} .titleBar h5{display:none;} .titleBar span{text-indent:0px;} .titleBar .bottomButton{margin-left:4px;width:50px;} .newsList li .time{display:none} .newsList li .tit{margin-right:0;} .detailTitle{margin-left:0} .banner .mobileimg{display:block} .banner .img{display:none} } /*屏幕宽度为768px以上*/ @media screen and (min-width: 768px) { #navbar{float:left;padding:0px;margin:0px;} .navbar-nav > li{border-right: 1px solid #8f0b06;} .navbar-nav > li:first-child { border-left:0; } .navbar-nav > li:last-child{ } .navbar-nav > li > a {transition:background 0.4s; text-align: center;color:#fff} .navbar-default .navbar-nav > li > a{line-height: 50px;padding:0px;min-width:90px;background-position:bottom center;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:url(menubg.png) bottom center no-repeat; color: #fff;} .navbar-default .navbar-nav-e > li > a{font-weight: normal;color:#fff } .navbar .dropdown-menu{background:url(alpha.png);border:none;color:#fff;padding:0px;border-radius:0px;min-width: 140px;font-size:12px;} .navbar .dropdown-menu li a{color:#fff;line-height:35px;padding:0px;text-align:center;font-size:12px;} .navbar .dropdown-menu li a:hover{background:#d70800;} .navbar .dropdown-menu li ul{display:none;position:absolute;z-index:9999;margin-top:-35px;margin-left:140px;width:140px;background:url(alpha.png);} .navbar .dropdown-menu li ul a{display:block;} .navbar .dropdown-menu li ul li ul{display:none;position:absolute;z-index:9999;margin-left:140px;} .navbar .dropdown-menu a span{display:none;} .en .dropdown-menu{min-width:180px;margin-left:-20px} .en .dropdown-menu li ul{margin-left:180px;width:180px} .en .dropdown-menu li ul li ul{margin-left:180px;} #app_menudown{ display:none; } .footer_nav{display:none; } .indexFirstpane{min-height:689px;} .homeNavigation{height:602px} } /*屏幕宽度为992px以上*/ @media screen and (min-width:992px) { .navbar-default .navbar-nav > li > a{min-width:120px;} .indexFirstpane{min-height:387px;} } /*屏幕宽度为1200px以上*/ @media screen and (min-width:1200px) { .navbar-default .navbar-nav > li > a{min-width:140px; /*padding兼容低版IE*/} .indexFirstpane{min-height:466px;} }