﻿.owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

/* display none until init*/

.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;-webkit-touch-action:pan-y;-moz-touch-action:pan-y;-o-touch-action:pan-y;touch-action:pan-y;}

.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}

.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}

.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}

.owl-carousel .owl-item{float: left;}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{cursor: pointer;}

.owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

/* mouse grab icon*/

.grabbing{cursor:url(/statics/jishijiao/images/grabbing.png) 8 8, move;}

/* fix*/

.owl-carousel .owl-wrapper,

.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}

.owl-theme .owl-controls{/*margin-bottom:20px;*/text-align: center;}

/* Styling Next and Prev buttons*/

.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:38px; height:74px;/*IE7 life-saver*/ text-indent:40px; margin-top:-16%; z-index:9; position:relative; overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;}

.owl-theme .owl-controls .owl-buttons div.owl-prev{/*background:url(../images/i_pro_left.png) no-repeat;*/ float:left;}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{/*background:url(../images/i_pro_left_on.png) no-repeat;*/}

.owl-theme .owl-controls .owl-buttons div.owl-next{/* background:url(../images/i_pro_right.png) no-repeat;*/ float:right;}

.owl-theme .owl-controls .owl-buttons div.owl-next:hover{/*background:url(../images/i_pro_right_on.png) no-repeat;*/ }

/* Clickable class fix problem with hover on touch devices*//* Use it for non-touch hover action*/

.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);/*IE7 fix*/opacity: 1;text-decoration: none;}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ display:none;}

.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 5px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#ccc;}

.owl-theme .owl-controls .owl-page.active span{background:#4cb6ed;}

/* If PaginationNumbers is true 

.owl-theme .owl-controls.clickable .owl-page:hover span*/

.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}

/* preloading images*/

.owl-item.loading{min-height: 150px;background: url(/statics/jishijiao/images/AjaxLoader.gif) no-repeat center center}

/*方案亮点*/

.owl-demo3{ width:102%; margin-left:-1%;}

/*.owl-demo3.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/

/* Styling Next and Prev buttons*/

.owl-demo3.owl-theme .owl-controls .owl-pagination{ display:none; }

.owl-demo3.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:30px;}

.owl-demo3.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 10px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#c3c3c3;}

.owl-demo3.owl-theme .owl-controls .owl-page.active span{background:#1a77b6; }

.owl-demo3.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; }

.owl-demo3.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:19px; height:33px;/*IE7 life-saver*/ text-indent:100px; line-height:33px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-40px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}

.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/statics/jishijiao/images/left2.png) center center no-repeat; background-size:100%; float:left; margin-left:-45px;}

.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/statics/jishijiao/images/left2_on.png);opacity:0.8;filter:Alpha(opacity=80);}

.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/statics/jishijiao/images/right2.png) center center no-repeat; background-size:100%; float:right; margin-right:-45px;}

.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/statics/jishijiao/images/right2_on.png);opacity:0.8;filter:Alpha(opacity=80);}

.owl-demo3.owl-theme .owl-controls .owl-page{ display:inline-block;}



.owl-demo3 .item{margin:0 2%; }

.owl-demo3 .item .imgs{ overflow:hidden; position:relative; padding-top:55.5%; }

.owl-demo3 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}

.owl-demo3 .item dd:hover .imgs img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}

.owl-demo3 .item .imgs:after{ content:""; position:absolute; top:0; height:100%; width:100%; left:0;background: linear-gradient(180deg, rgba(43,51,168,0) 0%, rgba(43,51,168,0.2) 100%);  z-index:1;}

.owl-demo3 .item dd{ overflow:hidden; background:#fdfdfe;box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1);margin-bottom: calc(var(--wrap-1440-width)*0.04166); }

.owl-demo3 .item dd .h3{  line-height:30px; height:30px; overflow:hidden;  color: rgba(24, 24, 24, 1);white-space:nowrap;text-overflow:ellipsis; }

.owl-demo3 .item dd:hover .h3{ color: var(--mcolor);}

.owl-demo3 .item dd .txts{ overflow:hidden; width:94%; margin:0 auto; max-width:426px; margin-top:20px; margin-bottom:22px;}

.owl-demo3 .item dd .p{ margin-top:11px; line-height:26px; height:156px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;color: rgba(102, 102, 102, 1); font-size:14px;}

/*成功案例*/

.owl-demo4{ width:100%; }

/*.owl-demo4.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/

/* Styling Next and Prev buttons*/

.owl-demo4.owl-theme .owl-controls .owl-pagination{ display:none; }

.owl-demo4.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:30px;}

