@charset "utf-8"; html { font-size: calc(100vw/19.2);} /* * name: Global && Pc StyleSheet * version: v3.1.1 * update: 加入placeholder依赖样式 * date: 2015-08-26 */ /* 雪碧图 */ p{white-space:pre-wrap !important;} span{white-space:pre-wrap !important;} .ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; vertical-align: middle;margin:0 .3em;} .ico1_2 { background-position: -20px 0;} .ico1_3 { background-position: -40px 0;} .ico1_4 { background-position: -60px 0;} .ico1_5 { background-position: -80px 0;} .ico2_1 { background-position: 0 -20px;} .ico2_2 { background-position: -20px -20px;} .ico2_3 { background-position: -40px -20px;} .ico2_4 { background-position: -60px -20px;} .ico2_5 { background-position: -80px -20px;} .ico3_1 { background-position: 0 -40px;} .ico3_2 { background-position: -20px -40px;} .ico3_3 { background-position: -40px -40px;} .ico3_4 { background-position: -60px -40px;} .ico3_5 { background-position: -80px -40px;} .ico4_1 { background-position: 0 -60px;} .ico4_2 { background-position: -20px -60px;} .ico4_3 { background-position: -40px -60px;} .ico4_4 { background-position: -60px -60px;} .ico4_5 { background-position: -80px -60px;} /* * 依赖: * placeholder插件 */ .placeholder { color: #fff;} /* 设置 */ body{ font-size:13px; line-height: 1.8; color: #716f70; background: #fff; font-family:"微软雅黑" } .wrap { max-width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;} a{ color:#646263; } a:hover { color: #0168b7;} /*css组件-设置*/ .form-control, .input-group-addon, .btn{border-radius: 2px; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} /*选中设置*/ ::-moz-selection {color: #fff; background: #39f; } ::selection {color: #fff; background: #39f; } input, select,button{ font-family:微软雅黑;} button,input[type='submit'],input[type='button'],input[type='reset']{ cursor:pointer; } /*图片效果*/ .imghove img{-moz-transition: all .8s ease 0s;-ms-transition: all .8s ease 0s;-o-transition: all .8s ease 0s;transition: all .8s ease 0s;} .imghove:hover img{transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);} .imghove2 img{ -moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;} .imghove2:hover img{ transform:translate(-10px); -moz-transform:translate(-10px); -ms-transform:translate(-10px); -o-transform:translate(-10px); -webkit-transform:translate(-10px); } /* 网站样式 */ /*top*/ .top-cover {width:100%; height:100%; position:fixed; top:0; left:0; z-index:50; background:rgba(0,0,0,0.7); display:none;} .top{ position:relative; z-index:60; height:120px; width: 100%; background: url(../images/bj4.png); background-repeat: repeat-x; } .top-pr{ width:100%; height:100%; position:absolute; top:0px;} .logo{ padding-top:14px; padding-bottom:24px; overflow:hidden; width:40% } .top-bar{ *width:200px;} .top-bar > li{ float:right; height:76px; line-height:76px; color:#fff; position:relative;} .top-bar > li >a{display:block; color:#fff;height:100%; width:60px;} .top-search.tsehover > a{ background-color:#ffd900;} .top-search .top-search-nr{ display:none; width:260px; position:absolute; top:76px; right:0px; background:#ffd900; padding:10px;} .top-search .top-search-nr ._seinp{ float:left; width:70%; height:25px; line-height:25px; background:#fff; border:none; padding:0; margin:0;} .top-search .top-search-nr ._sebtn{ float:left; width:30%; height:25px; border:none; background:#6b4a38; color:#fff; font-size:14px; cursor:pointer;} .top-lan{ text-align:center; padding-right:10px;} /*nav*/ .nav { margin-top:0px; background:url(../images/bj6.png) no-repeat 0 0; padding-left: 20px; } .nav > ul >li{ float:left; position:relative; margin-top: 9px; } .nav > ul >li > a{ display:block; color:#716f70; padding:0 7px; line-height:45px; font-size:16px; } .nav > ul >li > a:hover,.nav > ul >li.hover > a{ color:#0068b7; background: url(../images/bj5.png) no-repeat top; } .nav > ul >li.cur > a{ color:#ccc !important; } .nav-sub { display:none; position:absolute; top:45px; white-space:nowrap; background:#004dd9; padding:0; } .nav-sub >li{ width:100% float:left; } .nav-sub >li > a{ display:block; color:#FFFFFF; height:29px; line-height:29px; font-size:14px; position:relative; padding: 0 20px; } .nav-sub >li > a > ._jt{ display:none; width:7px; height:29px; background:url(../images/nsb_jt.png) no-repeat 0 0; position:absolute; right:-7px; top:0px; z-index:10;} .nav-sub >li > a:hover{ background-color:#FFFFFF; color: #333333; } .nav-sub >li > a:hover > ._jt,.nav-sub >li.sub-cur > a >._jt{ display:block; } .nav-sub >li.hasSub > a{background-image:url(../images/nsb_jia.png); background-repeat:no-repeat; background-position:right;} .nav-sub >li.hasSub > a:hover,.nav-sub >li.sub-cur > a{ background-image:url(../images/nsb_jian.png); background-color:#fff;} .nav-sub-sub{ display:none; position: relative; background:url(../images/nsbb_bg.png) repeat 0 0; z-index:9; } .c_title.part4_tit{padding-top: 0;} .c_title.part4_tit .tit{padding-bottom: 0;line-height: 1;} .imain .part4 .tab_slide{padding-top: 0px;} .imain .part4 .tab_slide .tab_t .s{float: left;width: 24%;height: 60px;text-align: center;color: #684634;font-size: 20px;background-color: #d5d5d5;line-height: 60px;cursor: pointer; margin-right:1%} .imain .part4 .tab_slide .tab_t .s.cur{background-color: #006db8;;color: #ffffff} .imain .part4 .tab_b{background-color: rgba(255,255,255,.7);padding: 40px 0;} .imain .part4 .tab_b .owl-theme{width: 75%;margin: 0 auto;} .imain .part4 .tab_b .slide_l{float: left;width: 48%;} .imain .part4 .tab_b .slide_r{float: right;width: 48%;} .imain .part4 .tab_b .slide_r .time{font-size: 16px;padding-top: 40px;color: #000000;} .imain .part4 .tab_b .slide_r .tit{font-size: 24px;font-weight: bold;padding-top: 10px;color: #000;} .imain .part4 .tab_b .slide_r .s{font-size: 16px;color: #000;padding-top: 5px;} .imain .part4 .part4_slide .owl-dots{display: none;} .imain .part4 .part4_slide .owl-prev,.imain .part4 .part4_slide .owl-next{font-size: 0;width: 30px;height: 60px;position: absolute;top: 50%;margin-top: -30px;left: -80px;background-position: 0 0;padding: 0;} .imain .part4 .part4_slide .owl-next{background-position: -30px 0;right: -80px;left: auto;} .imain .part4 .part4_slide .owl-next:hover{background-position: -30px 0;} .imain .part4_slide{display: none;} .nav-sub-sub > li > a{ display:block; font-size:14px;color:#0168b7; margin-top:4px; margin-bottom:4px; padding:0 20px } .mobile_key{ display:none;} .global_box2_title{ width:100%;height:auto;text-align:center;margin-bottom:20px;} .global_box2_title ul li{ font-size: 16px;padding: 0 15px;color: #ffffff;height: 38px;line-height: 38px;display: inline-block;border-radius: 5px;margin: 0 10px;cursor: pointer;transition: all .3s;background-color: #c6c6c6;} .global_box2_title ul li:hover,.global_box2_title ul li.active{ background-color: #0168b7;} .global_box2_list{ width:100%;height:auto;overflow:hidden;margin-bottom:30px;} .global_box2_list .item{ display:none;transition:all .5s} .global_box2_list .item:nth-of-type(1){ display:inline-block} .new_list_jian{ width:100%;height:auto;overflow: hidden;margin-top:15px;} .new_list_jian li{ float: left; width: 23.5%; height: 32px; line-height: 32px; margin-right: 2%; overflow: hidden; background: url(http://www.micron-bio.com/weboms/Template/pc_web/statics/img/index/arrow_right.png) no-repeat left 11px; white-space: nowrap; text-overflow: ellipsis; text-align: left; } .new_list_jian li:nth-child(4n){ margin-right: 0; } .new_list_jian li a { width: 95%; height: 100%; color: #1a1a1a; transition: all .3s; font-size: 13px; padding: 0 0 0 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .new_list_jian li:hover a { color: #0168b7; } .global_itmes .pbox{background-color:#f5f5f5;} .global_itmes .pbox .info{display:block;padding:7%;text-align: left;} .global_itmes .pbox .info .title{ font-size:100%; line-height:150%; height: auto; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden;} .global_itmes .pbox .info .p{font-size:100%;color:#646464;margin-top: 10px;height: auto;overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; } .news-left span,.news-left p{white-space:pre-wrap !important;} .news-left .global_itmes > ul > li{margin-bottom:46px; width: 32%; margin-right: 1%; float: left;} /*foot*/ .foot{ background:url(../images/foot_bg.jpg) no-repeat center top;color:#333} .foot a{ color:#333; } .foot a:hover{ text-decoration:underline; color:#000; } .foot-chanye{ float:left; width:23%;} .foot-chanyet{ font-size:16px; margin-bottom:20px; font-weight:bold;} .foot-chanyen { height:150px; overflow:hidden; position:relative;} .foot-chanyen li{ line-height:30px;} .foot-chanyen .scroll_bar{ background:url(../images/sbar_bg.png) repeat-y center !important;} .foot-chanyen .scroll_slider{background:#006db8 !important;} .foot-right{ float:left;width:100%;padding-top:35px; margin-bottom:35px} .foot-right dl{ float:left;} .foot-right dt{ border-bottom:1px dotted #000;font-size:16px; padding-bottom:10px; margin-bottom:20px; font-weight:bold;color:#000;} .foot-right dd{ line-height:30px; } .foot-right dd em{ font-size:12px; padding-right:10px;} .foot-right .fr-dl01{ width:12%; margin-right:10%;margin-top:2px; } .foot-right .fr-dl02{ width:35%;} .foot-right .fr-dl03{ width:33%; float:right;} .foot-right .fr-dl01 dd{ margin-top:1px; } .foot-right .fr-dl02 dd{ margin-bottom:0px; } .foot-right .fr-dl02 .rexian{ font-size:24px; font-family:'Century Gothic'; color:#0168b7; text-align: left; } .foot-right .fr-dl02 dd .ion{ font-size:18px; vertical-align:middle; margin-right:10px; color:#006db8;} .foot-right .fr-dl03 .fr-ewm{ float:left; margin-right:16px; text-align:center; margin-top:11px; line-height:40px} .foot-bottom{ background:#006db8; color:#fff; padding:20px 0 17px; line-height:20px;} .foot-bottom em{ display:inline-block; width:1px; height:20px; background:url(../images/foot_xian.png) no-repeat right; margin:0 10px; vertical-align:middle;} .foot-bottom .r a{ display:inline-block;height:20px;} .foot-bottom a{ color:#fff; } .foot-bottom a:hover{ color:#fff; } .about_center01{ margin-top:30px} .about_center01 .media{cursor:pointer; margin:30px 0;} .about_center01 .rect-4064{padding-bottom:20.64%;} .flexslider .play{text-align:center;} .flexslider .play .dot{cursor:pointer; width:77px; z-index:5; height:77px; position: absolute; display:inline-block; background:url(../images/about_center01_2.png) no-repeat center;; left:50%; margin-left:-38px;top:50%; margin-top:-38px} .flexslider .play .dot:after {content:'';position:absolute;width:100px;height:100px;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:-11.5px;left:-11.5px;opacity:0; -webkit-animation: warn-2 2s ease-out 1.1s infinite;animation: warn-2 2s ease-out 1.1s infinite;} .flexslider .play .dot:before {content:'';position:absolute;width:77px;height:77px;-webkit-box-shadow:inset #fff 0 0 40px;box-shadow:inset #fff 0 0 40px;border-radius:50%;top:0;left:0;opacity:0; -webkit-animation: warn 2s ease-out .1s infinite;animation: warn 2s ease-out .1s infinite;} .videos{ display:none; border:0px #000000 solid; position:fixed; left:25%; top:10%; z-index:10000000; width:50%; } .vclose { position:absolute;right:2%; top:2%; border-radius:100%; cursor: pointer; } #cover { background: #000; position:fixed; left: 0px; top: 0px; height:100%; width: 100%; filter: alpha(opacity=80); opacity: 0.8; display: none ; z-index: 99 } @-webkit-keyframes warn { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 5% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(2); transform: scale(2) } } @keyframes warn { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 5% { opacity: 1 } to { opacity: 0; -webkit-transform: scale(2); transform: scale(2) } } @-webkit-keyframes warn-2 { 0% { opacity: 0; -webkit-transform: scale(.5); transform: scale(.5) } 5% { opacity: 8 } to { opacity: 0; -webkit-transform: scale(1.4); transform: scale(1.4) } } .tf_gotop{ display:none; width:60px; height:60px; line-height:60px; background:#c6c6c6; color:#fff; position:fixed; right: 0px; bottom:20%; z-index:40; text-align:center; font-size:40px;} .tf_gotop .ion{ margin:0;} .tf_gotop:hover{ background:#f59d31; color:#0168b7; } /*内页通用*/ .channel_banner{ position:relative; z-index:20; height:314px; overflow:hidden;} .channel_banner img{ position:absolute; width:1920px; height:100%; position:absolute; top:0px; left:50%; margin-left:-960px; max-width:none; } .lay_banner{height:408px;position:relative; z-index:20; overflow:hidden;} .lay_banner img{ position:absolute; width:1920px; height:100%; position:absolute; top:0px; left:50%; margin-left:-960px; max-width:none; z-index:1; } .banner_nr{ width:240px; height:180px; padding:0 30px; background:url(../images/white.9.png) repeat 0 0;position:absolute; z-index:2; top:50px; right:50%; margin-right:300px;} .banner_nr ._title{ font-size:30px; color:#0168b7; margin-top:10px; margin-bottom:5px; } .banner_nr ._sum{ font-size:14px; color:#0168b7; } .banner_nr ._sum:after { display:block; content: ''; width:70px; height:3px; background:#0168b7; margin-top:20px; } .nmenu{ background:url(../images/white.a.png) repeat 0 0; position:relative; height:30px; margin-top:-50px; z-index:25; width:100%} .nmenu li{ float:left; line-height:50px; margin-right:1px;} .nmenu li a{ display:block; font-size:16px; color:#000; padding:0 40px;} .nmenu li a:hover,.nmenu li.cur a{ background:#0168b7; color:#fff;font-size:18px; } .nmain{ background:#fff; padding:35px 0 50px;} .channel_lan{ margin-bottom:20px;} .chan_lant{ font-size:26px; font-weight:bold; color:#0168b7; } .posi{ margin-top:15px;} .posi,.posi a{ color:#0168b7;} .posi a:hover{ text-decoration:underline; } .channel_content{ height:auto !important; min-height:200px; min-height:200px;} .nmain-left{ width:17%; float:left;position: sticky;position: -webkit-sticky;top: 0;} .nmain-right{ width:80%; float:right;} .nmenu-sub > ul >li{ margin-bottom:10px;} .nmenu-sub > ul >li >a{ display:block; line-height:30px; background:#ddd;font-size:16px;padding-left:30px; color:#0168b7; padding-top:7px; padding-bottom:7px;overflow:hidden; position:relative;} .nmenu-sub > ul >li >a:hover,.nmenu-sub > ul >li.cur >a{ background:#0168b7; color:#fff; } .nmenu-sub li ul{ display:none; margin-top:5px;} .nmenu-sub li li a{ display:block; line-height:28px; border:1px solid #fff; margin-top:5px; padding-left:30px; font-size:14px; color:#0168b7;} .nmenu-sub li li a:hover,.nmenu-sub li li.cur a{ background:#f6f6f6; border-color:#ccc;} .nmenu-sub li.cur ul{ display:block; } .hk12{ display:none;} .kase_more a{ display:block; width:100px; line-height:28px; padding:0 15px; border:1px solid #0168b7; color:#0168b7; overflow:hidden;color:#0168b7; position:relative; } .kase_more a:hover{background:#0168b7; color:#fff; } .kase_more a em{ position:absolute; top:0px; right:15px;} /*案例*/ .part-list{ width: 70%; float: right; font-size: 14px;} .anli-list li{ background:#f6f6f6; margin-bottom:50px; width:100%; float:left;} .anli-list li ._img{ float:left; width:40%;} .anli-list li ._nr{ width:54%; float:right; margin-right:3%; padding-top:25px; position:relative;} .anli-list li ._title{ font-size:24px; font-weight:bold; margin-bottom:10px; margin-top:5px; } .anli-list li ._sum{ line-height:22px; height:66px; overflow:hidden;} .anli-list li ._tools{ position:absolute; bottom:0px; right:0px; overflow:hidden;} .anli-list li ._tools span{ display:block; float:left; height:20px; margin-left:10px; line-height:20px;} .anli-list li ._tools .ion{ font-size:16px;} .anli-list li ._tools .bdsharebuttonbox a{ display:block; float:none; padding:0; margin:0; background:none; line-height:20px; height:20px;} /*page*/ .page-load{ padding-top:30px; *padding-top:30px;;} .page-load a{ display:block; width:25%; padding:0 15px; overflow:hidden; margin:0 auto; line-height:38px; border:2px solid #0168b7; background:#f5f2ed; font-size:16px; position:relative; } .page-load a .ion{ position:absolute; top:0px; right:15px; } .page-load a:hover{ background:#f59d31;} .page{font-size: 12px; color: #777777; text-align: center; padding-top:30px;} .page a,.page span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin: 0 0 10px -1px;} .page .goprev{margin-right: 10px;} .page .gonext,.page .count {margin-left: 10px;} .page a:hover,.page span{color:#fff; background: #0168b7;} .page span.goprev,.page span.gonext {color: #777777; background: none} .page span.count { border: 0;background: 0;color: #777777;} .paging{font-size: 12px; color: #777777; text-align: center; padding-top:30px;} .paging a,.paging span { color: #777777;display: inline-block;border: 1px solid #ededed;padding: 5px 10px;vertical-align: middle;margin:5px; height:24px; line-height:24px; overflow:hidden; background-color:#fff} .paging .goprev{margin-right: 10px;} .paging .gonext,.paging .count {margin-left: 10px;} .paging a:hover,.paging span{color:#777777; background: #fff;} .paging span.goprev,.paging span.gonext {color: #777777; background: none} .paging span.count { border: 0;background: 0;color: #777777;} /*产品综合*/ .nmain_pro{ background:#fff; padding-bottom:50px; position:relative; z-index:24;} .pro-lay-top{ background:#f6f6f6; padding:40px 5%; } .pl-top-left{ float:left; width:16%; font-size:32px; line-height:42px; color:#000; border-right:1px solid #ccc; } .pl-top-left span{ font-size:48px; line-height:50px; } .pl-top-right{ float:right; width:80%;} .pl-top-right ._text{ font-size:14px; margin-bottom:20px;} .pro-lay-list{ margin-bottom:30px;} .pro-plist{ position:relative; overflow:hidden; } .pro-plist-title{ width:100%; line-height:56px; height:56px; background:url(../images/black.6.png) repeat 0 0; position:absolute; left:0px; bottom:0px; color:#fff; font-size:30px; font-weight:normal; text-indent:30px; overflow:hidden;} .pro-plist-title .ion{ text-indent:0; position:absolute; right:0px; top:0px; color:#f59d31;} .pro-plist-cover{ width:90%; height:100%; background:url(../images/yellow.9.png) repeat 0 0; position:absolute; left:0px; bottom:-100%; padding:0 5%; } .pro-plist-cover ._border{ border:3px solid #0168b7; margin-top:30px; padding:0 5%; } .pro-plist-cover ._title{ font-size:36px; color:#0168b7; font-weight:normal; margin-bottom:15px; margin-top:20px;} .pro-plist-cover ._title a{color:#0168b7;} .pro-plist-cover ._plist{ margin-bottom:50px;} .pro-plist-cover ._plist li{ width:100%; float:left; font-size:18px;color:#0168b7; text-indent:5px; line-height:36px; } .pro-plist-cover ._plist li a{color:#0168b7;} .pro-plist-cover ._plist li a:hover{ text-decoration:underline;} .pro-plist-cover ._more a{ width:170px; font-size:18px;} .pro-plist-01 ._img{ display: block; height: 0; overflow: hidden; padding-bottom: 107%; position: relative; } .pro-plist-01 ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .pro-plist-03 ._img{ display: block; height: 0; overflow: hidden; padding-bottom: 79%; position: relative; } .pro-plist-03 ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .pro-plist-04 ._img{ display: block; height: 0; overflow: hidden; padding-bottom: 92%; position: relative; } .pro-plist-04 ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .pro-plist-02 ._hebg{display: block; height: 0; overflow: hidden; padding-bottom: 64%; position: relative; background:#f59d31;} .pro-plist-02 ._hebg ._img{ margin-top:60px; text-align:center; margin-bottom:10px;} .pro-plist-02 ._hebg ._img img{transition: all ease .1s;} .pro-plist-02 ._hebg ._title{ text-align:center; color:#0168b7; font-size:38px; font-weight:normal;} .pro-plist-02 ._hebg ._sum{ width:67%; margin-left:auto; margin-right:auto; font-size:14px; text-align:center;} .pro-plist-02 ._hebg:hover ._img img{ -webkit-animation: rotation .8s infinite linear; animation: rotation 2s infinite linear;} .pl-anli-left{ float:left; width: 48%;} .pl-anli-right{ float:right; width:50%; } .pl-anli-right ._nr{ width:94%; padding:15px 3%; background:url(../images/yellow.9.png) repeat 0 0; position:absolute; bottom:0px; left:0px;} .pl-anli-right ._border{ border:2px solid #0168b7; padding:10px 5%; } .pl-anli-right ._date{ float:left; width:16%; font-size:18px; color:#0168b7; } .pl-anli-right ._date span{ display:block; font-size:60px; line-height:60px; border-bottom:2px solid #0168b7;} .pl-anli-right ._title,.pl-anli-right ._sum{ width:78%; float:right; color:#0168b7;} .pl-anli-right ._title{ font-size:22px; margin-bottom:5px; font-weight:normal;} .pl-anli-right ._sum{ line-height:22px; height:44px; overflow:hidden;} .pl-al-lant{ font-size:30px; color:#0168b7; margin-bottom:20px; width:100%; float:left;} .pl-al-lant a{color:#0168b7;} .pl-al-list li{ width:100%; float:left; margin-bottom:1px; } .pl-al-list li a{ display:block; padding:20px 5%; background:#f6f6f6;overflow:hidden;} .pl-al-list li ._date{ width:10%; float:left; font-size:12px; color:#0168b7; } .pl-al-list li ._date span{ display:block; font-size:40px; border-bottom:1px solid #0168b7; line-height:40px; padding-bottom:5px; margin-bottom:5px;} .pl-al-list li ._title,.pl-al-list li ._sum{ width:86%; float:right; color:#0168b7;} .pl-al-list li ._title{ font-size:16px; font-weight:normal; color:#000; margin-bottom:3px;} .pl-al-list li ._sum{ line-height:24px; height:24px; word-break:break-all; overflow:hidden;} .pl-al-list li a:hover{ background:#eee;} /*产品列表*/ .pcat-text{ margin-bottom:30px; font-size:14px; } .pcat-list li{ width:100%; float:left; background:#f6f6f6; margin-bottom:50px;} .pcat-list li ._img{ width:50%; float:left; border-right:8px solid #fff; } .pcat-list li ._img a { display: block; height: 0; overflow: hidden; padding-bottom: 46%; position: relative; } .pcat-list li ._img a img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .pcat-list li ._nr{ width:44%; float:right; margin-right:3%; padding-top:30px;} .pcat-list li ._title{ font-size:24px; font-weight:bold; margin-bottom:10px; } .pcat-list li ._sum{ font-size:14px; line-height:22px; max-height:154px; *height:154px; overflow:hidden; margin-bottom:15px;} /*产品详细-列表*/ .pro-list li{ margin-bottom:30px;} .pro-list li ._img { display: block; height: 0; overflow: hidden; padding-bottom: 66%; position: relative; margin-bottom:10px;} .pro-list li ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .pro-list li ._nr{ padding:0px 2px;} .pro-list li ._title{ font-size:18px; font-weight:normal; color:#000; margin-bottom:5px;} .pro-list li ._sum{ line-height:22px; height:66px; overflow:hidden; } /*产品详细-图文*/ .pro-det-main .pdet-img{ float:left; width:45%;} .pro-det-main .pdet-text{ float:right; width:50%; } /*新闻综合*/ .nmain_news_one{ padding:35px 0; background:#fff; position:relative; z-index:24; } .news-lay-dt{ width:56%; float:left; } .news-lay-video{ width:40%; float:right;} .lay-lant{ position:relative; margin-bottom:20px; width:100%; } .lay-lant span{ font-size:30px; color:#000;} .lay-lant ._more{ font-size:14px; color:#0168b7; line-height:22px; position:absolute; right:0px; bottom:10px;} .lay-lant ._more:hover{ font-weight:bold; } .nlay-dt-top{ margin-bottom:15px;} .nlay-dt-top ._img{ float:left; width:53%;} .nlay-dt-top ._img a { display: block; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; } .nlay-dt-top ._img a img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .nlay-dt-top ._nr{ float:right; width:43%;} .nlay-dt-top ._title{ font-size:18px; font-weight:bold; line-height:30px; max-height:60px; *height:60px; overflow:hidden; margin-bottom:15px;} .nlay-dt-top ._sum{ font-size:14px; line-height:24px; max-height:120px; *height:120px; overflow:hidden; margin-bottom:25px;} .nlay-dt-list li{ width:48%; margin-right:2%; float:left; line-height:34px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .nlay-dt-list li .ion{ color:#0168b7;} .nlay-dt-list li a{ color:#666; } .nlay-dt-list li a:hover{ text-decoration:underline; color:#0168b7; } .nlay-video-top{ margin-bottom:20px;} .nlv-top-video ._cover{ width:100%; height:100%; background:url(../images/black.6.png) repeat 0 0; position:absolute; top:0px; left:0px;} .nlv-top-video ._cover ._play{ display:block; width:56px; height:56px; background:url(../images/play_ss.png) no-repeat center; position:absolute; top:50%; left:50%; margin-top:-40px; margin-left:-28px;} .nlv-top-video ._title{ padding:15px 5%; background:#f59d31; color:#fff; font-size:14px; color:#0168b7; width:90%; position:absolute; bottom:0px; left:0px;} .nlv-top-video ._title span{ display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .nlv-top-video{ float:left; width:73%;} .nlv-top-vlist{ float:right; width:24%;} .nlv-top-vlist li{ margin-bottom:8px;} .nlv-top-vlist a { display: block; height: 0; overflow: hidden; padding-bottom: 71%; position: relative; } .nlv-top-vlist a img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .nlay-video-list li{ border:1px solid #ccc; position:relative; margin-top:-1px; line-height:40px; position:relative; font-size:14px;} .nlay-video-list li a{ display:block; width:80%; padding-left:5%;color:#666;white-space:nowrap;text-overflow:ellipsis;overflow:hidden; } .nlay-video-list li .ion{ position:absolute; right:15px; top:0px; font-size:18px;} .nlay-video-list li a:hover{ text-decoration:underline; color:#0168b7; } .nmain_news_two{ height:585px; background:url(../images/nlay_bg.jpg) no-repeat center top; padding-top:30px; } .nmain_news_two .lay-lant{ float:left;} .news-lay-mtleft{ width:60%; float:left; } .nlay-mtlist{ padding:40px 7%; background:#0168b7; } .nlay-mtlist ul{ margin-bottom:40px; } .nlay-mtlist li{ line-height:50px; border-bottom:1px dotted #fff; font-size:14px; } .nlay-mtlist li a{ display:block; color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .nlay-mtlist li ._date{ padding-right:70px;} .nlay-mtlist li a:hover{ text-decoration:underline; } .nlay-mtlist ._more a{ border:2px solid #fff; color:#fff;} .nlay-mtlist ._more a:hover{ background:#f59d31; color:#0168b7; } .news-lay-mtright{ width:37%; float:right;} .nlay-mtlink{ margin-bottom:16px;} .nlay-mtlink a._img { display: block; height: 0; overflow: hidden; padding-bottom: 44%; position: relative; } .nlay-mtlink a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .nlay-mtlink ._cover{ width:90%; height:100%; background:url(../images/black.6.png) repeat; position:absolute; top:0px; left:0px; padding:0 5%;} .nlay-mtlink ._title{ width:100%; border:1px solid #ddd; color:#fff; font-size:30px; font-weight:bold; display: block; height: 0; overflow: hidden; padding-bottom: 40%; position: relative; margin-top:4%; } .nlay-mtlink ._title span{ display:inline-block; border-bottom:1px solid #ccc; line-height:55px; position:absolute; top:50%; margin-top:-28px; left:30px;} /*新闻列表*/ .news-left{ width:68%; float:right;font-size:14px;} .news-right{ width:27%; float:left;position: sticky; position: -webkit-sticky; top: 0;} .news-top{ border:1px solid #ccc; margin-bottom:25px;} .news-top ._img{ width:54%; float:left;} .news-top ._img a { display: block; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; } .news-top ._img a img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .news-top ._nr{ width:38%; float:right; margin-right:4%; padding-top:30px;} .news-top ._title{ font-size:20px; font-weight:bold; margin-bottom:5px;} .news-top ._sum{ font-size:14px; line-height:24px; height:120px; overflow:hidden; margin-bottom:20px;} .news-list li{ width:100%; float:left; padding-bottom:20px; margin-bottom:20px;} .news-list li ._date{ width:60px; float:left; border:1px solid #ccc; margin-top:10px; } .news-list li ._date span{ display:block; text-align:center; font-size:12px;} .news-list li ._date ._d1{ line-height:44px; background:#ccc; color:#fff; font-size:26px; font-weight:bold;} .news-list li ._date ._d2{ color:#ccc;} .news-list li ._nr{ width:89%; float:right; font-size:14px;} .news-list li ._title{ font-size:16px; font-weight:normal; margin-bottom:5px;} .news-list li ._sum{ line-height:22px; height:44px; overflow:hidden; color:#565656; margin-bottom:5px;font-size:14px;} .news-list li ._more{ color:#999; } .news-list li a:hover ._date{ border-color:#0168b7;} .news-list li a:hover ._date ._d1{ background:#0168b7; color:#fff;} .news-list li a:hover ._date ._d2{ color:#0168b7; } .news-rbox{ border:1px solid #ccc; background:#f6f6f6; padding:25px 35px;} .news-rbox-lant{ font-size:20px; margin-bottom:15px;} .news-rbox-search{ margin-bottom:20px;} .news-rsearch .news-sele{ width:100%; float:left; height:32px; line-height:32px; border-color:#f6f6f6; border-radius:0; margin-bottom:14px; text-indent:10px;} .news-rsearch .select-ui-choose-default ._arrow{ width:36px; background:#0168b7; } .news-rsearch .select-ui-choose ._arrow .arr{ left:50%; margin-left:-5px; border-top-color:#fff;} .news-rsearch .select-ui-choose-default.on ._arrow .arr{ border-bottom-color:#fff;} .news-rsearch .select-ui-choose-default-bottom.on{ border-color:#ccc;} .news-rsearch ._nse-inp{ width:100%; height:30px; line-height:30px; background:#fff; border:1px solid #ccc; padding:0; margin:0; text-indent:20px; margin-bottom:20px; float:left;} .news-rsearch ._nse-btn{ width:100%; font-size:18px; height:34px; background:#0168b7; color:#fff; border:none; cursor:pointer; float:left;} .news-rsearch ._nse-btn:hover{ background:#f59d31; color:#0168b7;} .news-rbox-video{ margin-bottom:10px;} .news-rvideo ._play{ display:block; width:69px; height:71px; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px; background:url(../images/play.png) no-repeat 0 0;} .news-rlink li{ border:1px solid #ccc; font-size:16px; margin-bottom:10px;} .news-rlink li a{ display:block;padding:0 30px; background:#f6f6f6; line-height:38px; height:38px;overflow:hidden; position:relative; } .news-rlink li .ion{ position:absolute; top:0px; right:20px; font-size:20px;} .nmenu-sub li .ion{ position:absolute; top:8px; left:0px; font-size:20px;} .news-rlink li a:hover{background:#0168b7; color:#fff;} /*视频*/ .video-top-img{ float:left; width:45%; } .video-top-nr{ float:right; width:45%; margin-right:5%;} .video-top-img ._play{display:block; width:69px; height:71px; position:absolute; top:50%; left:50%; margin-top:-35px; margin-left:-35px; background:url(../images/play.png) no-repeat 0 0;} .video-top-nr ._title{ font-size:28px; font-weight:normal; line-height:40px; margin-bottom:20px; margin-top:10px; } .video-top-nr ._sum{ font-size:14px; line-height:26px; margin-bottom:30px; height:182px; overflow:hidden; } .video-top-nr ._date{ display:block; margin-bottom:20px;} .video-top-nr ._tools{ font-size:14px;} .video-top-nr ._tools span{ display:block; float:left; height:20px; margin-right:20px; line-height:20px;} .video-top-nr ._tools .ion{ font-size:18px; } .video-top-nr ._tools .bdsharebuttonbox a{ display:block; float:none; padding:0; margin:0; background:none; line-height:20px; height:20px; font-size:14px;} .video-mainbg{ background:#f6f6f6; padding:35px 0;} .video-list li { margin-bottom:20px;} .video-list ul li:hover { background:#0168b7} .video-list li ._pd{ padding:15px; background:#f6f6f6;} .video-list li ._img{ margin-bottom:15px;} .video-list li ._cover{ width:100%; height:100%; position:absolute; top:0px; left:0px; background:url(../images/black.6.png) repeat; } .video-list li ._cover ._play{ display:block; width:50px; height:50px; background:url(../images/play_s.png) no-repeat center; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px;} .video-list li ._title{ font-size:14px; font-weight:normal; margin-bottom:5px;} .video-list li ._tools span{ margin-right:20px;} .video-list li ._tools .ion{ margin-left:0; font-size:16px;} .video-list li.hover ._pd{ background:#f59d31; color:#0168b7; } .video-list li.hover ._title a{color:#0168b7; } .video-list li.hover ._tools {color:#0168b7; } .video-nr{ height:510px; margin-top:20px;} /*下载*/ .nmain_gery{ background:#f6f6f6;} .down-main{ background:#fff;} .down-menu{ background:#ccc; position:relative; z-index:10;} .down-menu li{ float:left; width:33.33%; *width:33%; font-size:24px; color:#fff; text-align:center; position:relative; } .down-menu li a{ color:#0168b7; display:block; line-height:52px; height:52px; padding:10px 0 14px;} .down-menu li .down-ico{ display:inline-block; width:54px; height:52px; background-image:url(../images/down_ico.png); background-repeat:no-repeat; vertical-align:middle; margin-right:20px;} .down-menu li .down-ico-01{ background-position:0px 0px; } .down-menu li .down-ico-02{ background-position:-64px 0px; } .down-menu li .down-ico-03{ background-position:-127px 0px; } .down-menu li.cur a{ background:#0168b7; color:#fff;} .down-menu li.cur ._jt{ display:block; width:0; height:0; border-style:solid; border-width:10px; border-color:#0168b7 transparent transparent transparent; position:absolute; bottom:-20px; left:50%; margin-left:-10px;} .down-menu li.cur .down-ico-01{ background-position:0px -62px; } .down-menu li.cur .down-ico-02{ background-position:-64px -62px; } .down-menu li.cur .down-ico-03{ background-position:-127px -62px; } .down-center{ position:relative; z-index:5;} .down-img{ width:33.33%; *width:33%; float:left; position:relative;} .down-right{ width:66.67%; *width:66%; float:right;} .down-img a._img { display: block; height: 0; overflow: hidden; padding-bottom: 123%; position: relative; } .down-img a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .down-img ._title{ width:99.9%; font-size:20px; line-height:60px; background:url(../images/black.6.png) repeat; position:absolute; bottom:0px; left:0px; color:#fff;} .down-img ._title span{ display:block; width:80%; padding-left:5%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .down-img ._downbtn{ display:block; font-size:26px; color:#fff; position:absolute; bottom:0px; right:0px; line-height:60px;} .down-lant{ font-size:20px; font-weight:bold; border-bottom:1px solid #ccc; color:#000; padding:30px 30px 20px; margin-bottom:30px; } .down-list{ padding:0 30px;} .down-list li{ line-height:40px; font-size:14px; border-bottom:1px dotted #ccc; overflow:hidden; } .down-list li a{ display:block; } .down-list li ._title{ float:left; width:60%; } .down-list li ._downbtn{ float:right; margin-right:10%;} .down-list li ._viewbtn{ float:right;} .down-list li ._title:hover{ font-weight:bold; } .down-list li.hover a{ color:#0168b7; } .down-list li.hover ._title{ font-weight:bold;} /*招投标*/ .cjkh-box{ background:#f59d31; padding:25px 35px; } .cjkh-lant{ font-size:24px; font-weight:bold; color:#0168b7; margin-bottom:10px; } .cjkh-list li{ padding-left:20px; position:relative; margin-bottom:10px; } .cjkh-list li ._jt{ position:absolute; top:0px; left:0px;} .cjkh-list li ._jt .ion{ margin:0;} .cjkh-list li ._title{color:#0168b7;} .cjkh-list li ._date{color:#0168b7; font-size:12px;} .toubiao-list li{ width:100%; float:left; border:1px solid #ccc; margin-bottom:15px; } .toubiao-list li a{ display:block; padding:10px 25px; position:relative;} .toubiao-list li ._title{ font-size:14px; font-weight:normal; line-height:24px;} .toubiao-list li ._jh{ position:absolute; width:20px; height:20px; line-height:20px; font-size:20px; top:50%; margin-top:-10px; right:30px; color:#d3d3d3; } .toubiao-list li a:hover{ background:#f6f6f6; } .toubiao-list li a:hover ._title{ font-weight:bold; color:#0168b7; } .toubiao-list li a:hover ._jh{color:#0168b7;} /*图片列表*/ .pic-list li { margin-bottom:20px; } .pic-list li a._img { display: block; height: 0; overflow: hidden; padding-bottom: 66%; position: relative; } .pic-list li a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .pic-list li ._border{ border:1px solid #ccc;} .pic-list li ._title{ line-height:50px; border-top:1px solid #ccc; font-size:14px; font-weight:normal; text-indent:10px; } .pic-list li ._cover{ display:none; width:100%; height:100%; background:url(../images/black.6.png) repeat; position:absolute; top:0px; left:0px;} .pic-list li ._cover ._fdj{ display:block; width:58px; height:58px;position:absolute; top:50%; left:50%; margin-top:-29px; margin-left:-29px; } /*三级内容页*/ .channel-left{ float:left; width:68%;} .channel-right{ float:right; width:25%;} .chan-sublant{ font-size:24px; color:#0168b7; margin-bottom:10px; } .chanr-link{ background:#f6f6f6; padding:10px 20px 20px;} .chr-quick-link{ margin-bottom:15px;} .chr-quick-link a._img { display: block; height: 0; overflow: hidden; padding-bottom: 45%; position: relative; } .chr-quick-link a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .chr-quick-link ._cover{ background:url(../images/black.6.png) repeat; background:rgba(0,0,0,.5); display:block; position:absolute; bottom:0; left:0; width:100%; height:32px; line-height:32px; text-indent:15px; color:#fff; font-size:16px;} .chr-quick-link ._cover ._title{ } .chr-quick-link ._cover ._line{ display:none; width:0; height:100%; vertical-align:middle;} .chr-qlink-list li{ float:left; width:45%; margin-right:5%; margin-top:10px; position:relative; } .chr-qlink-list li a{ display:block; height:26px; line-height:26px; border:1px solid #ccc; text-indent:20px; } .chr-qlink-list li a:hover{ background:#0168b7; border-color:#0168b7; color:#fff;} .chr-qlink-list li .ion{ position:absolute; top:2px; right:5px; text-indent:0;} /*新闻详细页*/ .widget-newsdetail-2 ._head { border-bottom: 1px dotted #cccccc; } .widget-newsdetail-2 ._head ._title { font-size: 30px; font-weight:normal; color:#000;} .widget-newsdetail-2 ._tools { padding: 10px 0; color: #999999;} .widget-newsdetail-2 .ion { font-size: 16px; font-weight: normal;} .widget-newsdetail-2 ._tools ._tool{margin:0 4px;display: inline-block; vertical-align: middle;} .widget-newsdetail-2 ._tools ._b2l .ion { color: #0e90d2;} .widget-newsdetail-2 .myart { padding: 20px 0;} .widget-newsdetail-2 .myart iframe{width:100%;height:500px} .widget-newsdetail-2 ._detailPage_bottom li {line-height: 30px; overflow: hidden; height: 30px; padding: 0 10px; } .widget-newsdetail-2 ._detailPage_bottom ._mark {float: left; margin-right: 10px; } .widget-newsdetail-2 ._detailPage_bottom ._title {font-size: 14px; float: left; width: 68%;} .widget-newsdetail-2 ._detailPage_bottom ._title:hover { color: #0e90d2;} .widget-newsdetail-2 ._detailPage_bottom ._time { float: right; color:#0168b7; } .widget-newsdetail-2 ._detailtools{ border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; padding:12px 0; margin-bottom:20px; margin-top:20px; } .widget-newsdetail-2 ._detailtools span{ display:block; line-height:22px; height:22px; margin-left:20px;} .widget-newsdetail-2 ._detailtools .bdsharebuttonbox{ float:left; margin-left:10px;} .widget-newsdetail-2 ._detailtools .bdsharebuttonbox .bds_more { float: none; padding:0; background: none; line-height:22px; height:22px; } .widget-newsdetail-2 ._detailtools ._dayin{ float:right;} .widget-newsdetail-2 ._detailtools ._fanhui{ float:right;} ._detailPage_bottom2{ border:1px #CCCCCC solid; padding:20px} ._detailPage_bottom2 ._mark { padding-bottom:8px; font-size:18px; font-weight:bold;} ._detailPage_bottom2 li { padding:0 0px 0 13px; position:relative; line-height:28px;} ._detailPage_bottom2 li:after { content:''; position:absolute; top:50%; margin-top:-4px; left:0px; width:0; height:0; overflow:hidden; border-width:4px; border-color:transparent transparent transparent #9a9a9a; border-style:dashed dashed dashed solid; } ._detailPage_bottom2 li:hover:after { border-color:transparent transparent transparent #572b22; } ._detailPage_bottom2 li ._title,._detailPage_bottom2 ._date { color:#000; } ._detailPage_bottom2 li:hover ._title,._detailPage_bottom2 li:hover ._date { color:#572b22; } ._detailPage_bottom2 li ._title { font-size:13px; font-weight:normal; height:28px; line-height:28px; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} ._detailPage_bottom2 ._date { position:absolute; right:0; top:0;} /*新闻详细2*/ .widget-newsdetail-6 ._head ._title { font-size: 30px; font-weight:normal; color:#000;} .widget-newsdetail-6 ._tools { padding: 10px 0; color: #999999;} .widget-newsdetail-6 .ion { font-size: 16px; font-weight: normal;} .widget-newsdetail-6 ._tools ._tool{margin:0 4px;display: inline-block; vertical-align: middle;} .widget-newsdetail-6 .news-det-scbg{ background:#f5f5f5; padding:35px 25px;} .widget-newsdetail-6 .news-det-scroll{position:relative;overflow:hidden;height:600px;} .widget-newsdetail-6 .ndet-content-01{ padding-bottom:20px;} .widget-newsdetail-6 .ndet-content-02{ padding-bottom:20px;} .widget-newsdetail-6 .ndet-content-01 ._img{ width:50%; float:left; margin-right:3%; } .widget-newsdetail-6 .ndet-content-01 ._img ._title{ width:100%; font-size:14px; text-align:center; color:#fff; line-height:45px; background:url(../images/black.6.png) repeat 0 0; position:absolute; bottom:0px; left:0px; font-weight:normal;} .widget-newsdetail-6 .ndet-content-02 ._img{ width:50%; float:left; margin-right:3%; } .widget-newsdetail-6 .ndet-content-02 ._img ._title{ width:100%; font-size:14px; text-align:center; color:#fff; line-height:22px; background:url(../images/black.6.png) repeat 0 0; position:absolute; bottom:0px; left:0px; font-weight:normal; padding:10px 0;} .widget-newsdetail-6 .news-det-scroll .scroll_cont{ padding-right:20px;} .ndet-fanhui{ margin-bottom:40px;} .ndet-fanhui a{ display:block; line-height:50px; border:1px solid #0168b7; color:#0168b7; text-indent:20px; font-size:20px; position:relative; } .ndet-fanhui .ion{ position:absolute; top:0px; right:10px; font-size:24px;} .ndet-fanhui a:hover{ background:#0168b7; color:#fff;} .ndet-othernews li{ margin-bottom:20px;} .ndet-othernews li ._newsoth{ margin-bottom:5px;} .ndet-othernews li ._newsoth a{ display:inline-block; font-size:18px; font-weight:bold; background:#fff; padding-right:5px;} .ndet-othernews li ._date{ color:#999;} .ndet-othernews li ._title{ font-size:18px; line-height:30px; max-height:60px; overflow:hidden;} .hot-news{ margin-top:135px;} .hot-news-lant{ font-size:18px; font-weight:bold; color:#0168b7; margin-bottom:10px; } .hot-news-list li{ overflow:hidden; line-height:30px;} .hot-news-list li ._title{ display:block; float:left; width:70%; } .hot-news-list li ._title:hover{ text-decoration:underline;} .hot-news-list li ._title .ion{ margin:0;} .hot-news-list li ._date{ display:block; width:25%; float:right;} /*报纸详细*/ .baozhi-left{ float:left; width:34%;} .baozhi-right{ float:right; width:60%; } .bzdet-img{border:1px solid #ccc; margin-bottom:25px; } .bzdet-img ._img { display: block; height: 0; overflow: hidden; padding-bottom:30%; position: relative; } .bzdet-img ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .bzdet-num{ line-height:34px; font-size:24px; font-weight:bold; color:#000; text-indent:20px; background:#f6f6f6; margin-bottom:10px;} .bzdet-tab{} .bzdet-tab .tab_c{ padding:20px; background:#f6f6f6;} .bztab-key{border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;} .bztab-key li{ line-height:44px; float:left; width:25%; text-align:center; position:relative; left:auto; top:auto; font-size:14px; color:#000; } .bztab-key li.tab_t_cur{ background:#0168b7; color:#fff; } .bztab-tabc-t{ font-size:18px; font-weight:bold; color:#000; margin-bottom:10px; } .bztab-tabc-list li{ font-size:14px; line-height:26px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .bztab-tabc-list li a:hover{ text-decoration:underline;} /*成员公司*/ .widget-qa-3 { } .widget-qa-3-title { position: relative; height: 44px; line-height: 44px; overflow: hidden; cursor: pointer; border:1px solid #ccc; margin-bottom:10px;} .widget-qa-3-title ._title{ font-size:16px; padding-left:25px; color:#0168b7; } .widget-qa-3-title .ion { position:absolute; top:0px; right:0px; font-size:20px; color:#ccc; font-weight:bold; } .widget-qa-3-title._icoActive{ background:#f6f6f6; color:#0168b7; font-weight:bold; } .widget-qa-3-title._icoActive .ion{ color:#0168b7; } .widget-qa-3-content { padding:20px 25px 35px; display: none; } .widget-qa-3-content ._qaIntro { text-align: left;} .widget-qa-3-content ._qaIntro img{ float:left; margin-right:30px; margin-bottom:10px;} .widget-qa-3-content ._qaIntro ._comtitle{ font-size:18px; color:#000; font-weight:bold; margin-bottom:10px;} /*合作伙伴*/ .hzhb_list li { margin-bottom:20px;} .hzhb_list li ._img{ border:1px solid #ccc;} .hzhb_list li ._title{ font-size:12px; line-height:20px; height:40px; overflow:hidden; margin-top:5px; text-align:center; } .hzhb_list li.last ._img{ background:#fff;} .hzhb_list li.first ._img{ border:none;} .hzhb_list li.first ._nr { height:100px;} .hzhb_list li.first ._nr ._lantitle{ font-size:18px; display:inline-block; vertical-align:middle; height:auto; line-height:1.6;text-align: center;width: 100%; *margin-top:25px;} .hzhb_list li.first ._nr ._line{ display:inline-block; width:0; height:100%; vertical-align:middle;.chr-quick-link ._cover{ background:url(../images/black.6.png) repeat; background:rgba(0,0,0,.5); display:block; position:absolute; top:0; left:0; width:100%; height:100%;} .chr-quick-link ._cover ._title{ color:#fff; font-size:18px; display:inline-block; vertical-align:middle; height:auto; line-height:1.6;text-align: center;width: 100%; *margin-top:25px;} .chr-quick-link ._cover ._line{ display:inline-block; width:0; height:100%; vertical-align:middle;}} /*job*/ .ypin_xuzhi{ margin-bottom:10px;} .ypin_xuzhi dl{padding-left: 20px;position: relative;margin-bottom: 5px;} .ypin_xuzhi dl ._jt{ position:absolute; top:0px; left:0px;} .ypin_xuzhi dl ._jt .ion{ margin:0;} .ypin_xuzhi dl:hover ._jt{ color:#f59d31;} .job_search{ background:#f6f6f6; padding:10px 20px; margin-bottom:30px; } .job_search label{ display:block; float:left; width:4em; line-height:30px; font-size:14px; margin-right:20px;} .job_search .job-sele{ display:block; float:left; width:25%; height:28px; line-height:28px; border:1px solid #ccc; border-radius:0; margin-right:20px;} .job_search .job-inp{ width:25%; float:left; display:block; height:28px; line-height:28px; border:1px solid #ccc; padding:0; text-indent:10px;} .job_search .job-btn{ display:block; float:left; width:30px; height:30px; line-height:30px; border:1px solid #ccc; border-left:none;} .JobList-J2 ._jt { background: #f6f6f6; height: 34px; line-height: 34px; margin-top: 10px; overflow: hidden; *zoom:1; cursor: pointer; } .JobList-J2 ._jt ._title {font-size:14px; text-indent:20px; font-weight:normal; float:left; margin-right:20px;} .JobList-J2 ._jt ._jbt2{ float:left;} .JobList-J2 ._jt._jt_act{ background:#f59d31; } .JobList-J2 ._jc { display: none } .JobList-J2 ._jcon ._hd{ padding:20px; border-bottom:1px solid #e4e4e4; line-height:30px;} .JobList-J2 ._jcon ._hd span{ padding-right:55px; display:inline-block; min-width:2em;} .JobList-J2 ._jcon ._bd{padding:20px;} .JobList-J2 ._jcon ._bd strong{ position:absolute; left:0; top:0;} .JobList-J2 ._jcon ._bd ._p{ position:relative; padding-left:65px; min-height:25px;} .JobList-J2 ._jcon ._bd ._btn{ display:block; width:90px; height:35px; margin-top:20px; line-height:35px; border:1px solid #0168b7; color:#0168b7; text-align:center;} .JobList-J2 ._jcon ._bd ._btn:hover{ background-color:#0168b7; color:#fff;} /*联系我们*/ .nmain_con_gery{ padding:35px 0; background:#f6f6f6;} .nmain_con_fff{ padding:35px 0; background:#fff;} .con-map{ width:49%; float:left; height:400px; border:1px solid #ccc; } .con-map img{ max-width:none;} .con-coninfo{ width:50%; float:left; height:400px; border:1px solid #0168b7; background:#0168b7 url(../images/con_bg.png) ; } .con-coninfo ._pd{ padding:50px 9%;} .con-coninfo .coninfo-t1{ font-size:16px; color:#fff; line-height:220%; } .con-coninfo .coninfo-t2 a{color:#0168b7;} .con-coninfo .coninfo-s1{ font-size:16px; color:#0168b7;} .con-coninfo input{ background-color:transparent ; height:18px; width:100%; border-top:0px ; border-left:0px ; border-right:0px ; border-bottom-color:#ccc; border-bottom-width:1px; border-bottom-style:solid ; color:#FFFFFF } .con-row-fff{ background:#fff;} .con-message{ float:left; width:50%; } .con-network{ float:left; width:50%; padding:20px 0 0px;} .con-message ._border{border:1px solid #ccc; padding:20px 30px; height:480px; } .con-lant{ font-size:24px; font-weight:bold; color:#000; margin-bottom:20px;} .con-network .con-lant{ padding-left:30px;} .NeteorkList-N1{} .NeteorkList-N1 ._jt { height: 40px; line-height: 40px; overflow: hidden; *zoom:1;cursor: pointer; border-bottom:1px solid #ccc; font-size:18px; border-top:1px solid #ccc; position:relative; margin-top:-1px; } .NeteorkList-N1 ._jt span{ display:block; width:90%; text-indent:30px;} .NeteorkList-N1 ._jc { display: none } .NeteorkList-N1 ._jcon{ font-size:14px; padding:10px 30px;} .NeteorkList-N1 ._jt_act span{ background:#f59d31; color:#0168b7;} .Form-F4 .Form-F4-li { padding-top: 10px; } .Form-F4 .Form-F4-li label { width: 5em; display: inline-block; vertical-align: middle; } .Form-F4 .Form-F4-li input { height: 30px; line-height: 30px; border: 1px solid #ccc; width: 50%; } .Form-F4 .Form-F4-li textarea { border: 1px solid #ccc; width: 70% ; padding:0; outline:none; height:160px;} .Form-F4 .Form-F4-li em { color: #dd514c; vertical-align: middle; } .Form-F4 .Form-F4-li input._yzm { width: 20% ;} .Form-F4 .Form-F4-li img { vertical-align: middle; cursor: pointer; height:32px; margin-left:10px;} .Form-F4 .Form-F4-li b { padding-left: 5px; } .Form-F4 .Form-F4-Btn { padding: 30px 0 0 5em; } .Form-F4 .Form-F4-Btn button { display: inline-block; line-height: 30px; padding: 0 30px; background: #d1d1d1; cursor: pointer; border:none; margin:0;} .Form-F4 .Form-F4-Btn ._submit { background: #0168b7; margin-right: 10px; color:#fff;} .Form-F4 .Form-F4-Btn ._submit:hover { opacity:0.8;} .Form-F4 .Form-F4-Btn ._reset:hover { opacity:0.8; } .cygs-list li{ margin-bottom:0px;} .cygs-list li ._img{ float:left; width:50%; margin-right:4%; } .cygs-list li ._nr{ width:80%; float:left;} .cygs-list li ._title{ font-size:18px; font-weight:bold; margin-bottom:5px; margin-top:5px;} .cygs-list li:hover{ } /*公司介绍*/ .abuot-img{ overflow:hidden; margin-top:20px;} .abuot-img ul{ width:101%;} .abuot-img li{ float:left; margin-right:1%; margin-bottom:1%;} .abuot-img li ._img{ display: block; height: 0; overflow: hidden; position: relative; } .abuot-img li ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .abuot-img .ab-img-li-01{ width:79%;} .abuot-img .ab-img-li-01 ._pdbg{ display: block; height: 0; overflow: hidden; position: relative; padding-bottom: 26%; background:#f59d31; } .abuot-img .ab-img-li-01 ._border{ width:96%; margin:0 auto;display: block; height: 0; overflow: hidden; position: relative; padding-bottom: 22%; border:1px solid #0168b7; margin-top:2%; } .abuot-img .ab-img-li-01 dl{ float:left; width:33%; text-align:center; margin-top:40px; color:#0168b7;} .abuot-img .ab-img-li-01 dl dt{ font-size:26px; line-height:50px; height:50px; overflow:hidden; margin-bottom:10px;} .abuot-img .ab-img-li-01 dl dt span{ font-size:60px; font-weight:bold; font-family:arial; padding-right:5px;} .abuot-img .ab-img-li-01 dl dd{ font-size:16px; } .abuot-img .ab-img-li-01 .ab_num-list{ width:90%; height:90%; position:absolute; top:50%; left:50%; } .abuot-img .ab-img-li-02{ width:19%;} .abuot-img .ab-img-li-02 ._img { padding-bottom: 108%; } .abuot-img .ab-img-li-03{ width:39%;} .abuot-img .ab-img-li-03 ._img { padding-bottom: 60%; } .abuot-img .ab-img-li-04{ width:39%; } .abuot-img .ab-img-li-04 ._img { padding-bottom: 60%;} .abuot-img .ab-img-li-05{ width:19%; } .abuot-img .ab-img-li-05 ._img { padding-bottom: 123%; } /*job*/ .nmain_job{ height:1080px; } .job-text{ text-align:center; color:#fff; margin-top:70px; margin-bottom:40px; } .job-text ._jtt1{ font-size:36px;} .job-text ._jtt2{ font-size:17px;} .job-text ._jtt3{ font-size:20px;} .job-tabkey{ max-width:930px; margin:0 auto; overflow:hidden; } .job-tabkey ul{ width:105%;} .job-tabkey li{ float:left; width:210px; margin-right:30px;text-align:center; padding-bottom:40px; position:relative; top:auto; left:auto; } .job-tabkey li a{ display:block; height:210px;background:#0168b7; } .job-tabkey li ._jbico{ display:inline-block; width:102px; height:102px; margin-top:25px; margin-bottom:10px; -moz-transition: all .4s ease 0s;-ms-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;} .job-tabkey li ._title{ font-size:24px; color:#fff; } .job-tabkey li.jobtk_01 a{} .job-tabkey li.jobtk_02 a{ background:#f24d1f; } .job-tabkey li.jobtk_03 a{ background:#f59d31; } .job-tabkey li.jobtk_04 a{ background:#ce9d6b; } .job-tabkey li.jobtk_01 ._jbico{ background-position:0px center;} .job-tabkey li.jobtk_02 ._jbico{ background-position:-112px center;} .job-tabkey li.jobtk_03 ._jbico{ background-position:-224px center;} .job-tabkey li.jobtk_04 ._jbico{ background-position:-343px center;} .job-tabnr{ padding:50px 60px; height:auto !important; height:340px; min-height:340px;} .job-tabnr-width{ width:650px; height: auto !important; height: 320px; min-height: 320px;} .job-tabkey li a:hover ._jbico{transform: scale(.9);-moz-transform: scale(.9);-webkit-transform: scale(.9);} .job-tabkey li a:hover { opacity:0.9;} /*招聘表单*/ .Form-F1 .Form-F1-Left { float: left; width: 50%; } .Form-F1 .Form-F1-right { float: right; width: 50%; } .Form-F1 .Form-F1-li { padding-top: 10px; } .Form-F1 .Form-F1-li label { display: inline-block; width: 5em; vertical-align: middle; } .Form-F1 .Form-F1-li input { height: 30px; line-height: 30px; border: 1px solid #ccc; width: 70%; } .Form-F1 .Form-F1-li textarea { border: 1px solid #ccc; width: 70%; height: 10em; padding:0; outline:none; } .Form-F1 .Form-F1-li select { border: 1px solid #ccc; width: 70%; height: 30px; line-height: 30px; } .Form-F1 .Form-F1-li em { color: #dd514c; vertical-align: middle; padding-left: 10px; } .Form-F1 .Form-F1-li input._yzm { width: 20%; } .Form-F1 .Form-F1-li img { vertical-align: middle; padding-left: 10px; cursor: pointer; height:26px; } .Form-F1 .Form-F1-li b { padding-left: 5px; } .Form-F1 .Form-F1-Btn { text-align: center; padding-top: 30px; clear: both; } .Form-F1 .Form-F1-Btn button { display: inline-block; line-height: 26px; padding: 0 30px; background: #d1d1d1; cursor: pointer; border:none; } .Form-F1 .Form-F1-Btn ._submit { background: #0168b7; margin-right: 10px; color:#fff; } .Form-F1 .Form-F1-Btn button:hover { opacity:.8; } /*社会责任*/ .social-text{ font-size:14px; margin-bottom:20px;} .social-tab{ padding-top:318px; display:none; } .social-tkey{ width:32%; padding-bottom:30px;} .social-tkey ._title{ line-height:60px; width:100%; position:absolute; bottom:0px; left:0px; background:url(../images/black.6.png) repeat 0 0; color:#fff; font-size:24px; font-weight:bold; text-indent:30px;} .social-tkey a:hover ._title{ background:url(../images/yellow.8.png) repeat 0 0; color:#0168b7; } .social-nr{ background:#f6f6f6; padding:40px;} .social-sum{ margin-bottom:20px; } .social-imglist{ width:101%;} .soc-img-left{ float:left; width:46%; margin-right:1%;} .soc-img-left dl.soc-img-01 ._img{ display: block; height: 0; overflow: hidden; padding-bottom: 64%; position: relative; } .soc-img-left dl.soc-img-01 ._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .soc-img-right{ float:left; width:53%;} .soc-img-right dl{ width:48%; margin-right:2%; float:left; margin-bottom:2%;} .soc-img-right dl ._img{ display: block; height: 0; overflow: hidden; position: relative; padding-bottom:56%;} .soc-img-right dl ._img img{height: auto; left: 0; position: absolute; top: 0; width: 100%;} /*配件*/ .part-list li{ margin-bottom:20px;} .part-list li ._nr{ background:#f6f6f6; padding:15px;} .part-list li ._title{ font-size:16px; font-weight:normal;height:30px;overflow:hidden;white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;} .part-list li ._sum{ line-height:30px; height:30px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis;} .part-list li ._sum p{display: block;;height:30px;overflow:hidden; white-space: nowrap !important; text-overflow: ellipsis; -o-text-overflow:ellipsis;} .part-list li.hover ._nr{ background:#f59d31;} .part-list li.hover ._title a{ color:#0168b7; } .part-list li.hover ._sum{ color:#0168b7; } .partdet-img{ width:45%; margin-right:3%; float:left;} /*科研*/ .keyan-main-01{ width:101%; margin-bottom:35px;} .keyan-gk{ float:left; width:32%; margin-right:1%;} .keyan-sl{ float:left; width:66%; margin-right:1%;} .keyan-gk a._img { display: block; height: 0; overflow: hidden; padding-bottom: 70%; position: relative; } .keyan-gk a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .keyan-gk ._title{ width:100%; line-height:54px; position:absolute; bottom:0px; left:0px; text-indent:20px;} .keyan-gk ._nr{ padding:15px 15px 0; } .keyan-gk ._sum{ line-height:22px; height:66px; overflow:hidden; margin-bottom:20px;} .keyan-gk ._more a{ color:#0168b7; font-size:14px;} .keyan-gk ._more a:hover{ font-weight:bold; } .keyan-sl-top{display: block; height: 0; overflow: hidden; padding-bottom: 34%; position: relative; background:#0168b7; margin-bottom:1%;} .keyan-sl-top ._pd{ padding:60px 40px 0; color:#fff; } .keyan-sl-top .kysl-tlant{ font-size:30px; width:60px; float:left; line-height:40px; border:2px solid #fff; padding:10px 20px; margin-right:30px; margin-top:10px;} .keyan-sl-top ._title{ font-size:30px;} .keyan-sl-top ._title a{ color:#fff; } .keyan-sl-top ._sum{ font-size:14px; line-height:24px; height:72px; overflow:hidden; } .keyan-sl-imglist{ width:101%;} .keyan-sl-imglist li{ float:left; width:32.33%; *width:32%; margin-right:1%;} .keyan-sl-imglist li a._img { display: block; height: 0; overflow: hidden; padding-bottom: 61%; position: relative; } .keyan-sl-imglist li a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .keyan-sl-imglist li ._cover{ display:none; width:100%; height:100%; background:url(../images/black.6.png) repeat 0 0; position:absolute; top:0px; left:0px; text-align:center;} .keyan-sl-imglist li ._cover ._title{ color:#fff; font-size:20px; display:inline-block; vertical-align:middle; height:auto; text-align: center; *margin-top:60px; border-bottom:1px solid #fff; *border-bottom:none; } .keyan-sl-imglist li ._cover ._line{ display:inline-block; width:0; height:100%; vertical-align:middle;} .keyan-main-02{ width:101%; margin-bottom:35px;} .keyan-cxli ._pd,.keyan-cx ._border{ height:240px;} .keyan-cx{width:32%; margin-right:1%; float:left; background:#f59d31;} .keyan-cx ._border{ margin:15px; border:2px solid #0168b7; padding:0 42px;} .keyan-cx ._title{ font-size:30px; margin-top:20px; margin-bottom:5px; color:#0168b7;} .keyan-cx ._sum{ font-size:14px; line-height:22px; height:110px; overflow:hidden; margin-bottom:10px; color:#0168b7;} .keyan-cx ._more{ font-size:14px; color:#0168b7;} .keyan-cx ._more:hover{ font-weight:bold;} .keyan-cxli{ width:21.33%; *width:21.2%; margin-right:1%; float:left; background:#f6f6f6;} .keyan-cxli ._pd{ height:240px; margin:15px; border:2px solid #f6f6f6; padding:0 15px;} .keyan-cxli ._title{ font-size:20px; margin-top:25px; text-align:center; padding-bottom:5px; margin-bottom:25px; color:#000; } .keyan-cxli ._sum{ font-size:14px; line-height:22px; height:88px; overflow:hidden; text-align:center; } .keyan-main-03{} .keyan-fazhan { border:1px solid #ccc; } .keyan-fazhan ._img{ float:right; width:32%; display:block;} .keyan-fazhan ._nr{ float:left; width:61%; margin-left:3%; padding-top:30px;} .keyan-fazhan ._title{ font-size:30px; margin-bottom:10px; } .keyan-fazhan ._sum{ line-height:22px; height:132px; overflow:hidden; margin-bottom:20px; font-size:14px;} .keyan-fazhan ._more{ font-size:14px;} .keyan-fazhan ._more a{ color:#0168b7; } .keyan-fazhan ._more a:hover{ font-weight:bold;} /*关于综合*/ .namin_about_one{ padding:35px 0; background:#fff; position:relative; z-index:24; } .about-gk{ width:50%; float:left;} .about-gk-sum{ font-size:14px; line-height:24px; height:240px; overflow:hidden; margin-bottom:35px; } .about-gk-link a{ display:block; position:relative; float:left; line-height:50px; font-size:20px; font-weight:bold; color:#000; width:30%; margin-right:2%; border:1px solid #0168b7; text-indent:20px; } .about-gk-link .ion{ position:absolute; font-size:20px; font-weight:normal; color:#0168b7; top:0px; right:10px; text-indent:0;} .about-gk-link a:hover{ background:#f59d31; color:#0168b7; border-color:#f59d31;} .about-slide{width:46%;float:right; display: block; height: 0; overflow: hidden; padding-bottom: 34%; position: relative;} .about-slide li img { width:100%; height:100%;} .about-slide .slide_nav{ display:none;} .about-slide .arrs { display:block; width:61px; height:80px; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-40px; z-index:10;} .about-slide .arr_prev{ left:0px; background-position:left top;} .about-slide .arr_next{ right:0px; background-position:right top;} .about-slide .arr_prev:hover{ background-position:left bottom;} .about-slide .arr_next:hover{ background-position:right bottom;} .namin_about_two{ height:534px; padding:35px 0; position:relative; z-index:24;} .namin_about_two .lay-lant span{ color:#0168b7; } .about-yinx li.ab-yinx-01 ._cover{ width:43%; position:absolute; top:0px; left:0px; padding:30px 20px 40px; color:#fff;} .about-yinx li.ab-yinx-01 ._title{ font-size:20px; margin-bottom:10px; } .about-yinx li.ab-yinx-01 ._sum{ font-size:14px;} .about-yinx li.ab-yinx-03 ._cover{ width:100%; height:100%; background:url(../images/yellow.9.png) repeat 0 0; position:absolute; top:0px; left:0px; *height:400px;} .about-yinx li.ab-yinx-03 ._border{ border:2px solid #0168b7; width:90%; height:80%; margin-left:auto; margin-right:auto; margin-top:5%; padding-top:10%; } .about-yinx li.ab-yinx-03 ._border dl{ font-size:20px; line-height:40px; width:80%; margin-left:auto; margin-right:auto; } .about-yinx li.ab-yinx-03 ._border dl a:hover{ text-decoration:underline;} .namin_about_three{ padding:35px 0; background:#fff; position:relative; z-index:24;} .about-social-text{ position:relative; font-size:14px; line-height:26px; margin-bottom:20px;} .about-social-text ._more{ position:absolute; right:0px; bottom:3px; font-size:14px;color: #0168b7;line-height: 22px;} .about-social-text ._more:hover{ font-weight:bold;} .about-social-list{ margin-bottom:50px;} .about-social-list li ._title{ line-height:60px; width:100%; position:absolute; bottom:0px; left:0px; background:url(../images/black.6.png) repeat 0 0; color:#fff; font-size:24px; font-weight:bold; text-indent:30px;} .about-social-list li a:hover ._title{ background:url(../images/yellow.8.png) repeat 0 0; color:#0168b7; } .about-hzhb{} .about-hzhb-left{ float:left; width:15%;} .about-hzhb-list{ float:right; width:80%} .about-hzhb-left .lay-lant{ margin-bottom:10px;} .about-hzhb-left .about-hzhb-text{ margin-bottom:20px; } .about-hzhb-left .about-hzhb-more{font-size:14px;color: #0168b7;line-height: 22px;} .about-hzhb-left .about-hzhb-more a:hover{ font-weight:bold; } .about-hzhb-list li{ margin-bottom:10px; *width:31% !important;} .about-hzhb-list li a{ display:block; height:64px; line-height:64px; border:1px solid #0168b7; text-indent:25px; font-size:18px; color:#0168b7; position:relative;} .about-hzhb-list li .ion{ position:absolute; top:0px; right:10px; font-size:24px; line-height:64px; height:64px; overflow:hidden;} .about-hzhb-list li a:hover{ background:#0168b7; border-color:#0168b7; color:#fff;} .about-hzhb-list li a:hover .ion{ color:#c6b8af;} /*首页*/ .indexFlash{height:544px; overflow:hidden; position:relative; background:#30302e; z-index:20; } .indexFlash li{float:left;position:relative;width:60px;height:100%;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer;} .indexFlash img{position:relative; left:-960px; max-width:none;} .indexFlash h1{ height:188px; width:60px; overflow:hidden; color:#FFF; position:absolute; z-index:1; top:70px; left:0px; font-size:14px; font-weight:normal; font-family:Arial; text-align:center;} .indexFlash h1 div{font-size:33px; font-weight:bold; padding-top:10px;} .indexFlash .contentDiv{position:absolute; z-index:2; right:-502px; top:70px; color:#FFF; width:502px; height:188px; overflow:hidden; } .indexFlash h2{padding:15px 0 0 35px; font-size:48px; } .indexFlash h2 div{ font-weight:normal;} .indexFlash h3 {padding:0px 0 15px 35px; font-size:34px; line-height:44px;} .indexFlash .content{ padding:0 35px; font-size:20px; } #demo li:first-child{width:490px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;} #demo li:first-child div{display:block;} .ban-load{ background:#fff; width:1920px; height:544px;position: absolute; left: 50%;margin-left: -960px; top:76px; z-index:50;} .imain{ background:#fff; position:relative; z-index:24; padding:5px 0 0 0; } .ilant{ font-size:28px; font-weight:normal; color:#000; margin: 60px 0px 30px; text-align: center; } .ivideo { margin-bottom:40px; } .ivideo li{ overflow: hidden;background:#f4f4f4; transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; -o-transition: all 0.6s;margin-bottom:10px;} .ivideo li:hover{ background:#00a1e9; color:#fff; cursor:pointer; border-radius:30px; -webkit-border-radius:30px; -moz-border-radius:30px; } .ivideo li:hover a { color:#FFFFFF} .ivideo li:hover a:hover { color:#FFFFFF} .ivideo li:hover ._img .img2{ display: block} .ivideo li ._img{ float:left; width:140%; text-align: center; margin-left:-20% } .ivideo li ._img a { display: block; height: 0; overflow: hidden; padding-bottom: 50%; position: relative; } .ivideo li ._img ._play{ display:none; width:49px; height:49px; background:url(../images/play_s.png) no-repeat 0 0; position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-25px;} .ivideo li ._nr{ float:left; width:100%; } .ivideo li ._title{ font-size:16px; font-weight:normal; color:#000; margin:10px 15px 25px 15px; text-align: center; font-weight:bolder } .ivideo li ._more{ bottom:20px; } .ivideo li ._sum{ margin:20px } .ivideo li ._more a{ font-weight:bold; color:#0168b7} .ivideo li ._more a:hover{ font-weight:bold;} .ivideo li.hover{ background:#f59d31;color:#0168b7;} .ivideo li.hover ._title a{ color:#0168b7; } .ivideo li.hover ._img ._play{ display:block;} .inews{ width:49%; float:left;} .iabout{ width:48%; float:right;} .inews-top{ margin-bottom:20px;} .inews-top ._img{ float:left; width:37%;} .inews-top ._nr{ float:right; width:60%;} .inews-top ._title{ font-size:16px; font-weight:bold; line-height:24px; max-height:48px; *height:48px; overflow:hidden; margin-bottom:5px;} .inews-top ._sum{ line-height:22px; height:44px; overflow:hidden; margin-bottom:20px;} .inews-list li{ width:100%; float:left; margin-top:18px;} .inews-list li ._date{ width:60px; float:left; border:1px solid #ccc; margin-top:5px; } .inews-list li ._date span{ display:block; text-align:center; font-size:12px;} .inews-list li ._date ._d1{ line-height:44px; background:#ccc; color:#fff; font-size:26px; font-weight:bold;} .inews-list li ._date ._d2{ color:#ccc;} .inews-list li ._nr{ width:86%; float:right; font-size:14px;} .inews-list li ._title{ font-size:14px; font-weight:bold; } .inews-list li ._sum{ color:#565656; } .inews-list li ._more{ color:#999; } .inews-list li a:hover ._date{ border-color:#0168b7; } .inews-list li a:hover ._date ._d1{ background:#0168b7; color:#fff; } .inews-list li a:hover ._date ._d2{ color:#000; } .iabout-imglist{} .iabout-img-01{ width:68%; float:left;} .iabout-img-01 a._img { display: block; height: 0; overflow: hidden; padding-bottom: 83%; position: relative; } .iabout-img-01 a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .iabout-img-01 ._cover{ width:100%; background:url(../images/bibs.png) repeat 0 0; position:absolute; bottom:0px; right:0px; } .iabout-img-01 ._cover ._jt{ display:block; width:0; height:0; border-style:solid; border-width:9px; border-color:transparent #f59d31 transparent transparent; position:absolute; left:-178px; top:20px; } .iabout-img-01 ._title{ font-size:20px; font-weight:bold; color:#fff; padding-left:20px;padding-top:10px } .iabout-img-01 ._sum{ font-size:12px; color:#fff; line-height:22px; padding-left:20px; padding-bottom:10px; padding-right:20px } .iabout-img-02{ width:31%; float:right;} .iabout-img-02 a._img { display: block; height: 0; overflow: hidden; padding-bottom: 91%; position: relative; } .iabout-img-02 a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .ipro{ padding-bottom:10px; } .ipro .ilant{ margin-bottom:30px;} .ipro-lant{ height:44px; line-height:44px; font-size:28px; text-align:left; color:#0168b7; overflow:hidden; margin-bottom:20px; font-weight: normal; } .ipro-lant a{ color:#000; } .ipro-text{ text-align:left; font-size:14px; color:#666; } .ipro-list ul{ width:103%;} .ipro-list li{ background:#f6f6f6 url(../images/ipro_xian.png) no-repeat 15px bottom; width:23.33%; margin-right:1%; float:left; } .ipro-list li ._pd{ padding:15px; border:1px solid #ccc; } .ipro-list li a._img { display: block; height: 0; overflow: hidden; padding-bottom: 67%; position: relative; margin-bottom:20px; } .ipro-list li a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .ipro-list li ._title{ font-size:18px; font-weight:bold; margin-bottom:10px; } .ipro-list li ._sum{ font-size:12px; line-height:22px; height:66px; overflow:hidden; color:#565656; } .ipro-list li ._sum a{color:#565656; } .ipro-list li.hover{ background:#f59d31; } .ipro-list li.hover ._pd{ border-color:#f59d31; } .ipro-list li.hover ._title a{ color:#0168b7;} .ipro-list li.hover ._sum { color:#0168b7;} .hezuo_list{ display: flex; justify-content: center; flex-wrap: wrap; align-items: center; margin: 0 -10px; } .hezuo_list li{ width: calc(16.66% - 20px); padding: 0 10px; margin-bottom: 20px; display: inline-block; } .hezuo_list li .hezuo_list_wrap{ background: #f4f4f4; display: inline-block; } .hezuo_list li .hezuo_list_wrap img{ width: 100%; height: 1rem; object-fit: cover; vertical-align: top; } .ikeyan{background:#fff; position:relative; z-index:24; padding:20px 0 50px;} .ikeyan_bg{ background:#f6f6f6; border:1px solid #ddd; padding:30px;} .iky-text{ width:30%; float:left; padding-right:3%; border-right:1px solid #ddd; padding-bottom:30px;} .iky-text .ilant{ margin-bottom:10px;} .iky-text ._sum{ font-size:14px; font-weight:bold; color:#000;} .iky-icolist{ width:60%; float:right; } .iky-icolist ul{} .iky-icolist li{ width:100px; float:left; text-align:center; margin-right:10%;} .iky-icolist li ._ikyico{ display:inline-block; width:75px; height:75px; margin-top:10px;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;} .iky-icolist li ._title{ font-size:18px;} .iky-icolist li.iky-ico-01 ._ikyico{ background-position:0px 0px;} .iky-icolist li.iky-ico-02 ._ikyico{ background-position:-85px 0px;} .iky-icolist li.iky-ico-03 ._ikyico{ background-position:-170px 0px;} .iky-icolist li.iky-ico-04 ._ikyico{ background-position:-255px 0px;} .iky-icolist li a:hover ._ikyico{transform:rotateY(180deg);-ms-transform:rotateY(180deg); -moz-transform:rotateY(180deg); -webkit-transform:rotateY(180deg);-o-transform:rotateY(180deg); } /*头部表单*/ .top-form{ display:none; width:1920px; height:485px; position:absolute; top:76px; left:50%; margin-left:-960px; background:#fff; z-index:30; padding-top:60px;} .top-form .wrap{ position:relative;} .top-form-ewm{ float:left; width:43%; margin-right:6%;} .top-form-message{ width:37%; float:left;} .top-ewmnr{ border-top:1px solid #ccc; margin-top:10px; padding-top:15px; border-bottom:1px solid #ccc; padding-bottom:15px;} .top-ewm-left{ float:left; width:48%;} .top-ewm-left ._ewmimg{ width:145px; float:left; margin-right:10px;} .top-ewm-left ._ohlink{ float:left; width:75px; font-size:15px;} .top-ewm-left ._ohlink a{ display:block;} .top-ewm-left ._ohlink a:hover{ color:0168b7; font-weight:bold; } .top-ewm-left ._zxtel{ margin-top:10px; width:100%; float:left;} .top-ewm-left ._zxtel span{ display:block; float:left;} .top-ewm-left ._zxtel ._tl1{ line-height:20px; margin-right:5px;} .top-ewm-left ._zxtel ._tl2{ font-size:30px; font-family:arial; color:#0168b7; line-height:40px;} .top-ewm-right{ float:right; width:49%; color:#777;} .top-ewm-right p{ margin-bottom:7px; line-height:22px;} .top-ewm-right ._ct1{ font-size:15px; color:#000;} .top-ewm-right a{ color:#777;} .top-ewm-right a:hover{ text-decoration:underline; } .top-mess-lant{ font-size:20px; margin-bottom:10px; } .top-mess-form{ overflow:hidden;} .top-mess-form ._tmesinp{ width:100%; border:none; height:38px; line-height:38px; background:#f5f5f5; margin-bottom:10px; text-indent:20px; float:left;} .top-mess-form ._tmsarea{ width:100%; border:none; padding:20px 0; height:90px; background:#f5f5f5; font-family:微软雅黑; outline:none; text-indent:20px;float:left;} .top-mess-form ._tmesbtn{ height:36px; line-height:36px; background:#fff; border:2px solid #0168b7; width:100%; padding:0; color:#0168b7; float:left;} .top-mess-form ._tmesbtn:hover{ background:#0168b7; color:#fff;} .top-form-close{ font-size:50px; color:#f59d31; position:absolute; top:-50px; right:0px; cursor:pointer;} .content-21962 .job_form ._act button{ border:none !important;} .content-21962 .job_form .sub{ background:#0168b7 !important;} #container img{max-width:none;} /*表格*/ .datalist{ border:1px solid #ccc; /* 表格边框 */ border-collapse:collapse; /* 边框重叠 */ background-color:#fff; /* 表格背景色 */ } .datalist caption{ padding-bottom:5px; text-align:left;} .datalist th{ border:1px solid #ccc; /* 行名称边框 */ background-color:#eee; /* 行名称背景色 */ color:#000; /* 行名称颜色 */ font-weight:bold; padding:5px 0 4px 15px; text-align:left;} .datalist td{ border:1px solid #ccc; /* 单元格边框 */ text-align:left; padding:5px 0 4px 15px;} .datalist tr.altrow{ background-color:#c7e5ff; /* 隔行变色 */} /*科研调整*/ .keyan-cxleft{ float:right; width:67%;} .keyan-cxleft .keyan-cxli{ float:left; width:48.88%; margin-right:1%; margin-bottom:10px;} .keyan-cxleft .keyan-cxli ._pd{ height:auto;} .keyan-cxleft .keyan-cxli ._title{ margin-top:5px; margin-bottom:8px;} .keyan-cxleft .keyan-cxli ._sum{ line-height:22px; height:44px; overflow:hidden;} /*培训*/ .peixun-list{ margin-top:30px;} .peixun-list li a._img { display: block; height: 0; overflow: hidden; padding-bottom: 75%; position: relative; } .peixun-list li a._img img { height: auto; left: 0; position: absolute; top: 0; width: 100%; } .peixun-list li ._title{line-height:60px; width:100%; position:absolute; bottom:0px; left:0px; background:url(../images/black.6.png) repeat 0 0; color:#fff; font-size:24px; font-weight:bold; text-indent:30px;} .peixun-list li a:hover ._title{ background:url(../images/yellow.8.png) repeat 0 0; color:#0168b7; } .peixun-list li .ion{ position:absolute; bottom:0px; right:10px;} .sum5{ padding:17px} /* flexslider */ .flexslider{ position:relative; width:100%; overflow:hidden; zoom:1; } .flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;} .flexslider .slides{zoom:1;} .flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;} .flex-direction-nav .flex-next{background-position:0 -90px;right:3%;} .flex-direction-nav .flex-prev{left:3%;} .flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);} .flex-control-nav{width:100%;position:absolute;bottom:5px;text-align:center; margin-left:-32px} .flex-control-nav li{margin:0 3px;display:inline-block;zoom:1;*display:inline;} .flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -5px;display:block;height:5px;overflow:hidden;text-indent:-99em;width:32px;cursor:pointer;} .flex-control-paging li a.flex-active{background-position:0 0;} #wrapper { height: 100%; width: 100%; min-height: 551px; min-width: 900px; } #slider { margin: 0; height: 551px; overflow: hidden; } #slider .slide { position: relative; display: none; height: 551px; float: left; background-position: center right; cursor: pointer; border-left: 1px solid #fff; } #slider .slide:first-child { border: none; } #slider .slide.active { cursor: default; } #slider .slide-block { position: absolute; display: inline-block; width: 435px; background-color: #fff; background-color: rgba(255,255,255, 0.8); padding: 20px; font-size: 14px; color: #134B94; height: 107px; overflow: hidden; top: 50px; right: 44px; } #slider .slide1-block { position: absolute; display: inline-block; background-color: #fff; background-color: rgba(255,255,255, 0.8); font-size: 34px; color: #134B94; top: 50px; right: 0px; width: 44px; height: 147px; text-align: center; line-height: 136px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bolder; } #slider .slide-block h4 { font-size: 36px; font-weight: bold; margin: 0 0 10px 0; line-height: 1; } #slider .slide-block p { margin: 0; } #donate-spacer { height: 0; } #donate { border-top: 1px solid #999; width: 750px; padding: 50px 75px; margin: 0 auto; overflow: hidden; } #donate p, #donate form { margin: 0; float: left; } #donate p { width: 650px; color: #999; } #donate form { width: 100px; } .lanrenzhijia_service{ width:40px; height:132px; background:url(../images/lanrenzhijia.png) no-repeat; position:fixed; right:0px; bottom:200px; z-index:9999999} .lanrenzhijia_service ul{ display:block; width:160px; height:132px; float:left; position:relative;} .lanrenzhijia_service ul .right_bar{ position:absolute;width:40px; height:132px; left:0; top:0; display:block;} .lanrenzhijia_service ul .right_qq{ position:absolute; width:120px; height:115px; right:0; top:0; display:block;} .lanrenzhijia_service ul .right_phone{ position:absolute; width:120px; height:35px; padding-top:30px;right:0; bottom:0; display:block; text-align:center; color:#555; font-size:14px; text-decoration:none; font-weight:bold} .footMenu{ display:none; } /*关联产品*/ .relation_box{ width:100%;height:auto;overflow:hidden;margin-bottom:50px;} .relation_box h4{ text-align:left;font-size:22px;margin-bottom:15px} .relation_box ul li{ float: left; width: 23.5%; height: auto; margin-right: 2%; overflow: hidden; } .relation_box ul li:nth-of-type(4){ margin-right: 0; } .relation_box_img{ width: 100%; height: 1.5rem; overflow: hidden; } .relation_box_img img{ width: 100%; height: 100%; object-fit: cover; transition: all .6s ease; } .relation_box ul li:hover .relation_box_img img{ transform: scale(1.05,1.05); -webkit-transform: scale(1.05,1.05); } .relation_box_txt{ width: calc(100% - 20px); height: auto; padding: 20px 10px 0; overflow: hidden; background: #f5f5f5; } .relation_box_txt h3{ font-size: 18px; line-height: 32px; color: #333; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; } .relation_box_txt p{ font-size: 14px; line-height: 24px; color: #333; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; /* 这里是超出几行省略 */ overflow: hidden; }