.biaoti{ clear:both; }
.biaoti .H4{ float:left; font-size:24px; color:#161616; line-height:32px; }
.biaoti .H4 .color{ color:#1a81c6; }
.biaoti .H5{ float:left; line-height:32px; font-size:14px; color:#9b9b9b; margin-left:10px; }

.title2{ width:100%; text-align:center; float:none; clear:both; overflow:hidden; }
.title2 .H4{ width:100%; margin:0; }
.title2 .H5{ width:100%; margin:0; }

.titleBox{ clear:both; overflow:hidden; margin-top:30px; margin-bottom:20px; }
.titleBox .more{ width:105px; height:32px; text-align: center; line-height: 30px; float:right; position: relative; border:1px solid #8c8c8c; font-size:14px; color:#666666; text-transform: uppercase;}
.titleBox .more::after{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; left: -5px;}
.titleBox .more::before{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; right: -5px;}
.titleBox .more:hover{color:#1a81c6; border-color:#1a81c6;}
.titleBox .more:hover::after,
.titleBox .more:hover::before{ background-color:#1a81c6;}

.index1{ padding:50px 0 20px; background:url(../images/probg.jpg) no-repeat center top; background-size:cover; }
.index1 .H3{ font-size:36px; background:linear-gradient(300deg, rgba(89,179,66,1) 0%, rgba(89,179,66,1) 40%, rgba(26,129,198,1) 60%, rgba(26,129,198,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:#1a81c6; font-weight:bold; text-align:center; letter-spacing:2px; }
.index1 .H5{font-size:18px; color:#5f5f5f; text-align:center; margin-top:0px; }


/*首页产品*/
.index1{ padding:40px 0 40px; background:url(../images/probg.jpg) no-repeat center top; background-size:cover; clear:both; }
.index1 .H3{ font-size:36px; background:linear-gradient(300deg, rgba(89,179,66,1) 0%, rgba(89,179,66,1) 40%, rgba(26,129,198,1) 60%, rgba(26,129,198,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; color:#1a81c6; font-weight:bold; text-align:center; letter-spacing:2px; }
.index1 .H5{ font-size:18px; color:#5f5f5f; text-align:center; }


/* 产品展示css */
.slideGroup{ margin:0 auto; height:auto; margin-top:40px; clear:both; overflow:hidden; }
.slideGroup .parHd{ position:relative; padding:0 10px; margin-bottom:20px; clear:both; }
.slideGroup .parHd ul{ display:flex; flex-wrap:wrap; margin:0 auto; width:100%; }
.slideGroup .parHd ul li{ float:left; width:45%; padding:10px 10px; cursor:pointer; font-size:16px; background:none; margin-right:10%; margin-bottom:10px; box-sizing:border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
 }
.slideGroup .parHd ul li:nth-child(2n){ margin-right:0px; } 
.slideGroup .parHd ul li.on{ background:linear-gradient(300deg, rgba(89,179,66,1) 0%, rgba(26,129,198,1) 100%); color:#fff; }
.slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 0 10px 0px; position:relative; }
.slideGroup .sPrev{ position:absolute; left:0px; top:10px; display:block; width:36px; height:100%; background:url(../images/icoLeft.png) center center no-repeat; z-index:9; }
.slideGroup .sNext{ position:absolute; right:0px; top:10px; display:block; width:36px; height:100%; background:url(../images/icoRight.png) center center no-repeat; z-index:9; }
.slideGroup .parBd ul{ overflow:hidden; zoom:1; width:calc(100% - 0px); }
.slideGroup .parBd ul li{ margin:0 0px; float:left; width:100%; position:relative; transition:all 0.5s ease 0s; }
.slideGroup .parBd ul li .pic{ width:100%; text-align:center; }
.slideGroup .parBd ul li .pic img { width:100%; height:160px; display:block; padding:2px; object-fit:contain; text-align:center; }
.slideGroup .parBd ul li:hover { transform:translate3d(0px, -10px, 0px); }
.slideGroup .parBd ul li:hover .pic img{ filter:brightness(150%); filter:contrast(150%); filter:saturate(200%); }
.slideGroup .parBd ul li .description{ }
.slideGroup .parBd ul li .description h4{ color:#333; height:40px; line-height:40px; font-size:16px; text-align:center; }
.slideGroup .parBd ul li .description a{ color:#fff; float:right; margin-top:10px; background:#7c0002; border-radius:5px; padding:3px 10px; }


/*案例展示*/
.index2{ clear:both; padding:20px 0 20px; background:url(../images/c01.jpg) no-repeat center top / 100% auto, url(../images/c03.jpg) no-repeat center bottom / 100% auto, url(../images/c02.jpg) repeat-y center center / 100% auto; }

.title{ float:left;  }
.title .H4{ float:left; font-size:24px; color:#161616; line-height:32px; }
.title .H4 .color{ color:#1a81c6; }
.title .H5{ float:left; line-height:32px; font-size:14px; color:#9b9b9b; margin-left:10px; }

.tabTitle{ margin:0 auto; margin-top:40px; clear:both; }
.tabTitle ul{ text-align:center; }
.tabTitle ul li{ display:inline-block; padding:10px 20px; text-align:center; margin-right:20px; cursor:pointer; font-size:16px; text-align:center; }
.tabTitle ul li.current{ background:linear-gradient(300deg, rgba(89,179,66,1) 0%, rgba(26,129,198,1) 100%); color:#fff; }
.tabTitle ul li:hover{ background:linear-gradient(300deg, rgba(89,179,66,1) 0%, rgba(26,129,198,1) 100%); color:#fff; }
.tabTitle ul li:nth-child(4n){ margin-right:0px; } 
.tabContent{ clear:both; min-height:500px; margin-top:50px; }
.icase{ clear:both; overflow:hidden; }
.icase ul li{ float:left; width:49%; margin-right:2%; margin-bottom:30px; position:relative; }
.icase ul li:nth-child(2n){ margin-right:0px; } 
.icase ul li .img{ width:100%; height:140px; text-align:center; overflow:hidden; border:#eee 0px solid; }
.icase ul li .img img{ width:100%; height:100%; object-fit:cover; cursor:pointer; transition:all 0.6s; }
.icase ul li .img img:hover{ transform:scale(1.05); filter:brightness(130%); filter:contrast(150%); filter:saturate(200%); }
.icase ul li .nam{ width:100%; line-height:40px; text-align:center; font-size:16px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/*首页关于我们*/
.index4{ padding:20px 0 0; background:url(../images/j18.jpg) #f7f7f7 no-repeat 0 10px / 130% auto; overflow:hidden; margin-top:30px; }
.index4 .text{  padding:15px 0 25px 0; }
.index4 .text .H4{ font-size:36px; color:#1a81c6; text-transform:uppercase; font-weight:bolder; font-family:Arial; }

.index4 .text .bold{ font-weight: bolder; }
.index4 .text .thin{ font-weight:normal; }
.index4 .text .H5{ font-size:30px; color:#313131; padding:5px 0 20px 0; position: relative;}
.index4 .text .H5::after{width:40px; height: 1px; content: ""; position: absolute; bottom:0; left: 0; background-color:#666666; opacity:.3; }
.index4 .text .info{font-size:16px; color:#707070; line-height:24px; height:auto; margin:20px 0;
/*overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;*/ }
.index4 .more2{ display:inline-block; width:auto; height:38px; line-height:38px; background-color:#1a81c6; text-align:center; font-size:14px; color:#fff; padding:0 20px; }
.index4Num{ margin-top:20px; padding-top:10px; border-top:1px solid #e4e4e4; clear:both; overflow:hidden; }
.index4Num .list{font-weight:bolder; float:left; margin-top:20px; }
.index4Num .list:nth-child(2){float:right;}
.index4Num .big{font-size:30px; color:#1a81c6; font-family: Arial; font-weight: bolder; line-height:58px; display: inline-block;}
.index4Num .small{font-weight:normal; display:inline-block;font-size:16px; color:#1a81c6; font-family: Arial;line-height: 20px; margin:0 10px 0 3px; vertical-align: bottom;}
.index4Num .p2{display:inline-block; font-size:16px; color:#5a5a5a; line-height: 20px; vertical-align: middle;font-weight:normal; }

.videoR{ width:100%; height:260px; clear:both; overflow:hidden; }
.videoR .pic{ width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
.videoR .pic .playBtn{ width:66px; height:66px; cursor:pointer; }
.videoR .pic .playBtn img{ display:block; width:100%; height:100%; }

.videoBox{ width:100%; height:100%; position:fixed; top:0; left:0; z-index:99999; background-color:rgba(0,0,0,0.4); display:none; }
.videoBox2{ width:50%; position:fixed; top:50%; left:50%; z-index:999999; display:none;
	-webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);}
.videoBox2 .aboutVideo{ display:block; width:100%; min-height:10px; background: #000; }
.videoBox2 .close3{ width:25px; height:25px; position:absolute; top:-15px; right:-15px; }
.videoBox2{ width:90%; }


/*技术支持样式*/
.index5{ padding:30px 0 20px; clear:both; overflow:hidden; }
.index5 .H5{ text-align:center; margin-left:0px; }

.gd{ clear:both; overflow:hidden; }
.gd .more{ width:100px; height: 32px; text-align: center; line-height: 30px; float:right; position: relative; border:1px solid #8c8c8c; font-size:14px; color:#666666; text-transform: uppercase;  }
.gd .more::after{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; left: -5px;}
.gd .more::before{width:12px; height: 1px; background-color:#8c8c8c; content: ""; position: absolute; top:50%; right: -5px;}
.gd .more:hover{ color:#1a81c6; border-color:#1a81c6;}
.gd .more:hover::after,
.gd .more:hover::before{ background-color:#1a81c6;}

.xwhd{ clear:both; overflow:hidden; }
.xwhdmove{ margin:0 auto; clear:both; overflow:hidden; }
.xwhdmove ul{ padding-top:20px; width:100%; }
.xwhdmove ul:nth-child(3n){ margin-right:0px; } 
.xwhdmove ul li{ width:100%; height:40px; line-height:40px; border-bottom:#dedede 1px dotted; clear:both; overflow:hidden; }
.xwhdmove ul li.tit{ height:50px; line-height:50px; font-size:20px; font-weight:600; color:#1a1a1a; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; border-bottom:none; }
.xwhdmove ul li.photo{ width:100%; height:200px !important; overflow:hidden; border-bottom:none; }
.xwhdmove ul li.photo img{ width:100%; height:100%; object-fit:cover; cursor:pointer; transition:all 0.6s; }
.xwhdmove ul li.photo img:hover{ transform:scale(1.08); filter:brightness(150%); filter:contrast(150%); filter:saturate(200%); }
.xwhdmove ul li h6{ float:left; width:calc(100% - 90px); height:40px; line-height:40px; overflow:hidden; }
.xwhdmove ul li h6 a{ display:block; font-size:14px; color:#5a5a5a; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.xwhdmove ul li h6 a:hover{ color:#1a81c6; text-decoration:underline; }
.xwhdmove ul li span{ float:right; width:90px; font-size:12px; color:#b8b8b8; text-align:right; }
.xwhdmove ul li p{ font-size:14px; padding-top:5px; color:#888888; height:90px; overflow:hidden; }