/*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: 222; } .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: 25px; z-index: 9; left: 0%; width:100%; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin:0 7px; } .rslides_tabs a { margin-top: 0px; text-indent: 9999px; overflow: hidden; background:url(/uploads/image/images/ico2.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/ico2on.png) no-repeat; } .banner .prev{ position:absolute; left:8%; top:50%; margin-top:-20px; background: center no-repeat; z-index:22; width:40px; height:40px; display:block;} .banner .next{ position:absolute; right:8%; top:50%; margin-top:-20px; background: center no-repeat; z-index:22; width:40px; height:40px; display:block;} .banner .prev:hover{ background: center no-repeat;} .banner .next:hover{ background: center no-repeat;} .indexflashtel{ display:none;} /*banner结束*/ .indexbox{ padding-left:282px;} .indexpart1{ background:#f2f2f2; padding:70px 90px;} .indexpart1 .txt1{ font-size:30px; color:#1457a0; background:url(/uploads/image/images/nimg203bg1.png) center no-repeat; height:50px; line-height:50px; text-align:center;} .indexpart1 .txt2{ text-align:center; color:#999; font-size:16px; text-transform:uppercase; letter-spacing:12px; padding-bottom:35px;} .indexpart1 .leftdiv{ width:24%;} .indexpart1 .leftdiv .box{ margin-right:20px;} .indexpart1 .middiv{ width:46%;} .indexpart1 .middiv .box{ margin-right:20px;} .indexpart1 .middiv .video{ margin-bottom:0px;} /*.indexpart1 .middiv .imgdiv{ margin-left:100px;padding-left:100px;}*/ .indexpart1 .rightdiv{ width:30%;} .indexpart1 .topdiv .leftdiv .list li{ width:100%;} .indexpart1 .topdiv .leftdiv .list li a{ display:block; background:#e8e8e8; font-size:20px; text-align:center; color:#333; position:relative;} .indexpart1 .topdiv .leftdiv .list li .ico{ padding-top:10%;} .indexpart1 .topdiv .leftdiv .list li .imgon{ display:none;} .indexpart1 .topdiv .middiv .imgdiv img{ width:100%;} /*.indexpart1 .topdiv .middiv .imgdiv .video{border: 0px;vertical-align: middle;}*/ .indexpart1 .topdiv .rightdiv .imgdiv img{ width:100%;} .indexpart1 .topdiv .rightdiv .name{ padding:11px 12px; font-size:20px; color:#333;} .indexpart1 .topdiv .rightdiv .content{ font-size:14px; line-height:24px; overflow:hidden; height:48px; padding:0 12px;} .indexpart1 .topdiv .rightdiv .more{ padding:10px 12px; display:block; font-size:14px; text-transform:uppercase; padding-bottom:0;} .indexpart1 .topdiv .leftdiv .list li a:hover{ background-color:#3287bd; color:#fff;} .indexpart1 .topdiv .leftdiv .list li a:hover .imgon{ display:inline-block;} .indexpart1 .topdiv .leftdiv .list li a:hover .imgoff{ display:none;} .indexpart1 .botdiv{ padding-top:20px;} .indexpart1 .botdiv .leftdiv{ float:left; width:24%;} .indexpart1 .botdiv .leftdiv .box{ margin-right:20px;} .indexpart1 .botdiv .leftdiv a{ display:block; background-color:#e8e8e8; color:#333; position:relative; font-size:20px; text-align:center;} .indexpart1 .botdiv .leftdiv a{ display:block; background:#e8e8e8;} .indexpart1 .botdiv .leftdiv a .imgon{ display:none;} .indexpart1 .botdiv .leftdiv .box .ico{ padding-top:14%;} .indexpart1 .botdiv .leftdiv .box p{ padding-top:15px;} .indexpart1 .botdiv .leftdiv a:hover{ background-color:#3287bd; color:#fff;} .indexpart1 .botdiv .leftdiv a:hover .imgon{ display:inline-block;} .indexpart1 .botdiv .leftdiv a:hover .imgoff{ display:none;} .indexpart1 .botdiv .middle{ width:46%; float:left;} .indexpart1 .botdiv .middle .box{ margin-right:20px; position:relative;} .indexpart1 .botdiv .middle .imgdiv{ width:50%;} .indexpart1 .botdiv .middle .imgdiv img{ width:100%;} .indexpart1 .botdiv .middle .text{ width:50%; position:absolute; right:0; top:0; height:100%; overflow:hidden; background-color:#333;} .indexpart1 .botdiv .middle .text .txt{ padding:20px; position:relative;} .indexpart1 .botdiv .middle .text .txt .title{ padding-bottom:15px;} .indexpart1 .botdiv .middle .text .txt .title h3{ font-size:24px; color:#fff; font-weight:inherit;} .indexpart1 .botdiv .middle .text .txt .title p{ font-size:14px; text-transform:uppercase;} .indexpart1 .botdiv .middle .text .txt .more{ position:absolute; right:20px; top:20px;} .indexpart1 .botdiv .middle .text .txt .txtp{ font-size:14px; color:#ccc; text-indent:2em;} .indexpart1 .botdiv .rightbox{ width:30%; float:left; position:relative; overflow:hidden;} .indexpart1 .botdiv .rightbox .text{ position:absolute; top:0; right:0; width:100%; height:100%;} .indexpart1 .botdiv .rightbox .imgdiv img{ width:100%;} .indexpart1 .botdiv .rightbox .text .title{ position:absolute; right:20px; bottom:20px;} .indexpart1 .botdiv .rightbox .text .more{ position:absolute; right:20px; top:20px;} .indexpart1 .botdiv .rightbox .text .title h3{ font-size:24px; color:#fff; font-weight:inherit;} .indexpart1 .botdiv .rightbox .text .title p{ font-size:14px; color:#fff; text-transform:uppercase;} .indexpart2{ background:#002e60; padding:70px 90px;} .indexpart2 .txt1{ font-size:30px; color:#fff; background:url(/uploads/image/images/nimg203bg2.png) center no-repeat; height:50px; line-height:50px; text-align:center;} .indexpart2 .txt2{ text-align:center; color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:12px; padding-bottom:70px;} .indexpart2 .list ul{ margin-right:-2px;} .indexpart2 .list li{ float:left; width:20%;} .indexpart2 .list li a{ display:block; color:#fff;} .indexpart2 .list li .box{ margin-right:2px;} .indexpart2 .list li .topdiv{ padding:25px 0; width:100%; position:relative;} .indexpart2 .list .li01 .topdiv{ background:#3ecd7b;} .indexpart2 .list .li02 .topdiv{ background:#277c74;} .indexpart2 .list .li03 .topdiv{ background:#feadab;} .indexpart2 .list .li04 .topdiv{ background:#7bb3ee;} .indexpart2 .list .li05 .topdiv{ background:#fa7168;} .indexpart2 .list li .ico{ text-align:center; padding:0 30px;} .indexpart2 .list li .ico img{ width:100%;} .indexpart2 .list li .botdiv{ height:68px; position:relative; background:#001730; overflow:hidden;} .indexpart2 .list li .name{ position:relative; z-index:2;} .indexpart2 .list li .botdiv em{ display:block; display:table-cell; height:68px; text-align:center; font-size:18px; vertical-align:middle; width:300px;} .indexpart2 .list li .btndiv{ position:absolute; right:0px; bottom:0px; z-index:1;} .indexpart2 .list li .hidebox{ display:none; position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:3; background:url(/uploads/image/images/bg1.png) repeat;} .indexpart2 .list li .msg{ padding:0 28px; height:120px; line-height:30px; font-size:14px; overflow:hidden; position:absolute; top:50%; margin-top:-60px;} .indexpart3{ padding:80px 90px 90px 70px;} .indexpart3 .txt1{ font-size:30px; color:#1457a0; background:url(/uploads/image/images/nimg203bg1.png) center no-repeat; height:50px; line-height:50px; text-align:center;} .indexpart3 .txt2{ text-align:center; color:#999; font-size:16px; text-transform:uppercase; letter-spacing:12px; padding-bottom:35px;} .indexpart3 .tab2{ width:404px; margin:0 auto;} .indexpart3 .tab2 li{ float:left; width:190px; margin:0 6px; height:49px; line-height:41px; font-size:18px; color:#fff; text-align:center; background:url(/uploads/image/images/nimg190_1.png) no-repeat;} .indexpart3 .tab2 .linow{ background:url(/uploads/image/images/nimg190_1on.png) no-repeat;} .indexpart3 .list{ padding-top:50px;} .indexpart3 .list ul{ margin-right:-20px;} .indexpart3 .list li{ float:left; width:33.33%;} .indexpart3 .list li .box{ margin-right:20px;} .indexpart3 .list li .imgdiv img{ width:100%;} .indexpart3 .list li .botdiv{ padding:35px 25px 38px; background:#f6f6f6;} .indexpart3 .list li .name{ font-size:16px; color:#333; font-weight:bold; height:55px; line-height:28px; overflow:hidden;} .indexpart3 .list li .time{ color:#959595; padding-bottom:30px;} .indexpart3 .list li .content{ font-size:14px; line-height:24px; height:72px; overflow:hidden;} .indexpart3 .list li .more{ padding-top:25px;} .indexpart3 .list li .more a{ color:#1457a0; text-decoration:underline; display:block;} .indexpart3 .list li:hover .botdiv{ background:#e7eef5;} .indexpart5{ background:#f2f2f2; padding:70px 80px 90px 70px;} .indexpart5 .txt1{ font-size:30px; color:#1457a0; background:url(/uploads/image/images/nimg203bg1.png) center no-repeat; height:50px; line-height:50px; text-align:center;} .indexpart5 .txt2{ text-align:center; color:#999; font-size:16px; text-transform:uppercase; letter-spacing:12px; padding-bottom:35px;} .indexpart5 li{ width:25%; float:left; margin-bottom:10px;} .indexpart5 li .box{ margin-right:10px; position:relative; overflow:hidden;} .indexpart5 li .text{ position:absolute; left:35px; top:50px;} .indexpart5 li .imgdiv img{ width:100%; transition:all 3s; -moz-transition:all 3s; -ms-transition:all 3s; -o-transition:all 3s; -webkit-transition:all 3s;} .indexpart5 li .box:hover .imgdiv img{ transform:scale(1.2); -webkit-transform:scale(1.2);} .indexpart5 li .text h3{ font-size:20px; color:#333;} .indexpart5 li .text p{ font-size:15px;} .indexpart4{ background:#efebef;} .indexpart4 .bg{ position:relative;} .indexpart4 .bg img{ width:100%;} .indexpart4 .box{ padding:110px 90px 90px 70px;} .indexpart4 .contentbox{ background:#318ade;} .indexpart4 .mapdiv{ width:50%; float:left;} .indexpart4 .mapdiv img{ width:100%;} .indexpart4 .textdiv{ width:50%; float:left;} .indexpart4 .textdiv .textbox{ padding-top:60px; padding-left:70px; padding-right:50px;} .indexpart4 .textdiv .textbox .msg{ font-size:13px; color:#fff; padding-bottom:55px;} .indexpart4 .textdiv .textbox .msg a{ color:#fff;} .indexpart4 .textdiv .textbox .msg a:hover{ color:#1457a0;} .indexpart4 .textdiv .textbox .msg .link{ margin-right:20px;} .indexpart4 .textdiv .textbox .txt{ margin-bottom:30px; position:relative;} .indexpart4 .textdiv .textbox .txt .txtp{ padding-left:130px; font-size:14px; color:#fff;} .indexpart4 .textdiv .textbox .txt em{ position:absolute; left:0; top:0; font-size:14px; color:#fff; font-weight:bold;} .indexpart4 .textdiv .code{ position:relative;} .indexpart4 .textdiv .code img{ position:absolute; left:0; top:0;} .indexpart4 .textdiv .code .txtp{ width:190px; height:135px; border:1px #6fade8 solid; background:#6fade8; margin-left:138px;} .indexpart4 .textdiv .code .txtp .pbox{ padding:30px;} .indexpart4 .textdiv .code .txtp .pbox h4{ font-size:15px; color:#fff; padding-bottom:10px;} .indexpart4 .textdiv .code .txtp .pbox p{ font-size:13px; color:#fff;} .indexpart4 .kouhao{ text-align:center; font-size:24px; color:#1457a0; font-family:"楷体"; padding-top:58px;} .about1 .con1{} .about1 .con1 .imgdiv{ float:left; width:500px; margin-right:25px; margin-bottom:25px;} .about1 .text{ font-size:14px; line-height:2;} .about1 .text p{ text-indent:2em; margin-bottom:20px;} .honor1 .text{ font-size:14px; line-height:2; text-indent:2em; padding-bottom:50px;} .honor1 .hlist{ padding:0 50px;} .honor1 .hlist .slick{ margin:0 35px;} .honor1 .hlist .imgdiv{ border:5px #fff solid;} .honor1 .hlist .imgdiv img{ width:100%;} .honor1 .hlist .name{ font-size:18px; padding-top:15px; text-align:center;} .honor1 .hlist .slick-prev{ width:30px; height:30px; display:block; background:url(/uploads/image/images/ico3_5prev.png) no-repeat center; position:absolute; left:0; top:50%; margin-top:-15px;} .honor1 .hlist .slick-prev:hover{ background:url(/uploads/image/images/ico3_5prevon.png) no-repeat center;} .honor1 .hlist .slick-next{ width:30px; height:30px; display:block; background:url(/uploads/image/images/ico3_5next.png) no-repeat center; position:absolute; right:0; top:50%; margin-top:-15px;} .honor1 .hlist .slick-next:hover{ background:url(/uploads/image/images/ico3_5nexton.png) no-repeat center;} .honorimg { position:relative; height:340px; margin-bottom:80px;} .honorimg .d_img { position: relative; margin: 0 auto; width:760px; height:100%; padding:0 60px;} .honorimg .d_img li { position: absolute; display: none; z-index: 0;} .honorimg .d_img li img { width: 100%; border:#fff solid 5px;} .honorimg .d_img li .divtext{ font-size:18px; padding-top:15px;} .honorimg .d_img li.d_pos1 { display: block; width: 220px; left: 7%; top: 90px; z-index: 1 } .honorimg .d_img li.d_pos2 { display: block; width: 286px; left: 15%; top: 60px; z-index: 2 } .honorimg .d_img li.d_pos3 { display: block; width: 398px; left: 30%; top: 20px; z-index: 3 } .honorimg .d_img li.d_pos4 { display: block; width: 286px; right: 15%; top: 60px; z-index: 2 } .honorimg .d_img li.d_pos5 { display: block; width: 220px; right: 7%; top: 90px; z-index: 1 } .honorimg .d_prev { position: absolute; left: 0%; top: 170px; z-index: 10; cursor: pointer; width:30px; height:30px;} .honorimg .d_next { position: absolute; right: 0%; top: 170px; z-index: 10; cursor: pointer; width:30px; height:30px;} .advantage1 .title{ text-align:center; margin-bottom:30px;} .advantage1 .title h2{ font-size:24px; color:#1457a0;} .advantage1 .title p{ font-size:14px; color:#999;} /*.advantage1 .title1{ font-size:20px; color:#1457a0; padding-bottom:25px; font-weight:bold;}*/ .advantage1 .title1{ font-size:20px; color:#1457a0; padding-bottom:0px; font-weight:bold;} .advantage1 .con1{ margin-bottom:25px;} .advantage1 .con1 .imgdiv{ float:left;} .advantage1 .con1 .text{ padding-left:305px; font-size:14px; line-height:2;} .advantage1 .con1 .text .txt01{ padding-bottom:20px;} .advantage1 .con1 .text .txt h3{ color:#333;} .advantage1 .list{} .advantage1 .list li{ float:left; position:relative; margin-bottom:30px; min-height:85px;} .advantage1 .list .li01,.advantage1 .list .li03{ width:460px;} .advantage1 .list .li02,.advantage1 .list .li04{ width:420px;} .advantage1 .list .li01 .box,.advantage1 .list .li03 .box{ margin-right:40px;} .advantage1 .list .text{ padding-left:105px;} .advantage1 .list li .ico{ position:absolute; left:0; top:0;} .advantage1 .list .text h3{ font-size:20px; color:#1457a0; padding-bottom:15px;} .advantage1 .list .text p{ font-size:14px; line-height:2;} .history1{ position:relative;} .history1 .historybg{ height:76px; background:url(/uploads/image/images/line2.png) repeat-x center;} .history1 .historylist{ padding:0 60px;} .history1 .historylist .slick-slide{ text-align:center; height:76px; line-height:30px; font-size:24px; color:#666; background:url(/uploads/image/images/ico3_6.png) center no-repeat; cursor:pointer;} .history1 .historylist .slick-current{ color:#1457a0; background:url(/uploads/image/images/ico3_6on.png) center no-repeat;} .history1 .slick-prev{position:absolute; z-index:10; left:0; top:50%; margin-top:-15px; display:block; background:url(/uploads/image/images/ico3_5prev.png) center no-repeat; width:30px; height:30px;} .history1 .slick-prev:hover{ background:url(/uploads/image/images/ico3_5prevon.png) center no-repeat;} .history1 .slick-next{position:absolute; z-index:10; right:0; top:50%; margin-top:-15px; display:block; background:url(/uploads/image/images/ico3_5next.png) center no-repeat; width:30px; height:30px;} .history1 .slick-next:hover{ background:url(/uploads/image/images/ico3_5nexton.png) center no-repeat;} .history1 .contentbox{} .history1 .box{} .history1 .box li{ padding:40px; background:url(/uploads/image/images/line3.png) repeat-x bottom center; font-size:14px; line-height:2;} .history1 .box li p{ padding-left:20px; background:url(/uploads/image/images/ico3_7.png) no-repeat left 12px;} .jod1{} .jod1 .title{ height:60px; line-height:60px; background-color:#999;} .jod1 .title li{ float:left; text-align:center; font-size:18px; color:#fff; width:200px;} .jod1 .list .libox{ height:60px; line-height:60px; background:url(/uploads/image/images/ico5_1.png) no-repeat 800px center; background-color:#f6f6f6; cursor:pointer; margin-bottom:1px;} .jod1 .list .libox:hover{ color:#1457a0;} .jod1 .list li{ float:left; text-align:center; font-size:16px; width:200px;} .jod1 .conbox{ display:none; border:2px #1457a0 solid; padding:40px;} .jod1 .conbox .text{ margin-bottom:30px;} .jod1 .conbox .text h3{ font-size:16px; color:#1457a0; font-weight:inherit;} .jod1 .conbox .text .txt{ font-size:14px; line-height:2;} .jod1 .conbox .txtp{ font-size:14px; color:#333;} .jod1 .conbox .txtp em{ color:#1457a0;} .jod1 .list .libox.currentdt{ background:url(/uploads/image/images/ico5_1on.png) no-repeat 800px center; background-color:#1457a0; color:#fff; margin-bottom:0;} .culture1{} .culture1 .txth{ font-size:36px; color:#333; padding-bottom:15px;} .culture1 .list ul{ width:900px;} .culture1 .list li{ width:50%; float:left; margin-bottom:20px;} .culture1 .list li .box{ padding:50px; background-color:#fff; margin-right:20px; min-height:132px;} .culture1 .list li .title{ font-size:24px; color:#1457a0; margin-bottom:15px;} .culture1 .list li .title img{ padding-right:10px;} .culture1 .list li p{ font-size:14px; line-height:2;} .culture1 .textbox{ padding:50px; background-color:#fff;} .culture1 .textbox .txt h3{ font-size:24px; color:#333; font-weight:inherit; padding-bottom:15px;} .culture1 .textbox .txt p{ font-size:14px; line-height:2;} .culture1 .textbox .txt p em{ font-size:16px; color:#333;} .culture1 .textbox .txt01{ padding-bottom:30px;} .culture1 .con .title{ text-align:center; padding:35px 0;} .culture1 .con .title h3{ font-size:24px; color:#eb3d00; font-weight:inherit;} .culture1 .con .title p{ font-size:14px; color:#ccc; text-transform:uppercase;} .culture1 .condiv .imgdiv{ float:left;} .culture1 .condiv .listdiv{ padding-left:460px;} .culture1 .condiv .listdiv li{ margin-bottom:30px; height:60px; line-height:40px; position:relative;} .culture1 .condiv .listdiv li p{ padding-left:50px; font-size:16px;} .culture1 .condiv .listdiv li p span{ font-size:24px;} .culture1 .condiv .listdiv li em{ position:absolute; left:0; top:0; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px; color:#fff; background-color:#1457a0; border-radius:4px;} .life1 ul{ width:900px;} .life1 li{width: 47%;float:left;margin-bottom:30px;margin-left: 27px;} .life1 li .box{ margin-right:20px;} .life1 li .name{ padding-left:15px; font-size:16px; color:#333; background:url(/uploads/image/images/ico6_1bg.png) no-repeat left center; margin:15px 0;} .life1 li .name a{ color:#333;} .life1 li .name a:hover{ color:#1457a0;} .life1 li .txt{ font-size:14px; line-height:2; padding-top:20px; background:url(/uploads/image/images/ico6_2bg.png) no-repeat left top;height:100px;} .life1 li .text:hover .txt{ color:#1457a0;} .life1 li .text:hover .name a{ color:#1457a0;} .life1 li .imgdiv img{ width:100%;} .life1 .pagenumdiv{ padding-top:30px;} .news1 li{ background:url(/uploads/image/images/ico8_1hr.png) repeat-x bottom;} .news1 li.liprev{ background:none;} .news1 li .box{ padding:30px; min-height:200px;} .news1 li .imgdiv{ float:left; width:330px;} .news1 li .text{ padding-left:360px;} .news1 li .text .name{ font-size:16px; font-weight:bold; color:#333;} .news1 li .text .name a{ color:#333;} .news1 li .text .name a:hover{ color:#1457a0;} .news1 li .text .txt{ font-size:14px; line-height:1.5; padding:15px 0;} .news1 li .text .time{ font-size:14px; color:#959595; margin-bottom:30px;} .news1 li .text .more{ display:block; width:80px; height:30px; line-height:30px; border-radius:6px; text-align:center; background-color:#f6f6f6; border:1px #dedede solid; color:#999;} .news1 li .text .more:hover{ background-color:#1457a0; color:#fff; border:1px #1457a0 solid;} .news1 li .text:hover .name a{ color:#1457a0;} .news1 li .text:hover .txt{ color:#1457a0;} .news1 li .text:hover .time{ color:#1457a0;} .news1 .pagenumdiv{ padding-top:40px;} .news1 li .box:hover{ background-color:#fff;} .newshow1 .title{ text-align:center; padding-bottom:50px;} .newshow1 .title h1{ font-size:24px; color:#333;} .newshow1 .title .author{ color:#999; padding-top:10px;} .newshow1 .title .author span{ padding:0 10px;} .newshow1 .imgdiv{ text-align:center; padding-bottom:30px;} .newshow1 .imgdiv img{ max-width:100%;} .newshow1 .text{ font-size:14px; line-height:2;} .newshow1 .text p{ text-indent:2em; padding-bottom:25px;} .product1 ul{ width:900px;} .product1 li{ width:33.33%; float:left; margin-bottom:20px;} .product1 li .box{ margin-right:20px;} .product1 li .imgdiv{ padding:5px; border:1px #dedede solid; overflow:hidden;} .product1 li .imgdiv img{ width:100%; transition:all 3s; -moz-transition:all 3s; -ms-transition:all 3s; -o-transition:all 3s; -webkit-transition:all 3s;} .product1 li .imgdiv:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2);} .product1 li .name{ text-align:center; padding-top:10px; font-size:14px;} .product1 .pagenumdiv{ padding-top:40px;} .productshow1 .con1{ padding-bottom:40px;} .productshow1 .con1 .imgbox{ float:left; position:relative; width:470px;} .productshow1 .con1 .imgdiv img{ width:100%;} .productshow1 .con1 .txt{ position:absolute; left:30px; top:40px;} .productshow1 .con1 .txt h3{ font-size:20px; color:#333;} .productshow1 .con1 .txt p{ font-size:15px;} .productshow1 .con1 .right{ width:390px; float:right;} .productshow1 .con1 h1{ font-size:24px; color:#333; font-weight:inherit; padding-bottom:40px;} .productshow1 .con1 .list ul{ width:410px;} .productshow1 .con1 .list li{ width:50%; float:left; margin-bottom:20px;} .productshow1 .con1 .list li .box{ margin-right:20px; cursor:pointer;} /*.productshow1 .con1 .list li .ico{ border:1px #dedede solid;}*/ .productshow1 .con1 .list li .ico{ border:3px #dedede solid;width:179px;height:179px;} /*.productshow1 .con1 .list li .ico img{ width:100%;}*/ .productshow1 .con1 .list li .ico img {width:100%;height:auto} .productshow1 .con1 .list li.linow .ico,.productshow1 .con1 .list li .box:hover .ico{ border:3px #1457a0 solid;} .productshow1 .con2 .tablist{ height:40px; line-height:40px; text-align:center; background:url(/uploads/image/images/ico10_1hr.png) repeat-x bottom; margin-bottom:40px;} .productshow1 .con2 .tablist li{ display:inline-block; cursor:pointer; margin:0 3px;} .productshow1 .con2 .tablist li .box{ font-size:16px; color:#333; background-color:#efefef; padding:0 31px; border:1px #dedede solid; border-bottom:none; height:39px;} .productshow1 .con2 .tablist li .box:hover,.productshow1 .con2 .tablist li.linow .box{ color:#1457a0; font-weight:bold; background-color:#fff; height:38px;} .productshow1 .con2 .content{ font-size:14px; line-height:2;} .productshow1 .con2 .content img{max-width:100% } .productshow1 .con2 .content p{ text-indent:0em;} .productshow1 .con2 .content .p1{ text-indent:0px; padding-left:16px; background:url(/uploads/image/images/ico19.png) left 11px no-repeat;} .productshow1 .detailsshare .bottomdiv{ background:url(/uploads/image/images/ico8_2hr.png) repeat-x top;} .productshow1 .detailsshare .left{ width:300px; line-height:27px;} .productshow1 .detailsshare .left em{ float:left; font-weight:inherit;} .productshow1 .detailsshare .left li{ display:inline-block; margin-right:5px;} .case1 .con1{ background-color:#fff;} .case1 .con1 h1{ font-size:24px; color:#333; font-weight:inherit; padding-top:20px; text-align:center;} .case1 .con1 .imgdiv{ text-align:center;} .case1 .con1 .imgdiv img{ max-width:100%;} .case1 .con2{ margin-top:45px;} .case1 .con2 .tablist{ height:40px; line-height:40px; background:url(/uploads/image/images/ico10_1hr.png) repeat-x bottom; margin-bottom:40px; padding-left:5px;} .case1 .con2 .tablist li{ display:inline-block; cursor:pointer; margin:0 3px;} .case1 .con2 .tablist li .box{ font-size:16px; color:#333; background-color:#efefef; padding:0 31px; border:1px #dedede solid; border-bottom:none; height:39px;} .case1 .con2 .tablist li .box:hover,.case1 .con2 .tablist li.linow .box{ color:#1457a0; font-weight:bold; background-color:#fff; height:38px;} .case1 .con2 .content{ font-size:14px; line-height:2;} .case1 .con2 .content p{} .project1 ul{ width:900px;} .project1 li{ width:33.33%; float:left; margin-bottom:20px;} .project1 li .box{ margin-right:20px;} .project1 li .imgdiv{ overflow:hidden;} .project1 li .imgdiv img{ width:100%; transition:all 3s; -moz-transition:all 3s; -ms-transition:all 3s; -o-transition:all 3s; -webkit-transition:all 3s;} .project1 li .imgdiv:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2);} .project1 li .name{ background-color:#f2f2f2; height:60px; line-height:60px; text-align:center; font-size:16px;} .project1 li .name a{ display:block; color:#333;} .project1 li .name a:hover{ color:#fff; background-color:#1457a0;} .project1 .pagenumdiv{ padding-top:30px;} .projectshow1 h1{ height:70px; line-height:70px; background-color:#dedede; text-align:center; font-size:24px; color:#333; font-weight:inherit;} .projectshow1 .imgdiv{ padding-top:30px; padding-bottom:55px; text-align:center;} .projectshow1 .imgdiv img{ border:4px #dedede solid; max-width:100%;} .projectshow1 .tablist{ height:40px; line-height:40px; text-align:center; background:url(/uploads/image/images/ico10_1hr.png) repeat-x bottom; margin-bottom:40px;} .projectshow1 .tablist li{ display:inline-block; cursor:pointer; margin:0 3px;} .projectshow1 .tablist li .box{ font-size:16px; color:#333; background-color:#efefef; padding:0 31px; border:1px #dedede solid; border-bottom:none; height:39px;} .projectshow1 .tablist li .box:hover,.projectshow1 .tablist li.linow .box{ color:#1457a0; font-weight:bold; background-color:#fff; height:38px;} .projectshow1 .con{ font-size:14px; line-height:2;} .projectshow1 .con .text p{ text-indent:2em;} .projectshow1 .detailsshare .bottomdiv{ background:url(/uploads/image/images/ico8_2hr.png) repeat-x top;} .projectshow1 .detailsshare .left{ width:300px; line-height:27px;} .projectshow1 .detailsshare .left em{ float:left; font-weight:inherit;} .projectshow1 .detailsshare .left li{ display:inline-block; margin-right:5px;} .industry1 li{ padding-bottom:20px; margin-bottom:20px; background:url(/uploads/image/images/ico8_1hr.png) repeat-x bottom;} .industry1 li .text .more{ display:block; width:80px; height:30px; line-height:30px; border-radius:6px; text-align:center; background-color:#f6f6f6; border:1px #dedede solid; color:#999;margin-top: 20px;} .industry1 li .imgdiv{ float:left;} .industry1 li .text{ padding-left:460px;} .industry1 li .text h3{ font-size:18px; color:#333; padding-bottom:10px;} .industry1 li .text h3 a{ color:#333;} .industry1 li .text h3 a:hover{ color:#1457a0;} .industry1 li .text p{ font-size:14px; line-height:2; text-indent:2em;} .industry1 li .text .time{ font-size:16px; color:#999; padding-top:20px;} .industry1 .pagenumdiv{ padding-top:30px;} .service1 h1{ text-align:center; font-size:24px; color:#eb3d00; font-weight:inherit; padding-bottom:30px;} .service1 .txt{ font-size:14px; line-height:2;} .service1 .txt p{ padding-bottom:20px;} .service1 .text{ padding-bottom:20px;} .service1 .text h3{ font-size:16px; color:#1457a0;} .service1 .text p{ font-size:14px; line-height:2;} .service1 .text p em{ color:#333; font-weight:bold;} .contact1 .title{ padding-bottom:30px;} .contact1 .title h2{ font-size:30px; font-weight:inherit; color:#333;} .contact1 .title p{ font-size:24px; color:#999;} .contact1 li{ padding-bottom:50px;} .contact1 li .text{ padding-bottom:20px;} .contact1 li .text h2{ font-size:24px; color:#333; font-weight:inherit; padding-bottom:20px;} .contact1 li .text .txt{ font-size:16px;} .contact1 li .text .txt span{ padding-right:20px;} .contact1 li .text .txt img{ padding-right:10px;} .download1 .toplist{ height:40px; line-height:40px; background-color:#999; font-size:14px; color:#fff;} .download1 dd{ float:left; text-align:center;} .download1 .dd01{ width:440px;} .download1 .dd02{ width:120px;} .download1 .dd03{ width:100px;} .download1 .dd04{ width:100px;} .download1 .dd05{ width:120px;} .download1 li{ height:70px; line-height:68px; background:url(/uploads/image/images/ico8_1hr.png) repeat-x bottom; font-size:14px;} .download1 li .dd01{ text-align:left;} .download1 li .dd01 p{ padding-left:10px;} .download1 li .down{ display:block; width:100px; border-radius:6px; height:35px; line-height:35px; background-color:#1457a0; color:#fff; margin:0 auto; margin-top:20px;} .download1 li .down:hover{ text-decoration:underline;} .download1 .pagenumdiv{ padding-top:30px;} .message1{} .message1 h2{ font-size:24px; color:#eb3d00; font-weight:inherit; padding-bottom:20px; border-bottom:8px #efefef solid; margin-bottom:25px;} .message1 .top{ height:35px; line-height:35px; margin-bottom:20px; position:relative;} .message1 .top em{ font-size:16px; color:#333; position:absolute; left:0; top:0;} .message1 .top .tablist{ margin-left:100px;} .message1 .top .tablist li{ float:left; width:100px; text-align:center; margin-right:20px;} .message1 .top .tablist li p{ background-color:#efefef; border-radius:4px; font-size:14px;} .message1 .top .tablist li:hover p,.message1 .top .tablist li.linow p{ background-color:#1457a0; color:#fff;} .message1 .xb{ height:40px; line-height:40px; font-size:16px; color:#333; margin-bottom:20px;} .message1 .xb form{ display:inline-block;} .message1 .xb em{ padding-left:32px;} .message1 .xb label{ margin-left:10px;} .message1 .list ul{ width:900px;} .message1 .list li{ width:33.33%; float:left; margin-bottom:20px;} .message1 .list li .box{ margin-right:20px; position:relative;} .message1 .list li .box .red{ position:absolute; top:0; right:10px; line-height:40px; font-size:16px;} .message1 .list li .input1{ display:block; width:100%; height:40px; line-height:40px; border-radius:4px; background-color:#efefef; text-indent:15px; font-size:14px; color:#999;} .message1 .ly{ margin-bottom:20px;} .message1 .ly textarea{ display:block; width:100%; height:150px; line-height:40px; border-radius:4px; background-color:#efefef; text-indent:15px; font-size:14px; color:#999;} .message1 .yzm{ line-height:40px; height:40px; margin-bottom:20px;} .message1 .yzm .input1{ width:130px; height:40px; line-height:40px; border-radius:4px; background-color:#efefef; text-indent:15px; font-size:14px; color:#999; float:left; margin-right:10px;} .message1 .yzm img{ margin-right:10px;} .message1 .yzm a{ font-size:14px; color:#000;} .message1 .yzm a:hover{ color:#1457a0;} .message1 .butdiv{ height:40px; line-height:40px;} .message1 .butdiv a{ display:block; height:40px; line-height:40px; border-radius:4px; width:120px; background-color:#efefef; font-size:14px; text-align:center; float:left;} .message1 .butdiv .btn1{ color:#fff; background-color:#1457a0; margin-right:20px;} .message1 .butdiv a:hover{ text-decoration:underline;} .law1 .text{ padding-bottom:30px;} .law1 .text h3{ font-size:16px; color:#1457a0;} .law1 .text p{ font-size:14px; line-height:2;} .sitemap1 li{ padding-bottom:20px; margin-bottom:20px; background:url(/uploads/image/images/ico18_1hr.png) repeat-x bottom;} .sitemap1 li .title{ height:35px; line-height:35px; margin-bottom:15px; font-size:16px;} .sitemap1 li .title img{ padding-right:10px;} .sitemap1 li dl{ margin-left:45px;} .sitemap1 li dd{ display:inline-block; font-size:14px;} .sitemap1 li dd a{ display:block; margin-right:15px; color:#999;} .sitemap1 li dd a:hover{ color:#1457a0;} .sitemap1 li dd em{ padding-right:5px; font-family:"宋体"; font-weight:bold;} .search1 li{ background:url(/uploads/image/images/ico8_1hr.png) repeat-x bottom;} .search1 li.liprev{ background:none;} .search1 li .box{ padding:30px; min-height:200px;} .search1 li .imgdiv{ float:left; width:330px;} .search1 li .text{ padding-left:360px;} .search1 li .text .name{ font-size:16px; font-weight:bold; color:#333;} .search1 li .text .name a{ color:#333;} .search1 li .text .name a:hover{ color:#1457a0;} .search1 li .text .txt{ font-size:14px; line-height:1.5; padding:15px 0;} .search1 li .text .time{ font-size:14px; color:#959595; margin-bottom:30px;} .search1 li .text .more{ display:block; width:80px; height:30px; line-height:30px; border-radius:6px; text-align:center; background-color:#f6f6f6; border:1px #dedede solid; color:#999;} .search1 li .text .more:hover{ background-color:#1457a0; color:#fff; border:1px #1457a0 solid;} .search1 li .text:hover .name a{ color:#1457a0;} .search1 li .text:hover .txt{ color:#1457a0;} .search1 li .text:hover .time{ color:#1457a0;} .search1 .pagenumdiv{ padding-top:40px;} .search1 li .box:hover{ background-color:#fff;} .downloadlayer{ width:687px; height:479px; background:url(/uploads/image/images/bg12.jpg) repeat-x bottom; position:absolute; z-index:111; display:none; border-radius:4px; -moz-border-radius:4px;} .downloadlayer .close{ display:block; width:22px; height:18px; background:url(/uploads/image/images/close2.png) no-repeat; right:15px; top:15px; position:absolute; z-index:222;} .downloadlayer .msg{ padding:100px 0 66px; text-align:center; height:42px; font-size:18px; line-height:42px;} .downloadlayer .msg img{ padding-right:16px;} .downloadlayer .form{ padding:0 136px;} .downloadlayer .form li{ height:70px; border-top:#e0e0e0 solid 1px; border-bottom:#e0e0e0 solid 1px; width:100%;} .downloadlayer .form li .input1{ width:100%; height:70px; line-height:70px; font-size:20px; color:#999; background:url(/uploads/image/images/nimg24_1.png) 20px center no-repeat; text-indent:75px;} .downloadlayer .btndiv{ padding:50px 136px 0;} .downloadlayer .btn1{ height:43px; cursor:pointer; width:100%; background:#1456a0; color:#fff; font-size:20px; border-radius:20px; -moz-border-radius:20px;} .downloadlayer .tips{ text-align:center; padding-top:25px; font-size:16px;} .indexpart4 .txt1{ font-size:30px; color:#1457a0; background:url(/uploads/image/images/nimg203bg1.png) center no-repeat; height:50px; line-height:50px; text-align:center;} .indexpart4 .txt2{ text-align:center; color:#999; font-size:16px; text-transform:uppercase; letter-spacing:12px; padding-bottom:45px;} .indexpart4 .icodiv{ text-align:center; padding:58px 0 10px;} .indexpart4 .kouhao{ text-align:center; font-size:16px; color:#1457a0;} .indexpart4 .kouhao a{ color:#1457a0; letter-spacing:0px;} .indexpart4 .copyright{ text-align:center; font-size:16px;margin-top:12px; } .life1 .more { padding-top: 25px; } .bigpiclayer{ width:500px; height:653px; background:#fff; position:absolute; z-index:111; display:none;} .bigpiclayer .close{ display:block; width:22px; height:18px; background:url(/uploads/image/images/close2.png) no-repeat; right:10px; top:10px; position:absolute; z-index:222;} .bigpiclayer .imgdiv{ text-align:center; padding:45px 46px;} .bigpiclayer .imgdiv img{ border:#dedede solid 1px; width:390px; height:545px; padding:8px;} .industry11 .data-list{ padding-bottom:20px;} .industry11 .data-list ul{ margin-right:-28px;} .industry11 .data-list li{ width:auto; margin-bottom:20px; float:left;} .industry11 .data-list li .box{ margin-right:28px;} .industry11 .data-list li .imgdiv{ border:5px #fff solid; box-shadow:0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.2);} .industry11 .data-list li .imgdiv img{ /*width:260px;*/ height:260px;} .industry11 .data-list li .name{ font-size:13px; padding-top:15px; text-align:center; height:24px; line-height:24px; overflow:hidden;} .thirdnav{ display:none; padding:0 10px 10px;} .thirdnav ul{ margin-right:-10px;} .thirdnav li{ float:left; width:33.33%; font-size:14px; text-align:center; margin-bottom:10px;} .thirdnav li div{ margin-right:10px;} .thirdnav li a{ display:block; height:42px; line-height:20px; background:#eee;} .thirdnav li a:hover{ background:#005bac; color:#fff;}