.indexflash{min-height:50px; position:relative; background:#000;} .indexflash .slick{min-height:50px; position:relative;} .indexflash .imgdiv a{display:block; min-height:500px; background:center no-repeat; background-size:cover;} .indexflash .imgdiv img{display:none;} .indexflash .more{display:block; width:2.2rem; height:.6rem; line-height:.58rem; text-align:center; border:rgba(255,255,255,0.3) solid 1px; font-size:.16rem; color:#fff; position:absolute; right:50%; bottom:12vh; margin-right:-600px;} .indexflash .more em{position:relative; z-index:2;} .indexflash .more i{display:block; position:absolute; left:-1px; top:-1px; width:0px; height:.6rem; background:#c74a38;} .indexflash .more:hover i{width:2.2rem;} /**/ .indexflash .slick-arrow{display:block; background-position:center; background-repeat:no-repeat; width:11px; height:21px; position:absolute; z-index:10; bottom:5vh; right:50%; margin-right:-580px; opacity:0.6; filter:alpha(opacity=60);} .indexflash .slick-arrow:hover{opacity:1; filter:alpha(opacity=100);} .indexflash .slick-prev{background-image:url(/uploads/image/image/prev.png); margin-right:-490px;} .indexflash .slick-next{background-image:url(/uploads/image/image/next.png);} .indexflash .num{position:absolute; bottom:5vh; right:50%; margin-right:-600px; width:140px; text-align:center; line-height:21px; font-size:16px; color:#fff; letter-spacing:6px;} .indexflash .num span{color:#c74a38;} .pagetitle{height:265px; position:relative; font-weight:bold; color:#2681c1; letter-spacing:2px; font-size:38px;} .pagetitle h2{font-size:1em; position:absolute; left:0px; top:140px;} .pagetitle span{font-size:1.75em; opacity:0.1; filter:alpha(opacity=10); display:block; padding:110px 0 0 30px; white-space:nowrap; transform: scale(1, 1.2); -webkit-transform: scale(1, 1.2); -moz-transform: scale(1, 1.2); -o-transform: scale(1, 1.2); -ms-transform: scale(1, 1.2); } .pagetitle .line{position:absolute; left:-45px; top:100px; font-size:0px;} .pagetitle .line i{display:inline-block; width:60px; height:1px; background:#c74a38; margin-right:7px;} .pagetitle .line i:first-child{width:10px;} .indexpart1-1{min-height:6rem; padding-bottom:.6rem; text-align:center; position:relative;} .indexpart1-1 a.name{display:flex; justify-content:center; align-items:center; position:absolute; left:0px; top:50%; width:100%; line-height:.36rem; background:rgba(38,129,193,0.9); color:#fff; font-size:.24rem; padding:.2rem; transform: translate(0px, -50%); -webkit-transform: translate(0px, -50%); -moz-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); } .indexpart1-1 a.name2{padding:.1rem .2rem; line-height:.28rem;} .indexpart1-1 .bigimg{width:4.8rem; position:absolute; z-index:10; left:50%; top:0; margin-left:-2.4rem; background:#000;} /**/ .indexpart1-1 .imglist{min-height:4.5rem; position:relative;} .indexpart1-1 .arrow{display:block; width:.22rem; height:.71rem; position:absolute; z-index:10; top:50%; margin-top:-.45rem; background-position:center; background-repeat:no-repeat; background-size:cover;} .indexpart1-1 .arrow.disabled{opacity:0;} .indexpart1-1 .prev{left:-70px; background-image:url(/uploads/image/image/prev3.png);} .indexpart1-1 .next{right:-70px; background-image:url(/uploads/image/image/next3.png);} .indexpart1-1 ul{float:left; width:50%;} .indexpart1-1 li{height:2.41rem;} .indexpart1-1 .box{width:3.333rem; min-height:1rem; position:relative;} .indexpart1-1 .ul-next .box{margin-left:auto;} .indexpart1-1 .img{width:100%; overflow:hidden; position:relative; background:#000;} .indexpart1-1 .layer{position:absolute; left:-.1rem; top:-.1rem; width:100%; height:100%; padding:0 .35rem; display:flex; justify-content:center; align-items:center; flex-direction:column; width:-moz-calc(100% .2rem); width:-webkit-calc(100% .2rem); width:calc(100% .2rem); height:-moz-calc(100% .2rem); height:-webkit-calc(100% .2rem); height:calc(100% .2rem); } .indexpart1-1 .layer .container{position:relative; z-index:2;} .indexpart1-1 .layer .bg{position:absolute; left:0px; top:0px; width:100%; height:100%; -moz-box-shadow:0 0 .07rem rgba(0,160,233,0.42); -webkit-box-shadow:0 0 .07rem rgba(0,160,233,0.42); box-shadow:0 0 .07rem rgba(0,160,233,0.42); } .indexpart1-1 .layer .container, .indexpart1-1 .layer .bg{opacity:0; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; } .indexpart1-1 .layer a.btn{background:url(/uploads/image/image/btn30.png) center no-repeat; background-size:.3rem; height:.3rem; width:.3rem;} .indexpart1-1 .layer h2 a{display:block; font-size:.24rem; line-height:.3rem; color:#fff; letter-spacing:1px; padding:.15rem 0 .1rem 0; font-weight:400; position:relative; z-index:3;} .indexpart1-1 .layer p{text-align:justify; font-size:.16rem; line-height:.26rem; color:#fff;} /**/ .indexpart1-1 svg{position:absolute; left:0px; top:0px;} .indexpart1-1 path{stroke:#2681c1; stroke-width:2; fill:none; stroke-dasharray: 2140; stroke-dashoffset: 2140; transition:stroke-dashoffset 1s linear; -webkit-transition:stroke-dashoffset 1s linear; -moz-transition:stroke-dashoffset 1s linear; -o-transition:stroke-dashoffset 1s linear; } .indexpart1-1 .box:hover path, .indexpart1-1 .bigimg:hover path{ stroke-dashoffset: 0; } /**/ .indexpart1-1 .box:hover .img img, .indexpart1-1 .bigimg:hover .img img{opacity:.4; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .indexpart1-1 .box:hover a.name, .indexpart1-1 .bigimg:hover a.name{opacity:0;} .indexpart1-1 .box:hover .layer .container, .indexpart1-1 .box:hover .layer .bg, .indexpart1-1 .bigimg:hover .layer .container, .indexpart1-1 .bigimg:hover .layer .bg{opacity:1;} .indexpart2{background:#f4f7fa;} .indexpart2 .pagetitle{height:240px;} .indexpart2 .wal{min-height:500px; position:relative; padding:70px 0 250px 0;} .indexpart2 .ico{width:160px; height:160px; background:#2681c1; position:absolute; z-index:10; right:0px; bottom:-80px;} /**/ .indexpart2 .imglist{width:530px; height:530px; position:absolute; left:0px; top:130px; background:#2681c1; -moz-box-shadow:2px 2px 30px rgba(0,95,171,0.3); -webkit-box-shadow:2px 2px 30px rgba(0,95,171,0.3); box-shadow:2px 2px 30px rgba(0,95,171,0.3); } .indexpart2 .imglist li{position:absolute; left:0px; top:0px; background:#2681c1;} .indexpart2 .imglist a{display:block; opacity:0.5; filter:alpha(opacity=50); width:100%; overflow:hidden; position:relative;} .indexpart2 .imglist li.on{z-index:10; width:466px; left:160px; top:140px; -moz-box-shadow:2px 2px 30px rgba(0,95,171,0.3); -webkit-box-shadow:2px 2px 30px rgba(0,95,171,0.3); box-shadow:2px 2px 30px rgba(0,95,171,0.3); } .indexpart2 .imglist li.on a{opacity:1; filter:alpha(opacity=100);} /**/ .indexpart2 .box{max-width:460px; margin-left:auto;} .indexpart2 .slick h2{font-size:24px; line-height:1.5em; padding-bottom:18px;} .indexpart2 .content{font-size:14px; line-height:1.72em; color:#666; text-align:justify; min-height:170px;} .indexpart2 .slick-arrow{display:inline-block; background-position:center; background-repeat:no-repeat; width:84px; height:74px; background-color:#fff;} .indexpart2 .slick-arrow:hover{background-color:#c74a38;} .indexpart2 .slick-prev{background-image:url(/uploads/image/image/prev2.png);} .indexpart2 .slick-next{background-image:url(/uploads/image/image/next2.png);} .indexpart2 .slick-prev:hover{background-image:url(/uploads/image/image/prev2on.png);} .indexpart2 .slick-next:hover{background-image:url(/uploads/image/image/next2on.png);} .indexpart3{padding-top:20px;} .indexpart3 .pagetitle{text-align:center;} .indexpart3 .pagetitle h2{width:100%;} .indexpart3 .pagetitle span{padding-left:0px;} .indexpart3 .pagetitle .line{left:50%; margin-left:-40px;} .indexpart3 .list{width:100%; overflow:hidden; position:relative;} .indexpart3 ul{margin-right:-23px;} .indexpart3 li{float:left; width:33.333%; padding-right:23px; font-size:14px;} .indexpart3 .imgdiv{width:100%; overflow:hidden; position:relative;} .indexpart3 .imgdiv img{width:100%;} .indexpart3 .time{color:#2681c1; opacity:0.4; filter:alpha(opacity=40); padding-top:10px; position:relative; top:5px;} .indexpart3 .name a{display:block; font-size:20px; color:#2681c1; height:48px; line-height:48px; letter-spacing:1px;} .indexpart3 li .line{height:15px; border-top:#eee solid 1px; position:relative;} .indexpart3 li .line i{display:block; width:10px; height:1px; background:#c74a38; position:absolute; left:0px; top:-1px;} .indexpart3 .content{color:#666; line-height:1.7em; min-height:125px;} .indexpart3 li.on .line i{width:100%;} .pagemore{display:block; clear:both; text-align:center; border-top:#efefef solid 1px; font-size:16px; text-transform:uppercase; color:#2681c1; padding:50px 0 60px 0;} .pagemore:hover{background:#2681c1; color:#fff;} .product{padding-top:32px; width:100%; overflow:hidden; position:relative;} .product ul{margin-right:-40px;} .product li{float:left; width:50%; padding:0 40px 40px 0;} .product .box{min-height:50px; position:relative;} .product .imgdiv{width:100%; overflow:hidden; position:relative;} .product .layer{position:absolute; left:0px; bottom:0px; width:100%; background:rgba(38,129,193,0.8); color:#fff; padding:13px 40px;} .product .name a{display:block; color:#fff; font-size:24px; letter-spacing:2px; padding:5px 0;} .product p{font-size:14px; line-height:1.73em; height:0px; overflow:hidden;} .product li.on p{height:3.46em;} .product .h10{height:35px;} .product_01{border-top:#efefef solid 1px; padding-top:65px;} .product_01 .h10{height:150px;} .product_01 .fl{background:#2681c1; width:30%; padding:12px;} .product_01 .bg{height:432px; border:#68a7d4 solid 1px; padding:0 50px; color:#fff;} .product_01 .title{font-size:24px; padding:60px 0 40px 0; text-align:center;} .product_01 .title span{font-size:16px; opacity:0.8; filter:alpha(opacity=80);} .product_01 p{font-size:14px; line-height:1.7em; text-align:justify;} /**/ .product_01 .list{width:70%;} .product_01 li{float:left; width:33.333%; height:228px; text-align:center; color:#666; position:relative;} .product_01 li .imgdiv{width:100%; height:100%; overflow:hidden; position:absolute; left:0px; top:100%;} .product_01 li img{width:100%;} .product_01 li .box{position:absolute; left:0px; top:50%; width:100%; padding:10px 0; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -o-transform: translatey(-50%); -ms-transform: translatey(-50%); } .product_01 li h2{font-size:24px; font-weight:400; color:#000; padding:0 0 18px 0;} .product_01 li dl{font-size:14px; line-height:1.7em; text-align:left; max-width:110px; margin:0 auto;} .product_01 li.li_02 dl{text-align:center;} .product_01 li.li_02{top:228px;} .product_01 li.li_02 .imgdiv{top:-100%;} .product_01 li.li_03 dl{max-width:130px;} .product_01 li.on{background:#c74a38; color:#fff;} .product_01 li.on h2{color:#fff;} .productshow{padding-top:32px;} .productshow .imgdiv{width:41%; overflow:hidden;} .productshow .fr{width:59%; padding:20px 0 0 90px;} .productshow h2{font-size:24px; font-weight:400; color:#2681c1; min-height:65px; line-height:65px; position:relative;} .productshow h2 i{display:block; width:130px; height:4px; background:#2681c1; position:absolute; left:-160px; top:50%; margin-top:-2px;} .productshow .content{font-size:14px; line-height:1.7em; text-align:justify; color:#666;} .product_02{min-height:315px; position:relative; margin-bottom:60px;} .product_02 .imgdiv{max-width:315px; margin-left:35px; background:#eee; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .product_02 .imgdiv:hover{background:#a4a4a4;} .product_02 .box{position:absolute; top:50%; left:0px; width:100%; padding-left:415px; transform: translatey(-50%); -webkit-transform: translatey(-50%); -moz-transform: translatey(-50%); -o-transform: translatey(-50%); -ms-transform: translatey(-50%); } .product_02 .box h2{font-weight:400; font-size:24px; padding-bottom:15px;} .product_02 .content{font-size:14px; line-height:1.7em; text-align:justify; color:#666;} .product_03{padding:0 0 50px 35px; display:none;} .product_03 .tab{height:40px; border-bottom:#eee solid 1px;} .product_03 .tab li{float:left; height:40px; width:120px; text-align:center; font-size:18px; color:#777; position:relative;} .product_03 .tab li:nth-child(1){z-index:10;} .product_03 .tab li:nth-child(1) div{padding:0px;} .product_03 .tab li:nth-child(2){z-index:9;} .product_03 .tab li:nth-child(3){z-index:8;} .product_03 .tab li:nth-child(4){z-index:7;} .product_03 .tab div{height:40px; line-height:40px; background:#eee; width:150px; padding-left:30px; -moz-box-shadow:2px -3px 3px rgba(0,0,0,0.1); -webkit-box-shadow:2px -3px 3px rgba(0,0,0,0.1); box-shadow:2px -3px 3px rgba(0,0,0,0.1); -moz-border-top-left-radius:20px; -webkit-border-top-left-radius:20px; border-top-left-radius:20px; -moz-border-top-right-radius:20px; -webkit-border-top-right-radius:20px; border-top-right-radius:20px; } .product_03 .tab li.on{z-index:20; left:15px;} .product_03 .tab li.on div{padding:0px; background:#fff; color:#000;} .product_03 .tab li:nth-child(1).on{left:0px;} .product_03-1{font-size:14px; line-height:1.7em; text-align:justify; color:#666; padding:45px 0;} .product_05 .slick{min-height:100px; position:relative;} .product_05 .slick a{display:block; margin:0 3px; border-top:#dcdcdc solid 2px; padding:25px 15px; font-size:20px; text-align:center;} .product_05 .slick a div{max-width:223px; background:#eee; margin:0 auto;} .product_05 .slick a p{padding-top:20px;} .product_05 .slick i{display:block; width:2px; height:100%; background:url(/uploads/image/image/line.png) center no-repeat; position:absolute; top:0px; right:0px;} .product_05 .slick:last-child i{display:none;} .product_05 .slick.none i{display:none;} .product_05 .slick a:hover, .product_05 .slick a.on{color:#c74a38; border-color:#c74a38;} .product_05 .slick a:hover div, .product_05 .slick a.on div{background:#a4a4a4;} /**/ .product_05 .slick-arrow{display:block; width:15px; height:32px; background-position:center; background-repeat:no-repeat; position:absolute; z-index:10; top:50%; margin-top:-16px;} .product_05 .slick-prev{background-image:url(/uploads/image/image/prev4.png); left:-15px;} .product_05 .slick-next{background-image:url(/uploads/image/image/next4.png); right:-15px;} .solution li{border-bottom:#efefef solid 1px; min-height:50px; position:relative; font-size:14px; line-height:1.7em; color:#666;} .solution a{display:block; position:absolute; left:0px; top:0px; width:100%; height:100%;} .solution .wal{min-height:286px; position:relative; padding:34px 0 34px 495px;} .solution .imgdiv{position:absolute; left:0px; top:34px; width:440px; overflow:hidden;} .solution li .title{font-size:24px; color:#000; letter-spacing:1px; padding:35px 0 15px 0; line-height:1.5em;} .solution li p{text-align:justify; min-height:87px; padding-bottom:15px} .solution .btn{text-align:right;} .solution .btn i{font-style:normal; color:#2681c1; display:inline-block; line-height:20px; background:url(/uploads/image/image/img31_1.png) right center no-repeat;} .solution li.on{background:#519acd; color:#fff;} .solution li.on .title{color:#fff;} .solution li.on .btn i{color:#fff; padding-right:38px;} .solutionshow h1.title{text-align:center; font-weight:400; color:#000; font-size:24px; padding:70px 0 50px 0; letter-spacing:1px;} .solutionshow h2.title{font-weight:400; font-size:18px; color:#2681c1; line-height:50px; border-bottom:#efefef solid 1px; padding-left:20px; background:url(/uploads/image/image/img13.png) left center no-repeat; background-size:8px; letter-spacing:1px;} .solutionshow .content{color:#666; font-size:14px; line-height:1.72em; text-align:justify; padding:25px 0;} .solutionshow .imgdiv{text-align:center; padding:25px 0;} .solutionshow .product_05 .slick a{border:0px;} .solutionshow .back{text-align:center; padding:30px 0 70px 0;} .solutionshow .back a{display:inline-block; font-size:18px; color:#fff; background:#2681c1; width:180px; line-height:50px;} .appcase .title{font-size:24px; letter-spacing:1px; padding:18px 3px; border-bottom:#ddd solid 1px; font-weight:400;} .appcase ul{padding-top:32px; margin-right:-15px;} .appcase li{float:left; width:33.333%; padding:0 15px 35px 0;} .appcase .imgdiv{min-height:50px; position:relative; background:#2681c1;} .appcase svg{position:absolute; left:0px; top:0px;} .appcase path{stroke:rgba(255,255,255,0.6); stroke-width:2; fill:none; stroke-dasharray: 1180; stroke-dashoffset: 1180; transition:stroke-dashoffset 1s linear; -webkit-transition:stroke-dashoffset 1s linear; -moz-transition:stroke-dashoffset 1s linear; -o-transition:stroke-dashoffset 1s linear; } .appcase a.btn{display:block; background:url(/uploads/image/image/img50.png) center no-repeat; background-size:50px; width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; filter:alpha(opacity=0);} .appcase .name a{display:block; text-align:center; height:77px; line-height:77px; padding:0 15px; background:#eee; font-size:24px;} .appcase li.on path{stroke-dashoffset: 0;} .appcase li.on a.btn{opacity:1; filter:alpha(opacity=100);} .appcase li.on .name a{background:#2681c1; color:#fff;} .appcase li.on .imgdiv img{opacity:0.7; filter:alpha(opacity=70);} .caseshow{max-width:818px; margin:0 auto; font-size:14px; line-height:1.75em; text-align:justify; color:#666; padding:60px 0;} .caseshow .imgdiv{padding-bottom:35px;} .technology{padding-top:20px;} .technology .title{font-size:24px; letter-spacing:1px; background:url(/uploads/image/image/img60.jpg) left bottom no-repeat; padding:40px 0 15px 0;} .technology .content{font-size:14px; line-height:1.75em; text-align:justify; color:#666; padding-top:20px;} .technology .list{width:100%; overflow:hidden; position:relative; padding-top:40px;} .technology ul{margin-right:-20px;} .technology li{float:left; width:50%; padding:0 20px 20px 0;} .technology .box{min-height:50px; position:relative;} .technology .imgdiv{width:100%; overflow:hidden; position:relative;} .technology .layer{position:absolute; right:0px; bottom:0px; width:100%; min-height:20px; background:rgba(38,129,193,0.8); color:#fff; padding-top:0px;} .technology .name a{display:block; color:#fff; font-size:24px; letter-spacing:1px; padding:0 28px; line-height:2.5em; text-align:center;} .technology p{font-size:14px; line-height:1.75em; height:0px; overflow:hidden; text-align:justify; padding:0 80px; opacity:0; filter:alpha(opacity=0);} .technology li.on .layer{min-height:100%; padding-top:85px;} .technology li.on p{height:8.75em; opacity:1; filter:alpha(opacity=100);} /**/ .technology .li_01{width:100%;} .technology .li_01 .layer, .technology .li_01.on .layer {height:100%; padding:50px 60px 0 60px; width:-moz-calc(50% - 10px); width:-webkit-calc(50% - 10px); width: calc(50% - 10px); } .technology .li_01 .name a{text-align:left; padding:0px;} .technology .li_01 p{height:8.75em; opacity:1; filter:alpha(opacity=100); padding:0px;} .technology .btn{max-width:415px; padding:16px 0; border-top:#fff solid 2px;} .technology .btn a{display:block; width:150px; line-height:36px; background:#fff; font-size:14px; color:#2681c1; text-align:center;} .pagenav{height:94px; border-bottom:#efefef solid 1px;} .pagenav ul{max-width:525px; margin:0 auto;} .pagenav li{float:left; width:33.333%; padding-top:34px; text-align:center;} .pagenav a{display:inline-block; height:60px; line-height:57px; border-bottom:rgba(0,0,0,0) solid 3px; font-size:22px;} .pagenav a:hover, .pagenav a.on{color:#074396; border-color:#074396;} .news_01{min-height:430px; position:relative; padding:48px 0 48px 635px;} .news_01 .imgdiv{position:absolute; left:0px; top:48px; width:586px; overflow:hidden;} .news_01 .time{line-height:70px; font-size:14px; color:#666;} .news_01 .name{font-size:20px; letter-spacing:1px;} .news_01 p{font-size:14px; line-height:1.75em; text-align:justify; color:#666; min-height:125px; padding:12px 0;} .news_01 .btn a{display:block; width:150px; line-height:36px; text-align:center; background:#2681c1; font-size:14px; color:#fff;} .news{border-top:#efefef solid 1px; padding-bottom:25px;} .news li{border-bottom:#efefef solid 1px; min-height:55px; position:relative; font-size:14px; color:#999;} .news span{position:absolute; left:0px; top:13px; padding:0 35px 0 40px; line-height:29px; border-right:#efefef solid 1px;} .news a{display:block; height:54px; line-height:54px; padding:0 80px 0 184px; position:relative; z-index:2;} .news a:after{content:''; display:block; width:55px; height:54px; position:absolute; top:0px; right:0px; background:url(/uploads/image/image/img12.png) left center no-repeat; background-size:6px;} .news li.on{background:#fbfbfc;} .news li.on, .news li.on a{color:#2681c1;} .news li.on a:after{background-image:url(/uploads/image/image/img12on.png);} .newshow{max-width:775px; margin:0 auto; text-align:center; padding:60px 0 45px 0;} .newshow .title{font-size:22px; color:#000; letter-spacing:1px;} .newshow .time{font-size:15px; padding:15px 0 30px 0;} .newshow .content{font-size:14px; line-height:1.75em; text-align:justify; color:#666;} .newshow .content div.p{text-indent:2em; padding-bottom:35px;} .newshow .content .imgdiv{padding-bottom:35px;} .pagenum2{border-top:#dfdfe1 solid 1px;} .pagenum2 .wal{max-width:775px; padding-top:25px; min-height:155px; line-height:32px; position:relative;} .pagenum2 dd{float:left; width:50%; font-size:14px;} .pagenum2 dd:last-child{text-align:right;} .pagenum2 dd a{color:#666;} .pagenum2 dd a:hover, .pagenum2 .back a{color:#084397;} .pagenum2 .back{clear:both;} .pagenum2 .back a{position:absolute; left:50%; top:25px; font-size:16px; margin-left:-2em;} a.topa{display:block; background:#bfbfbf url(/uploads/image/image/img30.png) center no-repeat; background-size:22px; width:54px; height:54px; position:fixed; z-index:50; right:50px; bottom:50px; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } a.topa.on{opacity:1; filter:alpha(opacity=100); visibility:visible;} a.topa:hover{background-color:#2681c1;} .newsbarphone, .newsbarphone_01{display:none;} .newsbar{position:fixed; z-index:50; top:50%; right:50px; width:54px;} .newsbar li{min-height:70px; position:relative;} .newsbar a.topa{position:absolute; right:0px; bottom:0px;} .newsbar a.a-1{display:block; height:54px; background:#298cd1; color:#fff; font-size:14px; line-height:1.1em; position:relative; top:0px; justify-content:center; align-items:center; display:flex; display:-webkit-flex; display:-moz-flex; display:-o-flex; display:-ms-flex; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .newsbar li:hover .a-1{background:#c74a38;} .newsbar li:hover .layer{opacity:1; filter:alpha(opacity=100); visibility:visible;} .newsbar .layer{position:absolute; right:-2px; bottom:14px; width:752px; height:195px; background:#fff; opacity:0; filter:alpha(opacity=0); visibility:hidden; -moz-border-radius:27px; -webkit-border-radius:27px; border-radius:27px; -moz-box-shadow:0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); box-shadow:0 0 3px rgba(0,0,0,0.3); } /**/ .newsbar .li_01 .fl{width:50%; padding:0 20px 0 165px; min-height:100px; position:relative;} .newsbar .li_01 .imgdiv{position:absolute; left:25px; top:30px;} .newsbar .li_01 .name{font-size:16px; padding:25px 0 8px 0;} .newsbar .li_01 p{font-size:14px; line-height:1.75em; text-align:justify; color:#666; padding-bottom:10px;} .newsbar .li_01 .btn a{display:block; font-size:14px; color:#fff; background:#2681c1; width:76px; line-height:26px; text-align:center;} .newsbar .li_01 .fr{width:50%; padding:20px 60px 0 0;} .newsbar .li_01 li{min-height:36px; line-height:36px; position:relative; font-size:14px; color:#999; padding-left:15px; background:url(/uploads/image/image/img3.png) left center no-repeat;} .newsbar .li_01 li span{position:absolute; top:0px; right:0px;} /**/ .newsbar .list2{padding:0 55px 0 38px; text-align:center;} .newsbar .slick{position:relative; min-height:50px; padding-top:18px;} .newsbar .slick .imgdiv{background:#eee; width:137px; margin:0 auto;} .newsbar .slick .imgdiv, .newsbar .slick .imgdiv img{ -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } .newsbar .slick .name{font-size:14px; padding-top:6px;} .newsbar .slick .line{background:url(/uploads/image/image/line.png) center no-repeat; background-size:1px 100%; position:absolute; top:0px; right:0px; width:2px; height:100%;} .newsbar .slick:hover .imgdiv{background:#999;} .newsbar .slick:hover a{color:#c74a38;} /**/ .newsbar .slick-arrow{display:block; width:10px; height:32px; background-size:10px; background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-16px;} .newsbar .slick-prev{background-image:url(/uploads/image/image/prev4.png); left:23px;} .newsbar .slick-next{background-image:url(/uploads/image/image/next4.png); right:40px;} .aboutnav{height:94px; border-bottom:#efefef solid 1px; font-size:0px; text-align:center;} .aboutnav li{display:inline-block; padding:34px 35px 0 35px;} .aboutnav a{display:inline-block; height:60px; line-height:57px; border-bottom:rgba(0,0,0,0) solid 3px; font-size:22px;} .aboutnav a:hover, .aboutnav a.on{color:#074396; border-color:#074396;} .aboutnav h2{display:none;} .about_01{padding:65px 0 45px 0; max-width:1005px; margin:0 auto;} .about_01 .title{text-align:center; padding-bottom:40px; font-size:14px; color:#bebebe;} .about_01 .title h2{font-weight:400; font-size:24px; color:#000; letter-spacing:2px; padding-bottom:0px;} .about_01 .content{font-size:14px; line-height:1.75em; text-align:justify; text-indent:2em; color:#666;} .about_01 .content p{padding-bottom:25px;} .about_02{min-height:260px; background:#d26e60; color:#fff; text-align:center;} .about_02 ul{margin-left:-30px; margin-right:-30px;} .about_02 li{float:left; width:16.666%; text-align:center; height:260px; padding-top:60px; position:relative; font-size:16px; line-height:22px;} .about_02 li div{font-size:48px; line-height:70px; font-weight:100;} .about_02 li::after{content:''; display:block; width:1px; height:80px; background:rgba(255,255,255,0.2); position:absolute; z-index:2; top:50%; right:0px; margin-top:-40px;} .about_02 li:last-child::after{display:none;} .about_03{max-width:777px; padding:60px 0 80px 0; min-height:200px; position:relative; text-align:center;} .about_03 .layer{position:absolute; z-index:10; left:0px; top:0px; width:100%; font-size:14px; line-height:1.75em; color:#666;} .about_03 .layer .title{color:#000; padding:70px 0 30px 0; font-size:24px; letter-spacing:1px;} .about_04{min-height:500px; background:url(/uploads/image/image/about_04.jpg) center top no-repeat; background-size:100% 300px; padding-bottom:115px;} .about_04 .title{font-size:24px; color:#fff; text-align:center; padding:85px 0 35px 0;} .about_04 .box{min-height:440px; position:relative; background:#519acd; color:#fff; padding:75px 75px 0 350px;} .about_04 .box .imgdiv{position:absolute; left:45px; top:45px;} .about_04 .scroll{height:270px; overflow:hidden; position:relative;} .about_04 .content{font-size:13px; line-height:1.75em; text-align:justify; max-width:705px;} .about_04 .content p{padding-bottom:1.75em; text-indent:2em;} .about_05{background:url(/uploads/image/image/nimg1440_7.jpg) center no-repeat; background-size:cover; color:#fff; padding:85px 0 120px 0;} .about_05 .title{padding-bottom:28px; font-size:24px; letter-spacing:1px; text-align:center;} .about_05 .content{max-width:890px; margin:0 auto; text-align:justify; font-size:14px; line-height:1.75em; text-indent:2em;} .abouttitle{color:#000; letter-spacing:1px; font-size:24px; padding:65px 0 35px 0; text-align:center;} .group{padding-bottom:100px;} .culture{width:100%; overflow:hidden; position:relative; margin-top:15px;} .culture ul{margin-right:-15px;} .culture li{float:left; width:33.333%; padding:0 15px 50px 0; overflow:hidden; position:relative;} .culture .box{min-height:100px; position:relative;} .culture .imgdiv{width:100%; overflow:hidden; position:relative;} .culture .imgdiv img{width:100%;} .culture .name{position:absolute; left:0px; top:62px; width:69%; line-height:60px; text-align:center; background:#2681c1; color:#fff; font-size:24px;} .culture .layer{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(38,129,193,0.8); color:#fff; padding:65px 45px 0 45px;} .culture .layer h2{font-weight:400; font-size:24px; color:#c74a38; padding:40px 0;} .culture .layer p{font-size:16px; line-height:1.875em; max-width:265px; text-align:justify;} /**/ .culture li.on .name{top:-60px;} .history{background:url(/uploads/image/image/about_04.gif) center 110px repeat-x; width:100%; overflow:hidden; position:relative;} .history .list{min-height:430px; position:relative; padding:0 0 30px 0; width:1872px; position:relative; left:50%; margin-left:-936px;} .history .time{height:190px; text-align:center; background:url(/uploads/image/image/img12_1.png) center 124px no-repeat; font-weight:100; color:#9c9c9c; font-size:14px;} .history .time div{font-size:40px; height:80px; padding-top:30px;} .history .list-1{max-width:430px; margin:0 auto; padding:0 15px 15px; opacity:0; filter:alpha(opacity=0); visibility:hidden; position:relative; top:-30px;} .history .list-1 li{font-size:13px; line-height:24px; color:rgba(51,51,51,0.8); padding-left:15px; background:url(/uploads/image/image/ico3.png) left 8px no-repeat; text-align:justify;} .history .slick-center .time{background:url(/uploads/image/image/img12_1on.png) center 124px no-repeat; font-weight:400; color:#2681c1;} .history .slick-center .time div{font-size:60px; height:80px; padding-top:10px;} .history .slick-center .list-1{opacity:1; filter:alpha(opacity=1); visibility:visible; top:0px;} /**/ .history .slick-arrow{display:block; width:23px; height:42px; position:absolute; z-index:10; top:222px; background-position:center; background-repeat:no-repeat;} .history .slick-disabled{opacity:0.2; filter:alpha(opacity=20);} .history .slick-prev{background-image:url(/uploads/image/image/prev23.png); left:50%; margin-left:-295px;} .history .slick-next{background-image:url(/uploads/image/image/next23.png); right:50%; margin-right:-295px;} .honor{width:100%; overflow:hidden; position:relative;} .honor ul{margin-right:-24px;} .honor li{float:left; width:25%; padding:0 24px 20px 0; text-align:center;} .honor .imgdiv{border:#d3dee7 solid 1px; padding:10px;} .honor .imgdiv div{width:100%; overflow:hidden; position:relative;} .honor .imgdiv img{width:100%;} .honor .name{height:55px; line-height:55px; font-size:14px;} .partner{padding-bottom:25px;} .partner li{border-bottom:#d1d1d1 solid 1px; min-height:50px;} .partner dd{float:left; width:20%; text-align:center; min-height:50px; position:relative;} .partner dd a{display:block; position:relative; z-index:1; margin-left:-1px; cursor:default;} .partner dd::after{content:''; display:block; width:1px; height:80px; background:#d1d1d1; position:absolute; z-index:2; top:50%; right:0px; margin-top:-40px;} .partner dd:first-child::before{content:''; display:block; width:1px; height:80px; background:#d1d1d1; position:absolute; z-index:2; top:50%; left:0px; margin-top:-40px;} .partner dd a:hover{z-index:5; -moz-box-shadow:0 0 16px rgba(8,67,150,0.15); -webkit-box-shadow:0 0 16px rgba(8,67,150,0.15); box-shadow:0 0 16px rgba(8,67,150,0.15); } .job{border-top:#efefef solid 1px; padding-top:115px;} .job ul{margin-right:-30px; margin-left:-30px;} .job li{float:left; width:33.333%; min-height:540px; padding:0 30px;} .job .box{min-height:440px; background:#f4f7fa; padding:0 40px; position:relative; top:0px;} .job .name{font-size:19px; line-height:95px; padding-top:10px; text-align:center;} .job dd{font-size:14px; line-height:25px; min-height:25px; opacity:0.8; filter:alpha(opacity=0.8); padding-left:5em; position:relative;} .job dd em{position:absolute; left:0px; top:0px;} .job .content{font-size:14px; line-height:1.75em; text-align:justify; opacity:0.6; filter:alpha(opacity=0.6); padding:15px 0; min-height:150px;} .job .btn a{display:block; font-size:14px; color:#2681c1; border:#2681c1 solid 1px; height:45px; line-height:45px; text-align:center;} .job li.on .box{color:#fff; background:#5681c2; top:-40px; min-height:520px; padding:40px;} .job li.on .btn a{border:#fff solid 1px; background:#fff;} .contact{padding-bottom:135px;} .contact .map{height:400px;} .contact .bg{min-height:200px; background:#f4f3ef; padding:65px 65px 0;} .contact .form{width:50%; padding-right:65px;} .contact li{min-height:54px; padding-bottom:15px; position:relative;} .contact li img{position:absolute; left:12px; top:12px;} .contact .input1{width:100%; height:38px; line-height:36px; border:#e6e6e6 solid 1px; background:#fff; padding-left:38px; font-size:14px;} .contact textarea.input1{height:150px; padding:5px 15px 5px 38px; line-height:26px;} .contact .btn1{width:100px; height:30px; background:#1ba4ea; color:#fff; font-size:14px;} .contact .fr{width:50%; font-size:15px; color:#666; line-height:2em; padding-top:6px;} .contact .fr .title{font-size:20px; color:#000; padding:6px 0;} .contact .fr p{color:#898989;} .contact .fr .ewm{text-align:center; width:1.22rem; min-width:70px; color:#898989; font-size:11px; padding:.1rem 0;} .pagebanner2{height:167px; background:#152040;} .clause{padding:60px 0 100px 0;} .clause .title{font-size:24px; letter-spacing:1px; color:#000; padding-bottom:1em;} .clause .content{font-size:14px; line-height:1.85em; text-align:justify; color:#666;} .clause .content p{padding-bottom:1em;} .sitemap{padding:60px 0 100px 0;} .sitemap .title{font-size:24px; letter-spacing:1px; color:#000; padding-bottom:55px;} .sitemap li{min-height:70px; line-height:30px; padding:0 0 30px 118px; position:relative; font-weight:bold;} .sitemap li h2{position:absolute; left:0px; top:0px; height:30px; width:6.2em; padding-right:1.2em; border-right:#2681c1 solid 1px; font-size:16px; text-align:right;} .sitemap dl{font-size:0px;} .sitemap dd{display:inline-block; height:30px; padding-right:25px;} .sitemap dd a{font-size:14px; color:#666;} .sitemap dd a:hover{color:#2681c1;} .news_02{height:1.55rem; position:relative; display:none;} .news_02 .btn{text-align:center; font-size:0px;} .news_02 .btn li{display:inline-block; padding:0 .19rem;} .news_02 .btn a{display:block; width:.9rem; height:.9rem; background:#247ab7; color:#fff; font-size:.23rem; line-height:.26rem; padding-top:.2rem;} .news_02 .btn a.on{background:#c74a38;} .news_02 .btn a, .news_02 .slick .imgdiv, .news_02 .slick img{ -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; } /**/ .news_02 .layer{position:absolute; z-index:30; left:0px; bottom:1.6rem; width:100%; padding:0 .11rem; opacity:0; visibility:hidden;} .news_02 .layer.on{opacity:1; visibility:visible;} .news_02 .list{min-height:1rem; background:#fff; -moz-box-shadow:0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 3px rgba(0,0,0,0.3); box-shadow:0 0 3px rgba(0,0,0,0.3); -moz-border-radius:.4rem; -webkit-border-radius:.4rem; border-radius:.4rem; } .news_02 .list1{padding:.15rem .25rem;} .news_02 .list1 li{font-size:.2rem; height:.44rem; line-height:.44rem; position:relative; color:#999;} .news_02 .list1 span{position:absolute; top:0px; right:0px;} .news_02 .list1 li a{display:block; font-size:.22rem; padding:0 1.85rem 0 .2rem; background:url(/uploads/image/image/img6.png) left center no-repeat; background-size:.06rem; position:relative; z-index:2; height:.44rem; line-height:.44rem; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /**/ .news_02 .list2{padding:0 .2rem;} .news_02 .slick{height:3.5rem; position:relative; text-align:center; padding-top:.2rem; background:url(/uploads/image/image/line3.png) left .2rem no-repeat; background-size:.03rem;} .news_02 .slick .imgdiv{background:#eee; width:2.65rem; margin:0 auto;} .news_02 .slick .name{font-size:.26rem; height:.55rem; line-height:.55rem; overflow:hidden;} .news_02 .slick-arrow{display:block; position:absolute; z-index:10; top:.2rem; width:.45rem; height:3.1rem; background:#fff center no-repeat; background-size:.1rem; -moz-border-radius:.4rem; -webkit-border-radius:.4rem; border-radius:.4rem; } .news_02 .slick:hover .imgdiv{background:#a4a4a4;} .news_02 .slick:hover a{color:#c74a38;} .news_02 .slick-prev{left:1px; background-image:url(/uploads/image/image/prev10.png);} .news_02 .slick-next{right:1px; background-image:url(/uploads/image/image/next10.png);}