@font-face { font-family: 'iconfont'; src: url('http://at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot'); src: url('http://at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.eot#iefix') format('embedded-opentype'), url('http://at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.woff') format('woff'), url('http://at.alicdn.com/t/font_455609_gt0xju823n8z1tt9.ttf') format('truetype'), url('http://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; } #menu { background:#0067ae; width: 100%; } .navs { height: 75px; width:90%; margin: 0 auto; } .navs li { line-height: 75px; height: 75px; text-align: center; width: 16.66667%; float: left; position: relative; z-index: 999; } .navs li a { display: block; line-height: 75px; color: #fff; height: 75px; font-size: 16px; } .navs li a:hover { color: #0067ae ; text-decoration: none; background:url(../../../template/default/images/navli.png)no-repeat center; } .navs .sec { height: 0; background: rgba(0, 0, 0, 0.3); color: #fff; overflow: hidden; z-index: 9999; position: absolute; top: 77px; left:47px; width: 184px; } .navs .sec a { color: #fff; height: 38px; line-height: 38px; width: 100%; } .navs .sec a:hover { text-decoration: none; background: #008cc9; color: #fff; } .banner-box { position: relative; } .banner { width: 100%; height: 100%; margin-top: 8px;} .banner ul.banner-img-list { position: relative; z-index: 5; width: 100%; height: 100%; margin: 0; padding: 0; } .banner ul.banner-img-list li { position: absolute; display: none; width: 100%; height: 100%; } .banner ul.banner-img-list li a { display: block; width: 100%; height: 100%; } .banner ul.banner-img-list li a img { width: 100%; height: 100%; } .banner .preNext { position: absolute; z-index: 9999; top: 42%; display: block; overflow: hidden; width: 50px; height: 75px; cursor: pointer; opacity: .3; filter: alpha(opacity=10); } .banner .preNext:hover { opacity: .7; } .banner .pre { left: 0; background: url(../../../template/default/images/l.png) no-repeat center #000; } .banner .next { right: 0; background: url(../../../template/default/images/r.png) no-repeat center #000; } .banner .num { position: absolute; z-index: 100; right: 0; bottom: 10px; left: 0; margin: auto; text-align: center; } .banner .num li { line-height: 18px; display: inline-block; overflow: hidden; width: 55px; height: 5px; margin-right: 4px; text-indent: -100px; background: #fff; cursor: pointer; } .banner .num li.num_hover { background-color: #008cc9; } .banner .ba-text1 { font-size: 44px; color: #FFF; position: absolute; top: 30%; z-index: 9999; width: 100%; text-align: center; } .banner .ba-xian { height: 30px; text-align: center; width: 100%; background: url(../../../template/default/images/xian.jpg) no-repeat center; top: 39%; position: absolute; z-index: 9999; } .banner .ba-text2 { font-size: 22px; color: #FFF; position: absolute; top: 45%; z-index: 9999; width: 100%; text-align: center; } #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; } .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(../../../template/default/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: #008cc9; } .news_list li span { color: #999; z-index: 0; line-height: 27px; position: absolute; right: 0px; top: 0px; } .news_list li h3 { font-size: 14px; } .news_list li div { line-height: 24px; } .words { overflow: hidden; margin-right: -1.3%; padding-top: 5px; } .words li { width: 40%; float: left; border: 1px dashed #d0d0d0; background: #fcfcfc; padding-left: 0px; margin-bottom: 10px; text-align: center; margin-left: 6.5%; margin-top: 11px; } .new1 li { padding-left: 13px; line-height: 40px; font-size: 14px; } .right_word { margin-left: 5%; } .case_list li { float: left; margin-left: 15px; margin-right: 15px; padding-bottom: 15px; _display: inline; } .case_list li a.img { padding: 1px; border: 1px solid #e0e1dc; } .case_list li a.img img { width: 150px; height: 120px; } .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: #008cc9; } .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: #008cc9; text-decoration: none; outline: none; } .tag_list_product li a.img { display: block; } .tag_list_product li a.img:hover { border-color: #008cc9; } .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("../../../template/default/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("../../../template/default/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: #008cc9; 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(../../../template/default/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: 15px; margin-right: 15px; 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: 150px; height: 120px; } .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: #008cc9; } .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; } .product-list1 {} .product-list1 li { float: left; padding-bottom: 10px; _display: inline; overflow: hidden; } .product-list1 li a.img { border: 1px solid #e0e1dc; } .product-list1 li a.img img { width: 100%; height: auto; } .product-list1 li h3 { width: 100%; height: 35px; background: #008cc9; border: 1px solid #ddd; text-align: center; line-height: 35px; } .product-list1 li h3 a { font-size: 16px; color: #fff; display: block; font-weight: normal; font-family: "宋体"; transition: all 0.3s; } .product-list1 li a.img { display: block; } .product-list1 li a.img { display: block; overflow: hidden; opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; position: relative; } .product-list1 li a.img figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .product-list1 li a.img figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, -100%, 0); } .product-list1 li:hover a.img img { opacity: 0.6; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .product-list1 li:hover a.img figcaption::before { -webkit-transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, 45deg) translate3d(0, 100%, 0); } #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 li { float: left; margin-left: 15px; margin-right: 15px; padding-bottom: 15px; _display: inline; } .product_list li a.img { padding: 1px; border: 1px solid #e0e1dc; } .product_list li a.img img { width: 150px; height: 120px; } .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: #008cc9; } .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: 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(../../../template/default/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(../../../template/default/images/list_dot1.gif) 0 50% no-repeat; padding-left: 10px; } .job_list li { line-height: 27px; height: 27px; position: relative; background: url(../../../template/default/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(../../../template/default/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: 35%; float: left; padding: 2px; border: 1px solid #e0e1dc; } .product_detail .img img{ width: 100%; height: auto; } .product_detail .small { width: 100%; height: auto; } .jqzoom { text-decoration: none; float: left; } .product_detail .list { width: 50%;; float: left; margin-left: 30px; display: block; padding-top: 8px; } .list_p li { height: 36px; 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("../../../template/default/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: #008cc9 } .buy a.nobuy-product { background: #666 } .product_detail .inquiry a:hover { background-image: url("../../../template/default/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: #008cc9; } .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: #008cc9; } .page span { color: #005a98; } .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; } .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 { border: 1px solid #dcdcdc; } .sort li { position: relative; z-index: 999; line-height: 50px; text-indent: 50px; } .sort li .about_b { width: 210px; padding: 10px 20px; background: #f5f6f6; border-bottom: 2px solid #3a78c1; z-index: 9999; } .sort li .layer2 { width: 100%; padding: 10px 20px; z-index: 9999; } .sort li .layer2 li { overflow: hidden; } .sort li .layer2 li a { font-weight: bold; background: url(../../../template/default/images/n1.png) no-repeat 30px; } .sort li .layer2 li a:hover { text-decoration: none; color: #3a78c1; } .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 { background: url(../../../template/default/images/n1.png) no-repeat 30px; color: #666; display: block; line-height: 50px; font-family: "微软雅黑"; border-bottom: 1px solid #dddddd; font-size: 14px; } .sort li a:hover { color: #000; text-decoration: none; background: url(../../../template/default/images/n11.png) no-repeat 30px #ddd; } .message { padding-left: 30px; padding-top: 10px; z-index: 100; position: relative; } .message input { vertical-align: middle; } .message #name { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; width: 200px; } .message #ptitle { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; width: 200px; } .message #contact { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; width: 200px; } .message #email { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; width: 200px; } .message #address { display: block; height: 26px; line-height: 26px; padding: 0; padding-left: 6px; border: 1px solid #dedede; width: 200px; } .message #content { display: block; width: 460px; height: 120px; padding: 6px; font-size: 12px; border: 1px solid #dedede; margin-top: 6px; } .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: 120px; 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: 26px; padding-left: 8px; color: #ccc; z-index: 1; cursor: text; } .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(../../../template/default/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(../../../template/default/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(../../../template/default/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(../../../template/default/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(../../../template/default/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; } .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: 47px; line-height: 43px; white-space: nowrap; } .pageController .t2 { float: right; vertical-align: middle; line-height: 47px; } .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 #008cc9; padding-left: 5px; } #relate_p .img img { width: 100%; height: auto; } #relate_p li { margin-left: 10px; margin-right: 10px; _display: inline; width:18%; margin:0 1%; } #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: #008cc9; } .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; } @media(max-width:600px){ .product_detail .img,.list{ width:100%; } }