.section{position:relative; overflow:hidden;} /*首页banner图*/ .banner { width: 100%; position: relative; } .focus { width: 100%; position: relative; zoom: 1; overflow: hidden; z-index: 99; } .f426x240, .f160x160 { width: 100%; overflow: hidden; z-index: 99; } .rslides li { width: 100%; float: left; display: none; z-index: 99; } .rslides li img { z-index: 99; display:block; } .rslides { width: 100%; position: relative; z-index: 99; margin: 0 auto; } .rslides_nav { height: 51px; width: 31px; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 1.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: fixed; bottom: 24px;*/ position: absolute; bottom: 200px; z-index: 99; left: 0%; width:100%; } .rslides_tabs li { display: inline; float: none; _float: left; *float: left; margin:0 4px; } .rslides_tabs a { margin-top: 0px; text-indent: 9999px; overflow: hidden; background: no-repeat; display: inline-block; _display: block; *display: block; width: 13px; height: 13px; z-index: 999; *z-index: 999; } .rslides_tabs .rslides_here a { background: no-repeat; } /*.banner .prev{ position:absolute; left:5%; top:40%; margin-top:-42px; background: center no-repeat; z-index:222; width:84px; height:84px; display:block;} .banner .next{ position:absolute; right:5%; top:40%; margin-top:-42px; background: center no-repeat; z-index:222; width:84px; height:84px; display:block;}*/ banner .prev{ position:absolute; left:5%; bottom:40%; margin-bottom:-42px; background: center no-repeat; z-index:222; width:84px; height:84px; display:block;} .banner .next{ position:absolute; right:5%; bottom:40%; margin-bottom:-42px; background: center no-repeat; z-index:222; width:84px; height:84px; display:block;} /*#fp-nav{position:fixed; z-index:20; right:33px; top:55%; width:17px;} #fp-nav a span{background: no-repeat; height:20px; width:9px; display:block;} #fp-nav .active span{background: no-repeat;} .topicon{ background: no-repeat center; display:block; width:14px; height:14px; position:relative; left:-2px;}*/ /*#fp-nav{position:fixed; z-index:111; right:33px; top:55%; width:17px;} #fp-nav a span{background: no-repeat; height:27px; width:16px; display:block;} #fp-nav .active span{background: no-repeat;} .topicon{ background: no-repeat center; display:block; width:17px; height:13px; position:relative; left:0px;}*/ .topicon{ background: no-repeat center; display:block; width:76px; height:76px; position:fixed; right:0px; bottom:0px;} .indexpart0{ position:relative;} .indexpart0 .scrolldown{ z-index:222; left:50%; bottom:57px; text-align:center; margin-left:-86px; position:absolute; width:172x;height:87px;} @-webkit-keyframes start{0%,30%{opacity:0;-webkit-transform:translate(0,-8px)}60%{opacity:1;-webkit-transform:translate(0,0)}100%{opacity:0;-webkit-transform:translate(0,10px)}} @-moz-keyframes start{0%,30%{opacity:0;-moz-transform:translate(0,-8px)}60%{opacity:1;-moz-transform:translate(0,0)}100%{opacity:0;-moz-transform:translate(0,10px)}} .pre-wrap{width:172px;height:87px;position:relative;-webkit-animation:start 1.5s infinite ease-in-out;-moz-animation:start 1.5s infinite ease-in-out;animation:start 1.5s infinite ease-in-out} /*.indexpart1{ background: center top no-repeat; background-size:cover;height:928px;}*/ .indexpart1{ background: center top no-repeat; background-size:cover;height:880px;} .indexpart1 .title{ text-align:center; padding:110px 0 5px; font-size:48px; color:#fff; font-weight:bold; text-transform:uppercase;} .indexpart1 .title2{ text-align:center; color:#fff; font-size:30px; padding-bottom:90px;} .indexpart1 .list li{ float:left; width:400px; height:520px; background:#fff; position:relative;} .indexpart1 .list li .box{ height:260px; position:relative;} .indexpart1 .list li .name{ text-align:center; font-size:24px; padding:40px 0 18px; color:#333;} .indexpart1 .list li .msg{ padding:0 30px; font-size:14px; text-align:center; line-height:24px;} .indexpart1 .list li .btndiv{ position:absolute; left:50%; bottom:37px; width:130px; height:35px; margin-left:-65px;} .indexpart1 .list li .btndiv a{ display:block; width:130px; height:35px; background: no-repeat; font-size:14px; color:#fff; line-height:35px; text-align:center; position:relative;} .indexpart1 .list li .imgdiv{ overflow:hidden;} .indexpart1 .list li .imgdiv img{ display:block; transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;} .indexpart1 .list li .imgdiv >img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);} .indexpart1 .list li .ico1{ position:absolute; left:50%; width:21px; margin-left:-10px; height:10px; background: no-repeat; top:260px; z-index:22;} .indexpart1 .list li .ico2{ position:absolute; left:50%; width:21px; margin-left:-10px; height:10px; background: no-repeat; top:250px; z-index:22;} /*.indexpart2{ background: center top no-repeat; background-size:cover;height:928px;}*/ .indexpart2{ background: center top no-repeat; background-size:cover;height:800px;} /*.indexpart2 .title{ text-align:center; padding:110px 0 5px; font-size:48px; color:#4b4b4b; font-weight:bold; text-transform:uppercase;}*/ .indexpart2 .title{ text-align:center; padding:50px 0 5px; font-size:48px; color:#4b4b4b; font-weight:bold; text-transform:uppercase;} .indexpart2 .title2{ text-align:center; color:#4b4b4b; font-size:30px; padding-bottom:40px;} /*.indexpart2 .title2{ text-align:center; color:#4b4b4b; font-size:30px; padding-bottom:90px;}*/ .indexpart2 .imgdiv{ overflow:hidden;} .indexpart2 .imgdiv a img{ display:block; transition:1s;-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;} .indexpart2 .imgdiv a >img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);} .indexpart2 .list{ width:572px;} .indexpart2 .list li{ height:78px; padding-left:90px; position:relative; margin-bottom:35px;} .indexpart2 .list li .time{ position:absolute; left:0px; top:0px; width:76px; font-weight:bold; font-size:14px; height:66px; border-right:#7f807f solid 2px;} .indexpart2 .list li .time h2{ font-size:48px; line-height:48px;} .indexpart2 .list li .time em{ color:#666;} .indexpart2 .list li .name{ font-size:18px; height:24px; overflow:hidden; margin-bottom:14px;} .indexpart2 .list li .content{ height:40px; overflow:hidden; color:#666;line-height:22px;} /*.indexpart2 .btndiv{ margin:55px auto 0; width:186px; position:relative;}*/ .indexpart2 .btndiv{ margin:30px auto 0; width:186px; position:relative;} .indexpart2 .btndiv a{ display:block; width:186px; height:45px; background: no-repeat; font-size:16px; color:#fff; text-align:center; line-height:45px;} /*.indexpart3{ background: center top no-repeat; background-size:cover;height:928px;}*/ .indexpart3{ background: center top no-repeat; background-size:cover;height:800px;} .indexpart3 .title{ text-align:center; padding:50px 0 5px; font-size:48px; color:#fff; font-weight:bold; text-transform:uppercase;} /*.indexpart3 .title{ text-align:center; padding:110px 0 5px; font-size:48px; color:#fff; font-weight:bold; text-transform:uppercase;}*/ /*.indexpart3 .title2{ text-align:center; color:#fff; font-size:30px; padding-bottom:90px;}*/ .indexpart3 .title2{ text-align:center; color:#fff; font-size:30px; padding-bottom:40px;} .indexpart3box{ width:1200px; height:523px; position:relative;} #slider {position: absolute; width:1150px; height:523px; overflow: hidden;} #slider .slide {position: absolute;top: 0px;height:523px;width:410px;background: #000;/*overflow: hidden;*/cursor: default;} .indexpart3 #slider .touchcon{ position:absolute; top:100px; left:-320px; width:320px; z-index:9999;-webkit-transition: 1s all; -moz-transition: 1s all; -ms-transition: 1s all; transition: 1s all;} .indexpart3 #slider .slide.on .touchcon{ left:30px;} .indexpart3 #slider .touchcon .msg{ font-size:14px; color:#fff; line-height:24px;} .indexpart3 #slider .touchcon .btndiv{ padding-top:30px;} .indexpart3 #slider .touchcon .btndiv a{ width:130px; height:35px; color:#fff; display:block; background: no-repeat; text-align:center; line-height:35px; font-size:14px;} .indexpart3 .right{ width:50px; height:523px; position:absolute; top:0px; right:0px;} .indexpart3 .right img{ display:block; width:100%;} .indexpart4{ background: center top no-repeat; background-size:cover;height:791px;} /*.indexpart4 .title{ text-align:center; padding:110px 0 5px; font-size:48px; color:#4b4b4b; font-weight:bold; text-transform:uppercase;}*/ .indexpart4 .title{ text-align:center; padding:50px 0 5px; font-size:48px; color:#4b4b4b; font-weight:bold; text-transform:uppercase;} .indexpart4 .title2{ text-align:center; color:#4b4b4b; font-size:30px; padding-bottom:40px;} /*.indexpart4 .title2{ text-align:center; color:#4b4b4b; font-size:30px; padding-bottom:90px;}*/ .indexpart4 .list{ padding:0 187px;} .indexpart4 .list li{ width:154px; height:154px; margin:0 26px; text-align:center; float:left;} .indexpart4 .list li a{ display:block; width:154px; height:154px; background: no-repeat;} .indexpart4 .list li a:hover{ background: no-repeat;} .indexpart4 .list li .ico{ padding:23px 0 10px;} .indexpart4 .list li .name{ font-size:18px; color:#fff;} .indexpart4 .list li .name2{ font-size:14px; color:#fff; padding-top:6px;} .indexpart4 .content{ font-size:14px; line-height:30px; padding:60px 150px 0; text-align:center;} .indexpart4 .content a{ color:#555;} .indexpart4 .content a:hover{ color:#006ab4;} .about{ padding:10px 0 30px;} .about .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:25px;} .about .content{ font-size:16px; line-height:36px;} .about .imgdiv{ padding:35px 0;} .about .imgdiv img{ width:100%; display:block;} .about .historylist{ margin-top:30px; background: repeat-x top; padding:30px ;} .about .list{ background: repeat-y 254px top; padding:50px 0 35px;} /*.about .list li{ padding:0 0 102px 287px; background: 255px top repeat-y; position:relative;}*/ .about .list li{ padding:0 0 50px 287px; background: 255px top repeat-y; position:relative;} .about .list li .year{ position:absolute; left:0px; top:0px; font-size:32px; color:#006ab4; font-weight:bold; width:222px; text-align:right;} .about .list li .ico{ position:absolute; left:243px; top:7px;} .about .list li .msg{ font-size:16px; line-height:36px;} .honor{ padding:10px 0 30px;} .honor .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:25px;} .honor .content{ font-size:16px; line-height:36px;} .honor .list{ padding:35px 0;} .honor .list li{ width:33.33%; float:left; margin-bottom:30px;} .honor .list li .box{ margin:0 14px; background:#f4f4f4;} .honor .list li:hover .box{box-shadow:0 1px 5px rgba(35,25,25,0.5); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.5); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.5);} .honor .list li .imgdiv{ padding:10px;} .honor .list li .imgdiv img{ display:block; width:100%;} .honor .list li .name{ height:52px; line-height:52px; font-size:14px; text-align:center; overflow:hidden;} .honorlayer{ position:absolute; z-index:100; padding:45px 0 25px; display:none; top:0%; background:#fff; width:787px;} .honorlayer .bigimgdiv{ position:relative; overflow:hidden; width:692px; margin:0 auto;} .honorlayer .bigimgdiv img{ display:block; max-width:692px;} .honorlayer .close{display:block; background: left top no-repeat; width:56px; height:56px; position:absolute; z-index:110; top:-28px; right:-28px;} .honorlayer .name{ text-align:center; font-size:24px; padding-top:24px;} .news{ padding:10px 0 30px;} .news .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:25px;} .newspic{height:242px; overflow:hidden; position:relative;} .newspic li{height:242px; padding-left:392px; overflow:hidden; position:relative; background:#f7f7f7;} .newspic li .imgdiv{position:absolute; left:0px; top:0px;} .newspic li h1{ padding-bottom:10px; overflow:hidden; font-size:18px; padding-top:35px;} .newspic li h1 a{color:#555; display:block; height:24px; overflow:hidden;} .newspic li h1 a:hover{ color:#006ab4;} .newspic li .content{line-height:24px; overflow:hidden; padding-top:25px; padding-right:32px; font-size:14px; height:52px; margin-bottom:30px;} .newspic li .time{padding-left:26px; color:#b4b4b4; background: no-repeat left center; font-size:14px; height:30px; line-height:30px;} .newspic .msg{position:absolute; z-index:10; bottom:33px; right:110px; color:#a5a5a5; font-size:14px;} .newspic .prev{display:block; width:31px; height:31px; position:absolute; z-index:10; bottom:27px; right:69px; background: left top no-repeat;} .newspic .next{display:block; width:31px; height:31px; position:absolute; z-index:10; bottom:27px; right:28px; background: left top no-repeat;} .newslist{ padding-bottom:72px;} .newslist li{ height:165px; padding-left:126px; background: repeat-x bottom; position:relative;} .newslist li .timediv{ width:97px; height:104px; vertical-align:middle;display:table-cell; background:#e1e1e1; text-align:center; font-size:14px; position:absolute; left:0px; top:30px;} .newslist li .timediv h2{ font-size:48px; color:#777777; padding-top:15px;} .newslist li .name{ font-size:18px; font-weight:bold; padding-top:30px; height:38px; line-height:38px; overflow:hidden; margin-bottom:18px;} .newslist li .content{ line-height:24px; height:48px; overflow:hidden; color:#666; font-size:14px;} .newslist li .name a:hover{ color:#006ab4;} .newshow{ padding:5px 0 50px; position:relative;} .newshow .name{ color:#006ab4; font-size:20px; font-weight:bold; text-align:center; padding-bottom:25px;} .newshow .time{ font-size:14px; text-align:center; background: repeat-x bottom; padding-bottom:20px;} .newshow .time em{ padding:0 15px;} .newshow .content{ font-size:14px; line-height:32px; padding:25px 0;} .newshow .share{ padding-top:30px;} .newshow .share em{ float:left;} .newshow .btndiv{position:absolute; bottom:30px; right:0px;} .newshow .btndiv a{ display:block; width:102px; height:35px; background: no-repeat; text-indent:23px; line-height:35px; color:#fff; font-size:14px;} .newshow a:hover{ text-decoration:underline;} .pagedown{height:125px; position:relative;} .pagedown .box{ background: repeat-x top; padding-top:15px;} .pagedown2 .box{ background:none;} .pagedown li{font-size:14px; height:30px; line-height:30px; overflow:hidden; position:relative; top:-3px; color:#acacac;} .pagedown li b{ color:#666;} .job{ padding:10px 0 30px;} .job .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:25px;} .job .content{ font-size:16px; line-height:36px;} .job .list{ padding:35px 0;} .job .list li{ float:left; padding-left:165px; width:435px; position:relative; min-height:195px; _height:195px;} .job .list li .ico{ position:absolute; left:0px; top:0px;} .job .list li h2{ font-size:16px; color:#81be59; padding-bottom:6px;} .job .list li p{ font-size:16px; line-height:36px; padding-right:75px;} .job .list li .blue{ color:#829cd3;} .job .list li dd{ padding-left:14px; background: left center no-repeat; height:36px; line-height:36px; font-size:16px;} .job .jobtop{ height:72px; background:#f4f4f4; overflow:hidden;} .job .jobtop ul{position:relative; left:-2px;} .job .jobtop li{ float:left; line-height:72px; color:#666; font-size:16px; background: left center no-repeat; text-align:center;} .job .jobtop .li01{ width:196px;} .job .jobtop .li02{ width:180px;} .job .jobtop .li03{ width:175px;} .job .jobtop .li04{ width:158px;} .job .jobtop .li05{ width:156px;} .job .jobtop .li06{ width:178px;} .job .jobtop .li07{ width:156px;} .job .jobbottom{ padding-bottom:50px;} .job .jobbottom li{ background: repeat-x bottom;} .job .jobbottom li .div1{ height:77px;} .job .jobbottom li .div1 a{ display:block; height:77px;} .job .jobbottom li .div1 a:hover{ font-weight:bold; color:#dd2a42; box-shadow:0 1px 5px rgba(35,25,25,0.5); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.5); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.5);} .job .jobbottom li .div1 dd{ float:left; line-height:77px; font-size:14px;} .job .jobbottom li:hover{ background:none;} /*.job .jobbottom .dd01{ width:196px; text-align:center; color:#006ab4;} .job .jobbottom .dd02{ width:180px; text-align:center;} .job .jobbottom .dd03{ width:175px; text-align:center;} .job .jobbottom .dd04{ width:158px; text-align:center;} .job .jobbottom .dd05{ width:156px; text-align:center;} .job .jobbottom .dd06{ width:178px; text-align:center;} .job .jobbottom .dd07{ width:156px; text-align:center;}*/ .job .jobbottom .dd01{ width:186px; text-align:center; color:#006ab4; padding:0 5px;} .job .jobbottom .dd01 em{ width:186px; text-align:center; display:block; display:table-cell; height:77px; vertical-align:middle;} .job .jobbottom .dd02{ width:180px; text-align:center; line-height:77px;} .job .jobbottom .dd03{ width:175px; text-align:center; line-height:77px;} .job .jobbottom .dd04{ width:158px; text-align:center; line-height:77px;} .job .jobbottom .dd05{ width:156px; text-align:center; line-height:77px;} .job .jobbottom .dd06{ width:178px; text-align:center; line-height:77px;} .job .jobbottom .dd07{ width:156px; text-align:center; line-height:77px;} .jobshow{ padding:10px 0 20px; position:relative;} .jobshow .name{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:28px; background: repeat-x bottom;} .jobshow .title{ height:80px; line-height:80px; font-size:18px; font-weight:bold; padding-left:12px; background: left center no-repeat;} .jobshow .list{ background: repeat-x bottom; padding-bottom:20px;} .jobshow .list li{ float:left; width:33.33%; font-size:14px; height:40px; line-height:40px; color:#666;} .jobshow .content{ font-size:14px; line-height:36px; color:#666; background: repeat-x bottom; padding-bottom:20px;} .jobshow .list2{ padding:40px 0 20px; background: repeat-x bottom;} .jobshow .list2 li{ padding-left:68px; position:relative; float:left; width:418px; height:52px; line-height:52px; margin-bottom:20px; font-size:16px;} .jobshow .list2 li.li01{ width:646px;} .jobshow .list2 li img{ position:absolute; left:0px; top:0px;} .jobshow .list2 li b{ color:#006ab4;} .jobshow .share{ padding-top:30px;} .jobshow .share em{ float:left;} /*.jobshow .btndiv{position:absolute; bottom:30px; right:0px;}*/ /*.jobshow .btndiv{ position:absolute; bottom:40px; left:50%; margin-left:-51px; width:102px; height:35px;}*/ .jobshow .btndiv{ position:absolute; bottom:10px; right:0px; width:102px; height:35px;} .jobshow .btndiv a{ display:block; width:102px; height:35px; background: no-repeat; text-indent:23px; line-height:35px; color:#fff; font-size:14px;} .contact{ padding:10px 0 40px;} .contact .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:25px;} .contact .name{ font-size:18px; height:50px; background: left 5px no-repeat; padding-left:12px; font-weight:bold;} .contact .imgdiv{ padding-bottom:35px;} .contact .imgdiv img{ width:100%; display:block;} .contact .list{ padding:40px 0 20px; background: repeat-x bottom; margin-bottom:28px;} .contact .list li{ padding-left:68px; position:relative; float:left; width:418px; height:52px; line-height:52px; margin-bottom:20px; font-size:16px;} .contact .list li.li01{ width:646px;} .contact .list li.li02{ width:1100px;} .contact .list li img{ position:absolute; left:0px; top:0px;} .contact .list li em{ padding-left:58px;} .contact .table1{ padding-bottom:25px; overflow:hidden;} .contact .table1 th{ height:72px; background:#e2ecf3 left center no-repeat; font-size:16px; color:#006ab4;} .contact .table1 .th01{ background-image:none;} .contact .table1 td{ height:48px; border-right:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; font-size:16px; text-align:center;} .contact .table1 .td01{ border-left:#e5e5e5 solid 1px; background:#fffafb; color:#dd2a42;} .contact .table2{ padding-bottom:25px; overflow:hidden;} .contact .table2 th{ height:72px; background:#e2ecf3 left center no-repeat; font-size:16px; color:#006ab4;} .contact .table2 .th01{ background-image:none;} .contact .table2 td{ height:48px; border-right:#e5e5e5 solid 1px; border-bottom:#e5e5e5 solid 1px; font-size:16px; text-align:center;} .contact .table2 .td01{ border-left:#e5e5e5 solid 1px; background:#fffafb; color:#dd2a42;} .contact .table2 .td02{ background:#fffafb; color:#dd2a42;} /*.product{ position:relative; padding-bottom:125px;} .product .bd{width:100%; overflow:hidden; position:relative;} .product .bd li{float:left; background: left top no-repeat; width:33.33%; height:auto;} .product .bd li .box{ margin:0 15px; background:#f7f7f7;} .product .imgdiv{ position:relative;} .product .imgdiv img{ width:100%; display:block;} .product .imgdiv .ico{ width:65px; height:65px; position:absolute; left:50%; margin-left:-32px; bottom:-32px; z-index:222;} .product .imgdiv .bg{ width:100%; height:100%; z-index:111; position:absolute; left:0px; top:0px; background: repeat; display:none;} .product .name{padding:38px 20px 0 20px; font-size:24px; height:40px; overflow:hidden;} .product .content{padding:0 20px; font-size:14px; line-height:24px; height:75px; overflow:hidden;} .product .btndiv{ margin:0 auto; width:130px; height:35px; padding:15px 0 28px;} .product .btndiv a{display:block; background: left top no-repeat; width:130px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px;} .product .btndiv2{ position:absolute; left:0px; bottom:75px; text-align:center; width:100%;} .product .btndiv2 span{display:inline-block; width:49px; height:7px; background:#bababa; margin:0 5px; cursor:pointer;text-align:center;} .product .btndiv2 .on{background:#dd2a42;} .product .bd li:hover .box{ background:#006ab4; position:relative; z-index:115} .product .bd li:hover .name{ color:#fff; position:relative; z-index:115} .product .bd li:hover .content{ color:#6eb4e5; position:relative; z-index:115} .product .bd li:hover .btndiv a{background: left top no-repeat; color:#006ab4; position:relative; z-index:115}*/ .product{ position:relative; padding-bottom:125px;} .product .slick li{float:left; background: left top no-repeat; width:33.33%; height:auto;} .product .slick .box{ margin:0 15px; background:#f7f7f7;} .product .imgdiv{ position:relative;} .product .imgdiv img{ width:100%; display:block;} .product .imgdiv .ico{ width:65px; height:65px; position:absolute; left:50%; margin-left:-32px; bottom:-32px; z-index:222;} .product .imgdiv .bg{ width:100%; height:100%; z-index:111; position:absolute; left:0px; top:0px; background: repeat; display:none;} /*.product .name{padding:38px 20px 0 20px; font-size:24px; height:40px; overflow:hidden;}*/ .product .name{padding:38px 40px 0 20px; font-size:20px; height:56px; overflow:hidden;} .product .content{padding:0 20px; font-size:14px; line-height:24px; height:75px; overflow:hidden;} .product .btndiv{ margin:0 auto; width:130px; height:35px; padding:15px 0 28px;} .product .btndiv a{display:block; background: left top no-repeat; width:130px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px;} .product .slick-dots{text-align:center; padding-top:24px;} .product .slick-dots li{display:inline-block; margin:0 5px; width:49px; height:7px; background:#bababa;} .product .slick-dots .slick-active{background:#dd2a42;} .product .slick:hover .box{ background:#006ab4; position:relative; z-index:115} .product .slick:hover .name{ color:#fff; position:relative; z-index:115} .product .slick:hover .content{ color:#6eb4e5; position:relative; z-index:115} .product .slick:hover .btndiv a{background: left top no-repeat; color:#006ab4; position:relative; z-index:115} .productshow{ padding:10px 0 60px;position:relative;} /*9.9*/ .productshow .tag{ position:absolute; right:0px; top:10px; font-size:14px;} .productshow .tag a{ padding:0 13px;} /*.productshow .tag a:hover em{ color:#dd2a42; border-bottom:#dd2a42 solid 1px;}*/ .productshow .tag a:hover em,.productshow .tag a.anow em{ color:#dd2a42; border-bottom:#dd2a42 solid 1px;} /*9.9*/ .productshow .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:20px;} .productshow .content{ font-size:16px; line-height:36px; padding-bottom:20px;} .productshow .list1{ padding-bottom:30px; background: repeat-x bottom; margin-bottom:25px;} .productshow .list1 li{ width:12.5%; float:left;} .productshow .list1 li div{ padding:0 16px;} .productshow .list1 li img{ width:100%; display:block;} .productshow .list2{ padding-bottom:15px; background: repeat-x bottom; margin-bottom:25px;} .productshow .list2 li{ width:33.33%; float:left; position:relative; font-size:16px; padding-bottom:20px;} .productshow .list2 li .num{ font-size:24px; color:#d6d6d6; position:absolute; left:0px; top:0px; width:20px; height:23px; line-height:18px;} .productshow .list2 li p{ padding-left:46px;} .productshow .list2 li .num .bg{ position:absolute; right:0px; top:0px; z-index:22; background: right bottom no-repeat; width:16px; height:23px;} .productshow .list3 li{ padding-left:174px; height:174px; position:relative; clear:both;} .productshow .list3 li .ico{ position:absolute; left:0px; top:0px;} .productshow .list3 li h2{ font-size:24px; padding-bottom:25px;} .productshow .list3 li dd{ float:left; width:33.33%; font-size:16px; padding-bottom:15px;} .productshow .link{ padding-top:25px;} .productshow .link a{ text-decoration:underline;} .productshow .link a:hover{ color:#dd2a42;} .technology{ padding:10px 0 10px;} .technology .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:20px;} .technology .tab{ height:60px; padding:0 20px; background:#f4f4f4; border-radius:3px; -moz-border-radius:3px; overflow:hidden;} .technology .tab .list{ border-right:#e6e6e6 solid 1px;} .technology .tab .list li{ float:left; width:50%; text-align:center; height:57px; line-height:57px; font-size:18px; border-top:#f4f4f4 solid 3px;} .technology .tab .list li img{ padding-right:18px; position:relative; top:6px;} .technology .tab .list li .img1{ display:none;} .technology .tab .list li.linow{ background:#fff; color:#006ab4; font-weight:bold; border-top:#006ab4 solid 3px;} .technology .tab .list li.linow img{ display:none;} .technology .tab .list li.linow .img1{ display:inline-block;} .technology .tab .list li div{ border-left:#e6e6e6 solid 1px;} .technology .contentbox{ padding:42px 0;} .technology .contentbox .name{ text-align:center; color:#dd2a42; font-size:18px; font-weight:bold; padding-bottom:32px;} .technology .contentbox .content{ font-size:16px; line-height:36px; padding-bottom:35px;} .technology .contentbox .title2{ font-size:20px; font-weight:bold; padding-bottom:35px;} .technology .contentbox .list li{ width:25%; float:left;} .technology .contentbox .list li .box{ background: no-repeat; background-size:100% 100%; text-align:center;} .technology .contentbox .list li .ico{ padding:22px 0;} .technology .contentbox .list li .msg{ font-size:14px; padding-bottom:40px; line-height:28px;} .experience{ padding:10px 0 60px;} .experience .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:20px;} .experience .content{ font-size:16px; line-height:36px; padding-bottom:35px;} .experiencelist li{ margin-bottom:25px; font-size:14px;} .experiencelist li a{ position:relative; font-size:18px; display:block; height:60px; line-height:60px; color:#dd2a42; padding-left:82px; background:#f4f4f4 no-repeat right center; border-radius:4px; -moz-border-radius:4px;} .experiencelist li .a1{ color:#e48c24;} .experiencelist li .a2{ color:#4caecb;} .experiencelist li .a3{ color:#ed7e71;} .experiencelist li .a4{ color:#a1db55;} .experiencelist li .a5{ color:#c5c5c5;} .experiencelist li a img{ position:absolute; left:26px; top:9px;} .experiencelist .concontent{ display:none; padding:30px 83px 0;} .experiencelist li a.current{ background:#f4f4f4 no-repeat right center; font-weight:bold;} .experiencelist .concontent h2{ font-size:18px; padding-bottom:15px;} .experiencelist .concontent .list{ padding-bottom:15px;} .experiencelist .concontent dd{ padding-left:24px; font-size:16px; height:35px; line-height:35px; background: left center no-repeat;} .solution{ padding:10px 0 60px;} .solution .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:20px;} /*******************/ /*llx 2017.12.22*/ /*******start*******/ /*******************/ .solution .top{overflow: hidden;margin-bottom: 32px;height: 380px;} .solution .top .left{width: 730px;height: 380px;} .solution .top .left a{display:block;width: 100%;height: 100%;} .solution .top .right{width: 470px; background: ; padding-top: 70px; height: 100%; } .solution .top .right li{margin: 0 auto; } .solution .top .right li a{font-size: 18px;color: #fff;height: 40px;line-height: 40px;text-align: left;display: block;padding: 0 0 0 120px;/* margin: 0 auto; */text-align: left;/* margin: 0 auto; */} .solution .top .right li a:hover{text-decoration: underline;} .solution .top .right li:first-child a{font-weight: bold;font-size: 18px;height: 60px;line-height: 60px;text-align: center;padding: 0;} .sol_list{overflow: hidden; } .sol_list li{float: left;margin-right: 30px;width: 277px;position: relative;padding-bottom: 19px;margin-bottom: 30px;} .sol_list li:nth-child(4n){margin-right: 0px; } .sol_list .img{width: 100%; overflow: hidden; height: 291px; } .sol_list .img img{transition: all .5s; } .sol_list .img:hover img{transform: scale(1.1); } .sol_list .txt{text-align: center;height: 140px;position: absolute;bottom: 0px;width: 100%;} .sol_list li:nth-child(n) .txt{background: no-repeat top; } .sol_list li:nth-child(2n) .txt{background: no-repeat top; } .sol_list li:nth-child(3n) .txt{background: no-repeat top; } .sol_list li:nth-child(4n) .txt{background: no-repeat top; } .sol_list .t1{font-size: 18px;color: #fff;position: relative;top: 34px;} .sol_list .t2{font-size: 14px;color: #fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;top: 39px;padding: 0 15px;} .sol_list .ico{display: block;width: 130px;height: 35px;line-height: 35px;text-align: center;font-size: 14px;color: #fff;border-radius: 20px;position: absolute;bottom: 0;left: 50%;margin-left: -65px;} .sol_list li:nth-child(n) .ico{background: #bbe97a; } .sol_list li:nth-child(2n) .ico{background: #7ed5eb; } .sol_list li:nth-child(3n) .ico{background: #fcb0a7; } .sol_list li:nth-child(4n) .ico{background: #f2a954; } .sol_list li:nth-child(n) .ico:hover{background: #b3dc76; } .sol_list li:nth-child(2n) .ico:hover{background: #79cce1; } .sol_list li:nth-child(3n) .ico:hover{background: #eea79f; } .sol_list li:nth-child(4n) .ico:hover{background: #e9a351; } .sol_list li .ico:hover{font-weight:bold;} .solutionshow{ padding:10px 0 50px; position:relative;} .solutionshow .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:25px;} .solutionshow .imgdiv{ text-align:center; padding:20px 0;} .solutionshow .content{ font-size:16px; line-height:36px; padding-bottom:30px;} .solutionshow .list{ padding-bottom:45px;} .solutionshow .list li{ float:left; width:25%; font-size:16px; background: left center no-repeat; height:55px; line-height:55px; text-indent:24px;} .solutionshow .list2{ padding-bottom:50px; background: repeat-x bottom;} .solutionshow .list2 li{ float:left; width:570px; height:138px; background:#eeeeee; /*margin:0 15px 0 0;*/} .solutionshow .list2 .left1{width:580px;margin:0 15px 0 0;} .solutionshow .list2 .right1{width:580px;margin:0 0 0 25px;} .solutionshow .list2 li h2{ padding:20px 0 0 30px; font-size:16px;} .solutionshow .list2 li p{ padding:15px 0 0 30px; font-size:14px;} /*.solutionshow .list2 li a{ color:#006ab4; text-decoration:underline;}*/ /*.solutionshow a{ text-decoration:underline;}*/ .solutionshow a{ text-decoration:underline; color:#666;} .solutionshow a:hover{ color:#dd2a42;} .solutionshow .list2 li a:hover{ color:#dd2a42;} .solutionshow .share{ padding-top:30px;} .solutionshow .share em{ float:left;} .solutionshow .btndiv{position:absolute; bottom:30px; right:0px;} .solutionshow .btndiv a{ display:block; width:102px; height:35px; background: no-repeat; text-indent:23px; line-height:35px; color:#fff; font-size:14px;} .solutionshow .link{ padding-top:25px;} .solutionshow .link a{ text-decoration:underline;} .solutionshow .link a:hover{ color:#dd2a42;} .announcement{ padding:10px 0 60px;} .announcement .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:20px;} .announcement .list{ padding-bottom:50px;} .announcement .list li{ height:104px; margin-bottom:20px; background:#fafafa; padding-left:125px; position:relative; padding-right:130px;} .announcement .list li:hover{ background:#f5f5f5;} .announcement .list li .time{ position:absolute; left:0px; top:0px; width:97px; background:#f5f5f5; text-align:center; height:104px; font-size:14px; font-weight:bold; color:#777;} .announcement .list li .time h2{ font-size:48px; padding-top:10px;} /*.announcement .list li .name{ font-size:16px; height:60px; line-height:60px; overflow:hidden;} .announcement .list li .content{ font-size:14px; color:#888; height:24px; overflow:hidden;}*/ .announcement .list li .name{ font-size:16px; height:50px; line-height:60px; overflow:hidden;} .announcement .list li .content{ font-size:14px; color:#888; height:48px; overflow:hidden; line-height:24px;} .announcement .list li .btndiv{ position:absolute; right:14px; top:35px;} .announcement .list li .btndiv a{ display:block; width:89px; height:34px; line-height:34px; border:#006ab4 solid 1px; border-radius:2px; -moz-border-radius:2px; text-align:center; font-size:14px; color:#006ab4;} .announcement .list li .btndiv a:hover{ background:#006ab4; color:#fff;} .department{ padding:10px 0 60px;} .department .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:20px;} .department h2{ font-size:18px; padding:30px 0 60px;} .department .list{ padding-bottom:20px;} .department .list li{ padding-left:68px; position:relative; float:left; margin-right:70px; height:52px; line-height:52px; font-size:16px;} .department .list li.li01{ width:646px;} .department .list li img{ position:absolute; left:0px; top:0px;} .department .list li b{ color:#006ab4;} .download{ padding:5px 0 60px;} .download .title{ font-size:24px; color:#006ab4; font-weight:bold; padding-bottom:30px;} .download .list{ padding-bottom:30px;} .download .list li{ float:left; width:25%; margin-bottom:40px;} .download .list li .box{ margin-right:32px; border:#e8e8e8 solid 1px; background:#f2f2f2;} .download .list li:hover .box{box-shadow:0 1px 5px rgba(35,25,25,0.5); -moz-box-shadow:0 1px 5px rgba(35,25,25,0.5); -webkit-box-shadow:0 1px 5px rgba(35,25,25,0.5);} .download .list li .imgdiv img{ width:100%; display:block;} .download .list li .name{ font-size:14px; text-align:center; height:36px; line-height:36px; overflow:hidden;} .download .list li .btndiv{ width:107px; height:26px; margin:0 auto 11px;} .download .list li .btndiv a{ width:107px; height:26px; text-indent:18px; color:#fff; line-height:26px; background: no-repeat; display:block;} .appdownload li{ padding-right:600px; position:relative; height:586px; border-bottom:#e4e4e4 solid 1px;} .appdownload li .imgdiv{ position:absolute; right:0px; top:80px;} .appdownload li h2{ padding:190px 0 10px 56px; font-size:45px; color:#006ab4;} .appdownload li .msg{ font-size:45px; padding-left:56px;} .appdownload li .content{ font-size:18px; line-height:36px; padding:26px 0 0 56px;} .appdownload li.linow{ padding-left:600px; position:relative; padding-right:0px;} .appdownload li.linow .imgdiv{ position:absolute; left:0px; right:auto; top:80px;} .appdownload li.linow h2{ color:#dc2a42;} /*.topicon{ position:fixed; right:10px; bottom:70px; background: no-repeat; width:76px; height:76px;}*/