@charset "utf-8"; /* CSS Document */ @font-face { font-family:'bookman_demi'; src:url('fonts/bookman_demi-webfont.eot'); src:url('fonts/bookman_demi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bookman_demi-webfont.woff') format('woff'), url('fonts/bookman_demi-webfont.ttf') format('truetype'), url('fonts/bookman_demi-webfont.svg#bookman_demi-webfont') format('svg'); font-weight:normal; font-style:normal; } body { margin:0; padding:0; font-family:"Microsoft YaHei"; font-size:12px; line-height:1.5; color:#333333; background:url(../images/yhbj_03.jpg); } a { color:#333333; text-decoration:none;} a:hover { color:#333333;} img { border:0; display:inline; vertical-align: bottom;} div,ul,li,dl,dd,span,h1,h2,p,h4,h3 { margin:0; padding:0; list-style:none;} .clear{ clear:both;} div.body{ min-width:1200px; margin:auto; overflow:hidden; } .tpleft{ float:left;} .tpright{ float:right;} .cen_m{ width:1200px; margin:0px auto;} .ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;} .molEllipsis{ display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;} .top{ padding-top:13px; height:90px;} .top .logo{ float:left; } .top .top_r{ width:248px; float:right;} .top .top_r .t_sel{ background:#fff; line-height:29px; height:29px; border-radius:25px; border:1px #174b63 solid; margin-bottom:5px; clear:both;} .top .top_r .t_sel ul li{ float:left;} .top .top_r .yc_se{ width:196px;font-family:"Microsoft YaHei"; height:27px; line-height:27px; margin-left:13px; border:0px;} .top .top_r .tj_a{ margin-top:6px;} .top .top_r .tel{ line-height:19px; color:#174b63; font-size:14px; clear:both;} .top .top_r .tel span{ color:#174b63; font-size:18px; font-weight:bold;} /*.menu{ border-top:1px #e5e5e5 solid; height:64px;} .menu ul li{ float:left; width:133px; text-align:center;} .menu ul li a{ display:block; padding-top:12px; height:52px; font-size:18px; color:#2a5369;} .menu ul li a p{ font-size:12px; color:#859197;} .menu ul li a:hover{ background:#acce39; color:#fff;} .menu ul li a:hover p{ color:#fff;} .menu ul li.cur a{ background:#acce39; color:#fff;} .menu ul li.cur a p{ color:#fff;} .menu.dian ul li.cur a,.menu.dian ul li a:hover{ background:#fbcb73; color:#fff;} .menu.dian ul li.cur a p,.menu ul li a:hover p{ color:#fff;} .menu.guan ul li.cur a,.menu.guan ul li a:hover{ background:#ea5350; color:#fff;} .menu.guan ul li.cur a p,.menu.guan ul li a:hover p{ color:#fff;}*/ .banner{ height:650px;} .index .part1{ background:#e7e7e7; padding-top:61px; padding-bottom:58px; margin-bottom:95px;} .index .part1 .photo{ float:left;} .index .part1 .cont{ width:682px; float:right; padding-top:55px;} .index .part1 .cont .tb{ margin-bottom:27px;} .index .part1 .cont .nr{ font-size:14px; color:#373737; line-height:24px;} .index_bt{ text-align:center; margin-bottom:37px;} .index_bt .title{ color:#242424; font-size:36px; line-height:40px; margin-bottom:5px;} .index_bt .nr{ font-size:18px; color:#646464;} .index_bt .nr span{ color:#acce39;} .index_bt.one .title{ color:#fff;} .index_bt.one .nr{ color:#a7afbd;} .index_bt.one .js{ color:#bac1cb; font-size:14px; line-height:24px; padding-top:29px;} .about .index_bt.one .nr{ color:#fff;} .index_product{ margin-bottom:65px;} .index_product:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;} .index_product ul{ width:1250px;} .index_product ul li{ float:left; width:275px; overflow:hidden; height:540px; background:#f2f3f5; position:relative; margin-right:32px; margin-bottom:35px;} .index_product ul li .bh{ font-size:90px; line-height:50px; color:#d9dadc; position:absolute; right:20px; bottom:-5px; font-family:"黑体";} .index_product ul li a{ display:block;} .index_product ul li .photo{ margin-bottom:22px; position:relative;} .index_product ul li .photo .xfk{ display:none;width:275px; height:360px; position:absolute; left:0px; top:0px;background-color:#acce39;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */ background-color:rgba(172,206,57,0.95);} .index_product ul li:hover .photo .xfk{display:inline;} .index_product ul li .photo .xfk .intr{ width:230px; margin:0px auto; padding-top:63px; color:#fff; font-size:16px; line-height:28px; } .index_product ul li .cont{ width:225px; margin:0px auto;} .index_product ul li a .cont .title{ color:#2a5369; font-size:24px; display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:5px;} .index_product ul li a .cont .nr{ font-size:18px; margin-bottom:28px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;} .index_product ul li a .more{ width:68px; height:29px; border:1px #2a5369 solid; border-radius:5px; background:url(../images/bluejt_03.png) center no-repeat;} .index_product ul li .photo .xfk .intr .bt{ margin-bottom:20px; padding-bottom:17px; position:relative; font-size:20px; font-weight:bold;} .index_product ul li .photo .xfk .intr .bt:after{ position:absolute; content:"\200B"; display:block;width:30px; height:2px; bottom:0px; left:0%; background:#fff;} .index_product ul li .photo .xfk .intr .js{ height:175px; overflow:hidden;} .index .part2{background:url(../images/index_45.jpg) center top no-repeat; height:817px; padding-top:60px;} .index .part2 ul{ width:1250px; padding-bottom:10px;} .index .part2 ul:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;} .index .part2 ul li{ width:388px; float:left; margin-right:20px; margin-bottom:22px;} .index .part2 ul li a{ display:block; padding-top:33px; height:136px; background:#ffffff; border-radius:7px; position:relative; color:#646464;} .index .part2 ul li a:hover{ background:#acce39; color:#fff;} .index .part2 ul li a .more{ font-size:28px; font-weight:bold;color:#fff; position:absolute; top:5px; right:19px;} .index .part2 ul li a .cont{ width:308px; margin:0px auto;} .index .part2 ul li a .cont .photo{ width:52px; height:50px; float:left;} .index .part2 ul li a .cont .js{ width:215px; float:right;} .index .part2 ul li a .cont .js .bt{ color:#2a5369; font-weight:bold; font-size:20px; margin-bottom:5px;} .index .part2 ul li a .cont .js .nr{ font-size:16px; line-height:26px;} .index .part2 ul li a:hover .cont .js .bt{ color:#fff;} .index .part2 ul li.no1 a .cont .photo{background:url(../images/pngtb_08.png) center no-repeat;} .index .part2 ul li.no2 a .cont .photo{background:url(../images/pngtb_30.png) center no-repeat;} .index .part2 ul li.no3 a .cont .photo{background:url(../images/pngtb_44.png) center no-repeat;} .index .part2 ul li.no4 a .cont .photo{background:url(../images/pngtb_17.png) center no-repeat;} .index .part2 ul li.no5 a .cont .photo{background:url(../images/pngtb_36.png) center no-repeat;} .index .part2 ul li.no6 a .cont .photo{background:url(../images/pngtb_03.png) center no-repeat;} .index .part2 ul li.no7 a .cont .photo{background:url(../images/pngtb_23.png) center no-repeat;} .index .part2 ul li.no8 a .cont .photo{background:url(../images/pngtb_40.png) center no-repeat;} .index .part2 ul li.no9 a .cont .photo{background:url(../images/pngtb_19.png) center no-repeat;} .index .part2 ul li.no1 a:hover .cont .photo{background:url(../images/pngtb_10.png) center no-repeat;} .index .part2 ul li.no2 a:hover .cont .photo{background:url(../images/pngtb_32.png) center no-repeat;} .index .part2 ul li.no3 a:hover .cont .photo{background:url(../images/pngtb_45.png) center no-repeat;} .index .part2 ul li.no4 a:hover .cont .photo{background:url(../images/pngtb_18.png) center no-repeat;} .index .part2 ul li.no5 a:hover .cont .photo{background:url(../images/pngtb_37.png) center no-repeat;} .index .part2 ul li.no6 a:hover .cont .photo{background:url(../images/pngtb_05.png) center no-repeat;} .index .part2 ul li.no7 a:hover .cont .photo{background:url(../images/pngtb_25.png) center no-repeat;} .index .part2 ul li.no8 a:hover .cont .photo{background:url(../images/pngtb_41.png) center no-repeat;} .index .part2 ul li.no9 a:hover .cont .photo{background:url(../images/pngtb_20.png) center no-repeat;} .index_more{ width:70px; height:70px; margin:0px auto; border-radius:36px; border:1px #205087 solid;background:#fff url(../images/g_more_35.png) center no-repeat;} .index_more a{ display:block; height:70px;} .index .part3{ background:#f2f3f5; padding-top:101px; padding-bottom:60px;} .index .part3:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;} .part10{ height:598px; margin-bottom:30px; overflow:hidden;} .part10 .pt-box{width:1920px; height:598px; position:relative; left:50%; margin-left:-960px; overflow:hidden;} .part10 .pt-box .txt-box{position:absolute; background:#2a5369;width:600px; height:116px; top:50%; left:50%; margin-top:-64px; margin-left:-302px;} .part10 .pt-box .txt-box .txt{ text-align:center; color:white; font-size:24px; font-weight:bold; line-height:1.8; margin-top:16px;} .part10 .pt-box .txt-box .txt .m{ font-weight:normal; font-size:14px; line-height:24px;} .part10 .pt-box ul{width:1202px; height:auto; margin:auto; overflow:hidden;} .part10 .pt-box ul li{float:left;width:149px;height:116px;border:solid 1px #e5e5e5; margin-top:-1px; margin-left:-1px; background:white; overflow:hidden;} .part10 .pt-box ul li a{display:block; position:relative; overflow:hidden;} .part10 .pt-box ul li a span.fx{ position:absolute;width:100%; color:white; left:0; bottom:-37px; height:37px; line-height:37px; text-indent:22px; background:#cc193a; font-size:14px; background-image:url(../images/hand.jpg); background-repeat:no-repeat; background-position:right 25px center;transition:all .5s;-webkit-transition:all .5s;} .part10 .pt-box ul li a:hover span.fx{bottom:0px;} .part10 .pt-box ul li:nth-child(18){ margin-right:600px;} .part10 .pt-box ul li img{ -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); -ms-filter: grayscale(90%); -o-filter: grayscale(90%); filter: grayscale(90%); filter: gray; opacity:.9;} .part10 .pt-box ul li:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); filter:none; opacity:1;} .index .part3 .index_more{ border:1px #dadadb solid;} .index .part4{background:#f2f3f5 url(../images/inewbg_02.jpg) top center no-repeat; padding-top:60px; padding-bottom:60px; margin-bottom:98px;} .index .part4 .index_bk{ width:380px; height:520px; float:left; background:#fff;box-shadow:0px 0px 11px #414243; border-radius:5px;} .index .part4 .index_bk .bk_bt{ background:#2a5369; padding-top:30px; margin-bottom:32px; height:99px; border-top-left-radius:5px;border-top-right-radius:5px;} .index .part4 .index_bk .bk_bt .cont{ width:325px; margin:0px auto; color:#fff;} .index .part4 .index_bk .bk_bt .cont .photo{ float:right; margin-right:7px;} .index .part4 .index_bk .bk_bt .cont .title{ color:#ffffff; font-size:25px; font-weight:bold;} .index .part4 .index_bk .bk_bt .cont .nr{ font-size:22px;} .index .part4 .index_bk ul{ width:320px; margin:0px auto;} .index .part4 .index_bk ul li a{ color:#47484a; font-size:16px; height:36px; line-height:36px;background:url(../images/newtb_14.png) left center no-repeat; padding-left:18px;display:block; w overflow:hidden; } .index .part4 .index_bk ul li a:hover{ color:#2a5369;background:url(../images/newtb_12.png) left center no-repeat;} .index .part4 .index_bk ul li.hot a{background:none; padding-left:0px;} .index .part4 .index_bk ul li.hot .title a{ height:42px; color:#373737; font-size:20px; margin-bottom:5px;} .index .part4 .index_bk ul li.hot .title a:hover{color:#2a5369;} .index .part4 .index_bk ul li.hot{ border-bottom:1px #b8b8b8 dotted; height:142px; margin-bottom:23px;} .index .part4 .index_bk ul li.hot .nr{ color:#666666; font-size:14px; height:102px; line-height:24px;} .index .part4 .index_bk ul li.hot .nr a{ display:inline; margin-left:10px;} .index .part4 .index_bk.one{ margin-left:30px; margin-right:30px;} .index .part4 .index_bk.one .bk_bt{ background:#acce39;} .index .part4 .cen_m{ margin-bottom:40px;} .index .part4 .bk_more{ line-height:24px; margin:0px auto; width:148px; padding-top:8px; padding-bottom:8px; text-align:center; border:1px #2a5369 solid; border-radius:5px;} .index .part4 .bk_more a{ display:block; color:#2a5369; font-size:16px;} .index .part5 .index_new{ width:630px; float:left;} .index .part5 .n_bt{background:url(../images/pnewbg_03.jpg) repeat-x; height:30px; margin-bottom:25px;} .index .part5 .n_bt .tpleft{ background:#fff; color:#000000; font-size:24px; padding-right:15px; line-height:30px;} .index .part5 .n_bt a.more{background:#fff url(../images/grayjt_19.png) right no-repeat; color:#b2b2b2; font-size:14px; padding-right:22px; float:right; line-height:30px; padding-left:15px;} .index .part5{ margin-bottom:86px;} .index .part5 .index_new .tou{ border-bottom:1px #d4d4d4 dotted; padding-bottom:30px; margin-bottom:20px;} .index .part5 .index_new .tou .photo{ margin-bottom:28px;} .index .part5 .index_new .tou .title a{ margin-bottom:13px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:19px; color:#47484a;} .index .part5 .index_new .tou .nr{ font-size:14px; color:#707275; line-height:26px; height:52px; overflow:hidden; margin-bottom:18px;} .index .part5 .index_new .tou .date{ color:#b9b8b8; font-size:14px; margin-bottom:30px;} .index .part5 .index_new .tou a.more{ border:1px #2a5369 solid;background:url(../images/bluejt_03.png) center no-repeat; width:69px; height:28px; display:block; border-radius:5px;} .index .part5 .index_new ul li a{ display:block;background:url(../images/newtb_14.png) left no-repeat; color:#47484a; font-size:16px; line-height:42px; padding-left:19px;} .index .part5 .index_new ul li a .date{ color:#b9b8b8; font-size:14px; float:right;} .index .part5 .index_new ul li a:hover{background:url(../images/newtb_12.png) left no-repeat; color:#2a5369;} .index .part5 .index_case{ width:511px; float:right;} .index .part5 .new_1{ padding-top:29px; width:450px; margin:0px auto 20px;border-bottom:1px #d4d4d4 dotted;} .index .part5 .new_1 ul li{ height:130px; margin-bottom:23px;} .index .part5 .new_1 ul li .cont{ width:260px; float:right; padding-top:15px;} /*.index .part5 .new_1 ul li .title a{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#47484a; font-size:20px; line-height:30px; height:30px; margin-bottom:6px;}*/ .index .part5 .new_1 ul li .title a{ display:block;overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#47484a; font-size:20px; line-height:30px; margin-bottom:6px;} .index .part5 .new_1 ul li .nr{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#909090;} .index .part5 .new_2{width:450px; margin:0px auto;} .index .part5 .new_2 ul li a{background:url(../images/newtb_14.png) left no-repeat;line-height:42px; display:block; padding-left:20px; color:#47484a; font-size:16px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;} .index .part5 .new_2 ul li a:hover{ color:#2a5369;} .index .part5 .newr{ height:643px; background:#f2f3f5;} .index .part5 .newr ul li a .date{ color:#b9b8b8; font-size:14px; float:right;} .index .part6{background:url(../images/pztp_04.jpg) top center no-repeat; height:758px; padding-top:60px;} .index .part6 .index_about{ clear:both;} .index .part6 .index_about ul li{ width:19.2%; float:left; height:470px; background-size:cover; text-align:center; border-radius:5px; margin-right:1%; position:relative;} .index .part6 .index_about ul li .xfk{ position:absolute; top:0px;border-radius:5px; width:100%;height:470px;background-color:#123b67;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */ background-color:rgba(18,59,103,0.8);} .index .part6 .index_about ul li:hover .xfk{background-color:#acce39;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */ background-color:rgba(172,206,57,0.95);} .index .part6 .index_about ul li:last-child{ margin-right:0px;} .index .part6 .index_about ul li .cont{ width:80%; margin:122px auto auto;} .index .part6 .index_about ul li .cont .nr{ font-size:16px; color:#fff; line-height:30px;} .index .part6 .index_about ul li .cont .bt{ position:relative; font-size:26px;color:#fff; margin-bottom:23px; padding-bottom:20px; line-height:26px;} .index .part6 .index_about ul li .cont .bt:after{ position:absolute; content:"\200B"; display:block;width:30px; height:2px; bottom:0px; left:50%; margin-left:-15px; background:#acce39;} .index .part6 .index_about ul li:hover .cont .bt:after{background:#fff;} .index .part6 .index_about ul li .cont .tb{ margin-bottom:53px; height:65px;} .index .part6 .index_about ul li .cont .nr span{ color:#acce39; font-weight:bold;} .index .part6 .index_about ul li:hover .cont .nr span{ color:#fff;} .foot{ background:#f2f3f5; padding-top:44px; height:350px;} .foot .bottom_l{ width:345px; float:left;} .foot .bottom_l .db_logo{ margin-bottom:52px;} .foot .bottom_l .db_tel{ margin-bottom:23px;} .foot .bottom_l .db_nr{ color:#787878; font-size:16px; line-height:26px;} .foot .dbmenu{ width:615px; float:left; margin-left:20px;} .foot .dbmenu ul li{ float:left;color:#787878; font-size:14px; margin-left:123px; } .foot .dbmenu ul li a{ display:block; color:#787878; font-size:14px; line-height:30px;background:url(../images/indexpng_19.png) left no-repeat; padding-left:20px;} .foot .dbmenu ul li a:hover{background:url(../images/indexpng_17.png) left no-repeat; color:#2a5369;} .foot .dbmenu ul li a.f_bt{ font-size:16px; margin-bottom:30px; padding-left:0px; background:none;} .foot .dbmenu ul li .nr{ line-height:30px;} .foot .dbmenu ul li:nth-child(4){ width:357px; line-height:26px;} .foot .bottom_r{ width:138px; float:right; padding-top:14px;} .foot .bottom_r .weix{ text-align:center; border:1px #d2d2d2 solid; text-align:center; padding-top:9px; padding-bottom:9px; background:#fff; margin-bottom:19px;} .foot .bottom_r .wz{ text-align:center; color:#787878; font-size:14px; margin-bottom:38px;} .b_menu{ background:#2a5369; line-height:55px;} .b_menu a{ color:#ffffff; margin-left:43px; margin-right:45px; font-size:16px;} .nybanner{ height:310px; border-bottom:10px #2a5369 solid; width:100%; overflow:hidden; margin-bottom:57px;} .nybanner .ba_bt{ position:relative; width:220px; height:115px; float:left; margin-top:198px; background:#2a5369;} .nybanner .ba_bt p{ color:#fff; font-size:36px; color:#fff; text-align:center; line-height:36px; padding-top:26px;} .nybanner .ba_bt .bgt{ position:absolute; background:#2a5369;width:214px;height:115px; width:500px; left:-500px;} .nybanner.wy{border-bottom:10px #acce39 solid;} .nybanner.wy .ba_bt{background:#acce39;} .nybanner.wy .ba_bt .bgt{background:#acce39;} .nybanner.wy .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.dao{border-bottom:10px #f39839 solid;} .nybanner.dao .ba_bt{background:#f39839;} .nybanner.dao .ba_bt .bgt{background:#f39839;} .nybanner.dao .ba_bt p{ padding-top:43px; padding-left:35px;} .nybanner.dian{border-bottom:10px #fbcb73 solid;} .nybanner.dian .ba_bt{background:#fbcb73;} .nybanner.dian .ba_bt .bgt{background:#fbcb73;} .nybanner.dian .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.jiao .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.guan{border-bottom:10px #ea5350 solid;} .nybanner.guan .ba_bt{background:#ea5350;} .nybanner.guan .ba_bt .bgt{background:#ea5350;} .nybanner.guan .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.gu{border-bottom:10px #bbc670 solid;} .nybanner.gu .ba_bt,.nybanner.gu .ba_bt .bgt{background:#bbc670;} .nybanner.gu .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.tie{border-bottom:10px #a59aca solid;} .nybanner.tie .ba_bt,.nybanner.tie .ba_bt .bgt{background:#a59aca;} .nybanner.tie .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.pian{border-bottom:10px #96bedd solid;} .nybanner.pian .ba_bt,.nybanner.pian .ba_bt .bgt{background:#96bedd;} .nybanner.pian .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.te{border-bottom:10px #b5b39c solid;} .nybanner.te .ba_bt,.nybanner.te .ba_bt .bgt{background:#b5b39c;} .nybanner.te .ba_bt p{ padding-top:48px; padding-left:35px;} .nybanner.zhan{border-bottom:10px #f4b4d0 solid;} .nybanner.zhan .ba_bt,.nybanner.zhan .ba_bt .bgt{background:#f4b4d0;} .nybanner.zhan .ba_bt p{ padding-top:48px; padding-left:35px;} .casenew .part1{ margin-bottom:100px;} .casenew .part1 .new_3{ background:#f2f3f5; height:561px; float:left; width:402px;} .casenew .part1 .new_3 .cont{ width:360px; margin:0px auto; padding-top:38px;} .casenew .part1 .new_3 .title a{ line-height:36px; margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:19px; color:#47484a;} .casenew .part1 .new_3 .nr{ font-size:14px; color:#2e2e2e; line-height:26px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:33px;} .casenew .part1 .new_3 .date{ color:#b9b8b8; font-size:14px; margin-bottom:30px;} .casenew .part1 .new_3 a.more{ font-size:14px; width:46px;background:url(../images/bluejt_03.png) right no-repeat; height:20px; line-height:20px; display:block; color:#2a5369; margin-bottom:30px;} .casenew .part1 ul{ width:740px; float:right;} .casenew .part1 ul li{ height:174px; border-bottom:1px #e5e5e5 solid; margin-bottom:36px;} .casenew .part1 ul li .photo{ float:left;} .casenew .part1 ul li .cont{ width:506px; float:right;} .casenew .part1 ul li a .title{ line-height:30px; margin-bottom:17px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:20px; color:#2e2e2e;} .casenew .part1 ul li a:hover .title{ color:#2a5369;} .casenew .part1 ul li a .nr{ font-size:14px; color:#555555; line-height:24px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:30px;} .casenew .part1 ul li a .more{ font-size:14px; width:46px;background:url(../images/grayjt_19.png) right no-repeat; height:20px; line-height:20px; display:block; color:#898a8a; } .casenew .part1 ul li a:hover .more{background:url(../images/bluejt_03.png) right no-repeat;color:#2a5369;} .casenew .part1 ul li:last-child{ height:140px; padding-bottom:0px; border-bottom:0px; margin-bottom:0px;} .casenew .part2{ background:#e8ebee; height:714px; width:100%; overflow:hidden; margin-bottom:100px;} .casenew .part2 .cen_m{ position:relative; height:714px;} .casenew .part2 .cen_m .bg_1{ position:absolute; width:900px; left:-360px;} .casenew .part2 .cen_m .bg_2{ position:absolute; width:1020px; right:-360px;} .casenew .part2 .cen_m .online_bt{ width:254px; position:absolute; z-index:10; border-left:37px #2a5369 solid; padding-left:24px; left:0px; top:90px; color:#646464; font-size:18px; line-height:18px;} .casenew .part2 .cen_m .online_bt p{ color:#242424; font-size:28px; line-height:30px; margin-bottom:15px;} .casenew .part2 .cen_m .xfk{ width:761px; height:274px;background-color:#2a5369;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */ background-color:rgba(42,83,105,0.9); position:absolute; top:290px; left:221px; z-index:20; } .casenew .part2 .cen_m .xfk .case_n{ position:relative;width:761px; height:274px;} .case_n .bnl,.case_n .bnr{ cursor:pointer;display:block; color:#bfbfbf; width:60px; height:60px; border-radius:30px;position:absolute; top:50%; margin-top:-30px;font-family:"新宋体";} .case_n .bnl{background:#fff url(../images/casejt_03.png) center no-repeat; left:-90px;box-shadow:0px 0px 8px #ccc;} .case_n .bnr{background:#fff url(../images/casejt_05.png) center no-repeat; right:-90px;} .case_n .bnl:hover{background:#8dc32f url(../images/casejt_09.png) center no-repeat; box-shadow:0px 0px 8px #ccc;} .case_n .bnr:hover{background:#8dc32f url(../images/casejt_10.png) center no-repeat; } .case_n ul{ width:610px; margin:0px auto; padding-top:49px;} .case_n ul li{ clear:both;} .case_n ul li .title a{ margin-bottom:30px;color:#ffffff; font-size:22px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; line-height:25px;} .case_n ul li .nr{ color:#fff; font-size:14px; line-height:24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;} .case_n .al_q{ position:absolute; left:72px; bottom:58px;} .case_n .al_q a{ width:38px; height:6px; display:block; float:left; background:#77919f; border-radius:5px; margin-left:5px;} .case_n .al_q a.cur{ background:#8dc32f;} .casenew .part3{ margin-bottom:63px;} .casenew .part3 ul{ width:1260px;} .casenew .part3 ul li{ height:200px; width:580px;background:#f2f3f5;margin-bottom:40px; margin-right:40px; float:left;} .casenew .part3 ul li .photo{ float:left; margin-left:20px;} .casenew .part3 ul li a{ display:block; background:#f2f3f5; padding-top:20px;} .casenew .part3 ul li a:hover{ background:#acce39; height:180px;} .casenew .part3 ul li .cont{ width:282px; overflow:hidden; float:right; margin-right:30px; padding-top:16px;} .casenew .part3 ul li a .title{ line-height:30px; margin-bottom:17px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; font-size:18px; color:#2e2e2e;} .casenew .part3 ul li a:hover .title{ color:#fff;} .casenew .part3 ul li a .nr{ font-size:14px; color:#555555; line-height:24px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:30px;} .casenew .part3 ul li a:hover .nr{ color:#fff;} .casenew .part3 ul li a .more{ font-size:14px; width:46px;background:url(../images/grayjt_19.png) right no-repeat; height:20px; line-height:20px; display:block; color:#898a8a; } .casenew .part3 ul li a:hover .more{background:url(../images/bluejt_034.png) right no-repeat;color:#fff;} .blist{background:url(../images/caselist_20.jpg) center repeat-y; width:100%; overflow:hidden;} .listmiddle{ width:1200px; margin:0px auto; position:relative;padding-bottom:122px;} .listmiddle.show{ padding-bottom:100px;} .listmiddle.pr{ min-height:1000px;padding-bottom:100px;} .listmiddle .xf_bg{ position: absolute; width:580px; left:-359px; height:100%;background:url(../images/caselist_02.jpg) center top no-repeat; z-index:0;} .listmiddle .xf_bg.dao{background:url(../images/drx_04.jpg) center top no-repeat; } .listmiddle .xf_bg.dian{background:url(../images/dfj_04.jpg) center top no-repeat; } .listmiddle .xf_bg.jiao{background:url(../images/jbk_04.jpg) center top no-repeat; } .blist.guan .xf_bg{background:url(../images/gfj_05.jpg) center top no-repeat;} .blist.gu .xf_bg{background:url(../images/guang_04.jpg) center top no-repeat;} .blist.tie .xf_bg{background:url(../images/jgj_05.jpg) center top no-repeat;} .blist.pian .xf_bg{background:url(../images/pian_04.jpg) center top no-repeat;} .blist.te .xf_bg{background:url(../images/te_04.jpg) center top no-repeat;} .blist.zhan .xf_bg{background:url(../images/zhan_04.jpg) center top no-repeat;} .listleft{ padding-top:61px; margin-left:140px; float:left; z-index:10; position:absolute;} .listleft ul li a{ display:block;background:#2a5369; color:#fff; width:80px; height:72px; text-align:center; font-size:28px; line-height:34px; padding-top:8px; margin-bottom:15px; } .listleft ul li.cur{ position:relative;} .listleft ul li.cur a{background:#acce39;font-weight:bold; } .listleft ul li.cur span{background:url(../images/sjx.png); width:20px; height:40px; position:absolute; left:78px; top:20px;} .blist.wy .xf_bg{background:url(../images/guang_04.jpg) center top no-repeat;} .listright{ width:880px; float:right; padding-top:60px;} .jtpronew ul { margin-bottom:60px;} .jtpronew ul li{ clear:both; height:242px; border-bottom:1px #dbdbdb solid; padding-top:32px;} .jtpronew ul li .tpleft{} .jtpronew ul li .jtright{ width:512px; float:right; padding-top:27px; } .jtpronew ul li .jtright .jttitle{ padding-top:5px; margin-bottom:20px;} .jtpronew ul li .jtright .jttitle a{ color:#333333; font-size:20px;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; display:block;} .jtpronew ul li .jtright .jttitle a:hover{ color:#2a5369;} .jtpronew ul li .jtright .nr{ font-size:14px; color:#555555; line-height:24px; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:36px; } .jtpronew ul li .jtright a.more{ display:block; width:68px; height:29px; border:1px #2a5369 solid; border-radius:5px; background:url(../images/bluejt_03.png) center no-repeat;} .jtpronew ul li .jtright a.more:hover{background:#2a5369 url(../images/bluejt_034.png) center no-repeat;} .jtpronew ul li.no1{ background:#f2f3f5; border-bottom:0px; height:232px; margin-bottom:20px;} .jtpronew ul li.no1 .jtright{ width:732px; margin-right:40px; padding-top:2px;float:right;} .jtpronew ul li.no1 .jtright .nr{-webkit-line-clamp:3;} .jtpronew ul li.no1 .tpleft{ margin-left:40px; padding-top:7px;} .jtpronew ul li.no1 .jtright a.more{background:#2a5369 url(../images/bluejt_034.png) center no-repeat;} .fanye { text-align:center;} .fanye a{ display:inline-block; width:54px; text-align:center; line-height:35px; color:#999999; font-size:14px;} .fanye a.cur{ color:#fff; background:#acce39; border-radius:5px;} .fanye a.prev1{ float:left} .fanye a.next1{ float:right;} .fanye a.prev1,.fanye a.next1{ width:98px; height:35px; background:#fff;border-radius:5px;border:1px #2a5369 solid; color:#2a5369;} .fanye a.prev1:hover,.fanye a.next1:hover{ background:#acce39; border:1px #acce39 solid; color:#fff;} .fanye a.prev1.unlink:hover,.fanye a.next1.unlink:hover{border:1px #2a5369 solid; color:#2a5369; background:#fff;} .listright1{ width:882px; float:right;padding-top:72px;} .listright1 .huib{text-align:center; color:#2e2e2e; font-size:30px; margin-bottom:12px;} .article_title{ width: 882px;margin: 0 auto; border-bottom:1px #cfcfcf dashed; margin-bottom:25px;height:30px; font-size:13px; color:#999999; } .article_title ul li{ width: auto; height: auto; float: left; margin:5px 28px; text-align: center; border:0; } .article_title ul{ height: 30px; float: left; } .bdsharebuttonbox{ width: 150px; height: 30px; float: right; margin-top:-3px; } .listright1 .gotoback{margin-bottom:35px; text-align:left; height:27px;} .listright1 .gotoback a{ display:block; float:right; padding-right:28px;background:#fff url(../images/show_03.jpg) right no-repeat; line-height:18px; color:#999999; font-size:13px;} .contentjs{font-size:14px; line-height:24px; color:#555555;} /*.contentjs p{ margin-bottom:28px;}*/ .contentjs p.zrbj{ color:#666; font-size:14px; text-align:right; line-height:30px; margin-bottom:15px;} .listright1 .bq{ font-size:14px; color:#555555; border-top:1px #e4e4e4 solid; padding-top:18px; margin-bottom:50px;} .listright1 .bq a{ margin-right:10px;} .zredit{ text-align:right; color:#666666; line-height:30px; margin-bottom:40px;} .sy_up{ background:#f3f8e1; margin-bottom:93px; padding-top:28px; padding-bottom:28px; padding-left:18px; padding-right:18px; } .sy_up ul li{ width:50%; float:left;} .sy_up ul li a{ font-size:16px; line-height:30px; height:30px; color:#2e2e2e;} .sy_up ul li a .tpleft{ border-right:1px #e5e5e5 solid; padding-right:20px;color:#666666; margin-right:28px; font-size:14px;} .sy_up ul li a:hover .tpleft{ color:#2a5369;} .sy_up ul li a:hover{color:#2a5369;} .Recommended{ font-size:30px; color:#333333;margin-bottom:20px; } .Recommended a.more{ display:block; float:right; font-size:14px; font-weight: normal; color:#999999; padding-right:22px; height:16px; line-height:16px;background:url(../images/grayjt_19.png) right no-repeat; margin-top:15px; } .re_new{} .re_new ul{ width:920px;} .re_new ul li{ background:#f2f3f5; height:320px; width:280px; float:left; margin-right:20px;} .re_new ul li .cont{ width:238px; margin:0px auto; padding-top:16px;} .re_new ul li .cont .title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:16px;} .re_new ul li .cont .title a{ display:block;color:#333333; font-size:18px;height:60px;line-height:30px;} .re_new ul li .cont a.more{ font-size:14px; width:46px;background:url(../images/grayjt_19.png) right no-repeat; height:20px; line-height:20px; display:block; color:#898a8a; } .re_new ul li .cont a.more:hover{background:url(../images/bluejt_03.png) right no-repeat;color:#2a5369;} .re_new ul li.no1{ width:100%; margin-right:0px; height:246px; margin-bottom:20px;} .re_new ul li.no1 .photo{ float:left;} .re_new ul li.no1 .cont{ width:460px; float:left; margin-left:42px; padding-top:35px;} .re_new ul li.no1 .cont .title{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:25px;} .re_new ul li.no1 .cont .title a{ font-size:20px; height:30px;} .re_new ul li.no1 .cont .nr{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:16px; color:#555555; font-size:14px; line-height:24px; margin-bottom:37px;} .re_new ul li.no1 .cont a.more1{ display:block; width:68px; height:29px; border:1px #2a5369 solid; border-radius:5px; background:url(../images/bluejt_03.png) center no-repeat;} .re_new ul li.no1 .cont a.more1:hover{background:#2a5369 url(../images/bluejt_034.png) center no-repeat;} .pr_list{ padding-top:41px; width:219px; float:left; z-index:50; position:absolute; left:2px; } .pr_list .pr_bt{ color:#606060; font-size:30px; line-height:30px; font-weight:bold; margin-bottom:14px;} .pr_list ul li{ margin-bottom:10px;} .pr_list ul li a.jd{ display:block; border-left:4px #666666 solid; background:#848484 url(../images/bluejt_034.png) 175px center no-repeat; height:61px; padding-left:28px; line-height:61px; font-size:20px; color:#fff; font-weight:bold;} .pr_list ul li a.jd span{ width:19px; height:27px; text-align:center; line-height:33px;display:inline-block;background:url(../images/ctb_03.png) center no-repeat; margin-right:16px; font-size:14px; font-weight:bold; color:#848484;} .pr_right{ width:880px; float:right; padding-top:62px;} .pr_list ul li a.jd:hover{ background:#f39839 url(../images/ctb_09.png) 175px center no-repeat; border-left:5px #d27f29 solid; color:#3e3e40;} .pr_list ul li a.jd:hover span{ color:#fff;background:url(../images/ctb_06.png) center no-repeat;} .pr_list ul li.cur a.jd{ background:#f39839 url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #d27f29 solid; color:#3e3e40;} .pr_list ul li.cur a.jd span{ color:#fff;background:url(../images/ctb_06.png) center no-repeat;} .pr_list ul li ul{ margin-top:1px;} .pr_list ul li ul li{ margin-bottom:0px; border-bottom:1px #c4c4c4 dotted;} .pr_list ul li ul li a{ display:block; line-height:49px; background:#bababa; padding-left:67px; color:#6d6d6d; font-size:18px; position:relative;} .pr_list ul li ul li:last-child{ border-bottom:0px;} .pr_list ul li ul li a span{ display:none;} .pr_list ul li ul li a:hover span{ display:inline;position:absolute; top:50%; margin-top:-10px; right:-10px;width:0;height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:10px solid #bababa;} .blist.dian .pr_list ul li.cur a.jd{background:#fbcb73 url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #dcac53 solid;} .blist.dian .pr_list ul li a.jd:hover{background:#fbcb73 url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #dcac53 solid;} .blist.guan .pr_list ul li.cur a.jd,.blist.guan .pr_list ul li a.jd:hover{background:#ea5350 url(../images/ctb_091.png) 175px center no-repeat; border-left:4px #ca3633 solid; color:#fff;} .blist.tie .pr_list ul li.cur a.jd,.blist.tie .pr_list ul li a.jd:hover{background:#a59aca url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #8273b7 solid; color:#fff;} .blist.pian .pr_list ul li.cur a.jd,.blist.pian .pr_list ul li a.jd:hover{background:#96bedd url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #6e9cbf solid; color:#fff;} .blist.gu .pr_list ul li.cur a.jd,.blist.gu .pr_list ul li a.jd:hover{background:#bbc670 url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #9aa64a solid; } .blist.te .pr_list ul li.cur a.jd,.blist.te .pr_list ul li a.jd:hover{background:#b5b39c url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #999678 solid; } .blist.zhan .pr_list ul li.cur a.jd,.blist.zhan .pr_list ul li a.jd:hover{background:#f4b4d0 url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #c983a2 solid; } .blist.wy .pr_list ul li.cur a.jd,.blist.wy .pr_list ul li a.jd:hover{background:#acce39 url(../images/ctb_09.png) 175px center no-repeat; border-left:4px #9aa64a solid; } .pr_one{ border:1px #d8d8d8 solid; padding-top:22px; padding-bottom:32px; margin-bottom:58px;} .pr_one .cont{ width:819px; margin:0px auto;} .pr_one .cont .title{ text-align:center; color:#343434; font-size:30px; padding-bottom:5px; margin-bottom:20px; position:relative;} .pr_one .cont .title:after{ position:absolute; content:"\200B"; display:block;width:40px; height:3px; bottom:0px; left:50%; margin-left:-20px; background:#f39839;} .pr_one .cont .nr{ font-size:14px; line-height:26px; border-top:1px #c1c1c1 solid; padding-top:24px;} .blist.dian .cont .title:after{ background:#fbcb73;} .blist.guan .cont .title:after{ background:#ea5350;} .blist.gu .cont .title:after{ background:#bbc670;} .blist.tie .cont .title:after{ background:#a59aca;} .blist.pian .cont .title:after{ background:#96bedd;} .blist.te .cont .title:after{ background:#b5b39c;} .blist.zhan .cont .title:after{ background:#f4b4d0;} .blist.wy .cont .title:after{ background:#acce39;} .pr_two{ padding-bottom:28px;} .pr_two ul li{ margin-bottom:30px;} .pr_two ul li a{ border:1px #d8d8d8 solid; display:block; background:#f2f3f5; height:358px;} .pr_two ul li a .photo{ float:left;border-right:1px #d8d8d8 solid;} .pr_two ul li a .cont{ width:524px; float:right; margin-right:38px; padding-top:45px;} .pr_two ul li a .cont .title{ color:#2a5369; font-size:24px; margin-bottom:26px; line-height:25px;} .pr_two ul li a .cont .nr{ color:#555555; height:120px; font-size:14px; line-height:24px; padding-bottom:18px; border-bottom:1px #d9dadc solid; margin-bottom:24px;} .pr_two ul li a .cont .yy{ font-size:14px; color:#555555;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:20px;} .pr_two ul li a .cont .more{ display:block; width:68px; height:29px; border:1px #2a5369 solid; border-radius:5px; background:url(../images/bluejt_03.png) center no-repeat;} .pr_two ul li a:hover .cont .more{background:#2a5369 url(../images/bluejt_034.png) center no-repeat;} .pr_two ul li a:hover{ border:1px #2a5369 solid;} .pr_two ul li a:hover .photo{border-right:1px #2a5369 solid;} .df_show{ padding-top:59px;} .show_1{ background:#fff url(../images/djshow_05.jpg) right top no-repeat; border:1px #d8d8d8 solid; margin-bottom:0px;box-shadow:0px 0px 8px #ccc;} .show_1 .photo{ float:left; border-right:1px #d8d8d8 solid; position:relative;} .show_1 .photo .xf{ position:absolute; text-align:center; bottom:41px; width:100%;} .show_1 .photo .xf a{ display:inline-block; width:10px; height:10px; border-radius:5px; background:#b9b9b9; margin-left:4px; margin-right:4px;} .show_1 .photo .xf a.cur{ background:#fbcb73;} .show_1 .cont{ width:677px; float:right; padding-top:21px; margin-right:33px;} .show_1 .cont .title{ color:#2a5369; font-size:30px; line-height:35px; margin-bottom:12px;} .show_1 .cont .nr{ font-size:14px; line-height:24px; color:#555555; height:390px; overflow:hidden; margin-bottom:30px;} .show_1 .cont .online a{ display:inline-block; float:left; text-align:center; width:254px; height:49px; line-height:49px; text-align:center; color:#fff; font-size:18px; background:#fbcb73;} .show_1 .cont .online a.no2{ background:#0e304f; border-top-right-radius:3px; border-bottom-right-radius:3px;} .show_1 .cont .online a.no1{border-top-left-radius:3px; border-bottom-left-radius:3px;} .show_21.ts{ margin-bottom:40px;} .show_21{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_21 .tpleft{background:url(../images/dfj_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #fbcb73 solid; padding-left:30px; color:#606060; font-size:30px;} .show_22.ts{ margin-bottom:40px;} .show_22{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_22 .tpleft{background:url(../images/drx_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #f39839 solid; padding-left:30px; color:#606060; font-size:30px;} .show_23.ts{ margin-bottom:40px;} .show_23{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_23 .tpleft{background:url(../images/gfj_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #ea5350 solid; padding-left:30px; color:#606060; font-size:30px;} .show_24.ts{ margin-bottom:40px;} .show_24{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_24 .tpleft{background:url(../images/zjj_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #f4b4d0 solid; padding-left:30px; color:#606060; font-size:30px;} .show_25.ts{ margin-bottom:40px;} .show_25{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_25 .tpleft{background:url(../images/tpj_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #96bedd solid; padding-left:30px; color:#606060; font-size:30px;} .show_26.ts{ margin-bottom:40px;} .show_26{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_26 .tpleft{background:url(../images/ggj_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #bbc670 solid; padding-left:30px; color:#606060; font-size:30px;} .show_27.ts{ margin-bottom:40px;} .show_27{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_27 .tpleft{background:url(../images/jgj_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #a59aca solid; padding-left:30px; color:#606060; font-size:30px;} .show_28.ts{ margin-bottom:40px;} .show_28{background:url(../images/djshow_19.jpg) repeat-x; height:46px; margin-bottom:51px;} .show_28 .tpleft{background:url(../images/tzj_t.jpg) left no-repeat; height:44px; line-height:44px; border-bottom:2px #b5b39c solid; padding-left:30px; color:#606060; font-size:30px;} .show_3{ line-height:24px; font-size:14px; margin-bottom:95px;} .show_3 p{ margin-bottom:42px;} .show_4{ margin-bottom:59px;} .show_4 .tpleft{ width:477px; position:relative;} .show_4 .tpleft .xfk{background-color:#fff;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */ background-color:rgba(255,255,255,0.8); width:100%; position:absolute; bottom:0px; left:0px; height:146px;} .show_4 .tpleft .xfk .nr{ width:429px; padding-top:35px; font-size:14px; font-size:14px; line-height:24px; margin:0px auto; color:#555555;} .show_4 ul{} .show_4 ul li{ float:left; margin-left:4px; width:236px; background:#E4E4E4;} .show_4 ul li:hover{ background:#124c64;} .show_4 ul li .cont{ height:203px; text-align:center; padding-top:35px;} .show_4 ul li .cont .tb{ margin-top:35px; width:36px; height:39px; margin:auto auto 15px;} .show_4 ul li .cont .title{ color:#2e2e2e; font-size:24px; margin-bottom:10px;} .show_4 ul li:hover .cont .title{ color:#fff;} .show_4 ul li .cont .nr{ width:172px; margin:0px auto; color:#555555; line-height:24px; height:72px; overflow:hidden; font-size:14px;} .show_4 ul li:hover .cont .nr{ color:#fff;} .show_4 ul li.no1 .cont .tb{background:url(../images/tbpng_03.png) center no-repeat; } .show_4 ul li.no2 .cont .tb{background:url(../images/tbpng_10.png) center no-repeat; } .show_4 ul li.no3 .cont .tb{background:url(../images/tbpng_18.png) center no-repeat; } .show_4 ul li.no1:hover .cont .tb{background:url(../images/tbpng_05.png) center no-repeat; } .show_4 ul li.no2:hover .cont .tb{background:url(../images/tbpng_13.png) center no-repeat; } .show_4 ul li.no3:hover .cont .tb{background:url(../images/tbpng_21.png) center no-repeat; } .show_4 ul li.no4{ width:478px; margin-left:0px;} .show_4 ul li.no4 .cont .nr{ width:370px;} .show_4 ul li.no4 .cont .tb{background:url(../images/te_01.png) center no-repeat; width:42px; height:41px; } .show_4 ul li.no4:hover .cont .tb{background:url(../images/te_03.png) center no-repeat; } .show_5{ width:401px; height:71px; line-height:71px; text-align:center; margin:0px auto 100px; border-radius:5px; background:#124c64;} .show_5 a{ font-size:24px; color:#fff; display:block;line-height:71px;} .show_6{ text-align:center; margin-bottom:31px;} .show_7{ margin-bottom:99px;} .show_7 ul li{ width:150px; float:left; height:370px; text-align:center;} .show_7 ul li a{ display:block; padding-top:82px;color:#3e3e40;} .show_7 ul li a .photo{ width:100px; height:100px; border-radius:50px; margin:0px auto 28px;} .show_7 ul li a:hover{ color:#fff;} .show_7 ul li a .title{ font-size:18px; font-weight:bold; } .show_7 ul li a .eng{ font-size:14px; margin-bottom:27px;} .show_7 ul li a .jt{background:url(../images/bluejt_035.png) center no-repeat; height:9px;} .show_7 ul li a:hover .jt{background:url(../images/bluejt_034.png) center no-repeat;} .about .ab_one{background:url(../images/abanner_02.jpg) center top no-repeat; padding-top:105px; height:661px; margin-bottom:35px;} .about .about_js{ width:1091px; margin:0px auto; color:#ffffff; font-size:16px; line-height:36px; text-align:center;} .about .index_bt{ margin-bottom:50px;} .about .index_bt.three{ margin-bottom:0px;} .about .ab_two{background:url(../images/about_05.jpg) center top no-repeat; height:769px; margin-bottom:100px;} .about .ab_two .qy_one{ width:570px; padding-top:324px;} .about .ab_two .qy_one ul{ width:301px;} .about .ab_two .qy_one ul li{ background:#acce39; color:#fff; font-weight:bold; font-size:17px; line-height:24px; padding:18px 23px; margin-bottom:10px; margin-bottom:10px;} .about .ab_two .qy_one .nr{ font-size:14px; line-height:30px; color:#646464; padding-top:36px;} .about .about_three{margin-bottom:97px;border:1px #E7E7E7 solid;box-shadow: 0px 0px 25px 2px #D5D5D5;} .about .about_three .nr{font-size:14px; line-height:30px; width:429px; float:right; padding-top:40px; margin-right:55px;} .index_bt.four{ margin-bottom:38px;} .about_five{ width:100%; overflow:hidden; height:703px; margin-bottom:100px;} .about_five .cen_m{ position:relative;} .about_five .cen_m .bg{background:url(../images/about_12.jpg) center top no-repeat; width:958px; height:655px; position:absolute; top:0px; z-index:0; left:-358px;} .about_five .cen_m .bgr{ top:50px; position:absolute; z-index:0; right:-358px;background:#f2f3f5 url(../images/about_15.jpg) 542px 334px no-repeat;width:958px; height:655px; } .about_five .culture{ position:absolute; width:546px; left:1px; z-index:50; top:112px; } .about_five .culture ul li{ float:left; border:1px #fff solid; color:#fff; margin-bottom:10px;} .about_five .culture ul li.no1{ width:244px;} .about_five .culture ul li .cont{ padding-top:27px; height:86px;} .about_five .culture ul li .bh{ font-family:Arial, Helvetica, sans-serif;margin-left:44px; width:80px; float:left; line-height:55px; font-size:50px;} .about_five .culture ul li .title{ float:left; font-size:24px; line-height:28px; padding-top:5px;} .about_five .culture ul li .title p{ font-size:16px; padding-top:2px;} .about_five .culture ul li.no2{ width:286px; padding-top:27px; margin-left:10px;} .about_five .culture ul li.no2 .nr{height:86px; width:210px; margin:0px auto; font-size:16px; line-height:28px;} .about_five .culture ul li.no3{ width:256px;} .about_five .culture ul li.no4{ border-left:0px;} .about_five .culture ul li.no5{ width:540px; padding-top:30px; padding-bottom:30px;} .about_five .culture ul li.no5 .js{ width:455px; margin:0px auto;font-size:16px; line-height:28px; color:#fff;} .about_five .Idea{ position:absolute; width:555px; right:0px; z-index:50; top:112px; } .about_five .Idea ul li{ float:left; background:#fff; border:1px #fff solid; color:#2e2e2e; margin-bottom:10px; margin-left:10px;} .about_five .Idea ul li.no1{ width:244px;} .about_five .Idea ul li .cont{ padding-top:27px; height:86px;} .about_five .Idea ul li .bh{ font-family:Arial, Helvetica, sans-serif;margin-left:35px; width:80px; float:left; line-height:55px; font-size:50px; color:#2a526b;} .about_five .Idea ul li .title{ float:left; font-size:24px; line-height:28px; padding-top:5px;} .about_five .Idea ul li .title p{ font-size:16px; padding-top:2px; color:#888888;} .about_five .Idea ul li.no2{ width:284px; padding-top:27px; } .about_five .Idea ul li.no2 .nr{height:86px; width:210px; margin:0px auto; font-size:16px; line-height:28px;} .about_five .Idea .photo{ margin-left:10px;} .jleft{ width:122px; padding-top:61px; margin-left:98px; float:left; z-index:10; position:absolute;} .jleft ul li{position:relative; } .jleft ul li a{ display:block;background:#2a5369; color:#fff; width:122px; height:62px; text-align:center; font-size:26px;line-height:62px; margin-bottom:11px; } .jleft ul li a:hover,.jleft ul li.cur a{ background:#fbcb73; color:#3e3e40;} .jleft ul li span{ display:none;} .jleft ul li:hover span,.jleft ul li.cur span{ display:inline;position:absolute; top:50%; margin-top:-16px; right:-16px;width:0;height:0; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:16px solid #fbcb73;} .solubanner{ height:320px; margin-bottom:71px;} .solu .part1{ background:#f2f3f5 url(../images/solu_05.jpg) left top no-repeat; padding-top:47px; height:604px; margin-bottom:62px;} .solu .part1 ul{ width:436px; margin-left:52px; float:left;} .solu .part1 ul li{ text-align:right; margin-bottom:45px;} .solu .part1 ul li .bh{ color:#acce39; font-size:45px; font-family:Arial, Helvetica, sans-serif; line-height:45px; margin-bottom:5px;} .solu .part1 ul li .title{ color:#000000; font-size:30px; margin-bottom:5px;} .solu .part1 ul li .nr{ color:#555555; font-size:18px; line-height:30px;} .solu .part1 .photo{ float:left; margin-left:40px; padding-top:29px;} .solu .part2{ margin-bottom:102px;} .solu .part2 .tpleft{ width:400px; float:left; background:#f2f3f5; text-align:center; height:890px;} .solu .part2 .tpleft .photo{ margin-bottom:36px;} .solu .part2 .tpleft .title{ color:#000000; font-size:30px; margin-bottom:15px;} .solu .part2 .tpleft .nr{ color:#555555; line-height:24px; height:48px; overflow:hidden; font-size:14px; width:328px; margin:0px auto;} .solu .part2 ul{ width:740px; float:right;} .solu .part2 ul li{ padding-top:20px; height:126px;border-bottom:1px #e9edf0 solid;} .solu .part2 ul li:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;} .solu .part2 ul li .tb{ width:80px; height:80px; float:left; border-radius:41px; border:1px #2a5369 solid; margin-bottom:5px;} .solu .part2 ul li:hover .tb{border:1px #b0d042 solid;} .solu .part2 ul li .cont{ width:629px; float:right; margin-right:15px; padding-top:5px;} .solu .part2 ul li .cont .title{ color:#2a5369; font-size:20px; font-weight:bold;} .solu .part2 ul li:hover .cont .title{ color:#acce39;} .solu .part2 ul li .cont .nr{ color:#555555; font-size:16px; line-height:30px; height:60px; overflow:hidden;} .solu .part2 ul li:last-child{ border-bottom:0px;} .solu .part2 ul li.no1 .tb{background:url(../images/so_03.png) center no-repeat; } .solu .part2 ul li.no2 .tb{background:url(../images/solu_19.png) center no-repeat; } .solu .part2 ul li.no3 .tb{background:url(../images/solu_23.png) center no-repeat; } .solu .part2 ul li.no4 .tb{background:url(../images/solu_26.png) center no-repeat; } .solu .part2 ul li.no5 .tb{background:url(../images/solu_29.png) center no-repeat; } .solu .part2 ul li.no6 .tb{background:url(../images/solu_32.png) center no-repeat; } .solu .part2 ul li.no7 .tb{background:url(../images/solu_36.png) center no-repeat; } .solu .part2 ul li.no8 .tb{background:url(../images/solu_39.png) center no-repeat; } .solu .part2 ul li.no9 .tb{background:url(../images/solu_41.png) center no-repeat; } .solu .part2 ul li.no10 .tb{background:url(../images/solu_43.png) center no-repeat; } .solu .part2 ul li.no11 .tb{background:url(../images/solu_47.png) center no-repeat; } .solu .part2 ul li.no12 .tb{background:url(../images/solu_50.png) center no-repeat; } .solu .part2 ul li.no13 .tb{background:url(../images/solu_54.png) center no-repeat; } .solu .part2 ul li.no14 .tb{background:url(../images/solu_56.png) center no-repeat; } .solu .part2 ul li.no15 .tb{background:url(../images/solu_58.png) center no-repeat; } .solu .part2 ul li.no16 .tb{background:url(../images/solu_60.png) center no-repeat; } .solu .part2 ul li.no17 .tb{background:url(../images/solu_62.png) center no-repeat; } .solu .part2 ul li.no18 .tb{background:url(../images/solu_66.png) center no-repeat; } .solu .part2 ul li.no1:hover .tb{background:url(../images/solu_15.png) center no-repeat; } .solu .part2 ul li.no2:hover .tb{background:url(../images/so_07.png) center no-repeat; } .solu .part2 ul li.no3:hover .tb{background:url(../images/so_11.png) center no-repeat; } .solu .part2 ul li.no4:hover .tb{background:url(../images/so_14.png) center no-repeat; } .solu .part2 ul li.no5:hover .tb{background:url(../images/so_17.png) center no-repeat; } .solu .part2 ul li.no6:hover .tb{background:url(../images/so_19.png) center no-repeat; } .solu .part2 ul li.no7:hover .tb{background:url(../images/so_21.png) center no-repeat; } .solu .part2 ul li.no8:hover .tb{background:url(../images/so_24.png) center no-repeat; } .solu .part2 ul li.no9:hover .tb{background:url(../images/so_26.png) center no-repeat; } .solu .part2 ul li.no10:hover .tb{background:url(../images/so_28.png) center no-repeat; } .solu .part2 ul li.no11:hover .tb{background:url(../images/so_32.png) center no-repeat; } .solu .part2 ul li.no12:hover .tb{background:url(../images/so_34.png) center no-repeat; } .solu .part2 ul li.no13:hover .tb{background:url(../images/so_36.png) center no-repeat; } .solu .part2 ul li.no14:hover .tb{background:url(../images/so_38.png) center no-repeat; } .solu .part2 ul li.no15:hover .tb{background:url(../images/so_40.png) center no-repeat; } .solu .part2 ul li.no16:hover .tb{background:url(../images/so_42.png) center no-repeat; } .solu .part2 ul li.no17:hover .tb{background:url(../images/so_44.png) center no-repeat; } .solu .part2 ul li.no18:hover .tb{background:url(../images/so_47.png) center no-repeat; } .contact{ padding-top:71px; margin-bottom:99px;} .contact .part1{ text-align:center; margin-bottom:82px;} .contact .part1 .title{ color:#242424; font-size:36px; line-height:36px; margin-bottom:32px;} .contact .part1 .nr{ font-size:16px; color:#646464; line-height:30px;} .contact .part2{ color:#2e2e2e; font-size:24px;background:url(../images/contact_05.jpg) right center no-repeat; margin-bottom:60px;} .contact .part3 { margin-bottom:30px;} .contact .part3 ul { width:1250px;} .contact .part3 ul li{ width:380px; height:163px; float:left; background:#f1f1ef; text-align:center; border-bottom:3px #dfe2d4 solid; margin-right:32px; position:relative;} .contact .part3 ul li .nr{ padding-top:78px; color:#2e2e2e; font-size:14px; line-height:26px;} .contact .part3 ul li .tb{ position:absolute; width:76px; height:76px; border:2px #f1f1ef solid; border-radius:78px; top:-40px; left:50%; margin-left:-38px;} .contact .part3 ul li:hover{border-bottom:3px #acce39 solid;} .contact .part3 ul li.no1 .tb{background:#acce39 url(../images/tel_06.png) center no-repeat; } .contact .part3 ul li.no2 .tb{background:#acce39 url(../images/tel_03.png) center no-repeat; } .contact .part3 ul li.no3 .tb{background:#acce39 url(../images/tel_09.png) center no-repeat; } .contact .part4{} .contact .part4 ul li{ border-bottom:1px #f1f1ef solid;color:#2e2e2e; height:138px; padding-top:66px;} .contact .part4 ul li .tpleft .title{ font-size:24px; line-height:29px; height:29px; overflow:hidden; margin-bottom:20px;} .contact .part4 ul li .tpleft .nr{ font-size:14px;} .contact .part4 ul li .tpright{font-size:18px; line-height:24px; padding-top:8px;} .contact .part4 ul li .tpright .bt{ color:#acce39; font-weight:bold; float:right;} .contact .part4 ul li .tpright .eng{font-size:16px;color:#bfbfbf; font-family:Arial, Helvetica, sans-serif;} .show_c{ background:#f2f3f5; padding-top:58px; padding-bottom:72px;} .show_8{box-shadow:0px 0px 18px #e3dfdf; margin-bottom:93px;} .show_8 .photo{ float:right;} .show_8 ul{ width:683px; float:left; margin-left:30px;} .show_8 ul li{ height:118px; padding-top:42px; border-bottom:1px #e5e5e5 solid;} .show_8 ul li .bh{ line-height:30px; float:left; font-size:24px; font-weight:bold; color:#fbcb73;font-style:italic} .show_8 ul li .cont{ width:625px; float:right;} .show_8 ul li .cont .title a{ font-size:20px; color:#373737; display:block; margin-bottom:10px;} .show_8 ul li .cont .nr{-webkit-line-clamp:2; font-size:14px; color:#666666; line-height:24px;} .show_8 ul li .cont .nr a{ display:none;} .show_8 ul li:last-child{ border-bottom:0px;} .show_8 ul li:hover .cont .title a{ color:#2a5369;} .show_8 ul li:hover .bh{color:#2a5369;} .show_8 ul li:hover .nr a{ display:inline;} /*新增*/ .show_y{ position:relative; margin-bottom:90px;} .show_y:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;} .show_y ul li{ width:377px; float:left; background:#f5f5f5; height:451px; margin-right:34px;} .show_y ul li:nth-child(3n){ margin-right:0px;} .show_y ul li .photo{ margin-bottom:28px;} .show_y ul li:hover{ background:#124c64;} .show_y ul li:hover .cont .tit{ color:#fff;} .show_y ul li:hover .cont .nr{ color:#fff;} .show_y ul li .cont{ width:85%; margin:0px auto;} .show_y ul li .cont .tit{ font-size:18px; color:#313131;display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis; margin-bottom:10px;} .show_y ul li .cont .nr{ font-size:14px; line-height:26px; height:78px; overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; color:#666666;} .show_y .bnl,.show_y .bnr{ display:block; width:56px; height:56px; border-radius:28px; position:absolute; top:193px; } .show_y .bnl{background:#f5f5f5 url(../images/show_b_01.png) center no-repeat; left:-80px; } .show_y .bnr{background:#f5f5f5 url(../images/show_b_02.png) center no-repeat; right:-80px; } .show_y .bnl:hover{background:#acce39 url(../images/show_b_04.png) center no-repeat; left:-80px; } .show_y .bnr:hover{background:#acce39 url(../images/show_b_05.png) center no-repeat; right:-80px; } .xf_bg{background-color:#000;/* IE6和部分IE7内核的浏览器(如QQ浏览器)下颜色被覆盖 */ background-color:rgba(0,0,0,0.7); width:100%; height:100%; position:fixed; z-index:20; left:0px; top:0px; } .part_flot{ background:#fff; width:798px; height:360px;position:fixed; z-index:30; left:50%; top:50%; margin-left:-400px; margin-top:-180px; border-radius:7px;} .part_flot .cont{ width:711px; margin:0px auto; padding-top:46px;} .part_flot .cont .tit{ font-size:24px; color:#282828; position:relative; padding-bottom:10px; margin-bottom:20px;} .part_flot .cont .tit:after { width: 33px; height: 3px; position: absolute; left: 0px; bottom: 0px; background: #acce39; content: ''; } .part_flot .cont .nr{ font-size:16px; line-height:30px; color:#424242; height:177px; overflow:hidden;} .part_flot .cont .nr p{ margin-bottom:15px;} .part_flot a.cross{ display:block;width:26px; height:26px; border-radius:14px; border:1px #8e8e8e solid; text-align:center; line-height:20px; font-size:24px; color:#8e8e8e; position:absolute; right:13px; top:13px;cursor:pointer;} .pr_ele{border:1px #dcdcdc solid;} .pr_ele .look{ background:#acce39; line-height:58px; text-align:center; color:#fff; font-size:16px; height:58px;} .pr_ele .no1{ width:168px; float:left; border-right:1px #ededed solid;} .pr_ele .no2{ width:156px;float:left;border-right:1px #ededed solid;} .pr_ele .no3{ width:390px;float:left;} .pr_ele ul li{ clear:both;} .pr_ele ul li .no1,.pr_ele ul li .no2{ height:195px; text-align:center;} .pr_ele ul li .no1 .photo{ text-align:center; font-size:18px; color:#2a5369; text-align:center; margin-top:30px;} .pr_ele ul li .no1 .photo img{ margin-bottom:4px;} .pr_ele ul li .no2{ font-size:16px; color:#555555;display:flex; } .pr_ele ul li .no2 i{align-self:center; width:100%;font-style: normal;} .pr_ele ul li .cont{ width:354px; margin:0px auto; padding-top:20px;} .pr_ele ul li .cont .nr{ color:#555555; font-size:14px; line-height:24px; height:96px; overflow:hidden;margin-bottom:25px;} .pr_ele ul li .cont a.more{ display:block; width:68px; height:29px; border:1px #2a5369 solid; border-radius:5px; background:url(../images/bluejt_03.png) center no-repeat;} .pr_ele ul li .cont a.more:hover{background:#2a5369 url(../images/bluejt_034.png) center no-repeat;} .pr_ele ul li .no1{ font-size:22px; color:#2a5369;} .pr_ele ul li .no1 span{ display:block; border:1px #2a5369 solid; width:16px; height:16px; text-align:center; line-height:14px; margin:57px auto 5px; font-size:16px; color:#2a5369; border-radius:9px;} .pr_ele ul li:nth-child(2n){ background:#f7f8f9;} .pr_ele ul li:after{content:"\200B";display:block; height:0px; overflow:hidden;clear:both;} /*新增*/ .Electric{overflow:hidden;} .Electric.fixed{ padding-top:58px;} .Electric .look{ background:#acce39;width:; text-align:center; color:#fff; font-size:16px; height:58px;border:1px #dcdcdc solid; border-bottom:0;} .Electric.fixed .look{ position:fixed;width:880px; margin-left:0px; top:0;} .Electric ul li{ float:left;border-right:1px #ededed solid; text-align:center; position:relative;} .Electric .no1{ width:110px;line-height:58px;} .Electric .no2{ width:87px;word-wrap:break-word;word-break:break-all;} .Electric .no3{ width:95px;word-wrap:break-word;word-break:break-all;} .Electric .look ul li.no2,.Electric .look ul li.no2{line-height:58px;} .Electric .look ul li.no3{ font-size:14px; line-height:20px; padding-top:8px; height:50px;} .Electric ul li:last-child{ border-right:0px;} .Electric .anti-glue{ font-size:14px; vertical-align: middle; text-align:center;border:1px #dcdcdc solid; border-top:0;} .Electric .anti-glue .no1{font-size:18px; color:#2a5369;} .Electric .anti-glue tr td{ border-right:1px #ededed solid;height:121px;} .Electric .anti-glue tr td:last-child{ border-right:0px;} .Electric .anti-glue tr:nth-child(odd){ background:#f6f7f8;} .Electric .anti-glue tr:hover{ background:#eef5d7; color:#555555;} .Electric .look ul li.sub:after{content:"\200B"; display:block;width:0; height:0; overflow:hidden;position: absolute;top: 50%;right: 5px;margin-top:-2.5px;border-width: 5px;border-style: solid dashed dashed;border-color: #fff transparent transparent;border-top-color: rgba(0,0,0,.5); transition:all .2s;-webkit-transition:all .2s;} .Electric .look ul li.sub:hover:after{margin-top: -7.5px;border-style: dashed dashed solid;border-color: transparent transparent #fff;} .Electric .look ul li ul{ position:absolute;opacity:0;visibility:hidden; top:54px; width:100%; left:0px; padding:18px 0px; background:white;border-top:solid 4px #12404d; box-shadow:3px 3px 8px #ddd;transform: translateY(15px);-webkit-transform: translateY(15px);} .Electric .look ul li:hover ul{transition:all .5s;-webkit-transition:all .5s;opacity:1;visibility:visible;transform: translateY(0px);-webkit-transform: translateY(0px);} .Electric .look ul li ul li,.Electric .look ul li ul li a{float:none;color:#828384; font-size:14px; height:32px; line-height:32px; display:block;}