.head{position: sticky;  position: -webkit-sticky;top: 0;z-index: 99999;transition: all 0.3s;}
.headon{padding: 10px 5%;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);}
.searchon{padding:18px 0!important;.}

.banner{height: 580px;position: relative;}
.banner .show{margin-left: 250px;}
.banner .show li{width: 915px;height: 580px;float: left;margin-left: 755px;}
.banner .show li img{width: 915px;height: 580px;opacity: 0.3;transition: all 0.3s;}
.banner .show .swiper-slide-active img{opacity: 1;}
.banner .des{position: absolute;z-index: 101;margin-left: 50px;bottom: 45px;}
.banner .des li{width: 230px;float: left;margin-left: 60px;cursor: pointer;}
.banner .des li .p1{font-size: 20px;color: #323232;font-weight: bold;line-height: 35px;height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.banner .des li .p2{line-height: 25px;color: #323232;height: 50px;font-size: 16px;font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.banner .des .swiper-slide-thumb-active .p1{color: #1C70C6;}

.banner .pagination{position: absolute;right: -42px;z-index: 20;}
.banner .pagination p{display: block;line-height: 30px;width: 100px;height: 30px;background-color: rgba(0,0,0,0);color: #000000;opacity: 1;text-align: left;}
.banner .pagination p span{margin-left: 15px;position: absolute;transition: all 0.2s;font-family: Arial;}
.banner .pagination p img{float: right;display: none;margin: 14px auto;}
.banner .pagination .swiper-pagination-bullet-active span{display: none;}
.banner .pagination .swiper-pagination-bullet-active img{display: block;}

.banner .cover{width: 755px;height: 580px;background-color: #ffffff;margin-left: 250px;text-align: center;position: absolute;z-index: 100;top: 0;}
.banner .cover li{display: none;}
.banner .cover li img{width: 755px;height: 580px;}



/*解决方案*/
.solution{margin-top: 55px;}
.solution .title{}
.solution .title .p1{font-weight: bold;color: #333333;font-size: 42px;line-height: 60px;}
.solution .title .p2{font-size: 16px;color: #333333;line-height: 30px;}
.solution .show{margin-top: 40px;width: 100%;height: auto;overflow: hidden; }
.solution .show li{float: left;height: 320px;text-align: center;position: relative;overflow: hidden;transition: all 0.3s;}
.solution .show li .p1{font-size: 24px;font-weight: bold;color: #ffffff;line-height: 50px;margin-top: 88px;transition: all 0.3s;}
.solution .show li .p2{font-size: 20px;font-weight: bold;color: #ffffff;line-height: 35px;height: 35px;overflow: hidden;display: none;}
.solution .show li .p3{font-size: 20px;font-weight: bold;color: #ffffff;line-height: 35px;height: 35px;overflow: hidden;}
.solution .show li .cover{position: absolute;padding: 30px 10%;height: 260px;width: 80%;transition: all 0.2s linear;}
.solution .show li:hover .cover{background-color:#FFC300; }
.solution .show li:hover .cover .p1{color: #453913;margin-top: 0;text-align: left;}
.solution .show li:hover .cover .p2{color: #453913;font-size: 14px;height:210px;text-align: left;display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient: vertical;}
.solution .show li:hover .cover .p3{display: none;}
.solution .show .on .cover{background-color:#FFC300; }
.solution .show .on .cover .p1{color: #453913;margin-top: 0;text-align: left;}
.solution .show .on .cover .p2{color: #453913;font-size: 14px;height:210px;text-align: left;display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:6;
    -webkit-box-orient: vertical;}
.solution .show .on .cover .p3{display: none;}
.solution .show .li1{width: 16.666666667%;background: url("../images/sl1.jpg");}
.solution .show .li2{width: 33.333333333%;background: url("../images/sl2.jpg");}
.solution .show .li3{width: 33.333333333%;background: url("../images/sl3.jpg");margin-left: 16.66666667%}
.solution .show .li4{width: 33.333333333%;background: url("../images/sl4.jpg");}
.solution .show .li5{width: 16.666666667%;background: url("../images/sl5.jpg");}
.solution .show .li6{width: 16.666666667%;background: url("../images/sl6.jpg");margin-top: -320px;height: 640px;}
.solution .show .li7{width: 16.666666667%;background: url("../images/sl7.jpg");}
.solution .show .li8{width: 16.666666667%;background: url("../images/sl8.jpg");}
.solution .show .li6 .cover{padding: 100px 10%;height:440px;  }
.solution .show .li6 .cover .p1{margin-top: 200px;}
.solution .show .li8 .cover .p1{color: #ffffff;margin-top: 88px;text-align: center;}
.solution .show .li8:hover .cover .p1{color: #453913;margin-top: 88px;text-align: center;}




/*产品*/
.product{}
.product{margin-top: 70px;}
.product .title {font-weight: bold;color: #0a0a0a;font-size: 42px;line-height: 60px;}
.product .show{margin-top: 20px;position: relative;}
.product .show li{width: 400px;float: left;}
.product .show li .img1{width: 400px;height: 240px;}
.product .show li .cover{position: absolute;width: 400px;height: 240px;text-align: center;overflow: hidden;}
.product .show li .cover p{width: 100px;height: 100px;border-radius: 50%;margin: 60px 150px;position: absolute;transition: all 0.3s ease-out;}
.product .show li .cover img{position: absolute;margin: 30px 30px;opacity: 0;transition: all 0.3s ease-out;}
.product .show li .name{width: 400px;line-height: 50px;height: 50px;text-align: center;font-size: 18px;color: #000000;font-weight: bold;}
.product .show li:first-child{margin-right: 800px;}
.product .show li .pro-list{position: absolute;right: 50px;top: 0;width: 700px;text-align: center;display: none;}
.product .show li .pro-list .p1{line-height: 100px;height: 100px;text-align: center;font-size: 18px;color: #000000;}
.product .show li .pro-list .p2{line-height: 18px;}
.product .show li .pro-list .p2 a{display: inline-block;text-align: center;width: 230px;margin: 8px auto;color: #414141;font-size: 16px;border-right:1px solid #414141;}
.product .show li .pro-list .p2 a:last-child{border-right: none;}
.product .show li .pro-list .p2 a:hover{color: #1C70C5;}
.product .show .on .pro-list{display: block;}
.product .show li:hover .cover p{background-color: rgba(0, 37, 89, 0.6);width: 500px;height: 500px;margin: -130px -50px}
.product .show li:hover .cover img{transform: rotateZ(180deg);opacity: 1;margin: 230px 230px;}
.product .more{width: 25px;height: 25px;float: right;background-color:#000000; padding: 10px;margin-top: -96px;margin-right: 330px;transition: all 0.3s;}
.product .more img{width: 25px;transition: all 0.3s;}
.product .more:hover{background-color: #002559;margin-right: 310px;padding: 10px 15px;}
.product .more:hover img{transform: rotateZ(180deg);}

/*案例*/
.case{}
.case{margin-top: 50px;}
.case .title {font-weight: bold;color: #0a0a0a;font-size: 42px;line-height: 60px;}
.case .ss1_wrapper { position:relative; width:1210px;overflow: hidden;height: 680px;margin-top: 40px;}
.case .ss1_wrapper .slideshow { position:relative; height:380px;; }
.case .ss1_wrapper .slideshow_item { width:940px; height:380px;;overflow: hidden; margin-left: 125px;}
.case .ss1_wrapper .slideshow_item img{ width:940px; height:380px;}
.case .ss1_wrapper .slideshow_item .data { display:none; }
.case .ss1_wrapper .show{position: absolute;top:30px;}
.case .ss1_wrapper .contros{}
.case .ss1_wrapper a.slideshow_prev {position: absolute;z-index: 10;left: 0; top: 175px;transition: all 0.3s;width: 45px;height: 45px;background-color: #000000;}
.case .ss1_wrapper a.slideshow_prev:hover { /*margin-left: 5px;*/background-color: rgba(0, 0, 0, 0.7);}
.case .ss1_wrapper a.slideshow_next {position: absolute;z-index: 10;right: 0;top: 175px; transition: all 0.3s;width: 45px;height: 45px;background-color: #000000; }
.case .ss1_wrapper a.slideshow_next:hover { /*margin-right: 5px;*/background-color: rgba(0, 0, 0, 0.7);}
.case .ss1_wrapper .slideshow_box {}
.case .ss1_wrapper .slideshow_box .data { }
.case .ss1_wrapper .slideshow_box .data a { color:#2f2f2f; }
.case .ss1_wrapper .slideshow_box .data .p1 span{line-height: 50px;background-color: rgba(0, 0, 0, 0.5);color: #ffffff;font-weight: bold;font-size: 36px;padding: 0 40px;}
.case .ss1_wrapper .slideshow_box .data .p2 span{margin-top: 3px;line-height: 40px;height: 40px;background-color: rgba(0, 0, 0, 0.5);color: #ffffff;font-weight: bold;font-size: 24px;padding: 0 40px;display: block;width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    /*display: -webkit-box;*/
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.case .ss1_wrapper .slideshow_box .data .des{width: 850px;padding:41px;border: 4px solid #A3A3A3; margin-top: 320px;margin-left: 125px;}
.case .ss1_wrapper .slideshow_box .data .des .p3{font-size: 18px;color: #000000;font-weight: bold;width: 215px;padding-right: 30px;border-right: 1px solid #E1E1E1;
line-height: 30px;height: 90px;float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.case .ss1_wrapper .slideshow_box .data .des .p4{width: 570px;float: right;line-height: 30px;height: 90px;color: #323232;font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;}
.case .ss1_wrapper .list{width:940px; height:380px;;overflow: hidden; margin-left: 125px;line-height: 65px;position: absolute;z-index: 20;}
.case .ss1_wrapper .list a {display: inline-block;font-size: 16px;color: #3d3c3c;margin-right: 45px;}
.case .ss1_wrapper .list a:hover{color: #1B70C3;}
/*部门*/
.department{margin-top: 50px;}
.department .left{width: 53%;background: url("../images/tmp1.jpg")no-repeat right;height: 521px;float: left;text-align: center;}
.department .left .p1{font-size: 42px;color: #ffffff;font-weight: bold;margin-top: 115px;line-height: 60px;}
.department .left .p2{line-height: 38px;color: #ffffff; width: 650px;margin: 55px auto;font-size: 18px;}
.department .left .p3{width: 135px;line-height: 40px;background-color: #3B4D65;color: #ffffff;font-size: 16px;margin: 0 auto;cursor: pointer;}
.department .left .p3:hover{background-color: #333d4a; }
.department .right{float: right;width: 47%; background: url("../images/tmp2.jpg")no-repeat left;height: 521px;position: relative;overflow: hidden;}
.department .right ul{}
.department .right ul li{float: left;text-align: center;border-left: 2px solid #ffffff;box-sizing: border-box;height: 521px;position: relative;overflow: hidden;;}
.department .right ul li a{position: absolute;z-index: 3;height: 100%;width: 100%;left: 0;}
.department .right ul li p{width: 20px;text-align: center;color: #ffffff;margin: 60px auto;font-size: 18px; }
.department .right ul li:before{position: absolute;z-index:1;height: 100%;width: 100%;background-color: rgba(0, 0, 0, 0.5);transition: all 0.3s ease-in-out;}
.department .right ul li:after{position: absolute;z-index: 2;height: 4px;background-color: #ffffff;width: 100%;transition: all 0.3s ease-in-out;}
.department .right ul li:nth-child(1):after{bottom: 153px;}
.department .right ul li:nth-child(2):after{bottom: 108px;}
.department .right ul li:nth-child(3):after{bottom: 196px;}
.department .right ul li:nth-child(4):after{bottom: 76px;}
.department .right ul li:nth-child(5):after{bottom: 138px;}
.department .right ul li:nth-child(6):after{bottom: 88px;}
.department .right ul li:nth-child(7):after{bottom: 137px;}
.department .right ul li:nth-child(8):after{bottom: 0px;}
.department .right ul li:nth-child(9):after{bottom: 0px;}
.department .right ul li:hover:after{bottom:10%;}
.department .right ul li:hover:before{background-color: #3B4D65;}


.department .right ul .on:after{bottom:10%;}
.department .right ul .on:before{background-color: #3B4D65;}



.video{margin-top: 105px;position: relative;height: 680px;}
.video .left{background: url("../images/video.jpg") no-repeat center;width: 900px;height: 525px;text-align: center;position: relative;overflow: hidden;cursor: pointer;transition: all 0.3s;}
.video .left .close{position: absolute;  z-index: 10;  right: 15px;  top: 25px;  width: 30px; display: none; }
.video .left video{width: 900px;height: 525px;position: absolute;left: 0;top:0;background-color: #ffffff;transition: all 0.3s;}
.video .big{width: 1210px;height: 680px;}
.video .big .close{display: block;}
.video .big video{width: 1210px;height: 680px;}
.video:hover .big{margin-left: 0!important;}
.video .left .bofang{margin: 245px auto;transition: all 0.3s linear;position: absolute;z-index: 2;left: 430px;}
.video .show{  width: 480px;height: 200px;padding: 40px 60px;transition: all 0.3s;
    background-color: rgba(0, 0, 0,0.5);
    box-shadow: -12px 16px 40px 0px rgba(57, 57, 57, 0.47);
    position: absolute;
    left: 580px;
    top: 320px;
    z-index: 2;}
.video .show .p1{line-height: 40px;color: #FFFFFF;font-size: 24px;font-weight: bold;height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient: vertical;}
.video .show .p2{line-height: 32px;height: 64px;color: #ffffff;font-size: 16px;margin-top: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;}
.video .show .p3{margin-top: 45px;transition: all 0.3s;}
.video .show .p3 span{width: 0;display: block;color: #ffffff;overflow: hidden;line-height: 26px;height: 26px;float: left;margin-right: 10px;transition: all 0.3s;}
.video:hover .left{margin-left: 20px;}
.video .left .bofang:hover{transform: scale(1.05);cursor: pointer;}
.video:hover .show{left: 560px;  background-color: rgba(0, 0, 0,0.7);}
.video:hover .show .p3{margin-left: 10px;}
.video:hover .show .p3 span{width: 60px;}

.about{}
.about .title {font-weight: bold;color: #0a0a0a;font-size: 42px;line-height: 60px;}
.about .des{font-size: 18px;color: #252629;line-height: 36px;margin-top: 10px;}
.about .des:hover{color: #1B70C3;}
.about ul{height: auto;overflow: hidden;margin-top: 55px;background: url("../images/line2.jpg") no-repeat center right;}
.about ul li{width: 242px;float: left;text-align: center;background: url("../images/line2.jpg") no-repeat center left;}
.about ul li .p1{font-size: 20px;color: #252629;line-height: 48px;height: 48px;}
.about ul li .p1 .s1{font-size: 40px;font-family: te2;}
.about ul li .p1 .s2{font-size: 16px;}
.about ul li .p2{font-weight: bold;font-size: 26px;color: #252629;line-height: 40px;}


.contact{margin-top: 60px;}
.contact .div1{width: 510px;padding: 45px;background-color: #E9F1F9;float: left;}
.contact .div1 .p1{line-height: 50px;font-weight: bold;color: #3a3a3a;font-family: Arial;margin-top: 40px;font-size: 34px;}
.contact .div1 .p2{font-size: 16px;color: #3a3a3a;line-height: 35px;margin-bottom: 20px;}
.contact .div2{width: 190px;height: 280px;float: left;margin-left: 12px;border-left: 32px solid #E9F1F9;text-align: center;}
.contact .div2 img{width: 125px;margin-top: 55px;}
.contact .div2 p{line-height: 30px;margin-top: 15px;font-size: 16px;color: #3a3a3a;}
.contact .div3{background-color: #E9F1F9;float: right;padding:50px 40px;width: 296px;height: 180px;}
.contact .div3 .p1{line-height: 40px;height: 40px;background-color: #D2E0EF;margin-bottom: 21px;}
.contact .div3 .p1 span{display: block;float: left;width: 80px;text-align: center;color: #3a3a3a;}
.contact .div3 .p1 input{line-height: 40px;height: 40px;background-color: #D2E0EF;color: #3a3a3a;width: 216px;}
.contact .div3 .sbt{line-height: 60px;width: 296px;font-size: 26px;color: #3a3a3a;background-color: #ffffff;cursor: pointer; transition: all 0.3s;}
.contact .div3 .sbt:hover{background-color:#3B4D65; color: #ffffff;}