/*banner*/ .banner { width: 100%; position: relative; } .focus { width: 100%; position: relative; zoom: 1; overflow: hidden; z-index: 9; } .f426x240, .f160x160 { width: 100%; overflow: hidden; z-index: 9; } .rslides li { width: 100%; float: left; display: none; z-index: 9; } .rslides li img { z-index: 9; display:block; } .rslides { width: 100%; position: relative; z-index: 9; margin: 0 auto; } .rslides_nav { height: 51px; width: 31px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; text-indent: -9999px; overflow: hidden; text-decoration: none; display: none; } .rslides_nav:active { opacity: 1.0; } .rslides_nav.next { left: auto; right: 0; } .rslides_tabs { text-align: center; position: absolute; bottom: 30px; z-index: 9; left: 0%; width:100%; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin:0 10px; } .rslides_tabs a { margin-top: 0px; text-indent: 9999px; overflow: hidden; background:url(/uploads/image/images/ico1.png) no-repeat; display: inline-block; _display: block; *display: block; width: 15px; height: 15px; z-index: 9; *z-index: 9; } .rslides_tabs .rslides_here a { background:url(/uploads/image/images/ico1on.png) no-repeat; } .banner .prev{ position:absolute; left:2%; top:50%; margin-top:-17px; background:url(/uploads/image/images/nimg20_left.png) center no-repeat; z-index:22; width:20px; height:35px; display:block;} .banner .next{ position:absolute; right:2%; top:50%; margin-top:-17px; background:url(/uploads/image/images/nimg20_right.png) center no-repeat; z-index:22; width:20px; height:35px; display:block;} .banner .prev:hover{ background:url(/uploads/image/images/nimg20_lefton.png) center no-repeat;} .banner .next:hover{ background:url(/uploads/image/images/nimg20_righton.png) center no-repeat;} /*banner结束*/ .indexflashtel{position:relative; overflow:hidden; max-width:1004px; display:none;} .indexflashtel .btndiv{position:absolute; z-index:10; left:0px; bottom:25px; width:100%; text-align:center;} .indexflashtel .btndiv span{display:inline-block; width:15px; height:15px; background:url(/uploads/image/images/ico1.png) no-repeat; cursor:pointer; margin:0 5px;} .indexflashtel .btndiv span.on{ background:url(/uploads/image/images/ico1on.png) no-repeat;} .indexflashtel .bd{position:relative; z-index:0;} .indexflashtel .bd li{position:relative; text-align:center;} .indexflashtel .bd li img{width:100%; display:block;} .indexpart0{ height:157px; border-bottom:#eee solid 1px;} .indexpart0 .list li{ float:left; width:25%; text-align:center; background:url(/uploads/image/images/line2.jpg) right center no-repeat; height:157px;} .indexpart0 .list li .num{ padding:25px 0 5px; font-size:50px; color:#159997; font-family:impact;} .indexpart0 .list li .txt{ font-size:14px; color:#999; height:35px; position:relative;} .indexpart0 .list li .txt em{ position:absolute; left:50%; bottom:0px; margin-left:-10px; width:20px; height:2px; background:#f19015;} .indexpart1{ padding:90px 0 115px;} .indexpart1 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart1 .topdiv .title{ padding-left:40px; font-size:24px; color:#159997; background:url(/uploads/image/images/nimg20_1.png) left center no-repeat;} .indexpart1 .topdiv .btndiv{ position:absolute; right:0px; top:10px;} .indexpart1 .topdiv .btndiv a{ display:block; width:120px; height:35px; background:url(/uploads/image/images/btn1.png) no-repeat; line-height:35px; font-size:14px; text-indent:20px;} .indexpart1 .topdiv .btndiv a:hover{ background:url(/uploads/image/images/btn1on.jpg) no-repeat; color:#fff;} .indexpart1 .topdiv .txt{ position:absolute; right:150px; top:0px; line-height:55px; color:#bababa; font-size:14px;} .indexpart1 .leftdiv{ width:610px; margin-right:20px;} .indexpart1 .leftdiv .box{ position:relative;} /*.indexpart1 .leftdiv .imgdiv img{ width:100%;}*/ .indexpart1 .leftdiv .imgdiv img{ width:610px;} .indexpart1 .leftdiv .suspenddiv{ position:absolute; left:0px; bottom:0px; width:100%; height:170px; background:url(/uploads/image/images/bg1.png) repeat;} .indexpart1 .leftdiv .name{ padding:25px 30px 0; height:30px; line-height:30px; font-size:18px; color:#fff; overflow:hidden;} .indexpart1 .leftdiv .content{ padding:20px 30px 0; height:48px; line-height:24px; overflow:hidden; color:#fff; font-size:14px;} .indexpart1 .leftdiv .time{ padding:10px 30px 0; height:30px; color:#fff; position:relative;} .indexpart1 .leftdiv .time a{ position:absolute; right:30px; top:8px; color:#fff;} .indexpart1 .leftdiv .time a:hover{ text-decoration:underline;} .indexpart1 .rightdiv{ width:610px;} .indexpart1 .rightdiv .bigimg{ position:relative;} .indexpart1 .rightdiv .bigimg img{ width:610px;} .indexpart1 .rightdiv .bigimg .name{ position:absolute; width:100%; left:0px; text-align:center; top:50%; margin-top:-15px; height:30px; line-height:30px; color:#fff; font-size:24px;} /*.indexpart1 .rightdiv .list{ padding-top:20px;} .indexpart1 .rightdiv .list ul{ margin-right:-20px;} .indexpart1 .rightdiv .list li{ float:left;} .indexpart1 .rightdiv .list li .box{ width:295px; margin-right:20px; height:215px; background:#f5f5f5; position:relative;} .indexpart1 .rightdiv .list li .name{ padding:25px 30px 0; height:60px; overflow:hidden; font-size:18px; color:#666; line-height:30px; overflow:hidden;} .indexpart1 .rightdiv .list li .time{ position:absolute; bottom:25px; height:20px; line-height:20px; padding-left:30px; width:235px;} .indexpart1 .rightdiv .list li .time em{ color:#bababa;} .indexpart1 .rightdiv .list li .time a{ position:absolute; right:0px; top:0px; padding-right:15px; background:url(/uploads/image/images/ico2.png) right center no-repeat;}*/ .indexpart1 .rightdiv .list{ padding-top:20px; overflow:hidden;} .indexpart1 .rightdiv .list ul{ margin-right:-35px;} .indexpart1 .rightdiv .list li{ float:left; width:50%; font-size:14px; height:44px;} .indexpart1 .rightdiv .list li .box{ margin-right:35px; padding-left:22px; background:url(/uploads/image/images/ico5.png) left 9px no-repeat;} .indexpart1 .rightdiv .list li a{ display:block; height:22px; line-height:22px; overflow:hidden;} .indexpart1 .rightdiv .list li em{ display:block; color:#bababa;} .indexpart2{ padding:90px 0; background:#159997;} .indexpart2 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart2 .topdiv .title{ padding-left:40px; font-size:24px; color:#fff; background:url(/uploads/image/images/nimg20_2.png) left center no-repeat;} .indexpart2 .topdiv .btndiv{ position:absolute; right:0px; top:10px;} .indexpart2 .topdiv .btndiv a{ display:block; width:120px; height:35px; background:url(/uploads/image/images/btn2.png) no-repeat; color:#fff; line-height:35px; font-size:14px; text-indent:20px;} .indexpart2 .topdiv .btndiv a:hover{ background:url(/uploads/image/images/btn2on.jpg) no-repeat; color:#159997;} .indexpart2 .topdiv .txt{ position:absolute; right:150px; top:0px; line-height:55px; color:#fff; font-size:14px;} .indexproduct .bigimg{display:block;} .indexproduct .slider-for .box{ position:relative; overflow:hidden;} .indexproduct .officeimg{ height:390px; margin:0 -10px;} .indexproduct .officeimg .slick-slide{float:left; width:400px; height:390px; cursor:pointer; margin:0 10px; position:relative; overflow:hidden; background:#f5f5f5;} .indexproduct .officeimg .slick-slide .name{ padding-top:5px; height:32px; line-height:32px; text-align:center; font-size:18px; overflow:hidden;} .indexproduct .officeimg .slick-slide .txt{ text-align:center; font-size:14px; color:#999;} .indexproduct .officeimg .slick-current{} .indexproduct .officeimg .slick-current .name{ } .indexproduct .officeimg .slick-current .txt{} .indexproduct .slick-prev{ position:absolute; left:-46px; top:50%; margin-top:-21px; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_left.png) no-repeat; z-index:22} .indexproduct .slick-next{ position:absolute; right:-46px; top:50%; margin-top:-21px; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_right.png) no-repeat; z-index:22} .indexproduct .slick-prev:hover{ background:url(/uploads/image/images/nimg12_lefton.png) no-repeat;} .indexproduct .slick-next:hover{ background:url(/uploads/image/images/nimg12_righton.png) no-repeat;} .indexproduct .msgbox{ background:#fff; padding:0 55px; height:100px; position:relative; margin-top:16px;} .indexproduct .msgbox .bg{ width:11px; height:5px; background:url(/uploads/image/images/nimg11_1.png) no-repeat; position:absolute; left:190px; top:-5px; z-index:22;} .indexproduct .msgbox .list li{ float:left; width:20%; height:100px;} .indexproduct .msgbox .list li .lbox{ padding-left:72px; position:relative; height:100px;} .indexproduct .msgbox .list li .ico{ position:absolute; left:0px; top:18px;} .indexproduct .msgbox .list li h2{ padding-top:25px;} .indexproduct .msgbox .list li .txt{ padding-top:5px; color:#999; font-size:14px;} .indexpart3{ padding:90px 0 50px; background:#f5f5f5;} .indexpart3 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart3 .topdiv .title{ padding-left:40px; font-size:24px; color:#159997; background:url(/uploads/image/images/nimg20_1.png) left center no-repeat;} .indexpart3 .topdiv .btndiv{ position:absolute; right:0px; top:10px;} .indexpart3 .topdiv .btndiv a{ display:block; width:120px; height:35px; background:url(/uploads/image/images/btn1.png) no-repeat; line-height:35px; font-size:14px; text-indent:20px;} .indexpart3 .topdiv .btndiv a:hover{ background:url(/uploads/image/images/btn1on.jpg) no-repeat; color:#fff;} .indexpart3 .topdiv .txt{ position:absolute; right:150px; top:0px; line-height:55px; color:#bababa; font-size:14px;} .indexpart3pic{ position:relative;} .indexpart3pic .slick{ padding:0 870px 0 30px; height:400px; position:relative; background:#fff;} .indexpart3pic .slick .imgdiv{ position:absolute; right:0px; top:0px;} .indexpart3pic .slick .name{ padding-top:25px; font-size:18px; height:48px; border-bottom:#e0e0e0 solid 1px;} .indexpart3pic .slick .content{ padding-top:20px; height:192px; overflow:hidden; line-height:24px; font-size:14px; color:#999;} .indexpart3pic .slick .more{ padding-top:50px;} .indexpart3pic .slick .more a{ display:block; height:30px; line-height:30px; width:52px; background:url(/uploads/image/images/ico2.png) right center no-repeat;} .indexpart3pic .slick-prev{ position:absolute; left:-46px; top:50%; margin-top:-21px; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_left2.png) no-repeat; z-index:22} .indexpart3pic .slick-next{ position:absolute; right:-46px; top:50%; margin-top:-21px; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_right2.png) no-repeat; z-index:22} .indexpart3pic .slick-prev:hover{ background:url(/uploads/image/images/nimg12_left2on.png) no-repeat;} .indexpart3pic .slick-next:hover{ background:url(/uploads/image/images/nimg12_right2on.png) no-repeat;} .indexpart3pic .slick-dots{ padding-top:30px; text-align:center;} .indexpart3pic .slick-dots li{display:inline-block; margin:0 5px; width:15px; height:15px; background:url(/uploads/image/images/ico3.png) no-repeat;} .indexpart3pic .slick-dots .slick-active{background:url(/uploads/image/images/ico3on.png) no-repeat;} .indexpart4{ padding:50px 0 100px; background:#f5f5f5;} .indexpart4 .topdiv{ height:55px; position:relative; padding-bottom:30px;} .indexpart4 .topdiv .title{ padding-left:40px; font-size:24px; color:#159997; background:url(/uploads/image/images/nimg20_1.png) left center no-repeat;} .indexpart4 .topdiv .btndiv{ position:absolute; right:0px; top:10px;} .indexpart4 .topdiv .btndiv a{ display:block; width:120px; height:35px; background:url(/uploads/image/images/btn1.png) no-repeat; line-height:35px; font-size:14px; text-indent:20px;} .indexpart4 .topdiv .btndiv a:hover{ background:url(/uploads/image/images/btn1on.jpg) no-repeat; color:#fff;} .indexpart4 .topdiv .txt{ position:absolute; right:150px; top:0px; line-height:55px; color:#bababa; font-size:14px; text-transform:uppercase;} .indexpart4 .list{ border-top:#eee solid 1px; border-left:#eee solid 1px;} .indexpart4 .list li{ float:left; width:16.66%;} .indexpart4 .list li .box{ border-right:#eee solid 1px; border-bottom:#eee solid 1px;} .indexpart4 .list li .box img{ width:100%;} .indexpart5{ padding:100px 0;} .indexpart5 .leftdiv1{display:none;} .indexpart5 .leftdiv{ display:block;width:610px;} .indexpart5 .rightdiv{ width:525px;} .indexpart5 .list{ height:100px; border-left:#eee solid 1px; margin-bottom:50px;} .indexpart5 .list li{ float:left; width:130px; border-right:#eee solid 1px; height:100px; text-align:center; font-size:14px;} .indexpart5 .list li .ico{ padding:20px 0 10px;} .indexpart5 .list li .ico .img1{ display:none;} .indexpart5 .list li:hover .ico .img1{ display:inline-block;} .indexpart5 .list li:hover .ico img{ display:none;} .indexpart5 .msgdiv{ width:312px;} .indexpart5 .msgdiv h2{ font-size:20px; color:#159997; padding-bottom:20px;} .indexpart5 .msgdiv .tel{ font-size: 33px; color:#f19015;} .indexpart5 .msglist{padding-top: 20px;} .indexpart5 .msglist li{ padding-left:30px; position:relative; font-size:14px; height: 47px;line-height: 26px;} .indexpart5 .msglist li img{ position:absolute; left:0px; top: 3px;} .indexpart5 .ewmlist ul{ margin-left:-38px;} .indexpart5 .ewmlist li{ float:left; width:85px; margin-left:38px;} .indexpart5 .ewmlist li .imgdiv{ border:#efefef solid 1px;} .indexpart5 .ewmlist li p{ text-align:center; padding-top:15px; color:#bababa; font-size:14px;} .about .msg{ font-size:14px; color:#999; line-height:24px; padding-bottom:25px;} .about .msg b{ font-size:16px; padding-right:10px;} .about .list{ height:157px; border-bottom:#eee solid 1px; border-top:#eee solid 1px;} .about .list li{ float:left; width:25%; text-align:center; background:url(/uploads/image/images/line2.jpg) right center no-repeat; height:157px;} .about .list li .num{ padding:25px 0 5px; font-size:50px; color:#159997; font-family:impact;} .about .list li .txt{ font-size:14px; color:#999; height:35px; position:relative;} .about .list li .txt em{ position:absolute; left:50%; bottom:0px; margin-left:-10px; width:20px; height:2px; background:#f19015;} .about .content{ font-size:14px; line-height:24px; color:#999; padding:40px 0;} .culture .list li{ padding-left:190px; position:relative; min-height:150px; padding-bottom:20px; border-bottom:#efefef solid 1px;} .culture .list li .leftdiv{ position:absolute; left:0px; top:0px; width:150px; text-align:center;} .culture .list li .ico{ padding:52px 0 15px;} .culture .list li h2{ font-size:16px; color:#159997;} .culture .list li .name{ padding:50px 0 20px; position:relative; font-size:14px; font-weight:bold;} .culture .list li .name em{ display:block; position:absolute; left:0px; bottom:0px; width:20px; height:2px; background:#f19015;} .culture .list li .content{ font-size:14px; color:#999; padding-top:20px;} .historybox{ position:relative;} .historybg{ height:55px; background:url(/uploads/image/images/line4.jpg) left 36px repeat-x;} .historylist{ height:55px; background:url(/uploads/image/images/bg6.png) left 32px repeat-x; padding:0 40px;} .historylist .slick-slide{ text-align:center; height:55px; font-size:18px; font-weight:bold; color:#6e6e6e; background:url(/uploads/image/images/nimg16_1.png) center 27px no-repeat; cursor:pointer;} .historylist .slickon{ color:#159997; background:url(/uploads/image/images/nimg16_1on.png) center 27px no-repeat;} .historybox .slick-prev{position:absolute; z-index:10; left:-30px; top:50%; margin-top:-8px; display:block; background:url(/uploads/image/images/nimg14_left.png) left top no-repeat; width:35px; height:28px;} .historybox .slick-next{position:absolute; z-index:10; right:-30px; top:50%; margin-top:-8px; display:block; background:url(/uploads/image/images/nimg14_right.png) right top no-repeat; width:35px; height:28px;} .historycontentdiv{ padding-top:35px;} .historycontent{ display:none;} .historycontent li{ background:url(/uploads/image/images/line3.png) bottom repeat-x; padding:35px 0 20px 110px; position:relative;} .historycontent li .year{position: absolute;left: 20px;top: 40px;font-size: 16px;color: #333;font-weight: bold;} /*.historycontent li .year em{ display:block; width:56px; text-align:center; font-weight:bold;}*/ .historycontent li .list{ padding-top:5px;} .historycontent li .list dd{ font-size:14px; line-height:24px; color:#999; padding-bottom:20px;} .video .list ul{ margin-right:-20px;} .video .list li{ float:left; width:33.33%; margin-bottom:40px;} .video .list li .box{ margin-right:20px;} .video .list li .imgdiv{ position:relative;} .video .list li .imgdiv .img1{ width:100%;} .video .list li .hidebox{ position:absolute; left:0px; top:0px; display:none; z-index:11; background:url(/uploads/image/images/bg2.png) repeat; width:100%;} .video .list li .ico{ position:absolute; left:50%; top:50%; width:35px; height:35px; margin-left:-17px; margin-top:-17px;} .video .list li .name{ padding-top:15px; height:24px; line-height:24px; overflow:hidden; font-size:14px; text-align:center;} .videoshow .name{ text-align:center; font-size:24px; padding-bottom:10px;} .videoshow .time{ text-align:center; color:#bababa; padding-bottom:10px; border-bottom:#eee solid 1px;} .videoshow .videoimg{ text-align:center; padding:50px 0;} .videoshow .txt{ font-size:14px; color:#f19015; font-weight:bold; padding-bottom:15px;} .videoshow .content{ font-size:14px; line-height:24px; color:#999; padding-bottom:90px;} .videoshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .videoshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .videoshow .share li{ float:left; margin-left:10px;} .pagedown{height:75px; position:relative; overflow:hidden;} .pagedown .box{ border-top:#eee solid 1px; padding-top:15px; padding-right:130px;} .pagedown .btn{position:absolute; display:block; top:24px; right:0px; width:118px; height:33px; border:#e0e0e0 solid 1px; text-align:center; line-height:33px; font-size:14px;} .pagedown .btn:hover{ color:#fff; border:#159997 solid 1px; background:#159997;} .pagedown li{ height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; font-size:14px;} .honorbox{ position:relative;} .honorbg{ height:120px;} .honorlist{ height:120px; background:url(/uploads/image/images/bg4.png) left bottom repeat-x; padding:0 100px;} .honorlist .slick-slide{ text-align:center; padding-top:45px; height:75px; font-size:16px; cursor:pointer;} .honorlist .slickon{ color:#fff; background:url(/uploads/image/images/nimg80_1.png) center top no-repeat; font-size:18px; padding-top:28px; height:90px;} .honorbox .slick-prev{position:absolute; z-index:10; left:0px; top:96px; display:block; background:#fff url(/uploads/image/images/nimg16_left.png) left top no-repeat; width:30px; height:30px;} .honorbox .slick-next{position:absolute; z-index:10; right:0px; top:96px; display:block; background:#fff url(/uploads/image/images/nimg16_right.png) right top no-repeat; width:30px; height:30px;} .honorcontentdiv{ padding-top:70px;} .honorcontent{ display:none;} .honor .contentbox li{ background:#f7f7f7; padding:60px 38px 45px; margin-bottom:30px;} .honor li .year{ font-size:18px; color:#159997; font-weight:bold; padding-bottom:20px;} .honor li .botdiv{ padding-left:95px; position:relative;} .honor li .month{ position:absolute; left:0px; top:0px; width:65px; height:32px; background:url(/uploads/image/images/nimg65_1.png) no-repeat; line-height:32px; color:#333;} .honor li .month em{ display:block; width:56px; text-align:center; font-weight:bold;} .honor li .list{ padding-top:3px;} .honor li .list dd{ font-size:14px; line-height:24px; color:#999; padding-bottom:15px;} .product .title{ height:48px; border-bottom:#eee solid 2px; font-size:18px; color:#159997; font-weight:bold;} .product .list{ padding:30px 0 70px;} .product .list ul{ margin-right:-20px;} .product .list li{ float:left; width:25%; padding-bottom:20px;} .product .list li .box{ margin-right:20px;} .product .list li .imgdiv{ border:#eee solid 1px;} .product .list li .imgdiv img{ width:100%;} .product .list li .botdiv{ height:70px; background:#f3f3f3; padding:0 10px; overflow:hidden;} .product .list li .name{ padding-top:10px; height:28px; line-height:28px; overflow:hidden; font-size:18px; color:#666; text-align:center;} .product .list li .txt{ color:#999; font-size:14px; text-align:center; overflow:hidden; height:45px;} .product .list li:hover .botdiv{ background:#5bb7b6;} .product .list li:hover .name{ color:#fff;} .product .list li:hover .txt{ color:#eee;} .product .list2{ padding:30px 0 0;} .productshow_1{ position:relative; height:488px; padding-left:712px; margin-bottom:100px;} .productshow_1 .bigimg{ border:#eee solid 1px; width:608px; position:absolute; left:0px; top:0px;} .productshow_1 .rightbot{ width:528px; height:68px; position:absolute; right:0px; bottom:0px;} .productshow_1 .prev{position:absolute; left:0px; top:0px; display:block; width:42px; height:68px; background:url(/uploads/image/images/nimg42_left.jpg) left top no-repeat; z-index:66;} .productshow_1 .next{position:absolute; right:0px; top:0px; display:block; width:42px; height:68px; background:url(/uploads/image/images/nimg42_right.jpg) left top no-repeat; z-index:66} .productshow_1 .list{width:426px; overflow:hidden; position:relative; margin:0 auto;} .productshow_1 .list ul{width:2000%;} .productshow_1 .list li{float:left; width:83px; height:66px; border:#eee solid 1px; overflow:hidden; margin:0 11px;} .productshow_1 .list li img{ width:83px;} .productshow_1 .list .linow{ border:#159997 solid 1px;} .productshow_1 .name{ height:60px; border-bottom:#eee solid 1px; position:relative; font-size:20px; color:#159997; line-height:60px; font-weight:bold;} .productshow_1 .name em{ position:absolute; left:0px; bottom:-2px; width:20px; height:3px; display:block; background:#f19015;} .productshow_1 .msglist{ padding-top:25px;} .productshow_1 .msglist dd{ color:#999; font-size:14px; line-height:24px; padding-left:20px; background:url(/uploads/image/images/ico5.png) left 10px no-repeat; margin-bottom:20px;} .productshow .tab2{ height:52px; border-top:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; text-align:center;} .productshow .tab2 li{ display:inline-block; height:50px; line-height:50px; border-bottom:#fff solid 2px; font-size:18px; margin:0 35px;} .productshow .tab2 .linow{ border-bottom:#159997 solid 2px; color:#159997;} .productshow .content{ font-size:14px; line-height:30px; color:#999; padding:70px 0 50px;} .productshow .tableimg{ padding-top:40px;} .productshow .btndiv{ padding:60px 0 85px;} .productshow .btndiv a{ display:block; width:120px; height:35px; background:#159997; color:#fff; text-align:center; line-height:35px; font-size:14px;} .productshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .productshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .productshow .share li{ float:left; margin-left:10px;} .productshow_1tel{ display:none; padding-bottom:50px;} .productflash{ width:100%; overflow: hidden; position:relative;} .productflash .slider-for .imgdiv{ border:#eee solid 1px;} .productflash .slider-for img{ width:100%;} .productflash .agentlistbox{ width:100%; padding-top:15px; text-align:center;} .productflash .agentlist{ padding:0 40px;} .productflash .agentlist .slick-slide{float:left; margin:0 3px; border:#eee solid 1px;} .productflash .agentlist .slick-slide img{ width:100%;} .productflash .agentlist .slick-current{ border:#159997 solid 1px;} .productflash .slick-prev{ cursor:pointer;position:absolute; background:url(/uploads/image/images/nimg42_left.jpg) no-repeat left center; background-size:32px; width:32px; height:52px; bottom:0px; left:0px; z-index:222} .productflash .slick-next{ cursor:pointer;background: url(/uploads/image/images/nimg42_right.jpg) no-repeat right center; background-size:32px; width: 32px; height: 52px; position: absolute; bottom: 0px; right: 0px; z-index:222} .productshow_1tel .name{ padding:30px 0 10px; border-bottom:#eee solid 1px; position:relative; font-size:18px; color:#159997; font-weight:bold;} .productshow_1tel .name em{ position:absolute; left:0px; bottom:-2px; width:20px; height:3px; display:block; background:#f19015;} .productshow_1tel .msglist{ padding-top:15px;} .productshow_1tel .msglist dd{ color:#999; font-size:14px; line-height:24px; padding-left:20px; background:url(/uploads/image/images/ico5.png) left 10px no-repeat; margin-bottom:10px;} .solution .list li{ padding-bottom:50px;} .solution .list li .title{ font-size:18px; color:#159997; font-weight:bold; padding-bottom:25px; border-bottom:#eee solid 2px;} .solution .list li .content{ line-height:36px; font-size:14px; color:#999; padding:25px 0 40px;} .case .content{ font-size:14px; line-height:24px; color:#999; padding-bottom:40px;} .case .list{ border-top:#eee solid 1px; border-left:#eee solid 1px; margin-bottom:50px;} .case .list li{ float:left; width:16.66%;} .case .list li .box{ border-right:#eee solid 1px; border-bottom:#eee solid 1px;} .case .list li .box img{ width:100%;} .caselist .list li{ padding:0 820px 0 0; height:452px; background:url(/uploads/image/images/line3.png) bottom repeat-x; position:relative;} .caselist .list li .imgdiv{ position:absolute; right:0px; top:50px;} .caselist .list li .name{ height:50px; border-bottom:#e0e0e0 solid 1px; padding-top:50px; color:#666;} .caselist .list li .name em{ display:block; height:20px; font-size:18px; line-height:20px; overflow:hidden;} .caselist .list li .content{ padding-top:20px; height:192px; overflow:hidden; line-height:24px; font-size:14px; color:#999;} .caselist .list li .more{ padding-top:65px;} .caselist .list li .more em{ display:block; height:30px; line-height:30px; width:52px; background:url(/uploads/image/images/ico2.png) right center no-repeat;} .caselist .list .li01{ padding:0 0 0 820px;} .caselist .list .li01 .imgdiv{ left:0px; right:auto;} .caselist .list li:hover .name{ color:#159997;} .caselist .list li:hover .more em{ color:#159997; background:url(/uploads/image/images/ico2on.png) right center no-repeat;} .caseshow .name{ text-align:center; font-size:24px; padding-bottom:15px;} .caseshow .time{ text-align:center; color:#bababa; padding-bottom:15px; border-bottom:#eee solid 1px;} .caseshow .msglist{ height:86px; border-bottom:#eee solid 1px;} .caseshow .msglist li{ float:left; width:16%; text-align:center; background:url(/uploads/image/images/line2.jpg) right center no-repeat; height:86px;} .caseshow .msglist li .txt{ padding:16px 0 10px; font-size:13px; color:#159997; font-weight:bold;} .caseshow .msglist li p{ font-size:14px; color:#999; height:35px; position:relative;} .caseshow .content{ padding:36px 0; font-size:14px; line-height:24px; color:#999;} .caseshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .caseshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .caseshow .share li{ float:left; margin-left:10px;} .caseshow .box{ padding-bottom:100px;} .caseshow{ position:relative;} .caseshow .slick{ padding:0 120px;} .caseshow .slick img{ width:100%;} .caseshow .slick-prev{ display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_left2.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-10px; z-index:11;} .caseshow .slick-next{ display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_right2.png) no-repeat; position:absolute; right:0px; top:50%; margin-top:-10px; z-index:11;} .caseshow .slick-prev:hover{background:url(/uploads/image/images/nimg12_left2on.png) no-repeat;} .caseshow .slick-next:hover{background:url(/uploads/image/images/nimg12_right2on.png) no-repeat;} .service .txt{ height:26px; line-height:26px; padding-left:15px; background:url(/uploads/image/images/ico6.jpg) left center no-repeat; font-size:18px; color:#159997; font-weight:bold;} .service .content{ font-size:14px; line-height:24px; color:#999; padding:10px 0 50px;} .service .content b{ display:block; color:#666;} .service .title{ height:40px; background:#eee; margin-bottom:40px;} .service .title b{ display:block; width:190px; height:40px; line-height:40px; text-indent:12px; font-size:18px; color:#fff; background:#159997;} .service .teldiv{ font-size:14px; line-height:24px; color:#999; padding-bottom:40px;} .service .teldiv em{ font-weight:bold; color:#159997;} .service .teldiv b{ color:#f19015; font-size:34px; font-family:impact; padding-right:40px;} .service .list li{ height:55px; line-height:55px; overflow:hidden; padding-right:60px; background:url(/uploads/image/images/line5.png) bottom repeat-x; font-size:14px; position:relative;} .service .list li a{ position:absolute; right:0px; top:0px; display:block; background:url(/uploads/image/images/nimg12_1.png) left center no-repeat; padding-left:20px;} .newspic{ position:relative;} .newspic .slick{height:335px; padding:0 105px 0 505px; overflow:hidden; position:relative; background:#f5f5f5;} .newspic .slick .imgdiv{position:absolute; left:20px; top:20px;} .newspic .slick .imgdiv img { width:400px; } .newspic .slick .name{ height:50px; border-bottom:#e0e0e0 solid 1px; overflow:hidden; font-size:18px; padding-top:75px;} .newspic .slick .name a{color:#666; display:block; height:24px; line-height:24px; overflow:hidden;} .newspic .slick .content{line-height:24px; overflow:hidden; padding-top:20px; font-size:14px; height:48px; margin-bottom:30px; color:#999;} .newspic .slick .botdiv{ position:relative; height:30px; line-height:30px;} .newspic .slick .time{ color:#bababa; height:30px;} .newspic .slick .more{ position:absolute; right:0px; top:0px; background:url(/uploads/image/images/ico2.png) right center no-repeat; padding-right:18px;} .newspic .slick-dots{ text-align:center; padding-top:20px;} .newspic .slick-dots li{display:inline-block; margin:0 5px; width:10px; height:10px; background:#ccc; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .newspic .slick-dots .slick-active{background:#f19015;} .newspic .slick-prev{ position:absolute; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_left2.png) no-repeat; left:-48px; top:50%; margin-top:-10px; z-index:22;} .newspic .slick-next{ position:absolute; display:block; width:12px; height:20px; background:url(/uploads/image/images/nimg12_right2.png) no-repeat; right:-48px; top:50%; margin-top:-10px; z-index:22;} .newspic .slick-prev:hover{ background:url(/uploads/image/images/nimg12_left2on.png) no-repeat;} .newspic .slick-next:hover{ background:url(/uploads/image/images/nimg12_right2on.png) no-repeat;} .newslist{ padding-top:30px;} .newslist li{ height:258px; background:url(/uploads/image/images/line5.png) bottom repeat-x; position:relative; padding-left:188px;} .newslist li a{ display:block; height:258px;} .newslist li .timediv{ position:absolute; left:0px; top:50px; width:105px; height:85px; text-align:center; background:#eee; color:#999;} .newslist li .timediv em{ height:35px; background:#f5f5f5; display:block; line-height:35px; font-size:14px;} .newslist li .timediv span{ height:50px; line-height:50px; display:block; font-size:30px;} .newslist li .name{color:#666; height:50px; border-bottom:#e0e0e0 solid 1px; overflow:hidden; font-size:18px; padding-top:50px;} .newslist li .name em{ display:block; height:24px; line-height:24px; overflow:hidden;} .newslist li .content{line-height:24px; overflow:hidden; padding-top:20px; font-size:14px; height:45px; margin-bottom:30px; color:#999;} .newslist li .btndiv{ background:url(/uploads/image/images/ico2.png) right center no-repeat; width:52px; color:#666;} .newslist li:hover .timediv{ background:#0d8c8a; color:#fff;} .newslist li:hover .timediv em{ background:#159997;} .newslist li:hover .name{ color:#159997; font-weight:bold;} .newslist li:hover .btndiv{ background:url(/uploads/image/images/ico2on.png) right center no-repeat; color:#159997;} .newshow .name{ text-align:center; font-size:24px; padding-bottom:15px;} .newshow .time{ text-align:center; color:#bababa; padding-bottom:15px; border-bottom:#eee solid 1px;} .newshow .content{ font-size:14px; line-height:24px; color:#999; padding:30px 0;} .newshow .share{ padding-left:58px; position:relative; height:37px; color:#999; float:right;} .newshow .share em{ position:absolute; left:0px; top:0px; font-size:14px; line-height:27px;} .newshow .share li{ float:left; margin-left:10px;} .newshow .imgdiv{ text-align:center; padding:35px 0;} .project .name{ text-align:center; font-size:24px; padding-bottom:15px;} .project .time{ text-align:center; color:#bababa; padding-bottom:15px; border-bottom:#eee solid 1px;} .project .contentbox{ margin-top:50px; background:#3e4545; padding:50px 60px 40px;} .projectpic{ position:relative; padding:0 100px;} .projectpic .slick .imgdiv img{ width:100%;} /*.projectpic .msg{ color:#fff; position:absolute; right:100px; bottom:0px; width:100px; height:40px; background:url(/uploads/image/images/bg1.png) repeat; font-size:14px; text-align:center; line-height:40px;} */ .projectpic .slick-prev{ font-size:14px; display:block; color:#fff; width:76px; text-align:right; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; left:0px; background:url(/uploads/image/images/nimg8_left.png) left center no-repeat;} .projectpic .slick-next{ font-size:14px; display:block; color:#fff; width:76px; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; right:0px; background:url(/uploads/image/images/nimg8_right.png) right center no-repeat;} .projectpic .slick-prev:hover{ color:#159997; background:url(/uploads/image/images/nimg8_lefton.png) left center no-repeat;} .projectpic .slick-next:hover{ color:#159997; background:url(/uploads/image/images/nimg8_righton.png) right center no-repeat;} .projectpic .content{ color:#c1c3c3; font-size:14px; line-height:24px; padding-top:40px;} .project .teldiv{ display:none;} .projectpictel{ position:relative; padding:0px;} .projectpictel .slick img{ width:100%;} .projectpictel .slick-prev{ font-size:14px; display:block; color:#fff; width:76px; text-align:right; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; left:10px; background:url(/uploads/image/images/nimg8_left.png) left center no-repeat;} .projectpictel .slick-next{ font-size:14px; display:block; color:#fff; width:76px; height:30px; line-height:30px; position:absolute; z-index:10; top:50%; margin-top:-10px; right:10px; background:url(/uploads/image/images/nimg8_right.png) right center no-repeat;} .projectpictel .slick-prev:hover{ color:#159997; background:url(/uploads/image/images/nimg8_lefton.png) left center no-repeat;} .projectpictel .slick-next:hover{ color:#159997; background:url(/uploads/image/images/nimg8_righton.png) right center no-repeat;} .contact .part1{ padding-bottom:45px;} .contact .part1 .leftdiv{ width:504px;} .contact .part1 .leftdiv .name{ font-size:18px; color:#159997; padding-bottom:20px; font-weight:bold;} .contact .part1 .leftdiv .tel{ font-size:14px; color:#999; font-weight:bold;} .contact .part1 .leftdiv .tel b{ font-size:34px; color:#f19015; font-family:impact; font-weight:400;} .contact .part1 .leftdiv .list{ padding-top:15px;} .contact .part1 .leftdiv .list li{ padding-left:32px; font-size:14px; color:#999; height:24px; line-height:24px; position:relative; margin-bottom:15px;} .contact .part1 .leftdiv .list li img{ position:absolute; left:0px; top:3px;} .contact .part1 .middiv{ padding-top:15px;} .contact .part1 .middiv li{ width:150px; margin-right:50px; float:left; text-align:center;} .contact .part1 .middiv li .imgdiv{ border:#efefef solid 1px;} .contact .part1 .middiv li p{ font-size:14px; color:#999; padding-top:15px;} .contact .part1 .rightdiv{ padding-top:65px;} .contact .mapdiv{ border:#eee solid 1px;width:1238px;height:478px;} .contact .part2{ padding-top:120px;} .contact .part2 ul{ margin-left:-60px;} .contact .part2 li{ float:left; width:33.33%; background:url(/uploads/image/images/line1.jpg) right repeat-y;} .contact .part2 li .box{ padding:0 60px;} .contact .part2 li .name{ height:20px; line-height:20px; font-size:18px; color:#159997; font-weight:bold; padding-left:22px; background:url(/uploads/image/images/ico6.jpg) left center no-repeat;} .contact .part2 li dl{padding-top: 12px;} .contact .part2 li dd{ min-height:24px; line-height:24px; position:relative; padding-left:45px; padding-bottom:5px; font-size:14px; color:#999;} .contact .part2 li dd em{ /*position:absolute; left:0px; top:-25px;width: 325px;word-wrap: break-word;*/position: absolute;left: 0px;top: -10px;width: 325px;word-wrap: break-word;} .contact .part3{ padding-top:110px;} .contact .part3 .title{ height:24px; line-height:24px; font-size:18px; color:#159997; font-weight:bold; padding-left:22px; background:url(/uploads/image/images/ico6.jpg) left center no-repeat;} .contact .part3 .list{ padding-top:25px;} .contact .part3 ul{ margin-left:-60px;} .contact .part3 li{ float:left; width:33.33%; background:url(/uploads/image/images/line1.jpg) right repeat-y;} .contact .part3 li .box{ padding:0 40px 0 210px; position:relative; /*height:158px;*/ overflow:hidden;} .contact .part3 li .imgdiv{ position:absolute; left:60px; top:0px;} .contact .part3 li dd{ /*font-size:14px;*/ color:#999; padding-bottom:25px;} .job .list li{ position:relative; margin-bottom:10px; border:#eee solid 1px;} .job .list li .topdiv{ height:48px; position:relative;} .job .list li .topdiv a{ display:block; height:48px; padding-right:100px; background:url(/uploads/image/images/nimg66_1.png) right center no-repeat;} .job .list li .box{ display:none; color:#5d5d5d; padding:45px 50px 60px;} .job .list li .msgdiv{ color:#999;} .job .list li.linow .topdiv a{ background:#159997 url(/uploads/image/images/nimg66_1on.png) right center no-repeat; color:#fff;} .job .list li.linow .msgdiv{ color:#fff;} .job .list li .msgdiv dd{ height:48px; float:left; line-height:48px; font-size:14px;} .job .list li .msgdiv .dd01{ text-align:left; text-indent:30px; width:248px;} .job .list li .msgdiv .dd02{ width:205px;} .job .list li .msgdiv .dd03{ width:100px;} .job .list li .msgdiv .dd04{ width:200px;} .job .list li .msgdiv .dd05{ width:165px;} .job .list li .content{ line-height:24px; padding-bottom:40px; font-size:14px; color:#999;} .job .list li h2{ position:relative; height:30px; color:#159997;} .job .list li .btndiv a{ display:block; width:118px; height:33px; color:#8b8b8c; font-size:14px; text-align:center; line-height:33px; border:#e0e0e0 solid 1px;} .job .list li .btndiv a:hover{ border:#159997 solid 1px; background:#159997; color:#fff;} .job .list li .teldiv{ display:none; padding-bottom:30px;} .job .list li .teldiv dd{ font-size:14px; color:#999; line-height:24px;} .lyb .msg{ text-align:center; color:#f19015; font-size:14px; padding-bottom:45px;} .lyb .form{ padding:0 210px;} .lyb .form ul{ margin-right:-20px;} .lyb .form li{ float:left; width:50%; height:70px;} .lyb .form li .box{ margin-right:20px; height:48px; border:#eee solid 1px; padding-left:58px; position:relative;} .lyb .form li .ico{ position:absolute; left:15px; top:13px;} .lyb .form li .input1{ width:100%; height:48px; line-height:48px; font-size:14px; color:#bababa;} .lyb .form .li01{ width:100%; height:250px;} .lyb .form .li01 .box{ height:198px;} .lyb .form textarea{ width:100%; height:198px; font-size:14px; line-height:24px;} .lyb .btngroup{ width:300px; margin:0 auto;} .lyb .btngroup li{ width:120px; margin:0 15px; float:left;} .lyb .btngroup li a{ display:block; width:118px; height:33px; line-height:33px; text-align:center; font-size:14px; border:#e0e0e0 solid 1px;} .lyb .btngroup li a:hover{ background:#159997; border:#159997 solid 1px; color:#fff;} #phonedd { display:none; }