#obtn .iBanner-dw .pageBanSol{flex-wrap:wrap; display: flex; justify-content:space-between; top:18%;}
#obtn .iBanner-dw .pageBanSol h3{ font-size: 32px;padding-bottom:16px; background:url(../image/dingwei/ico2.png) left bottom no-repeat;}
#obtn .iBanner-dw .pageBanSol .p5{ font-size:16px; line-height:23px; width:100%;padding-top: 16px;}
#obtn .iBanner-dw .pageBanSol .text{ width:50.8%; margin-top:8%;}
#obtn .iBanner-dw .pageBanSol .img{ width:39%;padding-top: 4%;}
@media screen and (max-width:1440px) {
#obtn .iBanner-dw .pageBanSol h3{ padding-bottom:10px;}
#obtn .iBanner-dw .pageBanSol .text{ width:38.8%; margin-top:5%;}
#obtn .iBanner-dw .pageBanSol .img{ width:26%;}
}
@media screen and (max-width:1023px) {
#obtn .iBanner-dw .pageBanSol .text{ width:100%; margin-top:14%;}
}
@media screen and (max-width:767px) {
#obtn .iBanner-dw .pageBanSol .img{ width:45%;display:none;}
#obtn .iBanner-dw .pageBanSol .p5 {line-height: 18px;font-size: 12px;padding-top: 0px;}
#obtn .iBanner .pageBanSol h3 {font-size: 16px;}
}


