@import url(style.css);
@import url(mobile.css);
@import url(custom.css);
@import url(pscroll.css);
@import url(lrtk3.css);
/*首页*/
/*轮显*/
.banner_page{ position:absolute; width:150px; text-align:center; right:25px; color:#fff; font-size:16px; font-family:Arial; z-index:10; bottom:50px; line-height:30px; z-index:5; font-style:italic;}
.banner_page .current{ font-size:28px; color:#00b2f1;}
/*关于我们*/
.i_two{background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover;}
.i_two .box1{ overflow:hidden;  padding-top:38px; padding-bottom:6%; }
.i_two .box1 .i_two_l{ width:49%; float:left; overflow:hidden; max-width:678px;}
.i_two .box1 .i_two_l .i_two_t2{ overflow:hidden; margin-top:91px; background:url(../images/i_bg2.png) no-repeat;background-position:left 50px;}
.i_two .box1 .i_two_l .i_two_t2 .h3{ font-weight:normal; overflow:hidden; height:82px; line-height:82px;}
.i_two .box1 .i_two_l .i_two_t2 .desc{font-size:18px; overflow:hidden; color:#555555; margin-top:1%; line-height:1.5; margin-top:17px; clear:both;}
.i_two .box1 .i_two_l .p{ line-height:32px; overflow:hidden; color:#555555; font-size:16px; margin-top:4%;}
.i_two .box1 .i_two_l .p p{ overflow:hidden; margin-bottom:2px;}
.i_two .box1 .i_two_l .ul{ margin-top:5%; overflow:hidden;}
.i_two .box1 .i_two_l .ul li{ float:left; padding-right:2%; margin-right:2%; overflow:hidden; position:relative; width:52.2%;}
.i_two .box1 .i_two_l .ul li:first-child:after{ content::""; position:absolute; right:0; height:55px; top:50%; margin-top:-27px; width:1px; background:#e0e0e0;}
.i_two .box1 .i_two_l .ul li:nth-child(2){ width:45.8%; padding-right:0; margin-right:0;}
.i_two .box1 .i_two_l .ul li img{ float:left; width:54px; height:55px; margin-top:1px; margin-right:10px;}
.i_two .box1 .i_two_l .ul li .txts{ overflow:hidden;}
.i_two .box1 .i_two_l .ul li .txts .h4{ font-weight:normal;  height:30px; line-height:30px;white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.i_two .box1 .i_two_l .ul li .txts .p2{line-height:20px; margin-top:6px;color:#999999; font-size:15px;}
.i_two .box1 .i_two_l .a{ display:block; overflow:hidden; width:166px; height:45px; line-height:45px; margin-top:8%; text-align:center; color:#fff; font-size:15px; background: url(../images/banner_bg1.png) no-repeat; background-size:100% 100%; position:relative; z-index:0;}
.i_two .box1 .i_two_l .a:after{ content:""; position:absolute; top:0; width:0; height:100%;background: rgba(255,255,255,0.1); left:0%;transition:all 0.3s; z-index:-1;}
.i_two .box1 .i_two_l .a:hover:after{ width:100%;}
.i_two .box1 .i_two_l .a span{ display:inline-block; vertical-align:top; margin-left:6%; font-family:"宋体";}
.i_two .box1 .imgs{ float:right; width:49%; overflow:hidden; max-width:673px;}
.i_two .box1 .imgs img{width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
/*.i_two .box1 .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}*/
.i_two .box1 .imgs:hover img{opacity:0.8;filter:Alpha(opacity=80);}
/*业务介绍*/
.i_one{background:url(../images/i_bg3.jpg) center center no-repeat; background-size:cover;overflow:hidden;}
.i_two_t{ overflow:hidden; text-align:center; margin-top:5%;}
.i_two_t .span{ display:block;  line-height:1; color:rgba(51,51,51,0.07); position:relative;  padding-bottom:1.7%;}
.i_two_t .span label{ display:block;background-image: -webkit-linear-gradient(bottom, #eef0f8, #e9ebf3, #e6e7f0);  -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-transform:uppercase;}
.i_two_t .h3{ font-weight:normal; color:#222222; line-height:1; position:absolute; bottom:4%; left:0; width:100%;}
.i_two_t .desc{ font-size:17px; overflow:hidden; color:#555555; margin-top:1%; line-height:1.6; margin-top:10px; clear:both;}

/*技术平台*/
.i_three{background:url(../images/i_bg4.jpg) center center no-repeat; background-size:cover; overflow:hidden;}
.i_three .i_two_t .span label{background-image: -webkit-linear-gradient(bottom, #fafcfc, #f3f5f5, #f3f3f4);}
.i_three .i_two_t .desc{ color:#a1a2a3;}
.i_three .i_three_t{overflow: hidden; display:block; background:url(../images/i_bg5.png) no-repeat; background-size:100% 100%; height:66px; line-height:66px; margin-top:3%;}
.i_three .i_three_t_l{ float:left;width:calc(100% - 140px);width:-webkit-calc(100% - 140px);width:-moz-calc(100% - 140px); overflow: hidden;display: block; vertical-align: top; position: relative; line-height: 66px; height: 66px;font-size: 20px;z-index:;}
.i_three .i_three_t_l:after{ content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#ebebeb; z-index:0;}
.i_three .i_three_t_l .scroller {position:absolute; z-index:1;/*transform: translate(-50%, 0px) translateZ(0px)!important; left:50%; width:100%!important;*/}
.i_three .i_three_t_l .scroller li {float: left;}
.i_three .i_three_t_l .scroller li dd{ overflow:hidden; padding-left:16px; padding-right:16px; text-align:center; min-width:240px; float:left;/* border-bottom:2px solid #fff;*/  }
.i_three .i_three_t_l .scroller li a{ color:#333333;}
/*.i_three .i_three_t_l .scroller li a:hover{ color:#fff;}*/
.i_three .i_three_t_l .scroller li.cur dd{ /*border-bottom:3px solid #336699;*/ background:url(../images/i_bg5_on.png) no-repeat; background-size:100% 100%;}
.i_three .i_three_t_l .scroller li.cur a{color:#fff;}
.i_three .imore{ float:right; width:140px; text-align:center; font-size:15px;}
.i_three .i_three_con{   padding-top:4%; margin-bottom:7%; background:rgba(255,255,255,0.56); border:1px solid #e6e8e8; padding-bottom:4%; overflow:hidden;}
.i_three .i_three_con .cons{ width:96%; overflow:hidden; margin:0 auto; max-width:1014px;}
.i_three .divhidden{opacity:0;filter:Alpha(opacity=0);transition:all 0.3s; display:block; height:0; overflow:hidden; }
.i_three .divhidden.on{opacity:1.0;filter:Alpha(opacity=100); height:auto;}
@media screen and (max-width: 1400px) {
/*轮显*/
.main .banner .down{ bottom:65px;}
.main .banner .swiper-pagination{ bottom:26px;}
/*关于我们*/
.i_two .box1 .i_two_l .i_two_t2{ margin-top:80px;}
.i_two .box1 .i_two_l .p{ line-height:30px; font-size:15px;}
.i_two .box1 .i_two_l .a{ margin-top:6%; height:42px; line-height:42px; width:160px; font-size:15px;}


}

@media screen and (max-width: 1260px) {
/*轮显*/
.banner_page{ bottom:35px;}
.main .banner .btn{ bottom:40px;}

/*关于我们*/
.i_two .box1 .i_two_l .i_two_t2{ background-position:left 36px; margin-top:70px;}
.i_two .box1 .i_two_l .i_two_t2 .h3{ height:70px; line-height:70px;}
.i_two .box1 .i_two_l .i_two_t2 .desc{ margin-top:12px;}
.i_two .box1 .i_two_l .p{ line-height:26px; font-size:14px;}
.i_two .box1 .i_two_l .a{ margin-top:5%; height:40px; line-height:40px; width:140px; font-size:14px;}
.i_two .box1 .i_two_l .ul li .txts .p2{ font-size:14px;}

/*技术平台*/
.i_three .i_three_t_l{ font-size:18px;width: calc(100% - 130px); width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px);}
.i_three .i_three_t_l .scroller li dd{ min-width:200px;}
.i_three .imore{ font-size:14px; width:130px;}

}

@media screen and (max-width: 1100px) {
/*关于我们*/
.i_two .box1 .i_two_l .i_two_t2{ margin-top:50px;}
.i_two .box1 .i_two_l .p{ line-height:24px; margin-top:3%;}
/*业务介绍*/
.i_two_t .desc{font-size:16px;}

}

@media screen and (max-width: 960px) {
/*轮显*/
.main .banner .btn{ width:130px;right:10px;}
.banner_page{width:130px; font-size:14px; bottom:38px;right:5px;}
.banner_page .current{ font-size:24px;}

/*关于我们*/
.i_two .box1{ padding-top:5%;}
.i_two .box1 .i_two_l .i_two_t2{ margin-top:0;}
.i_two .box1 .i_two_l{ float:none; width:100%; max-width:none;}
.i_two .box1 .i_two_l .a{ margin-top:4%;}
.i_two .box1 .imgs{ float:none; width:100%; margin-top:4%; max-width:none;}

/*业务介绍*/
.i_two_t .desc{font-size:15px;}
/*技术平台*/
.i_three .i_three_t_l{ font-size:16px;width: calc(100% - 120px); width: -webkit-calc(100% - 120px); width: -moz-calc(100% - 120px);}
.i_three .i_three_t_l .scroller li dd{ min-width:180px;}
.i_three .imore{ font-size:13px; width:120px;}

}

@media screen and (max-width: 780px) {
/*技术平台*/
.i_three .i_three_t{ height:56px; line-height:56px;}
.i_three .i_three_t_l{height:56px; line-height:56px; font-size:14px;width: calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px);}
.i_three .i_three_t_l .scroller li dd{ min-width:150px;}
.i_three .imore{ font-size:12px; width:100px;}
}
@media screen and (max-width: 640px) {
/*轮显*/
.main .banner .swiper-button-prev,
.main .banner .swiper-button-next { width:20px; height:38px;}
.main .banner .down{bottom:50px; display:none;}
.main .banner .btn{bottom:30px;}
.banner_page{ bottom:28px;}
.main .banner .swiper-pagination{ bottom:20px;}
.main .banner .swiper-pagination-bullet{ width:8px; height:8px; margin-left:5px; margin-right:5px;}
.main .banner .swiper-pagination-bullet-active{ width:20px;}
.main .banner .swiper-slide .rbtn{ min-width:150px;}
.main .banner .swiper-slide .rbtn span{ height:44px; line-height:44px;}
/*关于我们*/
.i_two .box1 .i_two_l .i_two_t2{ background-size:80% auto;background-position: left 20px; }
.i_two .box1 .i_two_l .i_two_t2 .h3{height:60px; line-height:60px; }
.i_two .box1 .i_two_l .i_two_t2 .desc{ font-size:16px;}
/*业务介绍*/
.i_two_t .desc{font-size:14px;}

}

@media screen and (max-width: 480px) {
/*轮显*/
.main .banner .down{bottom:45px;}
.main .banner .btn{bottom:22px;}
.banner_page{ bottom:20px;}
.main .banner .swiper-slide .txt{ font-size:26px;}
/*关于我们*/
.i_two .box1 .i_two_l .i_two_t2{ background-size:90% auto;background-position: left 26px;}
.i_two .box1 .i_two_l .i_two_t2 .desc{ font-size:14px; margin-top:6px;}
.i_two .box1 .i_two_l .p{ line-height:22px; font-size:13px;}
.i_two .box1 .i_two_l .ul li .txts .p2{ font-size:13px; line-height:22px;}
.i_two .box1 .i_two_l .ul li .txts .h4{ font-size:16px;}
.i_two .box1 .i_two_l .a{ margin-top:5%; font-size:13px; width:130px; height:36px; line-height:36px;}
/*业务介绍*/
.i_two_t .desc{font-size:13px;}
/*技术平台*/
.i_three .i_three_t{ height:46px; line-height:46px;}
.i_three .i_three_t_l{height:46px; line-height:46px; font-size:13px;width: calc(100% - 80px); width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px);}
.i_three .i_three_t_l .scroller li dd{ min-width:inherit; padding-left:12px; padding-right:12px;}
.i_three .imore{  width:80px;}
}
@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:22px;}
/*关于我们*/
.i_two .box1 .i_two_l .i_two_t2{background-position: left 16px;}
.i_two .box1 .i_two_l .i_two_t2 .h3{ height:50px; line-height:50px;}
.i_two .box1 .i_two_l .i_two_t2 .desc{ margin-top:2px;}
.i_two .box1 .i_two_l .ul li{ float:none; margin-bottom:2%; margin-right:0; width:100%;}
.i_two .box1 .i_two_l .ul li:nth-child(2){ width:100%;}
.i_two .box1 .i_two_l .ul li .txts .p2{ font-size:12px;}
/*业务介绍*/
.i_two_t .desc{font-size:12px;}
}

@media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .txt{ font-size:20px;}
}
@media screen and (max-width: 360px) {
/*关于我们*/
.i_two .box1 .i_two_l .ul li .txts .h4{ font-size:15px;}
}