.owl-demo4.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 10px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#c3c3c3;}

.owl-demo4.owl-theme .owl-controls .owl-page.active span{background:#1a77b6; }

.owl-demo4.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; }

.owl-demo4.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:19px; height:33px;/*IE7 life-saver*/ text-indent:100px; line-height:33px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-40px;/*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/}

.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(/statics/jishijiao/images/left2.png) center center no-repeat; background-size:100%; float:left; margin-left:-45px;}

.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(/statics/jishijiao/images/left2_on.png);opacity:0.8;filter:Alpha(opacity=80);}

.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(/statics/jishijiao/images/right2.png) center center no-repeat; background-size:100%; float:right; margin-right:-45px;}

.owl-demo4.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(/statics/jishijiao/images/right2_on.png);opacity:0.8;filter:Alpha(opacity=80);}

.owl-demo4.owl-theme .owl-controls .owl-page{ display:inline-block;}



.owl-demo4 .item{margin:0 0%; }

.owl-demo4 .item .imgs{ float:left; width:51.458%;overflow:hidden; position:relative; padding-top:28.888%; }

.owl-demo4 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}

.owl-demo4 .item dd:hover .imgs img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}

.owl-demo4 .item .imgs:after{ content:""; position:absolute; top:0; height:100%; width:100%; left:0; background: linear-gradient(180deg, rgba(43,51,168,0) 0%, rgba(43,51,168,0.2) 100%); z-index:1;}

.owl-demo4 .item dd{ overflow:hidden; position:relative; }

.owl-demo4 .item dd .h3{  line-height:30px; height:30px; overflow:hidden;  color: rgba(24, 24, 24, 1);white-space:nowrap;text-overflow:ellipsis; margin-top:6px; }

.owl-demo4 .item dd:hover .h3{ /*color: var(--mcolor);*/color: rgba(0, 98, 255, 1);}

.owl-demo4 .item dd .txts{ overflow:hidden; width:46.54%; position:absolute;max-width:636px; right:0; top:0; height:100%;display: flex; align-items: center; justify-content: left;}

.owl-demo4 .item dd .cons{ overflow:hidden; width:100%;}

.owl-demo4 .item dd .p{ margin-top:12px; line-height:26px; height:78px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical;color: rgba(102, 102, 102, 1); font-size:14px;}

.owl-demo4 .item dd .more-box-b{ margin-top:10%;--dc:rgba(0, 98, 255, 1);}

.owl-demo4 .item dd .ico{ display:block; height:70px;}
/*成功案例2*/
.owl-demo5{ width:102%; margin-left:-1%;margin-top: 3%;margin-bottom: 2%;}

/*.owl-demo5.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/

/* Styling Next and Prev buttons*/

.owl-demo5.owl-theme .owl-controls .owl-pagination{ display:none; }

.owl-demo5.owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;/*IE7 life-saver*/ margin-top:30px;}

