@font-face { font-family: 'iconfont'; /* project id 455609 */ src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot'); src: url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.woff') format('woff'), url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.ttf') format('truetype'), url('//at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 13px; font-style: normal; } .key_tag{text-decoration:underline;} /*导航栏样式*/ .navv { height: 80px; padding-right: 50px; } .navv li { line-height: 80px; height: 80px; /*padding-bottom: 18px;*/ text-align: center; float: left; position: relative; z-index: 999; width: 11.111%; } .navv li a { display: block; line-height: 80px; color: #5a5a5a; height: 80px; font-size: 16px; } .navv li a p { color: #969696; font: 400 14px/20px "Microsoft Yahei"; text-transform: uppercase; display:none; } .navv li:hover {} .navv li:hover>a { text-decoration: none; color: #10607e; background: url(../images/line.jpg) no-repeat 10px 13px; } .navv li:hover>a p { color: #1e1e1e; } .navv li.cur {} } .navv li.cur>a { color: #10607e; text-decoration: none; } .navv .sec { width: 150%; height: 0; background-color: rgba(16, 96, 126, .55); z-index: 9999; position: absolute; top: 68px; left: -26px;; overflow: hidden; max-height: 400px; } .navv li.lxff .sec { right: 0; left: auto; } .navv .sec a { color: #fff; height: 40px; line-height: 40px; width: 100%; font-size: 14px; text-align: left; padding: 0; text-align: center; } .navv .sec a:hover { color: #10607e; text-decoration: none; background: none; } .probg { background-color: rgba(255, 255, 255, .9); width: 650px; position: absolute; left: 0; top: 50px; z-index: 9999; height: 0; overflow: hidden; } .probg .boxx { padding: 30px 0; } .sec-left { width: 290px; } .sec-left img { max-width: 100%; height: auto; } .sec-right { width: 100%; padding-left: 70px; padding-top: 20px; } .sort1 { position: relative; } .sort1 li { width: 256px; float: none; text-align: left; position: static; padding-right: 30px; } .sort1 li a { display: block; color: #333; font: 400 15px/44px "Microsoft Yahei"; background: url(../images/list.png) no-repeat 90% 50%; border-bottom: 1px solid #ddd; } .sort1 li:hover { background: none; } .sort1 li:hover a { background: url(../images/list1.png) no-repeat 90% 50%; color: #10607e; } .sort1 li .layer2 { position: absolute; width: 279px; left: 260px; top: 0; padding-left: 20px; min-height: 200px; } .sort1 li .layer2 li { width: 100%; height: 40px; line-height: 40px; } .sort1 li .layer2 li a { font: 400 15px/40px "Microsoft Yahei"; height: 40px; } .navbar-header {} .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 #10607e; background: #10607e; } .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; font-size: 15px; } .cbp-spmenu-right li a:hover { background: #10607e; 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: #10607e; } .menuopen .mobile-menu-overlay { display: block; -webkit-transition: all 0.21s ease-out; transition: all 0.21s ease-out; } .nav2 li a { display: block; color: #0f0f0f; font: 400 18px/46px "Microsoft Yahei"; background: url(../images/nav2.png) no-repeat 0 100%; } .nav2 li a:hover { color: #912b37; } .nav2 li .sec { padding-top: 10px; } .nav2 li .sec a { color: #666 !important; font: 400 14px/30px "Microsoft Yahei"; background: url(../images/list2.jpg) no-repeat 0 50%; padding-left: 15px; } .nav2 li .sec a:hover { color: #912b37 !important; background: url(../images/list3.jpg) no-repeat 0 50%; } .nav3 li a { display: block; color: #333 !important; font: 400 16px/46px "Microsoft Yahei"; text-align: center; border-bottom: 1px solid #c3c3c3; } .nav3 li .sec { display: none; } .nav3 li .sec a { color: #6d6c71; font: 400 14px/30px "Microsoft Yahei"; border-bottom: 1px solid #ddd; } .swiper-wrapper img { max-width: 100%; height: auto } /*首页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: 16px; height: 16px; display: inline-block; margin-right: 8px; background: url(../images/num.png) no-repeat 0 50%; line-height: 16px; 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: 16px; height: 16px; line-height: 16px; } .pre { width: 32px; height: 50px; position: absolute; left: 10%; top: 45%; margin-top: -25px; z-index: 999; cursor: pointer; display: none; opacity: 0.6; } .next { width: 32px; height: 50px; position: absolute; right: 10%; top: 45%; margin-top: -25px; z-index: 999; cursor: pointer; display: none; opacity: 0.6; } @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; text-align: center; width: 100%; height: 100%; font: 400 40px/60px "Microsoft Yahei"; } .banbox { display: table-cell; vertical-align: middle; } .topbanner .intro { color: #fff; font: 400 20px/40px "Microsoft Yahei"; display: inline-block; border-top: 1px solid #b6aeae; padding-top: 10px; } .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: 55px; 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; } @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; } } .bannerr { position: relative; } .bannerr ul.ba { position: relative; padding: 0px; margin: 0px; z-index: 5; width: 100%; height: 100%; } .bannerr ul.ba li { position: absolute; display: none; width: 100%; height: 100%; background-size: cover; } .bannerr .numm { display: none; } .pre2 { width: 32px; height: 50px; position: absolute; left: 10%; top: 50%; margin-top: -25px; z-index: 999; cursor: pointer; display: none; } .next2 { width: 32px; height: 50px; position: absolute; right: 10%; top: 50%; margin-top: -25px; z-index: 999; cursor: pointer; display: none; } .banners { width: 100%; height: 100%; background: url(../images/bb.jpg) repeat-x; position: relative; } .banners ul.bc { position: relative; padding: 0px; margin: 0px; z-index: 5; width: 100%; height: 100%; } .banners ul.bc li { position: absolute; display: none; width: 100%; height: 100%; } .banners ul.bc li a { width: 100%; display: block; height: 100%; } .banners ul.bc li a img { width: 100%; height: 100%; } .banners ul.bc li a span { position: absolute; left: 50%; margin-left: -111px; top: 50%; margin-top: -26px; display: block; vertical-align: middle; width: 220px; color: #c1b6a9; font: 400 18px/51px "Microsoft Yahei"; border: 1px solid #c1b6a9; border-radius: 5px; text-align: center; } .banners .numbox { position: absolute; right: 0; top: 0; z-index: 100; height: 100%; } .banners .numbox:before { content: "."; height: 100%; display: inline-block; vertical-align: middle; visibility: hidden; } .banners .numbox .numn { width: 394px; display: inline-block; vertical-align: middle; } .banners .numn li { font: 400 16px/60px "Microsoft Yahei"; color: #fff; } .banners .numn li { *display: inline; _zoom: 1; _display: inline; } .banners .numn li.num_hover { background-color: rgba(255, 255, 255, .3); } .banners .numn li a { display: block; color: #fff; padding-left: 64px; } .banners .numn li.num_hover a { color: #10607e; background: url(../images/list2.png) no-repeat 38px 50%; } /*幻灯片样式2*/ .focus_box { max-width: 1200px; position: relative; margin: 0 auto; margin-top: 40px; } #focus { width: 1200px; height: 387px; overflow: hidden; position: relative; margin: 0 auto; } #focus ul { height: 286px; position: absolute; } #focus ul li { float: left; width: 1200px; height: 387px; overflow: hidden; position: relative; } #focus ul li .img_z { float: left; width: 283px; margin: 0 8px; position: relative; _display: inline; } #focus ul li a.img{ display: block; overflow: hidden; } #focus ul li a img { border: 1px solid #dddddd; width: 283px; height: 387px; transition: .8s; overflow: hidden; } #focus ul li a:hover img{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-transform:scale(1.1,1.1);} #focus ul li h3 { position: absolute; left: 0; bottom: 0; width: 100%; height: 63px; background-color: rgba(0, 0, 0, .3); padding-top: 5px; text-align: center; } #focus ul li h3 a { font-weight: normal; line-height: 30px; display: block; color: #fff; font-family: "Microsoft Yahei"; font-size: 16px; } #focus ul li h3 p { color: #e3e3e3; font: 400 14px/20px "Microsoft Yahei"; display:none; } .btns { width: 1200px; margin: 0 auto; margin-top: 20px; text-align: center; } .btns span { display: inline-block; line-height: 14px; height: 14px; text-align: center; background: #a0a0a0; width: 14px; margin: 0 7px; *display: inline; zoom: 1; font: 100 23px/42px "Microsoft Yahei"; color: #141414; border-radius: 7px; cursor: pointer; } .btns span.on { color: #fff; text-decoration: none; background: #fec00d; } .focus_box .preNext { width: 35px; height: 62px; position: absolute; top: 50%; margin-top: -31px; background: url(../images/pre.png) no-repeat 0 0; cursor: pointer; z-index: 9999; } .focus_box .pres { left: -8%; background-position: left top; } .focus_box .nexts { right: -8%; background-position: right top; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 6px; } #formsearch input { height: 22px; background: #fff; border: 1px solid #c8c8c8; line-height: 22px; } #formsearch input#keyword { height: 22px; line-height: 22px; padding-left: 4px; color: #666; outline: none; } #formsearch input#s_btn { width: 46px; height: 24px; line-height: 24px; text-align: center; background-color: #3480ce; color: #fff; border: none; cursor: pointer; } /*搜索和热门搜索*/ .hotSearch a { margin-right: 6px; } #formsearch input { height: 20px; background: none; border: none; line-height: 20px; outline: none; } #formsearch input#keyword { height: 20px; line-height: 20px; color: #999; width: 140px; padding-left: 5px; } #formsearch input#s_btn { width: 30px; height: 20px; line-height: 20px; text-align: center; color: #fff; border: none; cursor: pointer; background: url(../images/btn.png) no-repeat 50% 50%; } .footsear { margin-top: 30px; } .footsear #formsearch { margin-top: 0; } .footsear #formsearch input#keyword { background: #fff; height: 57px; line-height: 57px; } .footsear #formsearch input#btn { height: 57px; line-height: 57px; text-align: center; color: #fff; border: none; cursor: pointer; background: #2598f2; font-size: 16px; font-weight: 600; } #footer .footsear { padding-left: 32px; background: url(../images/side2.png) no-repeat; } /*产品分类*/ .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 { padding-left: 15px; padding-right: 15px; } .news_list li { line-height: 46px; position: relative; padding: 10px 0; border-bottom: 1px dashed #e4e4e4; } .news_list li a { line-height: 46px; font-size: 16px; color: #000; } .news_list li img { max-width: 100%; height: auto; } .news_list li a:hover { text-decoration: none; color: #10607e; } .news_list li span { color: #000; z-index: 0; line-height: 46px; position: absolute; font-size: 13px; right: 0px; top: 0px; } .news_list li h3 { font-size: 14px; } .news_list li div { line-height: 26px; color: #333; font-size: 13px; } @media (max-width: 1200px) { .news_list li a { font-size: 14px; } } /*热门关键词*/ .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 {} .case_list li { padding-bottom: 15px; } .case_list li a.img {} .case_list li a.img img { max-width: 100%; height: auto; } .case_list li h3 { text-align: center; } .case_list li h3 a { font-weight: normal; color: #000; line-height: 60px; font-size: 16px; } .case_list li:hover h3 a { color: #10607e; } /*Tag列表*/ .tag_list_product { margin-top: 10px; } .tag_list_product li { float: left; margin-left: 15px; margin-right: 15px; padding-bottom: 15px; _display: inline; } .tag_list_product li a.img { padding: 1px; border: 1px solid #e0e1dc; } .tag_list_product li a.img img { width: 150px; height: 120px; } .tag_list_product li h3 { text-align: center; padding-top: 5px; } .tag_list_product li h3 a { font-weight: normal; } .tag_list_product li a.img { display: block; } .tag_list_product li a.img:hover { border-color: #10607e; } .tag_list_news {} .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_total { height: 36px; line-height: 36px; text-align: left; padding-left: 20px; background-color: #edf1f5; border: 1px solid #b6c7db; } /*产品里列表*/ /*滚动*/ #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; } .product_list {} .product_list li { padding-bottom: 15px; } .product_list li a.img {} .product_list li a.img img { max-width: 100%; height: auto; } .product_list li h3 { text-align: center; } .product_list li h3 a { font-weight: normal; color: #000; line-height: 60px; font-size: 16px; } .product_list li:hover h3 a { color: #10607e; } @media (max-width: 467px) { .product_list li a.img { text-align: center; } .product_list li a.img img { box-shadow: 2px 2px 2px #ababab; } .product_list li h3 a { color: #131e7d; text-decoration: underline; } } .product_list li a.img { display: block; } .product_list li a.img:hover { border-color: #10607e; } .roll_product { float: left; } /*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 a.img{padding:1px;border:1px solid #e0e1dc;} .tag_list_product li a.img img{width:200px;height:160px;} .tag_list_product li h3{text-align:left;padding-top:5px;} .tag_list_product li h3 a{color:#333;font-size: 14px;} .tag_list_product li h3 a:hover{color:#e87518;text-decoration:none;outline:none;} .tag_list_product li a.img{display:block;} .tag_list_product li a.img:hover{border-color:#e87518;} .tag_list_product li .tab_intro{margin-left: 25px;width: 730px;} .tag_list_product li .tab_intro h1{font-weight: normal;width: 33%;float: left;line-height: 27px;} .tag_list_product li .tab_intro h2{font-weight: normal;line-height: 27px;} .tag_list_product li .tab_intro .desp{margin-top: 5px;line-height: 22px;color: #888888;padding: 5px 5px;} .tag_list_product .inquiry{line-height:32px;border:none;margin-top:10px;} .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:#e87518;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;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:100%;} .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:#e87518;} .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;} /*产品里列表*/ .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:95%;height:500px;margin-top:20px;margin-bottom:10px;margin:0 auto;} .maplist{position:relative;overflow:hidden;padding:18px 0px;} .maplist ul li{width:26%;float:left;margin-right:1.5%;margin-left:1.5%;_display: inline; background:url(../images/ditulogo.png) no-repeat 18px 6px;padding-left:40px;line-height:26px;font-family: "微软雅黑"; height:110px;border-right:1px dashed #ddd;margin-bottom:20px; } .maplist ul li h2{font-size:15px;} .maplist ul li span{font-size:12px;color:#666;} .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;} .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{width:288px;height:240px;float:left;padding:2px;border:1px solid #e0e1dc;} .product_detail .small{width:288px;height:240px;} .jqzoom{ text-decoration:none; float:left; } .product_detail .list{width:300px;float:left;margin-left:30px;display:block;padding-top:8px;} .list_p li{height:26px;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: #e87518} .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;border-bottom:1px solid #0055ac;} .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:#e87518;} .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:#e87518;} .page span{color:#005a98;} /*新闻详细*/ .news_detail {} .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; height: 40px; line-height: 40px; overflow: hidden; } .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; } @media (max-width: 1200px) { .news_detail h1.title { text-align: left; } } /*招聘详细*/ .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;} /*下载详细*/ .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: 330px; top: 0px; width: 250px; padding: 10px 20px; background: #f5f6f6; border-bottom: 2px solid #3a78c1; z-index: 99999; } .sort li .layer2 li { overflow: hidden; z-index: 99999; } .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: #10607e; } .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: #000; display: block; line-height: 48px; padding-left: 46px; font-size: 16px; } .sort li:hover { background: #fff; } .sort li a:hover { color: #10607e; text-decoration: none; background: url(../images/list2.jpg) no-repeat 34px 50%; } .sortn li a { color: #000; display: block; line-height: 48px; padding-left: 25px; font-size: 16px; } .sortn li .layer2 a { padding-left: 40px; font-size: 14px; line-height: 35px; } .sortn li a:hover { color: #10607e; text-decoration: none; } //.sort .layer2 li{width:200px;height:35px;margin-bottom:0;background:none;} @media (max-width: 767px) {} /*内页留言*/ .message{padding-top:10px;z-index:100;position:relative;} .message input{vertical-align:middle;} .message #name{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;} .message #contact{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;} .message #email{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;} .message #address{display:block;height:40px;line-height:40px;padding:0;padding-left:6px;border:1px solid #dedede;width:100%;} .message #content{display:block;height:120px;padding:6px;font-size:12px;border:1px solid #dedede;margin-top:6px;width:100%;} .message .msgbtn{background:#fe693e;cursor:pointer;width:90px;height:30px;line-height:30px;text-align:center;border:none;color:#fff;font-size:14px; border-radius:3px;margin-top:15px;font-family:"Microsoft YaHei";-moz-border-radius:3px;-webkit-border-radius:3px;} #code{padding-top:10px;line-height:26px;} #checkcode{height:32px;line-height:32px;width:115px;border:1px solid #dedede;} #message_main tr{position:relative;} #message_main tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;} .m_label{position:absolute;width:160px;text-align:left;line-height:40px;padding-left:8px;color:#ccc;z-index:1;cursor:text;} .c_label{line-height:18px;padding-top:12px;} .messd{padding:10px 0;} .messd .col-sm-1{padding:0;} /*首页留言表单*/ .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;height:37px;line-height:41px;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;} @media (max-width:767px) { .pageController .t1 { display: none; } .pageController .t2 { float: none; text-align: center; } } /*相关产品和新闻*/ .relate_list{margin-top:10px;} .relate h4{line-height:30px;border-bottom:1px solid #e87518;padding-left:5px;} #relate_p .img img{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;margin-left:20px;margin-right:20px;padding-bottom:15px;_display:inline;} .getkey_list li a.img{padding:1px;border:1px solid #e0e1dc;} .getkey_list li a.img img{width:150px;height:120px;} .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:#e87518;} .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;}