._Title{ float:left; width:100%; text-align:center; font-weight:bold; letter-spacing:2px; color:#131313; font-size:26px; line-height:46px;}
._Text{ float:left; width:100%; text-align:center; color:#585858; font-size:16px; line-height:1.6; margin-top:18px;}
@media screen and (max-width:1023px) {
._Title{ font-size:20px; line-height:30px;}
._Text{ font-size:14px; line-height:24px; margin-top:5px;}

}


.ProdAdvant{ float:left; width:100%; position:relative; padding-top:80px; padding-bottom:119px;}
.ProdAdvant .list{ float:left; width:100%; position:relative; z-index:6; margin:55px 0 0 0;}
.ProdAdvant .list ul{flex-wrap:wrap; display: flex; margin:0 -18px; }
.ProdAdvant .list li{ float:left; width:16%; padding:0 10px; margin-top:59px;}
.ProdAdvant .list li .la{ float:left; width:100%; text-align:center; position:relative; background:#ffffff; border-radius:10px; min-height:100%; padding:0 6.6% 27px 6.6%;
box-shadow:0 0 54px rgba(181,181,181,0.14);
-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;  
}
.ProdAdvant .list li i{ position:relative; z-index:6; float:left; width:100%; line-height:0; position:relative; margin-top:-39px; top:0;}
.ProdAdvant .list li i img{ border-radius:50%; background:#ebf6ff;  width:78px; height:78px;}
.ProdAdvant .list li h4{ position:relative; z-index:6; float:left; width:100%; color:#191818; font-size:18px; line-height:28px; font-weight:bold; margin-top:20px;
-webkit-transition: all 1s ease-out 0s; 
-moz-transition: all 1s ease-out 0s; 
-o-transition: all 1s ease-out 0s; 
transition: all 1s ease-out 0s;}
.ProdAdvant .list li h6{ position:relative; z-index:6; float:left; width:100%; width:100%; color:#707070; font-size:13px; line-height:22px; margin-top:10px;text-align:justify;}
.ProdAdvant .list li .la:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.ProdAdvant .list li .la:hover h4{ color:#0084ff;}
@media screen and (max-width:1230px) {
.ProdAdvant .list ul{ margin:0 -11px;}
.ProdAdvant .list li{ padding:0 11px;}
.ProdAdvant .list li .la{ padding:0 7% 27px 7%;}

}
@media screen and (max-width:1023px) {
.ProdAdvant{padding-top:30px; padding-bottom:35px;}
.ProdAdvant .list{ margin:5px 0 0 0;}
.ProdAdvant .list ul{ margin:0 -6px;}
.ProdAdvant .list li{ padding:0 6px;}
.ProdAdvant .list li .la{ padding:0 12px 15px 12px;}
.ProdAdvant .list li h4{ font-size:16px; line-height:24px; margin-top:12px;}
.ProdAdvant .list li h6{ margin-top:5px; }

}
@media screen and (max-width:767px) {
.ProdAdvant .list li{ width:50%;}
.ProdAdvant .list li:nth-child(3){ width:100%;}

}


.ProdFunct{ float:left; width:100%; position:relative; padding-top:72px; padding-bottom:41px;}
.ProdFunct .list{ float:left; width:100%; margin-top:51px;}
.ProdFunct .list ul{ flex-wrap:wrap; display: flex; margin:0 -11px;}
.ProdFunct .list li{ float:left; width:33.33%; padding:9px 11px;}
.ProdFunct .list li .la{ float:left; width:100%; position:relative; min-height:100%; padding:26px 9.3%; background:url(../image/dingwei/img4.png) center repeat-y; background-size:100% 100%; border-radius:10px;-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;   }
.ProdFunct .list li h4{ float:left; width:100%; font-weight:bold; color:#0f0f0f; font-size:22px; line-height:30px; padding-right:98px;}
.ProdFunct .list li h6{ float:left; width:100%; /**font-weight:bold;**/ color:#636363; font-size:14px; line-height:22px; margin-top:12px; margin-bottom:3px; padding-right:98px;text-align:justify;}
.ProdFunct .list li img{ float:left; position:absolute; right:30px; top:50%; width:84px; height:84px; transform:translateY(-50%); -ms-transform:translateY(-50%);}
.ProdFunct .list li .la:hover{ box-shadow:0 5px 10px rgba(0,0,0,0.2);}
.ProdFunct .list li .la:hover h4{ color:#0084ff;}

@media screen and (max-width:1230px) {
.ProdFunct .list li .la{ padding:26px 7%;}
.ProdFunct .list li h4{ padding-right:90px;}
.ProdFunct .list li h6{ padding-right:90px;}
.ProdFunct .list li img{ right:20px;}
}
@media screen and (max-width:1023px) {
.ProdFunct{padding-top:30px; padding-bottom:30px;}
.ProdFunct .list{ margin-top:20px;}
.ProdFunct .list ul{ margin:0 -6px;}
.ProdFunct .list li{ width:50%; padding:6px 6px;}
.ProdFunct .list li:last-child{ width:100%;}
.ProdFunct .list li .la{ padding:15px 15px;}
.ProdFunct .list li h4{ padding-right:75px; font-size:16px; line-height:24px;}
.ProdFunct .list li h6{ padding-right:75px; margin-top:5px;}
.ProdFunct .list li img{ right:15px; width:66px; height:66px;}
}
@media screen and (max-width:767px) {
.ProdFunct .list li{ width:100%;}

}


.daohang{ float:left; width:100%; margin-top:61px;}
.daohang .box{ float:left; width:23%; /*margin-top:20px;*/margin: 0 10px;}
/**.daohang .box:nth-child(2n){ float:right;}**/
.daohang .box video{ float:left; width:100%; margin-top:24px; object-fit:fill;    border-radius: 5px;height: 180px;}
.daohang .list{ float:left; width:100%; margin:60px 0;}
.daohang .list ul{ float:left; width:100%; flex-wrap:wrap; display: flex; justify-content:space-between;}
.daohang .list li{ float:left; position:relative; flex-wrap:wrap; display: flex; flex-direction:column; padding-left:50px; margin:10px 0;}
.daohang .list li h4{ float:left; color:#393939; font-size:20px; line-height:30px;}
.daohang .list li h6{ float:left; color:#838383; font-size:14px; line-height:22px; }
.daohang .list li img{ float:left; position:absolute; left:0; top:6px; width:34px; height:34px;}
.daohang .list li .la:hover h4{ color:#0084ff;}

@media screen and (max-width:1023px) {
.daohang{ margin-top:20px;}
.daohang .list{ margin:25px 0;}
.daohang .list li{ margin:7px 0; padding-left:40px;}
.daohang .list li h4{ font-size:16px; line-height:24px;}
.daohang .list li h6{ font-size:13px;}
.daohang .box{ float:left; width:22%; /*margin-top:20px;*/margin: 0 10px;}
.daohang .box video{ float:left; width:100%; margin-top:24px; object-fit:fill;    border-radius: 5px;height: 100px;}
}
@media screen and (max-width:767px) {
.daohang .box{ width:100%;}
.daohang .box video{ margin-top:16px;}
.daohang .list li{ width:49%;}
}

.FunctcCustom{ float:left; width:100%; position:relative; background:#ecf3f7; padding-top:57px; padding-bottom:110px;margin-top: 30px;}
.FunctcCustom .img{ float:left; width:100%; line-height:0; margin-top:73px;}

@media screen and (max-width:1023px) {
.FunctcCustom{padding-top:30px; padding-bottom:35px;}
.FunctcCustom .img{ margin-top:20px;}
}


.xinlai{ float:left; width:100%;}
.xinlai .list{ float:left; width:100%; line-height:0; margin-top:60px; margin-bottom:13px;}
.xinlai .list .img{ /*filter:grayscale(100%);*/}
.xinlai .list ul{ flex-wrap:wrap; display: flex; margin:0 -13px;}
.xinlai .list li{ float:left; width:20%; padding:13px 13px;}
.xinlai .list li a{ float:left; width:100%; line-height:0; border:1px solid #eaeaea; overflow:hidden; padding:2px;}
.xinlai .list li a img{ filter:grayscale(100%);
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.xinlai .list li a:hover img{ filter:grayscale(0%);  -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}



@media screen and (max-width:1360px) {
.xinlai .list ul{ margin:0 -11px;}
.xinlai .list li{ padding:11px 11px;}
}
@media screen and (max-width:1023px) {
.xinlai .list{ margin-top:15px; margin-bottom:5px;}
.xinlai .list ul{ margin:0 -4px;}
.xinlai .list li{ padding:4px 4px;}
}
@media screen and (max-width:767px) {
.xinlai .list li{ width:33.33%;}
.xinlai .list li:last-child{ display:none;}
}


.banben{ float:left; width:100%;padding-top:125px; padding-bottom:115px;}
.banben .list{ float:left; width:100%; margin-top:105px;}
.banben .list .li{ float:left; width:25.6%; margin:0 3.85%;}
.banben .list h4{ float:left; width:100%; position:relative; text-align:center; font-weight:bold; color:#1a1a1a; font-size:26px; line-height:1; padding-top:60px;}
.banben .list h4 img{ position:absolute; left:50%; top:2px;z-index:1; transform:translateX(-50%); -ms-transform:translateX(-50%); height:75px;}
.banben .list h4 span{ position:relative; z-index:6;}
.banben .list ul{ float:left; width:100%; background:#ecf3f7; margin-top:36px; }
.banben .list ul li{ float:left; width:100%; position:relative; color:#333333; font-size:14px; line-height:22px; padding:10px 17px 10px 42px;}
.banben .list ul li::after{ float:left; width:16px; height:16px; content:''; position:absolute; left:17px; top:13px; background:url(../image/dingwei/ico1.png) center no-repeat;}
.banben .list ul li:nth-child(2n){ background:#f8f7f7;}
.banben .list ul.ul{ line-height:0; min-height:294px;flex-wrap:wrap; display: flex; align-items: center;  justify-content:center;}

@media screen and (max-width:1360px) {
.banben .list .li{ width:27.6%; margin:0 2.85%;}
}
@media screen and (max-width:1023px) {
.banben{padding-top:30px; padding-bottom:35px;}
.banben .list{ margin-top:10px;}
.banben .list .li{ width:49%; margin:10px 0;}
.banben .list .li:nth-child(2n){ float:right;}
.banben .list .li:last-child{width:100%;}
.banben .list h4{ font-size:18px; padding-top:40px;}
.banben .list h4 img{ height:50px;}
.banben .list ul{ margin-top:20px;}
.banben .list ul li{ padding:10px 12px 10px 35px;}
.banben .list ul li::after{ left:12px;}
.banben .list ul.ul{ min-height:inherit;}
.banben .list ul.ul img{ width:200px;}
}
@media screen and (max-width:767px) {
.banben .list .li{width:100%;}
}

.ApplScenar{ float:left; width:100%; position:relative; padding-top:94px; padding-bottom:90px;}
.section{ float:right; width:-webkit-calc(100% - 155px); width:-moz-calc(100% - 155px); width:calc(100% - 155px); padding-top:65px;}
.section .box{ float:left; width:100%;}
.section .cont{ float:left; width:95.4%; color:#000000; font-size:14px; line-height:40px; min-height:40px;/**flex-wrap:wrap; display: flex; align-items: center; **/padding:11px 30px; position:relative; border-radius:12px 12px 12px 0; background:#fff; border:1px solid #f7f7f7; box-shadow:0 4px 8px rgba(0,0,0,0.05);}
.section .cont strong{font-weight: bold;color: #0084ff;font-size: 16px;}
.section .cont:after{ float:left; width:0; height:0; content:''; position:absolute; left:0; top:100%; border-right:14px solid transparent;border-top:14px solid #fff; }
.section .list1{ float:left; width:100%;}
.section .list1 .li{ float:left; width:100%;flex-wrap:wrap; display: flex; align-items: center;  justify-content:space-between; padding:0 20px;}
.section .list1 .li:nth-child(2n){flex-direction:row-reverse;}
.section .list1 .text{ float:left; width:40%; position:relative; padding-left:64px;}
.section .list1 .text h4{ float:left; width:100%; color:#1e1e1e; font-weight:bold; letter-spacing:1px; font-size:25px; line-height:37px; margin-bottom:2px;margin-bottom: 20px;}
.section .list1 .text h5{font-size: 18px;font-weight: 800;margin-bottom: 10px;color: #000;}
.section .list1 .text h6{ float:left; width:100%; color:#686868; font-size:14px; line-height:20px; margin-bottom: 10px;}
.section .list1 .text i{ float:left; position:absolute; left:0; top:4px; width:45px; height:45px;}
.section .list1 .img{ float:left; line-height:0; width:40%;}
.section .list1 .mt20{ margin-top:20px;}
.section .list1 .mt37{ margin-top:37px;}
.section .list1 .mt46{ margin-top:46px;}
.section .list1 .mt56{ margin-top:56px;}

.section .list1-2{ margin-top:28px;}
.section .list1-2 .li{ width:32%; margin-top:28px;}
.section .list1-2 .text{ width:100%;}
.section .list1-2 .img{ width:100%; margin-top:14px; text-align:center;}
.section .list1-3 .text h6{/** padding-left:20px; **/background:url(../dingwei/ico5.png) 0 7px  no-repeat;}
.section .list1-4 .text,
.section .list1-4 .img{ width:45%;}
.ApplNav{ float:left; width:120px; padding-top:65px;}
.ApplNav .nav-wrap{ width:120px;}
.ApplNav .navfix{ position:fixed; top:85px; z-index:6;}
.ApplNav ul li{ float:left; width:100%; margin-bottom:25px;}
.ApplNav ul li:last-child{ margin-bottom:0 !important;}
.ApplNav ul li a{ float:left; width:100%; position:relative; text-align:center; color:#414141; font-size:16px; line-height:26px; padding:7px 0; background:#fff; border-radius:3px; box-shadow:0 4px 8px rgba(0,0,0,0.05);}
.ApplNav ul li a:after{ float:left; width:0; height:0; content:''; position:absolute; left:100%; top:50%;border-top:5px solid transparent; border-bottom:5px solid transparent;border-left:6px solid #fff; margin-top:-5px; }
.ApplNav ul li.on a{ background:#0084ff; color:#fff;}
.ApplNav ul li.on a:after{ border-left:6px solid #0084ff; }
.ApplNav ul li a span{color: #ff4c4c;font-size: 12px;padding-left: 2px;font-weight: 600;}


@media screen and (max-width:1023px) {
.ApplScenar{padding-top:30px; padding-bottom:35px;}
.ApplNav{ float:left; width:100%; padding-top:30px;}
.ApplNav .nav-wrap{ width:100%; left:0; top:63px;}
.ApplNav .navfix{ background:#fff; padding:0 14px;}
.ApplNav ul{ margin:0 -1%;}
.ApplNav ul li{ width:23%; margin:0 1%;}
.ApplNav ul li a{ font-size:14px; padding:5px 0;}
.ApplNav ul li a:after{ left:50%; top:100%; transform:rotate(90deg); -ms-transform:rotate(90deg); margin:-2px 0 0 -6px; }
.section{ width:100%; padding-top:30px;}
.section .list1 .li{ padding:0;}
.section .cont{ width:100%; padding:10px 15px;}
.section .list1 .text{ padding-left:54px;}
.section .list1 .text h4{ font-size:18px; line-height:28px;}
.section .list1 .text h6{ font-size:13px; line-height:22px;}
.section .list1 .mt20{ margin-top:20px;}
.section .list1 .mt37{ margin-top:20px;}
.section .list1 .mt46{ margin-top:20px;}
.section .list1 .mt56{ margin-top:20px;}
.section .list1-2{ margin-top:20px;}
.section .list1-2 .li{ margin-top:20px;}
}
@media screen and (max-width:767px) {
.section{ padding:0;}
.section .list1 .text{ width:58%;}
.section .list1-2 .li{ width:49%; margin-right:2%;}
.section .list1-2 .li:nth-child(2n){ margin-right:0;}
.section .list1-2 .text{ width:100%;}
.section .list1-2 .img img{ width:120px;}
.section .list1-3 .text h6{ padding-left:15px;}
.section .list1-4 .img{ width:40%;}

}


     .section .list1 .text .container {
            display: flex;
            align-items: center;
            background-color: #fff;
            padding: 12px;
            width: 920px;
            box-sizing: border-box;
        }
       .section .list1 .text .box {
            position: relative;
            background-color: #fff;
            width: 270px;
            height: 205px;
            border: 1px dashed #ccc;
            padding: 15px;
            box-sizing: border-box;
        }
       .section .list1 .text .arrow {
            width: 30px;           
            margin: 0 8px;
        }
        .section .list1 .text .box img {
            position: absolute;
            bottom: 15px;
            right: 15px;
            width: 82px;
            height: auto;
        }
       .section .list1 .text .box h2 {
            font-size: 16px;
            margin-bottom: 15px;
			font-weight: 600;
        }
       .section .list1 .text .box p {
            font-size: 14px;
            line-height: 1.6;	
			text-align: justify;
        }

       @media (max-width: 768px) {
       .section .list1 .text .container {
                width: 100%;
                padding:0px;
            }
       .section .list1 .text .box {
                width: 100%; /* 移动端格子宽度占满 */
                height: auto; /* 高度自适应 */
                margin-bottom: 15px;
            }      
       .section .list1 .text h2 {
                font-size: 16px;
            }
       .section .list1 .text  p {
                font-size: 12px;
            }
       .section .list1 .text .box img {
               display: none; 
            }
        }