.owl-demo5.owl-theme .owl-controls .owl-page span{display: block;width: 10px;height: 10px;margin: 10px 5px;/*filter: Alpha(Opacity=50);opacity: 0.5;*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background:#c3c3c3;}

.owl-demo5.owl-theme .owl-controls .owl-page.active span{background:#1a77b6; }

.owl-demo5.owl-theme .owl-controls .owl-buttons{ position:absolute; top:50%; width:100%; left:0; height:0; }

.owl-demo5.owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;*display: inline; width:50px; height:50px;/*IE7 life-saver*/ text-indent:100px; line-height:50px;overflow:hidden;-webkit-transition: all 0.3s ease-out 0s;-moz-transition: all 0.3s ease-out 0s;-o-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s; margin-top:-40px;border-radius:50%;box-shadow: 0px 0px 6px 0px rgba(24,24,24,0.1);background-color: #ffffff;}

.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev{background:url(../image/left.png) center center no-repeat; background-size:100%; float:left; margin-left:-70px;}

.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev:hover{background-image:url(../image/left_on.png);opacity:0.8;filter:Alpha(opacity=80);}

.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next{background:url(../image/right.png) center center no-repeat; background-size:100%; float:right; margin-right:-70px;}

.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next:hover{ background-image:url(../image/right_on.png);opacity:0.8;filter:Alpha(opacity=80);}

.owl-demo5.owl-theme .owl-controls .owl-page{ display:inline-block;}



.owl-demo5 .item{margin:0 2%; }

.owl-demo5 .item .imgs{ overflow:hidden; position:relative; padding-top:56%; }

.owl-demo5 .item .imgs img{ display: block;width: 100%; height:100%; position:absolute; top:0; left:0; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}

.owl-demo5 .item dd:hover .imgs img{-webkit-transform:scale(1.05, 1.05); -moz-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}

.owl-demo5 .item .imgs:after{ content:""; position:absolute; top:0; height:100%; width:100%; left:0;background: linear-gradient(180deg, rgba(43,51,168,0) 0%, rgba(43,51,168,0.2) 100%);  z-index:1;}

.owl-demo5 .item dd{ overflow:hidden; background:#fdfdfe;box-shadow: 0px 0px 4px 0px rgba(24, 24, 24, 0.1);margin-bottom: calc(var(--wrap-1440-width)*0.04166); }

.owl-demo5 .item dd .h3{  line-height:30px; height:30px; overflow:hidden;  color: rgba(24, 24, 24, 1);white-space:nowrap;text-overflow:ellipsis;font-weight: bold; }

.owl-demo5 .item dd:hover .h3{ color: var(--mcolor);}

.owl-demo5 .item dd .txts{ overflow:hidden; width:94%; margin:0 auto; max-width:426px; margin-top:20px; margin-bottom:22px;}

.owl-demo5 .item dd .p{ margin-top:11px; line-height:26px; height:130px; overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;color: #666666; font-size:14px;}
.owl-demo5 .item dd .a{color: #2B33A8;font-size: 14px;line-height: 26px;margin-top: 2%;}

@media screen and (max-width: 1400px) {

/*成功案例*/

.owl-demo4 .item dd .more-box-b{ margin-top:6%;}



}

@media screen and (max-width: 992px) {

/*方案亮点*/

.owl-demo3 .item{ margin:0 10px;}

/*成功案例*/

.owl-demo4 .item .imgs{ float:none; width:100%; padding-top:56.2%;}

.owl-demo4 .item dd .txts{ position:static; height:auto; width:100%; margin-top:4%;}

.owl-demo4 .item dd .more-box-b{ margin-top:5%;}
/*成功案例2*/
.owl-demo5{margin-top: 4%;}
.owl-demo5 .item{ margin:0 10px;}
.owl-demo5 .item dd{margin-bottom: 70px;}
.owl-demo5.owl-theme .owl-controls .owl-buttons{top: auto;bottom: 0;width: 110px;left: 50%;margin-left: -65px;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div{width: 40px;height: 40px;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-prev{margin-left: 0;}
.owl-demo5.owl-theme .owl-controls .owl-buttons div.owl-next{margin-right: 0;}
}





@media screen and (max-width: 640px) {

/*方案亮点*/

.owl-demo3 .item{ margin:0 6px;}

.owl-demo3 .item dd{margin-bottom: 0.55rem;}

.owl-demo3 .item dd .p{ font-size:13px; line-height:24px; height:144px;}

.owl-demo3 .item dd .h3{ height:26px; line-height:26px;}

/*成功案例*/

.owl-demo4 .item dd .p{ font-size:13px; line-height:24px; height:72px;}

.owl-demo4 .item dd .ico{ height:60px;}

.owl-demo4 .item dd .h3{ height:26px; line-height:26px;}
/*成功案例2*/
.owl-demo5 .item{ margin:0 6px;}

.owl-demo5 .item dd{margin-bottom: 60px;}

.owl-demo5 .item dd .p{ font-size:13px; line-height:24px; height:120px;}

.owl-demo5 .item dd .h3{ height:26px; line-height:26px;}
}

@media screen and (max-width: 480px) {

/*方案亮点*/

.owl-demo3 .item{ margin:0 5px;}

.owl-demo3 .item dd .p{ font-size:12px; line-height:22px; height:132px; margin-top:8px;}

.owl-demo3 .item dd .h3{ height:24px; line-height:24px;}

.owl-demo3 .item dd .txts{ margin-top:12px; margin-bottom:15px;}

/*成功案例*/

.owl-demo4 .item dd .p{ font-size:12px; line-height:22px; height:66px;}

.owl-demo4 .item dd .ico{ height:50px;}

.owl-demo4 .item dd .h3{ height:24px; line-height:24px;}
/*成功案例2*/
.owl-demo5 .item{ margin:0 5px;}
.owl-demo5 .item dd{margin-bottom:50px;}
.owl-demo5 .item dd .p{ font-size:12px; line-height:22px; height:110px; margin-top:8px;}

.owl-demo5 .item dd .h3{ height:24px; line-height:24px;}

.owl-demo5 .item dd .txts{ margin-top:12px; margin-bottom:15px;}
}

