@font-face { font-family: 'iconfont'; /* project id 455609 */ src: url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot'); src: url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.woff') format('woff'), url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.ttf') format('truetype'), url('//at.alicdn.com/t/font_455609_md6xsqc4pwrk9.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 13px; font-style: normal; } .key_tag { text-decoration: underline; } /*导航栏样式*/ .navv { height: 32px; } .navv li { line-height: 70px; height: 70px; text-align: center; width: 12%; float: left; position: relative; z-index: 999; font-size: 18px; } .navv>li:after { position: absolute; right: 0; top: 29px; width: 1px; height: 12px; background-color: rgba(255, 255, 255, .3); content: ""; } .navv li a { display: block; line-height: 70px; color: #fff; height: 70px; } .navv li a:hover { text-decoration: none; } .navv .sec { height: 0; background: #01557a; color: #fff; overflow: hidden; z-index: 9999; position: absolute; top: 70px; left: 0px; } .navv .sec a { background: #01557a; color: #fff; height: 38px; line-height: 38px; width: 90px; } .navv .sec a:hover { background: #042d3f; text-decoration: none; } .navbar-header .navbar-toggle { border: 1px solid #b4b8bc; padding: 0 10px 0 10px; height: 34px; } .navbar-header .navbar-toggle .menu { position: absolute; left: 10px; top: 0; line-height: 34px; color: #000; } .navbar-header .navbar-toggle.active {} .navbar-header .navbar-toggle a:hover { text-decoration: none; } .navbar-header .navbar-toggle .icon-bar { background-color: #999; } .navbar-header .navbar-toggle:hover { border: 1px solid #b6002e; background: #b6002e; } .navbar-header .navbar-toggle:hover .menu { color: #fff; } .navbar-header .navbar-toggle:hover .icon-bar { background-color: #fff; } .toleft { position: relative; overflow-x: hidden; left: 0; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .push-toleft { left: -260px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .menuid.menuopen { left: 0px; opacity: 1; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .push-toleft .head { left: -260px; } #cbp-spmenu-s2 { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .navbar-header { position: relative; } .menuid { width: 100%; height: 100%; position: fixed; top: 0; left: 100%; opacity: 0; z-index: 9999; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .mobile-menu-overlay { opacity: 0.3; filter: alpha(opacity=30); position: absolute; display: none; background: #000000; z-index: 9; top: 0; right: 0; width: 200%; height: 100%; } .cbp-spmenu-open .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .cbp-spmenu-right { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); position: absolute; display: block; background: #000; z-index: 10; top: 0; right: 0; width: 100%; height: 100%; max-width: 260px; overflow: auto; -webkit-overflow-scrolling: touch; padding: 60px 0 40px 0; } .cbp-spmenu-right li a { padding: 15px 23px; color: #fff; display: block; border-bottom: solid 1px #333; } .cbp-spmenu-right li a:hover { background: #b6002e; text-decoration: none; } .menuid .icon-close { -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; position: absolute; display: block; cursor: pointer; top: 0; right: 0; padding: 20px 20px 0 0; font-size: 16px; } .menuid .icon-close span { color: #fff; font-size: 18px; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .menuid .icon-close:hover span { color: #e7ac00; } .menuopen .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } /*首页banner*/ .topbanner { width: 100%; position: relative; } .banner { width: 100%; margin: 0 auto; position: absolute; height: 100%; left: 0; top: 0; } .banner ul.bb { position: relative; padding: 0px; margin: 0px; z-index: 5; width: 100%; height: 100%; } .banner ul.bb li { position: absolute; display: none; width: 100%; height: 100%; background-size: cover; } .banner ul.bb li a { display: block; width: 100%; height: 100%; } .banner .num { position: absolute; right: 0; bottom: 20px; z-index: 100; width: 100%; text-align: center; } .banner .num li { width: 25px; height: 25px; display: inline-block; margin-right: 8px; background: url(../images/num.png) no-repeat 0 50%; line-height: 25px; text-indent: -100px; overflow: hidden; } .banner .num li { _display: inline; _zoom: 1; *display: inline; } .banner .num li.num_hover { background: url(../images/numh.png) no-repeat 0 50%; } .banner .num li.num_hover a { color: #fff; } .banner .num li a { float: left; display: inline; text-align: center; color: #666; text-decoration: none; cursor: pointer; width: 25px; height: 25px; line-height: 25px; } @keyframes myfirst { from { left: 100px; opacity: 0; } to { left: 0; opacity: 1; } } @-moz-keyframes myfirst /* Firefox */ { from { left: 100px; opacity: 0; } to { left: 0; opacity: 1; } } @-webkit-keyframes myfirst /* Safari å’Œ Chrome */ { from { left: 100px; opacity: 0; } to { left: 0; opacity: 1; } } @-o-keyframes myfirst /* Opera */ { from { left: 100px; opacity: 0; } to { left: 0; opacity: 1; } } @keyframes mysec { from { right: 100px; opacity: 0; } to { right: 0; opacity: 1; } } @-moz-keyframes mysec /* Firefox */ { from { right: 100px; opacity: 0; } to { right: 0; opacity: 1; } } @-webkit-keyframes mysec /* Safari å’Œ Chrome */ { from { right: 100px; opacity: 0; } to { right: 0; opacity: 1; } } @-o-keyframes mysec /* Opera */ { from { right: 100px; opacity: 0; } to { right: 0; opacity: 1; } } .topbanner .text { color: #fff; display: table; width: 670px; height: 100%; font: 400 40px/60px "Microsoft Yahei"; position: absolute; left: 50%; margin-left: -600px; text-align: left; } @media (max-width: 1299px) { .topbanner .text { margin-left: 0; left: 15px; } } .banbox { display: table-cell; vertical-align: middle; } .topbanner .en { color: #fff; font: 400 25px/40px "Microsoft Yahei"; } .topbanner .textt { color: #fff; font: 600 35px/60px "Microsoft Yahei"; } .topbanner .intro { color: #fff; font: 400 25px/40px "Microsoft Yahei"; position: relative; padding-bottom: 20px; } .topbanner .intro:before { position: absolute; width: 32px; height: 2px; background: #d90021; left: 0; bottom: 0; content: ""; } .topbanner .bantop { position: relative; opacity: 1; right: 0; animation: myfirst 1.2s; -moz-animation: myfirst 1.2s; -webkit-animation: myfirst 1.2s; -o-animation: myfirst 1.2s; } .topbanner .banbottom { padding-top: 70px; position: relative; opacity: 1; right: 0; animation: mysec 1.5s; -moz-animation: mysec 1.5s; -webkit-animation: mysec 1.5s; -o-animation: mysec 1.5s; } .topbanner ul.bb li .banbottom a { display: inline-block; vertical-align: top; width: 98px; color: #fff; font: 400 16px/30px "Microsoft Yahei"; text-align: center; } .topbanner .banbottom .more { border: 1px solid #fff; } .topbanner .banbottom .more2 { border: 1px solid #946d4d; background: #946d4d; } .swiper-wrapper img { max-width: 100%; height: auto; } @media (max-width: 768px) { .topbanner .tit { font: 400 30px/50px "Microsoft Yahei"; } .topbanner p { font: 400 20px/30px "Microsoft Yahei"; } .topbanner .health { font: 400 16px/24px "Microsoft Yahei"; margin-top: 20px; } } .topcase { width: 100%; position: relative; } .bannery { width: 100%; margin: 0 auto; position: absolute; height: 100%; left: 0; top: 0; } .bannery ul.bc { position: relative; padding: 0px; margin: 0px; z-index: 5; width: 100%; height: 100%; } .bannery ul.bc li { position: absolute; display: none; width: 100%; height: 100%; background-size: cover; } .bannery ul.bc li a { display: block; width: 100%; height: 100%; } .small { position: relative; } .small li { display: none; position: absolute; display: none; width: 100%; height: 100%; } .small li img { max-width: 100%; height: auto; } .small-ban { padding: 55px 0; width: 100%; position: relative; margin-top: 80px; height: 330px; } .small-ban .num { position: absolute; right: 0; top: 0; z-index: 100; width: 100%; } .small-ban .num li { width: 25px; height: 25px; display: inline-block; margin-right: 8px; background: url(../images/num.png) no-repeat 0 50%; line-height: 25px; position: relative; } .small-ban .num li { _display: inline; _zoom: 1; *display: inline; } .small-ban .num li.num_hover {} .small-ban .num li.num_hover a { color: #946d4d; } .small-ban .num li.num_hover:before { position: absolute; width: 2px; height: 45px; background: #946d4d; top: 25px; left: 50%; margin-left: -1px; content: ""; } .small-ban .num li a { float: left; display: inline; text-align: center; color: #c5c5c5; text-decoration: none; cursor: pointer; width: 25px; height: 25px; line-height: 25px; font-size: 16px; } .small-pre { position: absolute; left: 0; bottom: 0; } .pre { width: 32px; height: 50px; cursor: pointer; } .next { width: 32px; height: 50px; cursor: pointer; } @media (max-width: 1599px) { .case .content, .case a.more { display: none !important; } } @media (max-width: 1199px) { .small-ban { height: 230px } } @media (max-width: 991px) { .case .content, .case a.more { display: block !important; } } /*幻灯片样式2*/ #focus { width: 255px; height: 188px; overflow: hidden; position: relative; } #focus ul { height: 188px; position: absolute; } #focus ul li { float: left; width: 255px; height: 188px; overflow: hidden; position: relative; background: #000; } #focus ul li a img { height: 188px; width: 255px; } #focus ul li div { position: absolute; overflow: hidden; } #focus .btnBg { position: absolute; width: 255px; height: 20px; left: 0; bottom: 0; background: #000; } #focus .btn { position: absolute; width: 255px; height: 10px; padding: 5px 10px; right: 0; bottom: 0; text-align: right; } #focus .btn span { display: inline-block; _display: inline; _zoom: 1; width: 25px; height: 10px; _font-size: 0; margin-left: 5px; cursor: pointer; background: #fff; } #focus .btn span.on { background: #fff; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 6px; } #formsearch input { height: 32px; background: none; border: none; line-height: 32px; float: left; } #formsearch input#keyword { height: 32px; line-height: 32px; padding-left: 20px; color: #fff; width: 260px; } #formsearch input#s_btn { width: 60px; height: 32px; line-height: 32px; text-align: center; background: url(../images/btn.png) no-repeat center; color: #fff; border: none; cursor: pointer; } /*产品分类*/ .cate { border: 1px solid #e0e1dc; padding: 10px; background-color: #f7f7f7; } .cate li { line-height: 28px; border-bottom: 1px dashed #d7d7d7; line-height: 28px; } .cate li a { padding-left: 60px; display: block; height: 28px; line-height: 28px; background: url(../images/ico1.gif) 34px center no-repeat; } .cate li a:hover { background-color: #ececec; text-decoration: none; } /*详细介绍分页样式*/ .total { border-bottom: 1px dashed #e0e1dc; padding-bottom: 10px; } .paging_num { padding: 10px 0px; overflow: hidden; text-align: right; } .paging_num a { width: 25px; height: 20px; line-height: 20px; text-align: center; display: inline-block; border: 1px dashed #e0e1dc; color: #666; margin-left: 15px; } .paging_num a:hover { text-decoration: none; color: #005a98; border: 1px dashed #005a98; } .paging_num .paging_hover { text-decoration: none; color: #005a98; border: 1px dashed #005a98; } /*新闻列表*/ .news_list li { line-height: 27px; position: relative; padding-left: 10px; } .news_list li a { line-height: 27px; color: #666; } .news_list li a:hover { text-decoration: none; color: #b6002e; } .news_list li span { color: #999; line-height: 27px; } .news_list li h3 { font-size: 14px; } .news_list li div { line-height: 24px; } /*热门关键词*/ .words { overflow: hidden; padding: 5px 5px 0; } .words li { width: 46%; float: left; border: 1px dashed #d0d0d0; padding: 0px; margin-bottom: 10px; text-align: center; line-height: 30px; } .words li a { color: #000; font-size: 14px; line-height: 30px; } .new1 li { background: none; padding: 0; border: none; } .new1 li a { color: #000; display: block; line-height: 40px; padding-left: 20px; font-size: 14px; height: 40px; overflow: hidden; } .words li.right_word { float: right; } /*案例列表*/ .case_list li { padding-bottom: 15px; _display: inline; } .case_list li a.img { padding: 1px; border: 1px solid #e0e1dc; } .case_list li a.img img { max-width: 100%; height: auto; } .case_list li h3 { text-align: center; padding-top: 5px; } .case_list li h3 a { font-weight: normal; } .case_list li a.img { display: block; } .case_list li a.img:hover { border-color: #b6002e; } /*Tag列表*/ .tag_list_product { margin-top: 10px; } .tag_list_product li { float: left; padding-bottom: 25px; _display: inline; border-bottom: 1px solid #ccc; margin-bottom: 20px; width: 100%; } .tag_list_product li .tag_img { width: 30%; } .tag_list_product li a.img { padding: 1px; border: 1px solid #e0e1dc; } .tag_list_product li a.img img { width: 100%; height: auto; } .tag_list_product li h3 { text-align: left; line-height: 28px; } .tag_list_product li h3 a { color: #333; font-size: 14px; } .tag_list_product li h3 a:hover { color: #b6002e; text-decoration: none; outline: none; } .tag_list_product li a.img { display: block; } .tag_list_product li a.img:hover { border-color: #b6002e; } .tag_list_product li .tab_intro { float: right; width: 68%; } .tag_list_product li .tab_intro h1 { font-weight: normal; line-height: 28px; } .tag_list_product li .tab_intro h2 { font-weight: normal; line-height: 28px; } .tag_list_product li .tab_intro .desp { color: #888888; line-height: 28px; } .tag_list_product .inquiry { line-height: 28px; border: none; margin-top: 5px; } .tag_list_product .inquiry a { background: url("../images/xunjia.gif") center center no-repeat; display: block; width: 112px; height: 32px; text-indent: -99999px; } .tag_list_product .inquiry a:hover { background-image: url("../images/xunjia_hover.gif"); } .tag-category { margin: 10px 0; color: #333; display: -webkit-box; display: -moz-box; } .tag-category h3 { margin-left: 5px; margin-right: 10px; padding: 5px 0; line-height: 27px; } .tag-category ul { display: block; margin: 0; -webkit-box-flex: 1; -moz-box-flex: 1; } .tag-category ul li { display: inline-block; margin-right: 10px; padding: 5px 0; line-height: 16px; } .tag-category li a { display: inline-block; color: #333; padding: 5px 15px; border: 1px solid #d9d9d9; border-radius: 5px; } .tag-category li a:hover { color: #b6002e; text-decoration: none; outline: none; } .tagdescription { border: 1px solid #e5e5e5; line-height: 24px; padding: 10px; margin-bottom: 15px; text-indent: 20px; } .tagdescription font { color: #005a98; font-weight: bold; } .tag_recom_product { margin-top: 10px; } .tag_recom_product li { float: left; margin: 0 15px; position: relative; } .tag_recom_product h3 { font-weight: normal; font-size: 16px; border-bottom: 1px solid #f1f1f1; line-height: 36px; text-align: left; padding-left: 15px; margin-bottom: 30px; } .tag_recom_product li img { width: 166px; height: 133px; } .tag_recom_product li h2 { background: rgba(0, 0, 0, 0.8); position: absolute; left: 0; top: 0; width: 100%; line-height: 133px; text-align: center; display: none; font-weight: normal; color: #fff; font-size: 14px; } .tag_recom_product li:hover h2 { display: block; } .tag_list_news li { line-height: 27px; position: relative; padding-left: 10px; } .tag_list_news li a { line-height: 27px; } .tag_list_news li span { color: #999; z-index: 0; line-height: 27px; } .tag_list_news li h3 { font-size: 14px; } .tag_list_news li div { line-height: 24px; } .tag_list_news h2 { line-height: 36px; font-size: 14px; color: #666; background: #f9f9f9; border: 1px solid #e5e5e5; font-weight: normal; text-indent: 20px; margin-bottom: 15px; } .tag_list_job li { line-height: 27px; height: 27px; position: relative; background: url(../images/list_dot1.gif) 0 50% no-repeat; padding-left: 10px; } .tag_list_job li span { position: absolute; color: #999; right: 0; z-index: 0; } .tag_list_job h2 { line-height: 36px; font-size: 14px; color: #666; background: #f9f9f9; border: 1px solid #e5e5e5; font-weight: normal; text-indent: 20px; margin-bottom: 15px; } .tag_total { height: 36px; line-height: 36px; text-align: left; padding-left: 20px; background-color: #edf1f5; border: 1px solid #b6c7db; } .search_list_product { margin-top: 10px; } .search_list_product li { float: left; margin-left: 1%; margin-right: 1%; width: 23%; padding-bottom: 15px; _display: inline; } .search_list_product li a.img { padding: 1px; border: 1px solid #e0e1dc; } .search_list_product li a.img img { width: 100%; height: auto; } .search_list_product li h3 { text-align: center; padding-top: 5px; } .search_list_product li h3 a { font-weight: normal; } .search_list_product li a.img { display: block; } .search_list_product li a.img:hover { border-color: #b6002e; } .search_list_product h2 { line-height: 36px; font-size: 14px; color: #666; background: #f9f9f9; border: 1px solid #e5e5e5; font-weight: normal; text-indent: 20px; margin-bottom: 15px; } /*产品里列表*/ /*滚动*/ #demo { overflow: hidden; width: 100%; margin: 0 auto; } #indemo { float: left; width: 800% } #demo1 { float: left; } #demo2 { float: left; } #m_demo { overflow: hidden; width: 100%; margin: 0 auto; } #m_indemo { float: left; width: 800% } #m_demo1 { float: left; } #m_demo2 { float: left; } /*品牌列表*/ .brand { background: #fff; border: 1px solid #d7d7d7; } .brand .screeBox { padding: 0; line-height: 38px; } .brand .screeBox strong { width: 110px; background: #fafafa; color: #333; text-align: center; text-indent: 0; display: block; float: left; } .brand .screeBox a { padding: 0 10px; margin: 0 10px; color: #005aa0; } .brand .screeBox a.on { padding: 5px 10px; background: #d72426; color: #fff; } .h20 { height: 20px; } /*产品列表*/ .product_list li { padding-bottom: 15px; _display: inline; } .product_list li a.img { padding: 1px; border: 1px solid #e0e1dc; } .product_list li a.img img { max-width: 100%; height: auto; } .product_list li h3 { text-align: center; padding-top: 5px; } .product_list li h3 a { font-weight: normal; } .product_list li a.img { display: block; } .product_list li a.img:hover { border-color: #b6002e; } .roll_product { float: left; } .sort_a { overflow: hidden; } .sort_a .layer1 { padding: 15px 0px; border-bottom: 1px dashed #a7b8d4; position: relative; height: 133px; z-index: 1; } .sort_a .layer1 .img { float: left; padding: 5px; border: 1px solid #dddddd; } .sort_a .layer1 .img img { width: 150px; height: 120px; } .sort_a .layer1 .img_right { width: 560px; float: right; } .sort_a .layer1 .img_right h3 { font: bold 14px/36px "微软雅黑"; } .sort_a .layer1 .img_right span { line-height: 25px; display: block; } .sort_a .layer1 .pro_more { position: absolute; right: 0px; bottom: 15px; width: 110px; padding-left: 10px; height: 28px; line-height: 28px; background: #666666; color: #fff; font: bold 24px/24px "微软雅黑"; } .sort_a .layer1 .pro_more span { float: left; } .sort_a .layer1 .pro_more a { font: normal 12px/28px "宋体"; color: #fff; padding-right: 15px; display: inline-block; } .sort_a .layer1 .pro_more a:hover { text-decoration: none; color: #faf104; } .sort_a .abb_product { padding-top: 15px; border: 1px dashed #a7b8d4; border-top: none; } .productcates { padding-top: 10px; } .catemore { color: #0080d9; margin-top: 6px; overflow: hidden; position: relative; } .catemore h2 { width: 360px; float: left; font: bold 15px/36px "微软雅黑"; } .catemore a { float: right; font: normal 14px/36px "微软雅黑"; color: #444444; padding-right: 28px; } .catemore a:hover { text-decoration: none; color: #0080d9; } /*地图样式*/ #allmap { width: 80%; height: 500px; float: right; margin-top: 20px; margin-bottom: 10px; margin: 0 auto; } .maplist { width: 19.9%; height: 500px; overflow-y: auto; float: left; border: 1px solid #ccc; border-right: none; } .maplist ul { height: 498px; margin: 0px; } .maplist ul li { width: 80%; background: url(../images/ditulogo.png) no-repeat 18px 25px; padding-left: 40px; line-height: 26px; font-family: "微软雅黑"; height: auto; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ddd; cursor: pointer; } .maplist ul li h2 { font-size: 15px; margin: 0px; padding: 0px; } .maplist ul li span { font-size: 12px; color: #666; } .maplist ul li img { width: 100px; height: 70px; display: block; margin-top: 5px; } .province { font: normal 14px/32px "微软雅黑"; padding: 0px 10px; } #search_form { margin: 15px 0px; padding-left: 20px; } #search_form select { width: 180px; border: 1px solid #d9d9d9; line-height: 32px; height: 32px; } .button_s { border: none; background: #459afa; line-height: 30px; color: #fff; text-align: center; width: 80px; margin-left: 15px; border-radius: 3px; transition: all 0.3s ease 0s; } .button_s:hover { background: #fb9108; } /*下载列表*/ .down_list li { line-height: 27px; height: 27px; position: relative; background: url(../images/list_dot1.gif) 0 50% no-repeat; padding-left: 10px; } /*招聘列表*/ .job_list li { line-height: 27px; height: 27px; position: relative; background: url(../images/list_dot1.gif) 0 50% no-repeat; padding-left: 10px; font-size: 16px; } .job_list li a{ font-weight: bold } .job_list li span { position: absolute; color: #999; right: 0; z-index: 0; } /*招聘列表*/ .download_list li { line-height: 27px; height: 27px; position: relative; background: url(../images/list_dot1.gif) 0 50% no-repeat; padding-left: 10px; } .download_list li span { position: absolute; color: #999; right: 0; z-index: 0; } /*详细页面公共样式*/ h3.title_bar { margin-left: 40px; width: 420px; float: left; } .share { padding-left: 5px; padding-bottom: 8px; float: left; width: 240px; height: 26px; } .info_title { border-bottom: 1px solid #e1e4e6; } .case_title { border-bottom: 1px solid #e1e4e6; } /*产品详细*/ .product_detail { padding: 5px; } .product_detail h1.title { text-align: center; line-height: 30px; font-size: 14px; font-family: "Microsoft YaHei"; border-bottom: 1px solid #e0e1dc; margin-bottom: 15px; padding-bottom: 5px; } .product_detail .img { max-width: 100%; height: auto; padding: 2px; border: 1px solid #e0e1dc; float: left; } .product_detail .small { max-width: 100%; height: auto; } .jqzoom { text-decoration: none; float: left; } .product_detail .list { display: block; padding-top: 8px; } .list_p li { height: 35px; font-size: 12px; border-bottom: 1px dashed #e0e1dc; padding-bottom: 5px; padding-top: 5px; font-family: "Microsoft YaHei" } .list_p li h2 { font-size: 12px; font-weight: normal; font-family: "Microsoft YaHei"; } .product_detail .inquiry { line-height: 32px; border: none; margin-top: 6px; } .product_detail .inquiry a { background: url("../images/xunjia.gif") center center no-repeat; display: block; width: 112px; height: 32px; text-indent: -99999px; } .buy { border: none!important; } .buy a { background: #0057a8; display: block; width: 112px; height: 32px; float: left; color: #fff; text-align: center; line-height: 32px; border-radius: 5px; margin-right: 10px; } .buy a:hover { background: #b6002e } .buy a.nobuy-product { background: #666 } .product_detail .inquiry a:hover { background-image: url("../images/xunjia_hover.gif"); } .list_p li h2 a { font-size: 12px; font-family: "Microsoft YaHei" } .p_detail span.title { line-height: 28px; height: 28px; text-align: left; margin-top: 10px; display: block; padding-left: 10px; font-size: 12px; } .product-tab { border-bottom: 1px solid #ddd; margin-top: 15px; } .product-tab li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; width: 100px; text-align: center; line-height: 40px; font-size: 14px; color: #000; cursor: pointer; margin-left: -1px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 1; margin-bottom: -1px; float: left; } .product-tab li.cur { border-top: 2px solid #b6002e; border-bottom: 1px solid #FFF; color: #b6002e; border-left: 1px solid #ddd; border-right: 1px solid #ddd; z-index: 3; } .p_detail span.title strong { padding-right: 20px; cursor: pointer; } .p_detail p.dd { padding-top: 5px; padding-bottom: 5px; } h3.tag { line-height: 32px; border-top: 1px dashed #e0e1dc; margin-top: 10px; color: #999; font-weight: normal; } h3.tag a { color: #005a98; } h3.tag a:hover { color: #b6002e; } .page { line-height: 26px; border-top: 1px dashed #e0e1dc; margin-top: 6px; padding-top: 5px; font-size: 12px; } .page a { color: #005a98; } .page a:hover { color: #b6002e; } .page span { color: #005a98; } .download-list { padding: 10px; overflow: hidden; line-height: 20px; } .download-list li { min-height: 40px; position: relative; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0; padding-left: 40px; } .download-list li .iconfont { font-size: 30px; position: absolute; left: 0; top: 15px; } /*产品评论*/ .product-comment-list { position: relative; overflow: hidden; } #commentList li { padding: 10px 10px 20px; margin-bottom: 15px; border-bottom: 1px solid #ddd; overflow: hidden; } .user-column { width: 100px; float: left; } .user-column img { height: 50px; max-width: 50px; border-radius: 50%; } .user-name { color: #333; padding-top: 5px; display: block; } .comment-content { margin-left: 120px; overflow: hidden; position: relative; } .comment-stars i { font-size: 16px; color: #ff0000; display: none; } .comment-stars i.shows { display: inline-block; } .comment-stars span { position: absolute; right: 0; top: 5px; color: #999; } .comment-text { padding: 5px 0; line-height: 22px; } .comment-recovery { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #ddd; line-height: 22px; color: #888; } .comment-recovery span { color: #f90; } .no-content-icon { text-align: center; line-height: 50px; padding-top: 40px; color: #999; } .no-content-icon .icon { font-size: 60px; } /*新闻详细*/ .news_detail h1.title { text-align: center; font-family: "Microsoft YaHei"; font-size: 18px; border-bottom: 1px solid #e0e1dc; margin-bottom: 5px; padding-bottom: 10px; } .news_detail h3.title_bar { line-height: 26px; text-align: center; font-weight: normal; color: #808080; float: left; height: 26px; overflow: hidden; } .news_detail h3.title_bar span { padding-right: 10px; } /*招聘详细*/ .job_detail h1.title { text-align: center; font-family: "Microsoft YaHei"; font-size: 18px; border-bottom: 1px solid #e0e1dc; margin-bottom: 5px; padding-bottom: 10px; } .job_detail h3.title_bar { line-height: 26px; text-align: center; font-weight: normal; color: #808080; } .job_detail h3.title_bar span { padding-right: 10px; } .job_detail .content h4 { background-color: #f1f1f1; height: 26px; line-height: 26px; text-align: left; padding-left: 15px; } .job_detail .content div.text { padding-top: 10px; padding-left: 22px; padding-right: 8px; font-size: 18px; } /*下载详细*/ .down_info { padding: 10px; margin-top: 15px; } .down_info table { width: 100%; } .down_info table thead { line-height: 26px; background-color: #f2f2f2; } .down_info table th { border: 1px solid #b6d5f1; } .down_info table td { padding: 3px; padding-left: 10px; padding-right: 5px; border: 1px solid #b6d5f1; text-align: center; line-height: 28px; height: 28px; } #download { text-decoration: underline; } #down_detail .title { line-height: 26px; text-align: left; padding-left: 15px; font-size: 14px; height: 26px; background-color: #ececec; } #down_detail .text { padding: 10px; } /*内页左侧分类通用样式*/ .sort { padding: 0 0 10px; } .sort li { position: relative; z-index: 999; } .sort li .about_b { position: absolute; left: 210px; top: 0px; width: 250px; padding: 10px 20px; background: #f5f6f6; border-bottom: 2px solid #3a78c1; z-index: 9999; } .sort li .about_b a { background: url(../images/list.jpg) no-repeat 0 50%; padding-left: 18px; } .sort li .layer2 { position: absolute; left: 210px; top: 0px; width: 250px; padding: 10px 20px; background: #f5f6f6; border-bottom: 2px solid #3a78c1; z-index: 9999; } .sort li .layer2 li { overflow: hidden; } .sort li .layer2 li a { font-weight: bold; background: url(../images/ico1.gif) no-repeat 0% 50%; } .sort li .layer2 li a:hover { text-decoration: none; color: #8a1d2a; } .sort li .layer2 li .layer3 li { border-bottom: 1px dashed #d5d5d5; margin: 6px 0px; height: 24px; line-height: 24px; } .sort li .layer2 li .layer3 li a { font: normal 12px/24px "微软雅黑"; background: none; } .sort li a { color: #333; display: block; line-height: 50px; padding-left: 46px; font-size: 16px; border-bottom: 1px solid #fff; } .sort li a:hover { color: #b12633; text-decoration: underline; } .album_sort li { float: left; text-align: center; padding: 6px; background: #fff; box-shadow: 0 1px 4px rgba(0, 0, 0, .15); margin: 0 8px; margin-bottom: 15px; } .album_sort li a { color: #666; display: block; line-height: 36px; font-family: "微软雅黑"; } .album_sort li h3 { text-align: left; font-weight: normal; } .album_sort li img { width: 150px; height: 120px; } .album_sort li a:hover { color: #3a78c1; text-decoration: none; } /*内页留言*/ .message { width: 100%; margin: 0 auto; z-index: 100; position: relative; padding-top: 2vw; } .message input { vertical-align: middle; width: 88%; margin: 0 auto; } .message #name { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; } .message #contact { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; } .message #email { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; } .message #address { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; } .message #ptitle { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; } .message #content { display: block; height: 120px; padding: 6px; font-size: 12px; border: 1px solid #dedede; width: 88%; margin: 0 auto; } .message .msgbtn { background: #262626; cursor: pointer; width: 98px; height: 32px; line-height: 32px; text-align: center; border: none; color: #fff; font-size: 14px; font-family: "Microsoft YaHei"; margin: 0 auto; display: block; margin-top: 22px; } #code { padding-top: 0px; line-height: 26px; width: 100%; margin: 0 auto; } #checkcode { height: 32px; line-height: 32px; width: 100px; border: 1px solid #dedede; } #message_main { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; width: 100%; display: block; } #message_main tbody { width: 100%; display: block; } #message_main tr { border-bottom: 1px dotted #d2d2d2; display: table; width: 100%; } #message_main tr th { font-weight: normal; text-align: center; height: 45px; line-height: 45px; color: #666; width: 25%; background: #eeeeee; color: #262626; font-size: 14px; border-right: 2px solid #d2d2d2; } #message_main tr td { width: 75%; position: relative; padding: 10px 0; } .m_label { position: absolute; width: 88%; margin: 0 auto; text-align: left; line-height: 26px; padding-left: 8px; color: #ccc; z-index: 1; cursor: text; left: 6%; } .c_label { line-height: 18px; padding-top: 12px; } /*首页留言表单*/ .index_message { position: relative; } .name_input { border: 1px solid #cccccc; margin-top: 5px; background: #fff; height: 22px; width: 204px; } .input_left { float: left; width: 40px; text-align: center; background: url(../images/newadd/title_left.jpg) left top repeat-x; height: 22px; line-height: 22px } .input_right { position: relative; float: right; } .input_right input { height: 22px; line-height: 22px; } .input_right .m_label { position: absolute; width: 100px; text-align: left; line-height: 22px; padding-left: 6px; color: #ccc; z-index: 1; cursor: text; } #m_div { width: 222px; position: fixed; right: 2px; bottom: 0px; padding-bottom: 1px; z-index: 99999; background: none; } .d_label { line-height: 18px; padding-top: 8px; width: 160px; } .w_message { border: 1px solid #4a9cf9; padding: 7px; padding-top: 3px; height: 238px; background: #fff; padding-bottom: 27px; background: url(../images/newadd/message_bg.jpg) left top no-repeat; background-size: 100% 100%; } .w_message #name { width: 156px; height: 22px; line-height: 22px; border: none !important; } .w_message #contact { width: 156px; height: 20px; line-height: 20px; border: none !important; } .w_message #email { width: 156px; height: 20px; line-height: 20px; border: none !important; } .w_message #address { width: 156px; height: 20px; line-height: 20px; border: none !important; } .w_message #content { width: 192px; height: 65px; resize: none; overflow-y: auto; overflow-x: hidden; } .w_message #checkcode { width: 99px; height: 22px; line-height: 22px; border: 1px solid #ccc; background-color: #fff; } #message_main { display: table-cell; } .w_message #message_main tr { display: block; width: 100%; overflow: hidden; line-height: 28px; } .w_message #message_main tr th { height: 28px; line-height: 28px; width: 37px; text-align: center; vertical-align: middle; overflow: hidden; } .w_message #code { padding-top: 0px; margin-top: 5px; } .w_title { background: none; color: #fff; ; position: relative; cursor: pointer; height: 33px; width: 222px; overflow: hidden; } .w_message #message_main .m_input { border: 1px solid #ccc; background-color: #fff; } .w_message .msgbtn { width: 93px; height: 29px; line-height: 20px; background: url(../images/newadd/submit.png) 50% 50% no-repeat; margin-top: 3px; border: none; font-family: "宋体", arial; font-size: 12px; font-family: "微软雅黑"; color: #fff; } .w_message .msgbtn_hover { background: #3c96fc; color: #fff; border: 1px solid #3c96fc; } .m_close { background: url(../images/newadd/messbtn.png) left top no-repeat; position: absolute; right: 0px; top: 0px; cursor: pointer; overflow: hidden; width: 19px; height: 20px; right: 12px; top: 8px; cursor: pointer; } .m_open { background: url(../images/newadd/messbtn1.png) left top no-repeat; } .w_message .m_under { position: absolute; width: 227px; left: 0; bottom: 1px; text-align: center; } .w_message .support { color: #000; width: 100px; position: absolute; bottom: 1px; right: 8px; font-size: 12px; } #m_top { height: 1px; font-size: 0px; line-height: 1px; margin: 0 2px; background: #4a9cf9; } #m_mid { height: 1px; font-size: 0px; line-height: 1px; margin: 0 1px; background: #4a9cf9; } #m_bot { background: #4a9cf9; height: 31px; line-height: 31px; padding-left: 9px; font-family: "微软雅黑"; font-size: 13px; } /*分页样式1*/ .pageController { padding-right: 10px; padding-top: 5px; padding-bottom: 5px; color: #505050; margin: 0 auto; border-top: 1px solid #E2E3E4; margin-top: 16px; line-height: 24px; } .pageController a { background-color: #FFF; vertical-align: middle; border: #efefef 1px solid; color: #505050; padding: 5px 8px; margin-right: 3px; margin-left: 3px; border-radius: 3px; } .pageController a:hover { background-color: #efefef; color: #438ece; text-decoration: none; border: #efefef 1px solid; } .pageController .currPage { background-color: #efefef; color: #ff0000; border: #efefef 1px solid; } .pageController .t1 { float: left; margin-right: 5px; height: 24px; line-height: 22px; white-space: nowrap; } .pageController .t2 { float: right; vertical-align: middle; line-height: 24px; } .pageController .t2 #current { line-height: 24px; background-color: #035D67; vertical-align: middle; border: 1px solid #035D67; color: #fff; padding: 5px 8px; margin-right: 3px; margin-left: 3px; border-radius: 3px; } .pageController .t1 span { padding-left: 4px; padding-right: 4px; } .pageController select { height: 24px; vertical-align: middle; text-align: center; line-height: 24px; } .pageController select option { vertical-align: middle; } /*相关产品和新闻*/ .relate_list { margin-top: 10px; } .relate h4 { line-height: 30px; border-bottom: 1px solid #b6002e; padding-left: 5px; } #relate_p .img img { max-width: 100%; height: auto; } #relate_p li { _display: inline; } #relate_n li { width: 48%; float: left; } .relate ul { float: none; } /*博客列表*/ .blog_list li { border-bottom: 1px solid #ccc; padding-bottom: 20px; } .blog_list li h2 { line-height: 42px; height: 42px; padding-left: 10px; padding-left: 20px; border-bottom: 1px dashed #ccc; } .blog_list li h2 a { font-size: 14px; font-family: "Microsoft YaHei"; font-weight: bold; color: #4C4C4C; line-height: 42px; color: #204e7d; } .blog_list li .summary { color: #878787; line-height: 28px; height: 28px; text-indent: 20px; padding-top: 5px; padding-bottom: 5px; } .blog_list li .under { padding-left: 20px; padding-top: 5px; height: 24px; line-height: 24px; padding-bottom: 5px; color: #2970a6; } .blog_list li .under a { color: #2970a6; } /*网站地图*/ h3.map_title { line-height: 30px; line-height: 30px; background-color: #f5f8fa; border: 1px solid #d6dbe1; text-indent: 20px; color: #666; border-bottom: 2px solid #ccc; } .map_list { line-height: 30px; padding: 0 5px; margin-top: 8px; margin-bottom: 8px; } .map_list a { padding: 4px; white-space: nowrap; } .map_list a:hover { text-decoration: none; color: #3b639f; padding: 4px; } .map_list .layer1 { margin-bottom: 10px; } .map_list .layer2 a { color: #999; } .map_list .layer2 a:hover { text-decoration: none; color: #3b639f; } .map_list h3 { border-bottom: 1px dashed #cccccc; margin-bottom: 10px; line-height: 36px; } .map_list h3 a { font-weight: normal; } /*热推产品*/ .content-getkey { padding: 15px 10px; } .getkey_list li { float: left; width: 18%; margin: 0 2%; padding-bottom: 15px; _display: inline; } .getkey_list li a.img { padding: 1px; border: 1px solid #e0e1dc; } .getkey_list li a.img img { width: 100%; height: auto; } .getkey_list li h3 { text-align: center; padding-top: 5px; } .getkey_list li h3 a { font-weight: normal; } .getkey_list li a.img { display: block; } .getkey_list li a.img:hover { border-color: #b6002e; } .content-getkey .content { line-height: 24px; overflow: hidden; padding: 15px 10px 10px; } .getkey_detail .content { line-height: 24px; overflow: hidden; padding: 15px 10px 10px; } /*简历提交*/ .job-title { padding-left: 10px; line-height: 40px; font-size: 16px; margin-bottom: 15px; } .job-title .job-send { background: #476199; padding: 8px 15px; border-radius: 4px; color: #fff; } .send-title { border-bottom: 1px solid #ddd; margin-bottom: 15px; padding-bottom: 10px; font-size: 16px; color: #060; } .message-job { padding-left: 10px; padding-bottom: 10px; } .message-job li { line-height: 30px; margin-bottom: 10px; } .message-job li label { font-size: 14px; width: 70px; float: left; text-align: right; } .message-job li span { color: red; } .message-job li input[type='radio'] { margin: 0 10px; } .message-job li input.jobinput { border: 1px solid #ccc; width: 200px; margin: 0 5px; line-height: 24px; height: 24px; padding: 0 5px; } .message-job li select { line-height: 24px; height: 24px; padding: 0 5px; } .message-job li #experience { width: 400px; height: 80px; } .message-job li input#file { margin-top: 18px; margin-right: 20px; } .message-job input.jobbtn { width: 80px; border: 1px solid #f1f1f1; background: #476199; color: #fff; border-radius: 4px; font-family: "Microsoft Yahei"; line-height: 30px; height: 30px; margin: 0 8px 0; cursor: pointer; } .message-job input.jobbtn:hover { background: #476199; } .message-job li.last { border-bottom: 1px solid #ddd; margin-bottom: 8px; padding: 5px 0; font-size: 14px; color: #060; } .resume-prompt { line-height: 36px; color: #999; } .message-job span.last { color: red; display: inline-block; line-height: 36px; }