@charset "UTF-8";
.pageKv{height:460px;position: relative;overflow:hidden;background-color:#052860;}

.pageKv .mask-item{position: absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;}
.pageKv .mask-item h1{font-size:32px;line-height:42px;color:#fff;font-weight:bold;}
.pageKv .mask-item h2{font-size:32px;line-height:42px;color:#f2f2f2;font-weight:bold;margin-bottom:25px;}
.pageKv .mask-item .tablink{}
.pageKv .mask-item .tablink a{display:inline-block;font-size:14px;line-height:32px;color:#c3c5c7;font-weight:bold;transition:all .3s;}
.pageKv .mask-item .tablink a:hover,.pageKv .mask-item .tablink a.active{color:#fff;}
.pageKv .mask-item .tablink em{font-size:12px;line-height:32px;color:#f2f2f2;font-weight:bold;padding:0 25px;display:inline-block;vertical-align:top;}

.aboutKv{background:url(../images/about/aboutKv.jpg) no-repeat center;}
.careerKv{background:#c9ddff url(../images/about/careerKv.jpg) no-repeat center;}
.customerKv{background:#052860 url(../images/about/customerKv.jpg) no-repeat center;}
.contactKv{background:url(../images/about/contactKv.jpg) no-repeat center;background-size:cover;}
.serviceKv{background:url(../images/service/serviceKv.jpg) no-repeat center;background-size:cover;}
.productKv{background:url(../images/product/productKv.jpg) no-repeat center;background-size:cover;}
.prodlistKv img{width:100%;height:100%;object-fit:cover;}
.solutionKv{background:url(../images/solution/solutionKv.jpg) no-repeat center;background-size:cover;}


.ressearch{height:54px;border:1px solid #f2f2f2;border-radius:50px;width:580px;display:inline-block;box-sizing: border-box;overflow:hidden;}
.ressearch input{float:left;width:calc(100% - 175px);background:url(../images/service/search.svg) no-repeat 15px center;background-size:24px;border:0;height:52px;line-height:52px;padding-left:60px;box-sizing: border-box;font-size:18px;color:#f2f2f2;padding-right:20px;}
.ressearch input::placeholder{color:#f2f2f2;}
.ressearch a.sechbtn{float:right;height:52px;line-height:52px;width:175px;background-color:#f2f2f2;font-size:26px;color:#333;border-radius:50px;overflow:hidden;}

/*about*/
.aboutBody{padding:70px 25px;}
.aboutBody h3{font-size:26px;line-height:42px;color:#333;font-weight:bold;margin-bottom:20px;}
.aboutBody p{font-size:16px;line-height:28px;color:#333;}
.aboutBody .image{margin:40px 0;}
.aboutBody .image img{display:block;width:100%;}
.aboutBody .video{margin-top:40px;}
.aboutBody .video .videobtn{position: relative;cursor:pointer;}
.aboutBody .video .videobtn img{display:block;width:100%;}
.aboutBody .video .videobtn .mask{position: absolute;left:0;right:0;top:50%;transform: translateY(-50%);text-align:center;font-size:16px;line-height:28px;color:#fff;padding-top:90px;background:url(../images/about/videobtn.png) no-repeat center top;}
.aboutBody .video .box{display:none;position:absolute;left:0;right:0;top:0;bottom:0;}

.newsBody{padding-bottom:70px;}
.newsSearch{height:61px;border-bottom:1px solid #dfdfdf;margin:30px 0 45px;padding:15px 7px;position: relative;box-sizing: border-box;width:100%;}
.newsSearch input{border:0;border-left:2px solid #153766;height:30px;font-size:20px;line-height:30px;padding:0 80px 0 20px;width:100%;box-sizing: border-box;}
.newsSearch input::placeholder{color:#b6c0c6;}
.newsSearch a.sechbtn{display:inline-block;width:60px;height:60px;position: absolute;right:0;top:0;background:url(../images/about/search_1.svg) no-repeat center;background-size:26px;cursor:pointer;transition:all .3s;}
.newsSearch a.sechbtn:hover{background:url(../images/about/search_2.svg) no-repeat center;background-size:26px;}
.newslist ul.list{display:flex;flex-wrap:wrap;}
.newslist ul.list li{width:370px;margin-right:35px;transition:all .3s;margin-bottom:30px;}
.newslist ul.list li:nth-child(3n + 3){margin-right:0;}
.newslist ul.list li a{display:block;width:100%;}
.newslist ul.list li a .image{width:100%;height:240px;overflow:hidden;}
.newslist ul.list li a .image img{width:100%;height:100%;object-fit:cover;}
.newslist ul.list li a .text{padding:15px 0;}
.newslist ul.list li a .text .type{font-size:15px;line-height:28px;color:#b6c0c6;margin-bottom:5px;}
.newslist ul.list li a .text h3{font-size:20px;line-height:32px;color:#333333;font-weight:bold;}
.newslist ul.list li a:hover .text h3{color:#052860;}
.newslist ul.list li:hover{transform: translateY(-10px);}



.career_1{padding:70px 0;}
.career_1 h3{font-size:32px;line-height:42px;color:#333;font-weight:bold;text-align:center;margin-bottom:70px;}
.career_1 .flex{display:flex;justify-content:center;}
.career_1 .flex .image{width:390px;height:260px;}
.career_1 .flex .image img{width:100%;height:100%;object-fit:cover;}
.career_1 .flex .text{width:500px;margin-left:85px;padding-top:10px;}
.career_1 .flex .text h4{font-size:32px;line-height:32px;color:#333;margin-bottom:20px;font-weight:bold;}
.career_1 .flex .text p{font-size:16px;line-height:28px;color:#333;}

.career_2{height:610px;background:url(../images/about/career_2.jpg) no-repeat center;background-size:cover;position: relative;}
.career_2 .mask{position: absolute;top:50%;transform: translateY(-50%);left:0;right:0;}
.career_2 .mask .box{margin-left:25px;width:560px;}
.career_2 .mask .box h3{font-size:38px;line-height:38px;color:#ffffff;font-weight:bold;margin-bottom:15px;}
.career_2 .mask .box p{font-size:18px;line-height:28px;color:#fff;}

.career_3{padding:70px 25px;}
.career_3 h3{font-size:32px;line-height:42px;color:#333;font-weight:bold;text-align:center;margin-bottom:30px;}
.career_3 h4{font-size:16px;line-height:28px;color:#333;text-align:center;margin-bottom:45px;}
.career_3 ul li{margin-bottom:20px;}
.career_3 ul li a{height:86px;display:flex;width:100%;box-sizing: border-box;border-left:6px solid #052860;padding:28px 40px;background:#eeeded url(../images/about/right_1.svg) no-repeat 98% center;background-size:30px auto;transition:all .3s;}
.career_3 ul li a div{font-size:20px;line-height:30px;color:#333;}
.career_3 ul li a .t_1{width:450px;box-sizing: border-box;padding-right:30px;}
.career_3 ul li a .t_2{width:260px;box-sizing: border-box;padding:0 30px;background:url(../images/about/pos.svg) no-repeat left center;background-size:22px;}
.career_3 ul li a .t_3{width:330px;box-sizing: border-box;padding-left:30px;background:url(../images/about/add.svg) no-repeat left center;background-size:18px;}
.career_3 ul li a:hover{background:#eeeded url(../images/about/right_2.svg) no-repeat 98% center;background-size:30px auto;transform: translateY(-10px);}
.career_3 ul li a:hover .t_1{color:#052860}


.custBody{padding:70px 0;}
.custBody .tit{text-align:center;}
.custBody .tit p{font-size:18px;line-height:28px;color:#333;}
.custBody .tit span{font-size:14px;margin:20px 0 60px;color:#333;display:inline-block;}
.custBody h3{font-size:32px;color:#333;text-align:center;position: relative;padding-bottom:20px;margin-bottom:40px;}
.custBody h3::before{content:"";display:inline-block;width:50px;height:2px;background-color:#333;position: absolute;left:50%;transform: translateX(-50%);bottom:0;}
.custBody .list{text-align:center;width:830px;margin:0 auto;}
.custBody .list ul{display:flex;flex-wrap:wrap;}
.custBody .list ul li{width:400px;margin-right:30px;margin-bottom:30px;text-align:left;}
.custBody .list ul li:nth-child(2n + 2){margin-right:0;}
.custBody .list ul li p{font-size:15px;margin-bottom:15px;font-weight:bold;color:#333;}
.custBody .list ul li input{width:100%;border:1px solid #bfbfbf;padding:0 15px;height:42px;line-height:42px;border-radius:4px;color:#333;font-size:16px;}
.custBody .list .item{margin-bottom:30px;text-align:left;}
.custBody .list .item p{font-size:15px;margin-bottom:15px;font-weight:bold;color:#333;}
.custBody .list .item input.inpt{width:100%;border:1px solid #bfbfbf;padding:0 15px;height:42px;line-height:42px;border-radius:4px;color:#333;font-size:16px;}
.custBody .list .item .out input[type="radio"],.custBody .list .item .out input[type="checkbox"],.custBody .list .item .out label {
vertical-align:middle;margin-top:0;}
.custBody .list .item .out label {margin:0 20px 0 5px;font-weight:normal;font-size:14px;}
.custBody .list .item .tex{width:100%;border:1px solid #bfbfbf;box-sizing: border-box;padding:10px 15px;border-radius:4px;color:#333; font-size:16px;height:110px;line-height:20px;resize: none;}
.custBody .list .item a.form_btn{display:inline-block;width:200px;height:50px;line-height:50px;text-align:center;background-color: #818181;color:#fff;text-decoration:none;font-size:18px;border-radius: 6px;transition:all .3s;}
.custBody .list .item a.form_btn:hover{background-color:#052860;}


.contactBody .tx_1{text-align:center;padding:70px 0;}
.contactBody .tx_1 h3{font-size:32px;line-height:42px;color:#333;font-weight:bold;margin-bottom:30px;}
.contactBody .tx_1 p{font-size:18px;line-height:38px;color:#333;}
.contactBody .tx_1 p a{font-size:18px;line-height:38px;color:#333;transition:all .3s;}
.contactBody .tx_1 p a:hover{color:#052860;text-decoration: underline!important}
.contactBody .tx_2{display:block;width:100%;}
.contactBody .tx_3{padding:100px 0;position: relative;}
.contactBody .tx_3::before{content:"";display:inline-block;width:74px;height:74px;position: absolute;top:-40px;left:50%;transform: translateX(-50%);background:#fff url(../images/about/mail_ico.png) no-repeat center;border-radius:50%;box-shadow:0 5px 30px rgba(123,134,148,.32);}
.contactBody .tx_3 ul{display:flex;justify-content:center;position: relative;padding:20px 0;}
.contactBody .tx_3 ul::before{content:"";position:absolute;top:0;bottom:0;left:50%;transform: translateX(-50%);display:inline-block;width:1px;background:#bfbfbf;}
.contactBody .tx_3 ul li{width:495px;padding:0 55px;}
.contactBody .tx_3 ul li h3{font-size:20px;line-height:28px;color:#333;margin-bottom:30px;}
.contactBody .tx_3 ul li p{font-size:16px;line-height:28px;color:#333}
.contactBody .tx_3 ul li p a{color:#ff0000;transition:all .3s;}
.contactBody .tx_3 ul li p a:hover{color:#052860;text-decoration: underline!important}


/*service*/


.service_1{padding:80px 0;background:#f2f2f2;}
.service_1 ul.list{display:flex;align-items:stretch;flex-wrap:wrap;}
.service_1 ul.list li{width:272px;border:1px solid #e4e5e7;box-sizing: border-box;background:#fff;margin-right:calc((100% - 1088px)/3);margin-bottom:30px;text-align:center;transition:all .3s;}
.service_1 ul.list li:nth-child(4n + 4){margin-right:0;}
.service_1 ul.list li .image{height:210px;}
.service_1 ul.list li .image img{width:100%;height:100%;object-fit:cover;}
.service_1 ul.list li .text{font-size:20px;line-height:24px;color:#052860;font-weight:bold;height:100px;display:flex;align-items:center;justify-content:center;}
.service_1 ul.list li:hover{border:1px solid #052860;}

.design_1{padding:80px 0;background:#f2f2f2;}
.design_1 .list .item{background:#fff;box-shadow:0 0 18px rgba(0,0,0,.05);margin-bottom:20px;}
.design_1 .list .item .tab{padding:35px 30px;position: relative;font-size:20px;line-height:26px;color:#052860;font-weight:bold;cursor:pointer;}
.design_1 .list .item .tab::after{content:"";display:inline-block;width:32px;height:32px;position: absolute;right:30px;top:50%;transform: translateY(-50%);background:#f2f2f2 url(../images/service/tab_after_1.svg) no-repeat center;border-radius:50%;background-size:22px;}
.design_1 .list .item .tab.active::after{background:#052860 url(../images/service/tab_after_2.svg) no-repeat center;border-radius:50%;background-size:22px;}
.design_1 .list .item .con{padding:0 30px;display:none;}
.design_1 .list .item .con ul li{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #dcdcdc;align-items:center;}
.design_1 .list .item .con ul li:last-child{border-bottom:0;}
.design_1 .list .item .con ul li .title{font-size:16px;font-weight:bold;color:#333;}
.design_1 .list .item .con ul li .links a{display:inline-block;height:42px;box-sizing:border-box;border:1px solid #052860;font-size:14px;line-height:40px;padding:0 23px;border-radius:8px;margin-left:20px;transition:all .3s;overflow:hidden;}
.design_1 .list .item .con ul li .links a:hover{background:#052860;color:#fff;}

.design_2{padding:80px 0;}
.design_2 .item_1{border-bottom:1px solid #e1e5ec;padding-bottom:60px;}
.design_2 .item_1 .flex{display:flex;justify-content: space-between;align-items:center;margin-top:50px;}
.design_2 .item_1 .flex .image{width:440px;}
.design_2 .item_1 .flex .image img{display:block;width:100%;}
.design_2 .item_1 .flex .text{width:640px;}
.design_2 .item_1 .flex .text .item{margin-bottom:40px;}
.design_2 .item_1 .flex .text .item:last-child{margin-bottom:0;}
.design_2 .item_1 .flex .text h3{font-size:26px;line-height:42px;color:#333;font-weight:bold;}
.design_2 .item_1 .flex .text h4{font-size:16px;line-height:28px;color:#333;margin-top:15px;}
.design_2 .item_1 .flex .text a.down{display:inline-block;height:40px;line-height:40px;font-size:14px;color:#fff;background:#052860;padding:0 30px;border-radius:6px;margin-top:20px;transition:all .3s;overflow:hidden;}
.design_2 .item_1 .flex .text a.down:hover{transform: translateY(-5px)}
.design_2 .item_1 .flex .text .box{background:#f7f8fa;padding:30px 20px;margin-bottom:15px;}
.design_2 .item_1 .flex .text .box h5{font-size:16px;line-height:42px;color:#052860;font-weight:bold;}
.design_2 .item_1 .flex .text .box ul li{font-size:16px;line-height:28px;color:#333;padding-left:12px;position: relative;margin-top:5px;}
.design_2 .item_1 .flex .text .box ul li::before{content:"";display:inline-block;width:6px;height:6px;background:#052860;border-radius:50%;position: absolute;left:0;top:10px;}
.design_2 .item_1 .flex .text .box h6{font-size:16px;line-height:28px;color:#333;margin:10px 0;}
.design_2 .item_1 .flex .text .box .note{font-size:16px;line-height:28px;color:#333;}
.design_2 .item_1 .flex .text .box .note span{color:#052860;}
.design_2 .item_1 .flex .text p{font-size:13px;line-height:22px;color:#999;}
.design_2 .item_2{padding-top:60px;}
.design_2 .item_2.pt0{padding-top:0;}
.design_2 .item_2 .service_tit{margin-bottom:10px;}
.design_2 .item_2 p{font-size:16px;line-height:28px;color:#333;}
.design_2 .item_2 ul{display:flex;margin-top:35px;flex-wrap:wrap;}
.design_2 .item_2 ul li{margin-right:15px;margin-bottom:20px;width:calc((100% - 60px)/5);}
.design_2 .item_2 ul li:nth-child(5n + 5){margin-right:0;}
.design_2 .item_2 ul li a{display:block;width:100%;height:122px;box-sizing: border-box;border:1px solid #d5d7db;padding:25px 20px;transition:all .3s;}
.design_2 .item_2 ul li a h3{font-size:20px;line-height:26px;color:#333;font-weight:bold;margin-bottom:20px;transition:all .3s;}
.design_2 .item_2 ul li a h4{display:inline-block;padding-right:25px;}
.design_2 .item_2 ul li a h4 span{font-size:16px;line-height:22px;color:#333;border-bottom:1px solid #333;transition:all .3s;}
.design_2 .item_2 ul li a:hover{border:1px solid #052860;background-color:#052860;}
.design_2 .item_2 ul li a:hover h3{color:#fff;}
.design_2 .item_2 ul li a:hover h4{background:url(../images/service/right.svg) no-repeat right center;background-size:auto 16px;}
.design_2 .item_2 ul li a:hover h4 span{color:#fff;border-bottom:1px solid #fff;}



.design_3{padding:80px 0;background:#f2f2f2;}
.design_3 .list{padding:0 30px;background:#fff;box-shadow:0 0 18px rgba(0,0,0,.05);}
.design_3 .list ul li{display:flex;align-items:center;justify-content: space-between; padding:20px 0;border-bottom:1px solid #dcdcdc;}
.design_3 .list ul li:last-child{border-bottom:0;}
.design_3 .list ul li .title{font-size:16px;font-weight:bold;color:#333;}
.design_3 .list ul li .links a{box-sizing: border-box;width:125px;height:42px;border:1px solid #052860;font-size:14px;line-height:40px;color:#052860;text-align:center;display:inline-block;margin-left:20px;border-radius:8px;transition:all .3s;overflow:hidden;}
.design_3 .list ul li .links a:hover{background:#052860;color:#fff;}

.submission_detail{padding:80px 0;}
.submission_detail .item{padding-bottom:40px;}
.submission_detail .item .flex-tit{display:flex;align-items:flex-end;justify-content: space-between;margin-bottom:30px;}
.submission_detail .item .flex-tit .tit{font-size:32px;line-height:32px;color:#333;font-weight:bold;position: relative;padding-top:30px;}
.submission_detail .item .flex-tit .tit::before{content:"";display:inline-block;width:28px;height:6px;background:#052860;position: absolute;left:0;top:0;}
.submission_detail .item .flex-tit .sel span{font-size:16px;line-height:38px;color:#333333;margin-right:20px;}
.submission_detail .item .flex-tit .sel select::-ms-expand{display: none;}    
.submission_detail .item .flex-tit .sel select{box-sizing: border-box;border:1px solid #052860;height:38px;width:220px;padding:0 15px;border-radius:8px;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/service/select.svg) no-repeat 96% center;background-size:16px auto;}
.submission_detail .item .flex-table table{width:100%;text-align:center;}
.submission_detail .item .flex-table table tr th{height:58px;border-bottom:1px solid #fff;border-right:1px solid #fff;background:#666666;font-size:14px;color:#fff;text-align:center;font-weight:bold;}
.submission_detail .item .flex-table table tr td{height:58px;border-bottom:1px solid #fff;border-right:1px solid #fff;text-align:center;font-size:14px;color:#666;font-weight:bold;padding:0 10px;}
.submission_detail .item .flex-table table tr td a{display:inline-block;font-size:14px;line-height:18px;color:#052860;border-bottom:1px solid #052860;transition:all .3s;}
.submission_detail .item .flex-table table tr td a:hover{opacity:.6;}
.submission_detail .item .flex-table table tr:nth-child(even) td{background:#e8e8e6;}
.submission_detail .item .flex-table table tr:nth-child(odd) td{background:#dbdbd9;}
.submission_detail .item .flex-table table tr td:nth-child(1){width:205px;}
.submission_detail .item .flex-table table tr td:nth-child(2){width:305px;}
.submission_detail .item .flex-table table tr td:nth-child(3){width:250px;}
.submission_detail .item .flex-table table tr td:nth-child(4){width:215px;}

.systapp_detail{padding:80px 0;}
.systapp_detail .content{display:flex;justify-content: space-between;}
.systapp_detail .content .cont-lf{width:735px;border-right:1px solid #c4c4c4;box-sizing: border-box;padding-right:90px;padding-bottom:60px;}
.systapp_detail .content .cont-lf h3{font-size:26px;line-height:42px;color:#333;font-weight:bold;margin-bottom:20px;}
.systapp_detail .content .cont-lf p{font-size:16px;line-height:28px;color:#333;}
.systapp_detail .content .cont-rt{width:400px;}
.systapp_detail .content .cont-rt h4{font-size:32px;line-height:32px;color:#333;font-weight:bold;position: relative;padding-top:30px;margin-bottom:20px;}
.systapp_detail .content .cont-rt h4::before{content:"";display:inline-block;width:28px;height:6px;background:#052860;position: absolute;left:0;top:0;}
.systapp_detail .content .cont-rt ul li{margin-bottom:5px;}
.systapp_detail .content .cont-rt ul li a{display:inline-block;font-size:16px;line-height:18px;color:#052860;border-bottom:1px solid #052860;transition:all .3s;}
.systapp_detail .content .cont-rt ul li a:hover{opacity:.6;}


.seroffKv{position: relative;overflow:hidden;}
.seroffKv .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:26px;height:70px;background-color:#535353;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:16px auto;transition:all .3s;}
.seroffKv .sbtn.prev{left:0;background-image:url(../images/index/prev.svg);background-position:4px center}
.seroffKv .sbtn.next{right:0;background-image:url(../images/index/next.svg);background-position:6px center}
.seroffKv .dot{position: absolute;z-index:9;left:0;right:0;bottom:105px;text-align:center;}
.seroffKv .dot span{display:inline-block;width:30px;height:30px;background:none;position: relative;cursor:pointer;opacity:1;margin:0 3px;}
.seroffKv .dot span::before{content:"";display:inline-block;width:10px;height:10px;border:1px solid #fff;border-radius:50%;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.seroffKv .dot span.swiper-pagination-bullet-active::after{content:"";position: absolute;left:0;right:0;top:0;bottom:0;border:1px solid rgba(255,255,255,.4);border-radius:50%;}
.seroffKv .dot span.swiper-pagination-bullet-active::before{background:#fff;}
.seroffKv .swiper-slide img{width:100%;height:100%;object-fit:cover;}
.seroffKv .box{position: absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);height:84px;z-index:10;}
.seroffKv .box .flex{height:84px;display:flex;justify-content:space-between;align-items:center;}
.seroffKv .box .flex h3{font-size:32px;color:#fff;font-weight:bold;}
.seroffKv .box .flex a{font-size:18px;color:#fff;font-weight:bold;margin-right:35px;transition:all .3s;}
.seroffKv .box .flex a:hover{border-bottom:1px solid #fff;}

.seroff_1 .item{display:flex;justify-content: space-between;align-items:center;}
.seroff_1 .item .image{width:50%;height:550px;}
.seroff_1 .item .image img{width:100%;height:100%;object-fit:cover;}
.seroff_1 .item .text{width:50%;display:flex;}
.seroff_1 .item .text .box{width:590px;box-sizing: border-box;}
.seroff_1 .item .text .box h3{font-size:32px;line-height:42px;color:#333;font-weight:bold;margin-bottom:15px;}
.seroff_1 .item .text .box h4{font-size:18px;line-height:26px;color:#333;font-weight:bold;margin-bottom:15px;}
.seroff_1 .item .text .box p{font-size:16px;line-height:28px;color:#333;}
.seroff_1 .item .text .box a.down{display:inline-block;min-width:140px;padding:0 20px;height:40px;line-height:40px;background:#052860;font-size:14px;color:#fff;text-align:center;border-radius:8px;margin-top:20px;transition:all .3s;overflow:hidden;}
.seroff_1 .item .text .box a.down:hover{transform: translateY(-5px);}

.seroff_1 .item:nth-child(odd) .image{order:1;}
.seroff_1 .item:nth-child(odd) .text{justify-content:flex-end;}
.seroff_1 .item:nth-child(odd) .text .box{padding-right:90px;}

.seroff_1 .item:nth-child(even) .text{justify-content:flex-start;}
.seroff_1 .item:nth-child(even) .text .box{padding-left:90px;}

.seroff_2{padding:100px 0 60px;}
.seroff_2 .top{border-bottom:1px solid #dededf;height:144px;}
.seroff_2 .top h3{font-size:32px;line-height:32px;color:#333;font-weight:bold;position: relative;padding-top:30px;margin-bottom:20px;}
.seroff_2 .top h3::before{content:"";display:inline-block;width:28px;height:6px;background:#052860;position: absolute;left:0;top:0;}
.seroff_2 .top .tab{white-space: nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;margin-bottom: -9px;position: relative;}
.seroff_2 .top .tab a{font-size:20px;line-height:42px;display:inline-block;font-weight:bold;color:#333;cursor:pointer;padding:10px 0;margin-right:50px;position: relative;}
.seroff_2 .top .tab a:last-child{margin-right:0;}
.seroff_2 .top .tab a.active::after{content:"";position: absolute;bottom:-1px;left:0;right:0;height:2px;background:#052860;}

.seroff_2 .top .tab::-webkit-scrollbar {height:4px;}
.seroff_2 .top .tab::-webkit-scrollbar-thumb {background-color: #052860; background-clip: padding-box; height: 4px}
.seroff_2 .top .tab::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);border-radius: 0;background-color: #ccc}





.seroff_2 .tabcon{padding-top:55px;}
.seroff_2 .tabcon .con ul{display:flex;flex-wrap:wrap;}
.seroff_2 .tabcon .con ul li{width:170px;margin-right:30px;}
.seroff_2 .tabcon .con ul li a i{display:block;width:100%;height:130px;text-align:center;}
.seroff_2 .tabcon .con ul li a i img{display:inline-block;max-height:95px;}
.seroff_2 .tabcon .con ul li a p{font-size:16px;line-height:26px;color:#333333;transition:all .3s;}
.seroff_2 .tabcon .con ul li:nth-child(6n + 6){margin-right:0;}
.seroff_2 .tabcon .con ul li a:hover p{color:#052860;text-decoration:underline!important;}

.seroff_3{height:520px;background:url(../images/service/seroff_3_bg.jpg) no-repeat center;background-size:cover;}
.seroff_3 .box{padding-top:90px;}
.seroff_3 .box .tit{font-size:32px;line-height:32px;color:#fff;font-weight:bold;padding-top:30px;position: relative;margin-bottom:50px;}
.seroff_3 .box .tit::before{content:"";display:inline-block;width:28px;height:6px;background-color:#fff;position: absolute;left:0;top:0;}
.seroff_3 .box ul{display:flex;flex-wrap:wrap;}
.seroff_3 .box ul li{width:calc((100% - 75px)/4);margin-right:25px;margin-bottom:40px;}
.seroff_3 .box ul li:nth-child(4n + 4){margin-right:0;}
.seroff_3 .box ul li a{display:block;box-sizing: border-box;font-size:18px;text-align:center;height:44px;border:1px solid #fff;line-height:42px;color:#fff;border-radius:8px;transition:all .3s;overflow:hidden;}
.seroff_3 .box ul li a:hover{border:1px solid #052860;background-color:#052860;}
.seroff_3 .box a.all{display:inline-block;font-size:18px;line-height:28px;color:#fff;font-weight:bold;padding-right:25px;background:url(../images/service/right_1.svg) no-repeat right center;background-size:auto 16px;transition:all .3s;}
.seroff_3 .box a.all:hover{color:#052860;background:url(../images/service/right_2.svg) no-repeat right center;background-size:auto 16px;}
.seroff_4{background:url(../images/service/seroff_4_bg.jpg) no-repeat center;background-size:cover;padding:80px 0 60px;}
.seroff_4 ul{display:flex;justify-content: space-between;}
.seroff_4 ul li{width:470px;}
.seroff_4 ul li h3{font-size:38px;line-height:45px;color:#000;font-weight:bold;}
.seroff_4 ul li p{font-size:16px;line-height:28px;color:#333;}
.seroff_4 ul li .box{height:160px;}
.seroff_4 ul li a{display:inline-block;height:40px;line-height:40px;padding:0 15px;border-radius:8px;background-color:#052860;color:#fff;font-size:14px;min-width:140px;box-sizing: border-box;text-align:center;transition:all .3s;overflow:hidden;}
.seroff_4 ul li a:hover{transform: translateY(-5px);}


.resourBody{padding:100px 0 60px;}
.resourBody .item{padding-bottom:30px;}
.resourBody .item:last-child{padding-bottom:0;}
.resourBody .item .tit{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;margin-bottom:50px;}
.resourBody .item .tit::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.resourBody .item .list{padding:0 30px;}
.resourBody .item .list ul{display:flex;flex-wrap:wrap;}
.resourBody .item .list ul li{width:calc((100% - 88px)/3);margin-right:44px;margin-bottom:40px;transition:all .3s;}
.resourBody .item .list ul li:nth-child(3n + 3){margin-right:0;}
.resourBody .item .list ul li h3{font-size:16px;color:#333;font-weight:bold;line-height:26px;margin-top:20px;transition:all .3s;}
.resourBody .item .list ul li:hover{transform:translateY(-10px);}
.resourBody .item .list ul li:hover h3{color:#052860;}
.resourBody .item .list.list_1 ul li .image{width:230px;height:300px;overflow:hidden;}
.resourBody .item .list ul li .image img{display:block;width:100%;}
.resourBody .item .list ul li a.pdf{border:1px solid #052860;font-size:14px;box-sizing: border-box;width:145px;height:42px;line-height:40px;color:#052860;text-align:center;border-radius:8px;display:inline-block;margin-top:15px;transition:all .3s;overflow:hidden;}
.resourBody .item .list ul li a.pdf:hover{background:#052860;color:#fff;}
.resourBody .item .list.list_2 ul li .image{width:100%;}



.resourBody .item .list.list_2 ul li .image{height:195px;overflow:hidden;text-align:center;}
.resourBody .item .list.list_2 ul li .image a{cursor:pointer;display:block;width:100%;height:100%;position: relative;}
.resourBody .item .list.list_2 ul li .image img{height:100%;display:inline-block;width:auto;}
.resourBody .item .list.list_2 ul li .image a::before{content:"";z-index:1;position: absolute;left:0;right:0;top:0;bottom:0;background:url(../images/service/video.svg) no-repeat center;background-size:40px;}
.resourBody .item .list.list_2 ul li .image a::after{transition:all .3s;content:"";position: absolute;left:0;right:0;top:0;bottom:0;z-index:3;}
.resourBody .item .list.list_2 .pdf a{border:1px solid #052860;font-size:14px;box-sizing: border-box;width:145px;height:42px;line-height:40px;color:#052860;text-align:center;border-radius:8px;display:inline-block;margin-top:15px;transition:all .3s;overflow:hidden;}
.resourBody .item .list.list_2 ul li .pdf a:hover{background:#052860;color:#fff;}
.resourBody .item .list.list_2 ul li .image:hover a::after{background:rgba(0,0,0,.5);}




.codestBody{padding:50px 0;}
.codestBody .info h3{font-size:26px;line-height:42px;color:#333;font-weight:bold;margin-bottom:30px;}
.codestBody .info p{font-size:16px;line-height:28px;color:#333;}
.codestBody .flex-down{display:flex;justify-content: space-between;margin-top:35px;}
.codestBody .flex-down .image{width:485px;height:440px;background:#f2f2f2;}
.codestBody .flex-down .image img{width:100%;height:100%;object-fit:cover;}
.codestBody .flex-down .text{width:630px;}
.codestBody .flex-down .text p{font-size:16px;line-height:28px;color:#333;}
.codestBody .flex-down .text a.links{height:42px;box-sizing: border-box;width:160px;line-height:40px;text-align:center;font-size:14px;color:#052860;display:inline-block;border:1px solid #052860;border-radius:8px;transition:all .3s;overflow:hidden;margin-top:20px;margin-right:20px;}
.codestBody .flex-down .text a.links:hover{background:#052860;color:#fff;}
.codestBody .flex-down .text .item{border-bottom:1px solid #dcdcdc;margin-bottom:35px;padding-bottom:25px;}
.codestBody .flex-down .text .item:last-child{border-bottom:0;margin-bottom:0;}
.codestBody .flex-down .text .item h4{font-size:16px;line-height:16px;color:#052860;font-weight:bold;margin-bottom:25px;}
.codestBody .flex-down .text .item ul{display:flex;flex-wrap:wrap;}
.codestBody .flex-down .text .item ul li{width:calc((100% - 45px)/4);margin-right:15px;margin-bottom:15px;}
.codestBody .flex-down .text .item ul li:nth-child(4n + 4){margin-right:0;}
.codestBody .flex-down .text .item ul li a{height:42px;box-sizing: border-box;width:100%;line-height:40px;text-align:center;font-size:14px;color:#052860;display:block;border:1px solid #052860;border-radius:8px;transition:all .3s;overflow:hidden;}
.codestBody .flex-down .text .item ul li a:hover{background:#052860;color:#fff;}

.rebatesBody{padding:70px 0;}
.rebatesBody p{font-size:16px;line-height:28px;color:#333;}
.rebatesBody ul li{font-size:16px;line-height:32px;color:#052860;}
.rebatesBody h3{font-size:26px;line-height:42px;color:#333;font-weight:bold;margin-bottom:20px;}

.writtenBody{background:#f2f2f2;padding:100px 0;text-align:center;}
.writtenBody h3{font-size:28px;line-height:36px;color:#333;margin-bottom:60px;}
.writtenBody a{display:inline-block;width:140px;height:38px;line-height:38px;text-align:center;font-size:14px;background-color:#052860;color:#fff;transition:all .3s;border-radius:8px;overflow:hidden;}
.writtenBody a:hover{color:#fff;transform: translateY(-10px);}

.insplist{padding:40px 0;}
.insplist ul{display:flex;flex-wrap:wrap;}
.insplist ul li{margin-bottom:30px;margin-right:30px;}
.insplist ul li:nth-child(2n + 2){margin-right:0;}
.insplist ul li .image{width:575px;height:310px;overflow:hidden;}
.insplist ul li .image img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.insplist ul li h3{font-size:20px;line-height:32px;color:#333;font-weight:bold;margin-top:15px;transition:all .3s;}
.insplist ul li:hover h3{color:#052860;}
.insplist ul li:hover .image img{transform: scale(1.05);}
.insplist .pager{border-top:0;}

.inspDetKv{padding-bottom:60px;position: relative;overflow:hidden;}
.inspDetKv .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:36px;height:50px;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:46px auto;background-position:center;transition:all .3s;}
.inspDetKv .sbtn.prev{left:15px;background-image:url(../images/inspiration/prev_1.svg);}
.inspDetKv .sbtn.prev:hover{background-image:url(../images/inspiration/prev_2.svg);}
.inspDetKv .sbtn.next{right:15px;background-image:url(../images/inspiration/next_1.svg);}
.inspDetKv .sbtn.next:hover{background-image:url(../images/inspiration/next_2.svg);}
.inspDetKv .dot{position: absolute;left:0;right:0;bottom:20px;text-align:center;}
.inspDetKv .dot span{display:inline-block;width:10px;height:10px;background:#dbdbdb;border-radius:50%;cursor:pointer;opacity:1;margin:0 8px;}
.inspDetKv .dot span.swiper-pagination-bullet-active{background:#717171;}
.inspDetKv .slider{height:580px;background:#000;}
.inspDetKv .slider .swiper-slide .box{height:100%;text-align:center;position: relative;}
.inspDetKv .slider .swiper-slide .box img{display:inline-block;height:100%;}
.inspDetKv .slider .swiper-slide .box .txt{position: absolute;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);height:70px;line-height:70px;text-align:left;}
.inspDetKv .slider .swiper-slide .box .txt span{font-size:32px;color:#fff;font-weight:bold;display:block;line-height:70px;}

.inspDet_1{padding:45px 40px;display:flex;justify-content: space-between;}
.inspDet_1 h3{font-size:26px;line-height:32px;color:#333;border-bottom:1px solid #9E9E9E;font-weight:bold;padding-bottom: 10px;margin-bottom: 15px;}
.inspDet_1 .lf{width:360px;}
.inspDet_1 .lf ul li{font-size:16px;line-height:26px;color:#333;margin-bottom:10px;position: relative;padding-left:15px;}
.inspDet_1 .lf ul li::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;position: absolute;left:0;background-color:#ca4540;top:9px;}
.inspDet_1 .rt{width:660px;}
.inspDet_1 .rt p{font-size:16px;line-height:26px;color:#333;}
.inspDet_2{padding:0 40px 40px}
.inspDet_2 h3{font-size:26px;line-height:32px;color:#333;border-bottom:1px solid #9E9E9E;font-weight:bold;padding-bottom: 10px;margin-bottom: 15px;}
.inspDet_2 .box{position: relative}
.inspDet_2 .box .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:36px;height:50px;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:46px auto;background-position:center;transition:all .3s;}
.inspDet_2 .box .sbtn.prev{left:-36px;background-image:url(../images/inspiration/prev_3.svg);}
.inspDet_2 .box .sbtn.next{right:-36px;background-image:url(../images/inspiration/next_3.svg);}
.inspDet_2 .box .slider .swiper-slide a{display:block;width:100%;}
.inspDet_2 .box .slider .swiper-slide a .img_out{width:100%;height:185px;overflow:hidden;}
.inspDet_2 .box .slider .swiper-slide a .img_out img{display:block;width:100%;transition:all .3s;}
.inspDet_2 .box .slider .swiper-slide a p{font-size:16px;line-height:26px;color:#000;}
.inspDet_2 .box .slider .swiper-slide a:hover .img_out img{transform: scale(1.05)}

.inspDet_3{padding:0 40px 40px}
.inspDet_3 h3{font-size:26px;line-height:32px;color:#333;border-bottom:1px solid #9E9E9E;font-weight:bold;padding-bottom: 10px;margin-bottom: 15px;}
.inspDet_3 ul{display:flex;flex-wrap:wrap;}
.inspDet_3 ul li{margin-right:25px;width:calc((100% - 75px)/4);margin-bottom:25px;}
.inspDet_3 ul li:nth-child(4n + 4){margin-right:0;}
.inspDet_3 ul li a{display:block;}
.inspDet_3 ul li a .img_out{width:100%;height:130px;overflow:hidden;margin-bottom:15px;}
.inspDet_3 ul li a .img_out img{display:block;width:100%;transition:all .3s;}
.inspDet_3 ul li a p{font-size:16px;line-height:26px;color:#000;}
.inspDet_3 ul li a:hover .img_out img{transform: scale(1.05)}

.find_agent_body{padding:50px 0;}
.find_agent_body .tab_con{margin-bottom: 40px}
.find_agent_body .tab_con a{display: inline-block;min-width: 180px;height: 46px;line-height: 46px;box-sizing: border-box;background-color: #e0e0e0;border-radius: 4px;overflow: hidden;text-decoration: none;padding-left: 10px;padding-right: 15px;margin-right: 15px}
.find_agent_body .tab_con a:hover,
.find_agent_body .tab_con a.active{background-color: #052860}
.find_agent_body .tab_con a:hover i,
.find_agent_body .tab_con a.active i{border-color: #fff}
.find_agent_body .tab_con a:hover i b,
.find_agent_body .tab_con a.active i b{display: inline-block}
.find_agent_body .tab_con a:hover span,
.find_agent_body .tab_con a.active span{color: #fff}
.find_agent_body .tab_con a i,
.find_agent_body .tab_con a span{display: inline-block;vertical-align: middle}
.find_agent_body .tab_con a i{width: 24px;height: 24px;line-height: 20px;border-radius: 100%;border: 1px solid #000;margin-right: 15px;box-sizing: border-box;text-align: center;overflow: hidden}
.find_agent_body .tab_con a i b{display: none;vertical-align: middle;width: 12px;height: 12px;background-color: #fff;border-radius: 100%}
.find_agent_body .tab_con a span{color: #1f1c1c;font-size: 16px;font-size: 1.6rem;font-weight: 700}
.find_agent_body .map{width: 600px;height: 400px;display: none}
.find_agent_body .select_con{border-bottom: 1px solid #aaa;padding-bottom: 30px}
.find_agent_body .select_con select{width: 100%;border: 1px solid #c1c1c1;height: 48px;line-height: 48px;font-size: 16px;font-size: 1.6rem;color: #666;padding-left: 20px;box-sizing: border-box;font-weight: 700}
.find_agent_body .state .sele{border-bottom: 1px solid #aaa;padding-bottom: 30px}
.find_agent_body .state .sele select{width: 100%;border: 1px solid #c1c1c1;height: 48px;line-height: 48px;font-size: 16px;font-size: 1.6rem;color: #666;padding-left: 20px;box-sizing: border-box;font-weight: 700}
.find_agent_body .state ul{display:none;}
.find_agent_body .list li,.find_agent_body .state ul li{padding: 20px 0;border-bottom: 1px solid #aaa}
.find_agent_body .list li h3,.find_agent_body .state ul li h3{font-weight: 700;font-size: 16px;font-size: 1.6rem;color: #1f1c1c;margin-bottom: 10px}
.find_agent_body .list li p,.find_agent_body .state ul li p{font-size: 16px;font-size: 1.6rem;line-height: 28px;color: #1f1c1c}
.find_agent_body .list li p a,.find_agent_body .state ul li p a{color: #1f1c1c}
.find_agent_body .list li .flex,.find_agent_body .state .flex{margin-top: 10px;justify-content: space-between;align-items:center;display:flex;}
.find_agent_body .list li .flex .link,.find_agent_body .state .flex .link{color: #052860;font-size: 16px;font-size: 1.6rem}
.find_agent_body .list li .flex .link i,.find_agent_body .state .flex .link i{padding-right: 5px}
.find_agent_body .list li .flex .page_btn,.find_agent_body .state .flex .page_btn{background-color: #052860;border-radius: 4px;width: 160px;height: 40px;line-height: 40px;color: #fff;font-size: 16px;font-size: 1.6rem;font-weight: 700;text-decoration: none;text-align: center;display:inline-block;}
.find_agent_body .list li .flex,.find_agent_body .state .flex{justify-content:flex-end}
.find_agent_body .list li .flex .link,.find_agent_body .state .flex .link{display:none;}
.integpartlist{padding-top:50px;padding-bottom:20px;}
.integpartlist ul{display:flex;flex-wrap:wrap;}
.integpartlist ul li{width:248px;height:248px;box-sizing: border-box;margin-right:calc((100% - 992px)/3);margin-bottom:50px;}
.integpartlist ul li a{display:block;border:1px solid #fff;box-sizing: border-box;width:100%;height:100%;transition:all .3s;}
.integpartlist ul li a .img_out img{width:100%;height:100%;object-fit:cover;}
.integpartlist ul li a:hover{border:1px solid #052860;}
.integpartlist ul li:nth-child(4n + 4){margin-right:0;}


/*product*/
.prodList{background:#f2f2f2;padding:40px 0;}
.prodList .listBody{display:flex;justify-content: space-between;align-items:flex-start;}
.prodList .listBody .list_left{background:#fff;border:1px solid #dddddd;width:270px;box-sizing: border-box;padding:20px 10px 20px 20px;}
.prodList .listBody .list_left .item h3{font-size:18px;line-height:30px;color:#052860;font-weight:bold;position: relative;cursor:pointer;margin-bottom:5px;}
.prodList .listBody .list_left .item h3::after{content:"";display:inline-block;width:18px;height:18px;background:url(../images/product/down.svg) no-repeat center;background-size:18px;position: absolute;right:8px;top:7px;transition:all .3s;}
.prodList .listBody .list_left .item .down{display:none;}
.prodList .listBody .list_left .item .down ul li a{display:inline-block;font-size:16px;line-height:36px;color:#052860;transition:all .3s;}
.prodList .listBody .list_left .item .down ul li a.active,.prodList .listBody .list_left .item .down ul li a:hover{color:#333;}
.prodList .listBody .list_left .item h3.active::after{transform: rotate(180deg)}
.prodList .listBody .list_right{width:calc(100% - 290px);}
.prodList .listBody .list_right .list{padding-bottom:30px;}
.prodList .listBody .list_right .list h3{font-size:20px;line-height:30px;color:#052860;margin-bottom:20px;}
.prodList .listBody .list_right .list h3 b{font-weight:bold;}
.prodList .listBody .list_right .list ul{display:flex;flex-wrap:wrap;align-items:stretch;}
.prodList .listBody .list_right .list ul li{margin-right:10px;width:calc((100% - 30px)/4);box-shadow:0 0 5px rgba(51,51,51,.1);margin-bottom:20px;}
.prodList .listBody .list_right .list ul li:nth-child(4n + 4){margin-right:0;}
.prodList .listBody .list_right .list ul li a{display:block;width:100%;border:1px solid #fff;background-color:#fff;box-sizing: border-box;transition:all .3s;}
.prodList .listBody .list_right .list ul li a .img_out{width:100%;height:200px;}
.prodList .listBody .list_right .list ul li a .img_out img{width:100%;height:100%;object-fit:cover;}
.prodList .listBody .list_right .list ul li a .text{margin:0 10px;border-top:1px solid #e8ecf1;padding:20px 0;height:106px;box-sizing: border-box;}
.prodList .listBody .list_right .list ul li a .text h4{font-size:14px;line-height:22px;color:#052860;}
.prodList .listBody .list_right .list ul li a:hover{border:1px solid #052860;}


.prodDetKv{position: relative;background-color:#000;padding-bottom:130px;}
.prodDetKv img.kv{display:block;width:100%;}
.prodDetKv .container{color:#fff;position: relative;margin-top:-15%;}
.prodDetKv .container .tit{max-width:650px;}
.prodDetKv .container .tit h3{font-size:18px;margin-bottom:10px;}
.prodDetKv .container .tit h2{font-size:38px;line-height:45px;border-bottom:1px solid #e03538;padding-bottom:15px;margin-bottom:30px;font-weight:bold;}
.prodDetKv .container .tit p{font-size:16px;line-height:26px;}
.prodDetKv .container .list_table{margin-top:60px;}
.prodDetKv .container .list_table h4{font-size:26px;margin-bottom:30px;font-weight:bold;}
.prodDetKv .container .list_table .table_out{border-top:1px solid #e03538;padding-top:3px;width:100%;}
.prodDetKv .container .list_table .table_out ul li{display:flex;align-items:stretch;}
.prodDetKv .container .list_table .table_out ul li .title{font-size:18px;border-right:2px solid #000;box-sizing:border-box;background-color:#2f2f2f;border-bottom:2px solid #000;padding-left:25px;padding-top:15px;padding-bottom:15px;width:437px;}
.prodDetKv .container .list_table .table_out ul li .pdf{box-sizing:border-box;background-color:#2f2f2f;border-bottom:2px solid #000;padding-left:25px;padding-top:15px;padding-bottom:15px;width:calc(100% - 437px);}
.prodDetKv .container .list_table .table_out ul li .pdf a{display:inline-block;font-size:18px;color:#c8c8c8;transition:all .3s;padding-left:25px;background:url(../images/product/pdf.svg) no-repeat left 3px;background-size:18px auto;}
.prodDetKv .container .list_table .table_out ul li .pdf a:hover{color:#e03538;}
.news_details_con{overflow:hidden;position: relative;}
.news_details_con.news_video_con{height:450px;background-color:#000;position: relative;}
.news_video_con a.video{position:relative;cursor:pointer;display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:2;}
.news_video_con a.video .txt{position:absolute;left:0px;right:0px;text-align:center;top:50%;transform:translateY(-50%);z-index:3;}
.news_video_con a.video .txt img{margin-bottom:20px;}
.news_video_con a.video .txt h2{font-size:36px;line-height:38px;color:#fff;margin-bottom:20px;}
.news_video_con a.video .txt p{font-size:26px;color:#fff;line-height:30px;}
.news_video_con .mask{position:absolute;left:0px;right:0px;top:0px;bottom:0px;text-align:center;display:none;z-index:4;background-color: rgba(0, 0, 0, 0.4);}
.news_video_con .mask iframe{margin:0px auto;}
.news_video_con .mask a.closed{position:absolute;right:10px;top:10px;font-size:30px;color:#fff;cursor:pointer;text-decoration:none;}
.news_details_con .bg{display:block;width:100%;}

.prodDet_body .data_body{padding:40px 0;}
.prodDet_body .data_body h3.title{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;margin-bottom:50px;}
.prodDet_body .data_body h3.title::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.prodDet_body .data_body .con{padding-bottom:25px;overflow-x:auto;overflow-y:hidden;}
.prodDet_body .data_body table{min-width:100%;}
.prodDet_body .data_body table th{font-size:13px;color:#fff;font-weight:bold;background-color:#666;white-space:nowrap;}
.prodDet_body .data_body table th, .prodDet_body .data_body table td{padding:20px;text-align:center;border-right:1px solid #FFF;border-bottom:1px solid #FFF;min-width:110px;box-sizing:border-box;}
.prodDet_body .data_body table tr:nth-child(even) td{background-color:#e8e8e6}
.prodDet_body .data_body table tr:nth-child(odd) td{background-color:#dbdbd9}
.prodDet_body .data_body .pager{text-align:right;padding-top:30px;border-top:0;margin-top:0;}
.prodDet_body .data_body .pager a {display: inline-block;width:40px;height:40px;line-height:40px;text-align:center;background:#DBDBD9;text-decoration:none;color:#666;font-size:16px;margin-left:5px;}
.prodDet_body .data_body .pager a:first-child{padding-left:0;}
.prodDet_body .data_body .pager a:last-child{padding-right:0;}
.prodDet_body .data_body .pager a:hover{background-color: #666;color:#fff;}
.prodDet_body .data_body .pager a.jp-current{background-color: #666;color:#fff;}
#divPager a{margin-left:5px;}

.prodDet_body .data_product{padding:70px 0;background-color:#f2f2f2;}
.prodDet_body .data_product h3.title{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;margin-bottom:50px;}
.prodDet_body .data_product h3.title::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.prodDet_body .data_product .box{position: relative;}
.prodDet_body .data_product .box .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:26px;height:70px;background-color:#535353;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:16px auto;transition:all .3s;}
.prodDet_body .data_product .box .sbtn.prev{left:-40px;background-image:url(../images/index/prev.svg);background-position:4px center}
.prodDet_body .data_product .box .sbtn.next{right:-40px;background-image:url(../images/index/next.svg);background-position:6px center}
.prodDet_body .data_product .box .sbtn:hover{background-color:#052860;}
.prodDet_body .data_product .box .slider{position: relative;overflow:hidden;}
.prodDet_body .data_product .box .slider .swiper-slide a .img_out img{display:block;width:100%;}
.prodDet_body .data_product .box .slider .swiper-slide a{display:block;width:100%;border:1px solid #fff;background-color:#fff;box-sizing: border-box;transition:all .3s;}
.prodDet_body .data_product .box .slider .swiper-slide a .img_out{width:100%;height:200px;}
.prodDet_body .data_product .box .slider .swiper-slide a .img_out img{width:100%;height:100%;object-fit:cover;}
.prodDet_body .data_product .box .slider .swiper-slide a .text{margin:0 10px;border-top:1px solid #e8ecf1;padding:20px 0;height:128px;box-sizing: border-box;}
.prodDet_body .data_product .box .slider .swiper-slide a .text h4{font-size:14px;line-height:22px;color:#052860;}
.prodDet_body .data_product .box .slider .swiper-slide a:hover{border:1px solid #052860;}
.prodDet_body .prod_other{background:url(../images/service/seroff_4_bg.jpg) no-repeat center;background-size:cover;padding:80px 0 60px;}
.prodDet_body .prod_other ul{display:flex;justify-content: space-between;}
.prodDet_body .prod_other ul li{width:520px;}
.prodDet_body .prod_other ul li h3{font-size:38px;line-height:45px;color:#000;font-weight:bold;margin-bottom:25px}
.prodDet_body .prod_other ul li a{display:inline-block;height:40px;line-height:40px;padding:0 15px;border-radius:8px;background-color:#052860;color:#fff;font-size:14px;min-width:140px;box-sizing: border-box;text-align:center;transition:all .3s;overflow:hidden;}
.prodDet_body .prod_other ul li a:hover{transform: translateY(-5px);}



/*solution*/
.solu_1{padding:100px 0;}
.solu_1 .tit{padding-bottom:100px;text-align:center;}
.solu_1 .tit h3{font-size:38px;line-height:45px;color:#000;font-weight:bold;margin-bottom:40px;}
.solu_1 .tit p{max-width:820px;font-size:16px;line-height:28px;color:#333;margin:0 auto;}
.solu_1 .list{width:100%;overflow:hidden;}
.solu_1 .list ul{display:flex;}
.solu_1 .list ul li{width:380px;margin-right:20px;transition:all .5s;position: relative;z-index:1;background:#fff;}
.solu_1 .list ul li .img_out{height:340px;margin-bottom:20px;}
.solu_1 .list ul li .img_out img{width:100%;height:100%;object-fit:cover;}
.solu_1 .list ul li:nth-child(1) .img_out img{object-position:0 top;}
.solu_1 .list ul li:nth-child(3) .img_out img{object-position:100% top;}
.solu_1 .list ul li:nth-child(3n + 3){margin-right:0;}
.solu_1 .list ul li .flex-txt .lf{width:100%;}
.solu_1 .list ul li .flex-txt .lf h3{font-size:26px;line-height:40px;color:#000;font-weight:bold;margin-bottom:15px;}
.solu_1 .list ul li .flex-txt .lf a.link{display:inline-block;font-size:15px;line-height:20px;color:#666666;border-bottom:1px solid #666;cursor:pointer;}
.solu_1 .list ul li .flex-txt .lf a.link:hover{color:#052860;border-bottom:1px solid #052860}
.solu_1 .list ul li .flex-txt .lf a.back{font-size:15px;line-height:28px;color:#666;display:inline-block;padding-left:35px;background:url(../images/solution/back_1.svg) no-repeat left center;background-size:28px auto;cursor:pointer;}
.solu_1 .list ul li .flex-txt .lf a.back:hover{background:url(../images/solution/back_2.svg) no-repeat left center;background-size:28px auto;color:#052860;}
.solu_1 .list ul li .flex-txt .rt{width:590px;font-size:16px;line-height:28px;transition:all .3s;visibility: hidden;display:none;}
.solu_1 .list ul li.active{width:100%;margin-right:0;margin-left:0;position: relative;z-index:2;}
.solu_1 .list ul li.active .flex-txt .lf{width:520px;}
.solu_1 .list ul li.active .flex-txt .rt{visibility:visible;display:block;}
.solu_1 .list ul li.active .flex-txt{display:flex;justify-content: space-between;}
.solu_1 .list ul li.no{width:0;margin:0}
.solu_1 .list ul li.no .flex-txt{}

.solu_2{padding:70px 0;background-color:#f4f5f7;}
.solu_2 .flex-tab{display:flex;justify-content: space-between;align-items:flex-end;margin-bottom:40px;}
.solu_2 .flex-tab .tit{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;}
.solu_2 .flex-tab .tit::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.solu_2 .flex-tab .tab a{display:inline-block;font-size:14px;line-height:42px;color:#333;margin-left:45px;cursor:pointer;position: relative;}
.solu_2 .flex-tab .tab a.active{color:#052860;}
.solu_2 .flex-tab .tab a.active::before{content:"";position: absolute;left:0;right:0;bottom:0;height:2px;background:#052860;}
.solu_2 .tabslider{position: relative;overflow:hidden;}
.solu_2 .tabslider .sbtn{position: absolute;top:280px;display:inline-block;width:42px;height:42px;background-color:#535353;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:22px;transition:all .3s;border-radius:50%}
.solu_2 .tabslider .sbtn.prev{left:15px;background-image:url(../images/inspiration/prev_2.svg);background-position:center;}
.solu_2 .tabslider .sbtn.next{right:15px;background-image:url(../images/inspiration/next_2.svg);background-position:center}


.solu_2 .tabslider .img_out{height:600px;overflow:hidden;margin-bottom:50px;}
.solu_2 .tabslider .img_out img{width:100%;height:100%;object-fit:cover;}
.solu_2 .tabslider .flex{display:flex;justify-content: space-between;}
.solu_2 .tabslider .flex h3{font-size:26px;line-height:40px;color:#000;font-weight:bold;width:520px;}
.solu_2 .tabslider .flex .txt{width:590px;font-size:16px;line-height:28px;}

.solu_3{padding:70px 0;}
.solu_3 .tit{border-bottom:1px solid #dededf;}
.solu_3 .tit h3{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;margin-bottom:20px;}
.solu_3 .tit h3::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.solu_3 .tit .tab a{display:inline-block;font-size:20px;font-weight:bold;line-height:42px;color:#333;margin-right:60px;cursor:pointer;position: relative;padding:5px 10px;}
.solu_3 .tit .tab a.active{color:#052860;}
.solu_3 .tit .tab a.active::before{content:"";position: absolute;left:0;right:0;bottom:-1px;height:2px;background:#052860;}
.solu_3 .tabcon{padding-top:50px;}
.solu_3 .tabcon .con{display:none;}
.solu_3 .tabcon .con ul{display:flex;flex-wrap:wrap;}
.solu_3 .tabcon .con ul li{width:280px;margin-right:20px;margin-bottom:20px;}
.solu_3 .tabcon .con ul li:nth-child(4n + 4){margin-right:0;}
.solu_3 .tabcon .con ul li a h3{font-size:14px;line-height:24px;color:#333;font-weight:bold;transition:all .3s;}
.solu_3 .tabcon .con ul li a h4{font-size:14px;line-height:24px;color:#333;margin-bottom:15px;}
.solu_3 .tabcon .con ul li a .img_out{height:250px;margin-bottom:20px;overflow:hidden;}
.solu_3 .tabcon .con ul li a .img_out img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.solu_3 .tabcon .con ul li a p{font-size:14px;line-height:22px;color:#333;}
.solu_3 .tabcon .con ul li a:hover h3{color:#052860;}
.solu_3 .tabcon .con ul li a:hover .img_out img{transform: scale(1.05)}

.solu_3 .tabcon .con .slider-box{position: relative;}
.solu_3 .tabcon .con .slider-box .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:42px;height:42px;background-color:#535353;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:22px;transition:all .3s;border-radius:50%}
.solu_3 .tabcon .con .slider-box .sbtn.prev{left:-55px;background-image:url(../images/inspiration/prev_2.svg);background-position:center;}
.solu_3 .tabcon .con .slider-box .sbtn.next{right:-55px;background-image:url(../images/inspiration/next_2.svg);background-position:center}
.solu_3 .tabcon .con .slider-box .sbtn:hover{background-color:#052860;}
.solu_3 .tabcon .con .slider-box .dot{display:none;}
.solu_3 .tabcon .con .slider-box .slider{position: relative;overflow:hidden;}
.solu_3 .tabcon .con .slider-box .swiper-slide a h3{font-size:14px;line-height:24px;color:#333;font-weight:bold;transition:all .3s;}
.solu_3 .tabcon .con .slider-box .swiper-slide a h4{font-size:14px;line-height:24px;color:#333;margin-bottom:15px;}
.solu_3 .tabcon .con .slider-box .swiper-slide a .img_out{height:250px;margin-bottom:20px;overflow:hidden;}
.solu_3 .tabcon .con .slider-box .swiper-slide a .img_out img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.solu_3 .tabcon .con .slider-box .swiper-slide a p{font-size:14px;line-height:22px;color:#333;}
.solu_3 .tabcon .con .slider-box .swiper-slide a:hover h3{color:#052860;}
.solu_3 .tabcon .con .slider-box .swiper-slide a:hover .img_out img{transform: scale(1.05)}


.solu_3 .tabcon .con .box-swiper{position: relative;}
.solu_3 .tabcon .con .box-swiper .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:42px;height:42px;background-color:#535353;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:22px;transition:all .3s;border-radius:50%}
.solu_3 .tabcon .con .box-swiper .sbtn.prev{left:-55px;background-image:url(../images/inspiration/prev_2.svg);background-position:center;}
.solu_3 .tabcon .con .box-swiper .sbtn.next{right:-55px;background-image:url(../images/inspiration/next_2.svg);background-position:center}
.solu_3 .tabcon .con .box-swiper .sbtn:hover{background-color:#052860;}
.solu_3 .tabcon .con .box-swiper .dot{display:none;}
.solu_3 .tabcon .con .box-swiper .slider{position: relative;overflow:hidden;}
.solu_3 .tabcon .con .box-swiper .swiper-slide a h3{font-size:18px;line-height:28px;color:#333;transition:all .3s;}
.solu_3 .tabcon .con .box-swiper .swiper-slide a .imgout{height:340px;margin-bottom:10px;overflow:hidden;}
.solu_3 .tabcon .con .box-swiper .swiper-slide a .imgout img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.solu_3 .tabcon .con .box-swiper .swiper-slide a:hover h3{color:#052860;}
.solu_3 .tabcon .con .box-swiper .swiper-slide a:hover .imgout img{transform: scale(1.05)}






.solu_4{padding:70px 0;background-color:#f4f5f7;}
.solu_4 .tit{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;margin-bottom:30px;}
.solu_4 .tit::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.solu_4 .slider-box{position: relative;}
.solu_4 .slider-box .sbtn{position: absolute;top:50%;transform: translateY(-50%);display:inline-block;width:42px;height:42px;background-color:#535353;background-repeat:no-repeat;z-index:9;cursor:pointer;background-size:22px;transition:all .3s;border-radius:50%}
.solu_4 .slider-box .sbtn.prev{left:-55px;background-image:url(../images/inspiration/prev_2.svg);background-position:center;}
.solu_4 .slider-box .sbtn.next{right:-55px;background-image:url(../images/inspiration/next_2.svg);background-position:center}
.solu_4 .slider-box .sbtn:hover{background-color:#052860;}

.solu_4 .slider-box .dot{display:none;}
.solu_4 .slider-box .slider{position: relative;overflow:hidden;}
.solu_4 .slider-box .swiper-slide a .img_out{height:365px;overflow:hidden;margin-bottom:10px;}
.solu_4 .slider-box .swiper-slide a .img_out img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.solu_4 .slider-box .swiper-slide a h3{font-size:18px;line-height:26px;color:#333;transition:all .3s;}
.solu_4 .slider-box .swiper-slide a:hover .img_out img{transform: scale(1.05)}
.solu_4 .slider-box .swiper-slide a:hover h3{color:#052860;}


.solu_4 ul{display:flex;flex-wrap:wrap;}
.solu_4 ul li{width:280px;margin-right:20px;margin-bottom:20px;}
.solu_4 ul li:nth-child(4n + 4){margin-right:0;}
.solu_4 ul li .img_out{height:365px;overflow:hidden;margin-bottom:15px;}
.solu_4 ul li .img_out img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.solu_4 ul li h3{font-size:18px;line-height:26px;color:#333;transition:all .3s;}
.solu_4 ul li h4{font-size:20px;line-height:30px;color:#666;margin-bottom:15px;}
.solu_4 ul li p{font-size:14px;line-height:22px;color:#333;margin-bottom:25px;}
.solu_4 ul li a{display:inline-block;font-size:16px;line-height:22px;color:#333;border-bottom:1px solid #333;cursor:pointer;}
.solu_4 ul li a:hover{color:#052860;border-bottom:1px solid #052860}
.solu_4 ul li a:hover .img_out img{transform: scale(1.05)}
.solu_4 ul li a:hover h3{color:#052860;}

.solu_5{padding:70px 0;}
.solu_5 .tit{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;margin-bottom:30px;}
.solu_5 .tit::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.solu_5 ul{display:flex;flex-wrap:wrap;align-items:stretch;}
.solu_5 ul li{margin-right:15px;width:calc((100% - 75px)/6);margin-bottom:20px;}
.solu_5 ul li:nth-child(6n + 6){margin-right:0;}
.solu_5 ul li a{display:block;width:100%;height:100%;box-sizing: border-box;border:1px solid #d5d7db;padding:25px 20px;transition:all .3s;}
.solu_5 ul li a h3{font-size:20px;line-height:26px;height:156px;color:#333;font-weight:bold;margin-bottom:20px;transition:all .3s;}
.solu_5 ul li a h4{display:inline-block;padding-right:25px;}
.solu_5 ul li a h4 span{font-size:16px;line-height:22px;color:#333;border-bottom:1px solid #333;transition:all .3s;}
.solu_5 ul li a:hover{border:1px solid #052860;background-color:#052860;}
.solu_5 ul li a:hover h3{color:#fff;}
.solu_5 ul li a:hover h4{background:url(../images/service/right.svg) no-repeat right center;background-size:auto 16px;}
.solu_5 ul li a:hover h4 span{color:#fff;border-bottom:1px solid #fff;}

.solu_6{padding:70px 0;background-color:#f4f5f7;}
.solu_6 .flex{display:flex;justify-content:space-between;align-items:flex-start}
.solu_6 .flex .item{padding:20px;box-sizing: border-box;width:580px;background:#fff;}
.solu_6 .flex .item .img_out{height:365px;}
.solu_6 .flex .item .img_out img{width:100%;height:100%;object-fit:cover;}
.solu_6 .flex .item h3{font-size:16px;line-height:42px;color:#333;font-weight:bold;margin-top:15px;}
.solu_6 .flex .item h4{font-size:16px;line-height:22px;color:#333;}
.solu_6 .flex .item a{display:inline-block;width:140px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#fff;background:#052860;border-radius:8px;overflow:hidden;margin-top:20px;}
.solu_6 .flex .item a.contact{margin-top:40px;}
.solu_6 .flex .item ul{margin-top:15px;}
.solu_6 .flex .item ul li{border-bottom:1px solid #b8b8b8;margin-bottom:15px;}
.solu_6 .flex .item ul li input{border:0;font-size:16px;line-height:22px;color:#333;padding:10px 0;height:42px;box-sizing: border-box;}
.solu_6 .flex .item ul li input::placeholder{color:#666;}
.solu_6 .flex .item ul li select::-ms-expand{display: none;}    
.solu_6 .flex .item ul li select{box-sizing: border-box;border:0;height:42px;width:100%;appearance:none;-moz-appearance:none; -webkit-appearance:none;background:url(../images/solution/select.svg) no-repeat 98% center;background-size:16px auto;}
.solu_6 .flex .item textarea{border:1px solid #999;border-radius:8px;font-size:16px;line-height:22px;color:#333;box-sizing: border-box;width:100%;padding:15px;height:164px;}
.solu_6 .flex .item .tx_right{font-size:16px;line-height:22px;color:rgba(102,102,102,.78);text-align:right;margin:10px 0;}
.solu_6 .flex .item .agree{}
.solu_6 .flex .item .agree .regular-checkbox {display: none;}
.solu_6 .flex .item .agree .regular-checkbox + label {display: inline-block;position: relative;padding-left:32px;background:url(../images/solution/checkbox-1.jpg) no-repeat left 1px;font-size:13px;line-height:22px;color:#333333;font-weight:400;margin:0;}
.solu_6 .flex .item .agree .regular-checkbox:checked + label {background:url(../images/solution/checkbox-2.jpg) no-repeat left 1px;}


.soludetVideo{position:relative;}
.soludetVideo a.video{cursor:pointer;position: relative;}
.soludetVideo a.video::before{content:"";display:inline-block;width:60px;height:60px;background:url(../images/solution/video.png) no-repeat center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}

.soludetVideo .mask{position:absolute;left:0px;right:0px;top:0px;bottom:0px;text-align:center;display:none;z-index:4;background-color: rgba(0, 0, 0, 0.4);}
.soludetVideo .mask iframe{margin:0px auto;}
.soludetVideo .mask a.closed{position:absolute;right:10px;top:10px;font-size:30px;color:#fff;cursor:pointer;text-decoration:none;}


.soludet_2{padding:100px 0;background:#f4f5f7}
.soludet_2 .box{display:flex;justify-content:center;}
.soludet_2 .box .image{width:380px;height:215px;}
.soludet_2 .box .image img{width:100%;height:100%;object-fit:cover;}
.soludet_2 .box .text{width:605px;margin-left:55px;padding-top:20px;}
.soludet_2 .box .text h3{font-size:26px;line-height:42px;color:#333333;margin-bottom:10px;}
.soludet_2 .box .text p{font-size:16px;line-height:28px;color:#333;}

.soludet_3 .item:nth-child(even) .image{order:1;}
.soludet_3 .item:nth-child(even) .text{justify-content:flex-start;}
.soludet_3 .item:nth-child(even) .text .box{padding-right:0;padding-left:90px;}
.soludet_3 .item .text .box a{min-width:230px;}

.soludet_3 .item:nth-child(odd) .image{order:0;}
.soludet_3 .item:nth-child(odd) .text{justify-content:flex-end;}
.soludet_3 .item:nth-child(odd) .text .box{padding-left:0;padding-right:90px;}



.soludet_4{padding:70px 0;}
.soludet_4 .tit{border-bottom:1px solid #dededf;}
.soludet_4 .tit h3{font-size:32px;line-height:32px;color:#333;font-weight:bold;padding-top:30px;position: relative;margin-bottom:20px;}
.soludet_4 .tit h3::before{content:"";display:inline-block;width:28px;height:6px;background-color:#052860;position: absolute;left:0;top:0;}
.soludet_4 .tit .tab a{display:inline-block;font-size:20px;font-weight:bold;line-height:42px;color:#333;margin-right:60px;cursor:pointer;position: relative;padding:5px 10px;}
.soludet_4 .tit .tab a.active{color:#052860;}
.soludet_4 .tit .tab a.active::before{content:"";position: absolute;left:0;right:0;bottom:-1px;height:2px;background:#052860;}
.soludet_4 .tabcon{padding-top:50px;}
.soludet_4 .tabcon .con{display:none;}
.soludet_4 .tabcon .con ul{display:flex;flex-wrap:wrap;}
.soludet_4 .tabcon .con ul li{width:150px;margin-right:20px;margin-bottom:20px;}
.soludet_4 .tabcon .con ul li:nth-child(7n + 7){margin-right:0;}
.soludet_4 .tabcon .con ul li a .img_out{height:140px;margin-bottom:10px;overflow:hidden;}
.soludet_4 .tabcon .con ul li a .img_out img{width:100%;height:100%;object-fit:cover;transition:all .3s;}
.soludet_4 .tabcon .con ul li a p{font-size:14px;line-height:22px;color:#333;transition:all .3s;}
.soludet_4 .tabcon .con ul li a:hover .img_out img{transform: scale(1.05)}
.soludet_4 .tabcon .con ul li a:hover p{color:#052860;}

.soludet_video{padding:100px 0 70px;background:#f4f5f7;position: relative;}
.soludet_video .list{display:flex;flex-wrap:wrap;}
.soludet_video .list .item{width:570px;margin-right:40px;margin-bottom:40px;}
.soludet_video .list .item:nth-child(2n + 2){margin-right:0;}
.soludet_video .list .item a.video{cursor:pointer;}
.soludet_video .list .item a.video .img_out{position:relative;height:325px;width:100%;margin-bottom:15px;}
.soludet_video .list .item a.video .img_out img{width:100%;height:100%;object-fit:cover;}
.soludet_video .list .item a.video .img_out::before{content:"";display:inline-block;width:60px;height:60px;background:url(../images/solution/video.png) no-repeat center;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.soludet_video .list .item a.video h3{font-size:26px;line-height:28px;color:#333333;margin-bottom:10px;}
.soludet_video .list .item a.video p{font-size:14px;line-height:22px;color:#333;}
.soludet_video .mask{position:absolute;left:0px;right:0px;top:0px;bottom:0px;text-align:center;display:none;z-index:4;background-color: rgba(0, 0, 0, 0.4);}
.soludet_video .mask iframe{margin:0px auto;}
.soludet_video .mask a.closed{position:absolute;right:10px;top:10px;font-size:30px;color:#fff;cursor:pointer;text-decoration:none;}

.sech_top{width:850px;margin:0 auto;border-bottom:1px solid #476089;position:relative;}
.sech_top input{font-size:22px;line-height:42px;color:#fff;font-weight:bold;border:0;background:none;width:100%;padding:14px 60px 14px 0;box-sizing: border-box;height:70px;}
.sech_top a.sechbtn{position:absolute;right:0;top:5px;display:inline-block;width:40px;height:60px;background:url(../images/service/search.svg) no-repeat center;background-size:20px;cursor:pointer;}

.sech_tab{padding:20px 0;text-align:center;}
.sech_tab a{display:inline-block;font-size:20px;line-height:42px;color:#333;margin:0 20px;}
.sech_tab a b{font-weight:bold;}
.sech_tab a.active,.sech_tab a:hover{color:#052860;}

.sechlist{padding:70px 0;background:#f2f2f2;}
.sechlist .list{width:1100px;margin:0 40px;}
.sechlist .list ul li{padding:25px 0;border-bottom:1px solid #dfdfdf;display:flex;justify-content: space-between;align-items:center}
.sechlist .list ul li h3{margin-bottom:5px;}
.sechlist .list ul li h3,.sechlist .list ul li h3 a{font-size:20px;line-height:24px;color:#052860;font-weight:bold;transition:all .3s;}
.sechlist .list ul li h3 a:hover{text-decoration:underline!important;}
.sechlist .list ul li p.web{font-size:16px;line-height:24px;color:#666666;margin-bottom:10px;}
.sechlist .list ul li p.lab{font-size:14px;line-height:24px;color:#333333;}
.sechlist .list ul li p.lab span{color:#052860;display:inline-block;}
.sechlist .list ul li .img_out{max-width:170px;order:1;}
.sechlist .list ul li .img_out a{display:block;}
.sechlist .list ul li .img_out a img{display:block;width:100%;}
.sechlist .list ul li .txt_out{order:0;width:840px;}
.sechlist .list ul li:last-child{border-bottom:0;}




.news_search_body{background-color: #e2e3e5;padding: 90px 0 40px}
.news_search_body .tit{text-align: center}
.news_search_body h3.tit{font-size: 32px;font-size: 3.2rem;color: #333;line-height: 42px;margin-bottom: 50px;font-weight: normal}
.news_search_body h6.tit{font-size: 18px;font-size: 1.8rem;color: #333;margin-bottom: 40px}
.news_search_body h5.tit{display: flex;justify-content: space-between;align-items: center;margin-top: 10px}
.news_search_body h5.tit span{color: #333;font-size: 16px;font-size: 1.6rem}
.news_search_body .search_con{background-color: #fff;overflow: hidden;width: 100%;max-width: 660px;margin: 0 auto 60px;height: 66px;line-height: 66px;border-radius: 33px;display: flex;align-items: center;justify-content: space-between}
.news_search_body .search_con input,
.news_search_body .search_con a{display: inline-block;vertical-align: middle}
.news_search_body .search_con input{border: 0;background-color: transparent;height: 60px;line-height: 60px;width: 80%;box-sizing: border-box;padding: 0 30px;font-size: 22px;font-size: 2.2rem;color: #7d7d7d}
.news_search_body .search_con a.fa{margin-right: 30px;color: #052860;font-size: 30px;font-size: 3rem;text-decoration: none}
.news_search_body .tab_con{text-align: center}
.news_search_body .tab_con a{display: inline-block;font-size: 18px;font-size: 1.8rem;color: #333;margin: 0 15px;font-weight: 700}
.news_search_body .tab_con a:hover,
.news_search_body .tab_con a.active{text-decoration: none;color: #052860;}
.news_details_body{padding:50px 0;}
.news_details_body .fck_body{max-width: 990px;margin: 0 auto;padding-bottom: 70px}
.news_details_body .fck_body img{max-width: 100% !important;width: auto !important;height: auto !important}
.news_details_body .share_body{background-color: #edeef0;padding: 90px 0 70px;text-align: center}
.news_details_body .share_body h3.tit{font-size: 16px;font-size: 1.6rem;margin-bottom: 30px;letter-spacing: 2px}
.news_details_body .share_body .ico_list a{vertical-align: middle;color: #333;font-size: 30px;font-size: 3rem;margin: 0 20px;text-decoration: none}
.news_details_body .share_body .ico_list a:hover{color: #052860;}
.news_details_body .details_pager{padding: 50px 0 30px;display: flex;align-items: center;justify-content: space-between}
.news_details_body .details_pager .page{width: 400px;display: flex;justify-content: space-between;align-items: center}
.news_details_body .details_pager .page:hover i,
.news_details_body .details_pager .page:hover h6,
.news_details_body .details_pager .page:hover h3{color: #052860;}
.news_details_body .details_pager .page a{text-decoration: none}
.news_details_body .details_pager .page i{width: 50px}
.news_details_body .details_pager .page h6{font-size: 15px;font-size: 1.5rem;color: #333;margin-bottom: 20px}
.news_details_body .details_pager .page h3{font-size: 18px;font-size: 1.8rem;line-height: 30px;color: #333;font-weight: 700}
.news_details_body .details_pager .page_btn{background-color: #052860;color: #fff;font-size: 20px;font-size: 2rem;text-decoration: none;padding: 10px 15px;border-radius: 4px;text-decoration: none}


.career_details_con{background-color: #fff;padding: 50px 0}
.career_details_con p{color: #333;font-size: 18px;font-size: 1.8rem;line-height: 28px}
.career_details_con h3{font-size: 22px;font-size: 2.2rem;color: #000;margin: 40px 0 20px;font-weight: 700}
.career_btm_con{background-color: #edeeef;padding: 70px 0}
.career_btm_con p{text-align: center;color: #333;font-size: 20px;font-size: 2rem}
.career_btm_con p a{text-decoration: none;border-bottom: 1px solid #000;padding-bottom: 2px;color: #333}
.career_btm_con p a:hover{color: #052860;border-color: #052860;}