@charset "utf-8";

.main-width{width:73vw;margin:0 auto;}

.secd-width{width:83.34vw;margin:0 auto;}

.a-point{position:relative;display:block;top:-4.8vw;height:0;}

.banner{position:relative;margin-top:4.8vw;}

.banner img{width:100%;height:auto;}

.banner .text{position:absolute;left:13.5%;top:6vw;}

.banner .text h1{line-height:2.6vw;margin-bottom:0.3vw;font-size:2.5vw;color:#fff;text-transform:uppercase;}

.banner .text p{line-height:1.5vw;font-size:0.9375vw;color:#fff;}

.banner .bread{position:absolute;left:0;bottom:1.5vw;width:100%;}





.header{position:fixed;left:0;top:0;width:100%;height:4.8vw;background-color:#fff;border-bottom:1px solid rgba(255,255,255,.15);z-index:9999;transition:all .5s;}

.header .phone-menu{display:none;float:left;width:28px;height:17px;margin-top:17px;cursor:pointer;}

.header .phone-menu span{display:block;width:28px;height:1px;background-color:#333;border-radius:1px;-moz-transform-origin:9.5% 50%;-webkit-transform-origin:9.5% 50%;-o-transform-origin:9.5% 50%;transition:all .3s;}

.header .phone-menu .b1,.header .phone-menu .b2{margin-bottom:7px;}

.header .logo{position:relative;float:left;height:2.5vw;margin-top:1.15vw;}

.header .logo img{width:auto;height:100%;transition:all .5s;}

.header .logo .l1{opacity:0;}

.header .logo .l2{position:absolute;left:0;top:0;opacity:1;}

.header .search{float:right;width:10vw;height:2vw;margin-top:1.4vw;}

.header .search .box{position:relative;width:10vw;height:2vw;padding-right:2vw;border:1px solid #333;box-sizing:border-box;border-radius:50px;overflow:hidden;transition:all .5s;}

.header .search .box .text{width:100%;height:calc(2vw - 2px);padding-left:0.5vw;font-size:0.73vw;;background:none;color:#333;box-sizing:border-box;transition:all .5s;}

.header .search .box .btn,.header .search .box .sub{position:absolute;right:0;top:0;width:calc(2vw - 2px);height:calc(2vw - 2px);background-image:url(../images/icon-search2.png);background-color:initial;background-size:1vw 1vw;background-repeat:no-repeat;background-position:center;cursor:pointer;transition:all .5s;}

.header .nav{float:right;margin-right:4vw;}

.header .nav .one > li{float:left;line-height:2vw;padding:1.4vw 1.3vw;font-size:0.9375vw;transition:all .5s;}

.header .nav .one > li > a{transition:all .5s;}

.header .nav .two{position:relative;text-align:center;}

.header .nav .two > li{display:inline-block;vertical-align:top;line-height:4vw;padding:0 0.3vw;margin:0 1.8vw;font-size:0.9375vw;cursor:pointer;color:#333;}

.header .nav .hpro{display:flex;position:absolute;right:0;top:0;width:70%;flex-wrap:wrap;opacity:0;z-index:-1;transition:all .5s;}

.header .nav .hpro li{width:22%;margin:0 0 3% 3%;text-align:center;}

.header .nav .hpro li p{line-height:1vw;font-size:0.73vw;}

.header .nav .hpro li .pic{height:0;padding-bottom:100%;overflow:hidden;}

.header .nav .hpro li .pic img{width:100%;height:auto;transition:all .5s;}

.header .nav .hpro li:hover .pic img{transform:scale(1.1);}

.header .nav .drop{display:none;position:absolute;left:0;top:100%;width:100%;padding:2vw 0;border-top:1px solid #ddd;background-color:#fff;}

.header .nav .ptype{padding:3vw 0 1vw;}

.header .nav .ptype .two{height:30vw;text-align:left;}

.header .nav .ptype .two > li{display:block;width:25%;box-sizing:border-box;}

.header .nav .ptype .two > li h3{line-height:1.2vw;margin-bottom:1.5vw;font-size:0.9375vw;}

.header .nav .ptype .two > li h3 a{position:relative;display:block;padding:0.8vw 0.8vw 0.8vw 0.8vw;transition:all .5s;display: flex;}



.header .nav .ptype .two > li:nth-child(2) h3 a:after{background-position-x:-100%;}

.header .nav .ptype .two > li:nth-child(3) h3 a:after{background-position-x:-200%;}

.header .nav .ptype .two > li:nth-child(4) h3 a:after{background-position-x:-300%;}

.header .nav .ptype .two > li.on .hpro{opacity:1;z-index:9;}

.header .nav .ptype .two > li.on h3 a{background-color:#f1f1f1;display: flex;}

.header .nav .ltype .two{display:flex;justify-content:space-between;}

.header .nav .ltype .two > li{width:19%;margin:0;}

.header .nav .ltype .two > li p{line-height:1vw;margin-top:0.5vw;font-size:0.73vw;}

.header .nav .ltype .two > li .pic{height:0;padding-bottom:62.5%;border-radius:5px;overflow:hidden;}

.header .nav .ltype .two > li .pic img{width:100%;height:auto;transition:all .5s;}

.header .nav .ltype .two > li:hover .pic img{transform:scale(1.1);}

.header.flow{backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255,255,255,0.72);box-shadow:0 0 5px rgba(0,0,0,.2);}

.header.active .phone-menu .b1{transform:rotate(45deg);}

.header.active .phone-menu .b2{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;}

.header.active .phone-menu .b3{transform:rotate(-45deg);}

.hp .header{background:none;}

.hp .header .logo .l1{opacity:1;}

.hp .header .logo .l2{opacity:0;}

.hp .header .search .box{border-color:rgba(255,255,255,.5);}

.hp .header .search .box .text{color:#fff;}

.hp .header .search .box .btn,.hp .header .search .box .sub{background-image:url(../images/icon-search.png);}

.hp .header .nav li > a{color:#fff;}

.hp .header.flow,.hp .header:hover{backdrop-filter:saturate(180%) blur(20px);background-color:rgba(255,255,255,0.72);box-shadow:0 0 5px rgba(0,0,0,.2);}

.hp .header.flow .logo .l1,.hp .header:hover .logo .l1{opacity:0;}

.hp .header.flow .logo .l2,.hp .header:hover .logo .l2{opacity:1;}

.hp .header.flow .search .box,.hp .header:hover .search .box{border-color:#333;}

.hp .header.flow .search .box .text,.hp .header:hover .search .box .text{color:#333;}

.hp .header.flow .search .box .btn,.hp .header.flow .search .box .sub,.hp .header:hover .search .box .btn,.hp .header:hover .search .box .sub{background-image:url(../images/icon-search2.png);}

.hp .header.flow .nav .one li > a,.hp .header:hover .nav .one li > a{color:#333;}





.footer{padding:2.5vw 0;background-color:#04060e;overflow:hidden;}

.footer a{color:#ddd;}

.footer a:hover{color:#;}

.footer .nav{display:flex;justify-content:space-between;margin-bottom:2vw;}

.footer .nav h3{position:relative;line-height:1vw;padding-bottom:0.8vw;margin-bottom:0.7vw;font-size:0.9375vw;color:#fff;}

.footer .nav h3:after{content:"";position:absolute;left:0;bottom:-1px;width:2vw;height:2px;background-color:#f08300;}

.footer .nav li{line-height:1.56vw;font-size:0.73vw;}

.footer .way{float:left;width:440px;max-width:45%;}

.footer .way p{position:relative;line-height:1.3vw;padding-left:1.4vw;margin-bottom:1.3vw;font-size:0.73vw;color:#ddd;}

.footer .way p:before{content:"";position:absolute;left:0;top:0;width:1.3vw;height:1.3vw;background-image:url(../images/icon-contact.png);background-size:400% 100%;}

.footer .way p:nth-child(2):before{background-position-x:-100%;}

.footer .way p:nth-child(3):before{background-position-x:-200%;}

.footer .way p:nth-child(4):before{background-position-x:-300%;}

.footer .way p:nth-last-child(1){margin-bottom:0;}

.footer .message{float:right;width:450px;max-width:45%;}

.footer .message form{display:flex;justify-content:space-between;flex-wrap:wrap;}

.footer .message input[type="text"],.footer-shortcode .ff-el-form-control{width:100%;height:2vw;padding:0 0.5vw;margin-bottom:2%;box-sizing:border-box;font-size:0.73vw;}

.footer .message input[type="submit"]{width:100%;height:2vw;background-color:#1d3686;color:#fff;}

.footer .message textarea{width:100%;height:5.2vw;line-height:1vw;margin-bottom:2%;padding:0.5vw;background-color:#fff;box-sizing:border-box;font-size:0.73vw;}





.copy-right{padding:1.5vw 0;border-top:1px solid #2c3041;background-color:#04060e;overflow:hidden;}

.copy-right p{float:left;line-height:1.3vw;font-size:0.83vw;color:#fff;}

.copy-right .sns{float:right;}

.copy-right .sns a{display:inline-block;vertical-align:top;width:1.3vw;height:1.3vw;margin-left:0.3vw;background-image:url(../images/icon-sns.png);background-size:500% 300%;background-position-y:0;}

.copy-right .sns a:hover{background-position-y:-200%;}

.copy-right .sns .twitter{background-position-x:0;}

.copy-right .sns .youtube{background-position-x:-100%;}

.copy-right .sns .facebook{background-position-x:-200%;}

.copy-right .sns .linkedin{background-position-x:-300%;}

.copy-right .sns .instagram{background-position-x:-400%;}





.search-results{padding:30px 0;margin-top:4.8vw;}

.search-results h1{line-height:30px;padding-bottom:20px;margin-bottom:30px;border-bottom:1px solid #e6e6e6;font-size:24px;}

.search-results .seabox{width:650px;max-width:100%;height:42px;margin-bottom:20px;font-size:0;box-sizing:border-box;overflow:hidden;}

.search-results .seabox input[type="text"]{width:80%;height:42px;padding:0 10px;border:1px solid #ddd;box-sizing:border-box;font-size:14px;border-radius:10px 0 0 10px;}

.search-results .seabox input[type="submit"]{width:20%;height:42px;background-color:#1d3686;color:#fff;box-sizing:border-box;font-size:14px;border-radius:0 10px 10px 0;cursor:pointer;}

.search-results .cont{float:left;width:50%;}

.search-results .cont ul{margin-bottom:30px;}

.search-results .cont li{margin-bottom:30px;}

.search-results .cont li h3{line-height:25px;margin-bottom:5px;font-size:18px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.search-results .cont li h3 a{text-decoration:underline;}

.search-results .cont li p{line-height:20px;font-size:16px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;}

.search-results .cont li .info{position:relative;padding-left:150px;padding-top:10px;min-height:100px;}

.search-results .cont li .info .pic{position:absolute;left:0;top:0;width:130px;height:100px;overflow:hidden;}

.search-results .cont li .info .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}

.search-results .probox{float:right;width:40%;}

.search-results .probox h2{line-height:30px;margin-bottom:20px;font-size:20px;clear:both;}

.search-results .probox ul{width:103%;overflow:hidden;}

.search-results .probox li{float:left;width:30.42%;margin:0 2.91% 2.91% 0;text-align:center;}

.search-results .probox li h3{line-height:20px;font-size:16px;}

.search-results .probox li .pic{position:relative;width:100%;height:0;padding-bottom:100%;overflow:hidden;}

.search-results .probox li .pic img{position:absolute;left:0;top:50%;width:100%;height:auto;transform:translateY(-50%);}

.search-results .probox .marb{margin-bottom:30px;}

.search-results .sear-page{text-align:center;font-size:0;overflow:hidden;}

.search-results .sear-page span,.search-results .sear-page strong,.search-results .sear-page a{float:left;display:block;font-size:14px;line-height:40px;padding:0 15px;margin:0 5px 10px;background-color:#e7eaec;border-radius:5px;}

.search-results .sear-page span,.search-results .sear-page strong{cursor:default;}

.search-results .sear-page strong{background-color:#1d3686;color:#fff;}

.search-results .sear-page a:hover{background-color:#1d3686;color:#fff;}





.flow-video{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}

.flow-video .box{position:absolute;top:30%;left:50%;width:854px;height:480px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(../images/loadinglit.gif) no-repeat center;}

.flow-video .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(../images/close.png);cursor:pointer;}

.flow-video.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}

.flow-video.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}





.flow-picture{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;z-index:-1;}

.flow-picture .box{position:absolute;top:30%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);box-sizing:border-box;box-shadow:0 0 20px #333;transition:all .5s;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#fff url(../images/loadinglit.gif) no-repeat center;}

.flow-picture .box img{position:absolute;left:50%;top:50%;max-width:100%;max-height:100%;width:auto;height:auto;transform:translate(-50%,-50%);}

.flow-picture .box i{position:absolute;right:-36px;top:0;width:36px;height:36px;background:url(../images/close.png);cursor:pointer;}

.flow-picture.on{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:99999;}

.flow-picture.on .box{top:50%;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;}





.flow-icon{position:fixed;top:50%;right:5px;transform:translateY(-50%);z-index:99}

.flow-icon a{display:block;width:50px;height:50px;margin-bottom:5px;background-image:url(../images/icon-flow.png);background-size:500% 100%;background-color:#1d3686;border-radius:0.5vw;transition:all .5s;}

.flow-icon a:hover{background-color:#f68100;}

.flow-icon .mail{background-position-x:0;}

.flow-icon .wsapp{background-position-x:-100%;}

.flow-icon .skype{background-position-x:-200%;}

.flow-icon .chat{background-position-x:-300%;}

.flow-icon .top{background-position-x:-400%;background-color:#9c9c9c;}







.bread.nb{padding:1.8vw 0;margin-top:4.8vw;background-color:#f6f7f9;}

.bread.nb p{color:#999;}

.bread.nb p:before{background-position-x:-100%;}

.bread.nb a,.main-products .bread span{color:#999;}





.page{text-align:center;clear:both;}

.page ul{display:inline-block;}

.page ul li{display:inline-block;vertical-align:top;margin:0 5px;}

.page ul li a{display:block;line-height:36px;padding:0 14px;background-color:#ccc;}

.page ul li.thisclass a{background-color:#1d3686;color:#fff;}

.page ul li a:hover{background-color:#1d3686;color:#fff;}

.page ul li span {
    display: block;
    line-height: 36px;
    padding: 0 14px;
    background-color: #1d3686;
    color: #fff;
}





.index-main h2{line-height:2.8vw;margin-bottom:1vw;font-size:2.5vw;}

.index-main .slidebox{width:100%;position:relative;z-index:99;overflow:hidden;}

.index-main .slidebox .slideshow{width:100%;margin:0 auto;overflow:hidden;position:relative;}

.index-main .slidebox .slideshow ul{position:relative;width:4000px;overflow:hidden;}

.index-main .slidebox .slideshow ul li{float:left;}

.index-main .slidebox .slideshow ul li img{width:100%;height:auto;}

.index-main .slidebox .slidelist{position:absolute;left:0;bottom:2.5vw;width:100%;height:20px;text-align:center;}

.index-main .slidebox .slidelist li{display:inline-block;vertical-align:top;width:20px;height:20px;padding:5px;box-sizing:border-box;border:1px solid rgba(255,255,255,.0);border-radius:50%;}

.index-main .slidebox .slidelist li:after{content:"";display:block;width:100%;height:100%;background-color:#fff;border-radius:50%;}

.index-main .slidebox .slidelist li.active{border-color:rgba(255,255,255,1);}

.index-main .slidebox .item-btn{position:absolute;width:54px;height:54px;line-height:54px;top:50%;margin-top:-27px;border:1px solid #fff;color:#fff;box-sizing:border-box;border-radius:50%;cursor:pointer;font-size:24px;text-align:center;}

.index-main .slidebox .prev{left:5vw;}

.index-main .slidebox .next{right:5vw;}





.index-products{padding:5vw 0;background-color:#f6f7f9;overflow:hidden;}

.index-products h2{text-align:center;}

.index-products .tab{position:relative;float:left;width:4.16vw;padding-top:2vw;}

.index-products .tab span{position:relative;display:block;height:4.16vw;padding:0.68vw;margin-bottom:2.5vw;border:0.4vw solid rgba(225,230,248,0);border-radius:50%;box-sizing:border-box;background-color:#fff;cursor:pointer;transition:all .5s;}

.index-products .tab span i{position:absolute;top:-0.4vw;width:2.08vw;height:4.16vw;overflow:hidden;}

.index-products .tab span i em{position:absolute;top:0;width:4.16vw;height:4.16vw;border:0.4vw solid rgba(29,54,134,0);border-radius:50%;box-sizing:border-box;transform:rotate(-45deg);}

.index-products .tab span .i1{right:-0.4vw;}

.index-products .tab span .i1 em{right:0;border-left-color:rgba(29,54,134,1);border-top-color:rgba(29,54,134,1);}

.index-products .tab span .i2{left:-0.4vw;}

.index-products .tab span .i2 em{left:0;border-right-color:rgba(29,54,134,1);border-bottom-color:rgba(29,54,134,1);}

.index-products .tab span:after{content:"";display:block;width:100%;height:100%;background-image:url(../images/icon-cate.png);background-size:400% 200%;}

.index-products .tab span:nth-child(1):after{background-position-x:0;}

.index-products .tab span:nth-child(2):after{background-position-x:-100%;}

.index-products .tab span:nth-child(3):after{background-position-x:-200%;}

.index-products .tab span:nth-child(4):after{background-position-x:-300%;}

.index-products .tab span.on{border-color:rgba(225,230,248,1);}

.index-products .tab span.on i em{transform:rotate(135deg);transition:transform 2.5s linear;}

.index-products .tab span.on .i2 em{transition-delay:2.5s;}

.index-products .tab span.on:before{display:block;}

.index-products .tab:before{content:"";position:absolute;left:50%;top:0;width:0;height:100%;margin-left:-1px;border-left:1px dashed #d5d5d5;}

.index-products .cont{float:right;position:relative;width:89%;padding-top:2vw;}

.index-products .cont .item{display:none;}

.index-products .cont .item.on{display:block;}

.index-products .cont .info{float:left;width:35.2%;padding-top:2.6vw;}

.index-products .cont .info h3{line-height:1.6vw;margin-bottom:2vw;font-size:1.25vw;font-weight:bold;color:#000;}

.index-products .cont .info p{line-height:1.3vw;font-size:0.83vw;}

.index-products .cont .info a{position:relative;display:inline-block;line-height:2.6vw;margin-top:3vw;padding-left:3.4vw;font-size:0.83vw;transition:all .5s;}

.index-products .cont .info a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #1d3686;color:#1d3686;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.index-products .cont .info a:hover{padding:0 1.2vw;}

.index-products .cont .info a:hover:after{content:"";width:100%;}

.index-products .cont .list{float:right;width:58.8%;}

.index-products .cont .list ul{display:flex;justify-content:space-between;}

.index-products .cont .list li{position:relative;width:47.62%;border-radius:1vw;box-shadow:0 0 1vw rgba(0,0,0,.05);text-align:center;overflow:hidden;background-color:#fff;transition:all .5s;}

.index-products .cont .list li .pic{height:0;padding-bottom:100%;border-radius:0 0 1vw 1vw;background-color:#fff;overflow:hidden;}

.index-products .cont .list li .pic img{width:100%;height:auto;}

.index-products .cont .list li .text{padding:1.3vw 0.8vw;}

.index-products .cont .list li .text h3{line-height:1.3vw;margin-bottom:0.5vw;font-size:0.9375vw;transition:all .5s;}

.index-products .cont .list li .text a{position:relative;display:inline-block;vertical-align:top;line-height:1.5vw;padding-right:1.8vw;font-size:0.73vw;transition:all .5s;}

.index-products .cont .list li .text a span{position:relative;z-index:2;}

.index-products .cont .list li .text a:before{content:"";position:absolute;right:0.5vw;top:0.35vw;width:0.8vw;height:0.8vw;background-color:#1d3686;border-radius:1vw;transition:all .5s;}

.index-products .cont .list li .text a:after{content:">";position:absolute;right:0.5vw;top:0;width:0.8vw;line-height:1.5vw;color:#fff;font-size:0.625vw;text-align:center;font-family:'SimHei';}

.index-products .cont .list li .text a:hover{padding:0 1.5vw 0 1vw;color:#fff;}

.index-products .cont .list li .text a:hover:before{right:0;top:0;width:100%;height:100%;}

.index-products .cont .list li:nth-child(1):after{position:absolute;left:0;top:0;line-height:1.8vw;padding:0 1vw;font-size:0.73vw;background-color:#f58220;color:#fff;}

.index-products .cont .list li:nth-child(2):after{position:absolute;left:0;top:0;line-height:1.8vw;padding:0 1vw;font-size:0.73vw;background-color:#f1f1f1;}

.index-products .cont .list li:hover{background-color:#1d3686;}

.index-products .cont .list li:hover .text h3{color:#fff;}

.index-products .cont .list li:hover .text a{color:#fff;}

.index-products .cont .list li:hover .text a:before{background-color:#fff;}

.index-products .cont .list li:hover .text a:after{color:#1d3686;}

.index-products .cont .list li:hover .text a:hover{color:#1d3686;}





.index-solution{position:relative;padding:6.5vw 0;background-size:100% auto;background-position:center;transition:all 1s;}

.index-solution .tab{position:absolute;left:0;top:50%;transform:translateY(-50%);}

.index-solution .tab span{position:relative;display:block;line-height:1vw;padding-left:2.4vw;margin:1vw 0;color:#fff;cursor:pointer;transition:all .5s;}

.index-solution .tab span:before{content:"";position:absolute;left:0;top:50%;width:1.5vw;height:1px;margin-top:-1px;background-color:#fff;transition:all .5s;}

.index-solution .tab span:hover,.index-solution .tab .on{padding-left:3.4vw;}

.index-solution .tab span:hover:before,.index-solution .tab .on:before{width:2.5vw;}

.index-solution .cont{position:relative;margin-left:8vw;}

.index-solution .cont ul{position:relative;min-height:17vw;}

.index-solution .cont li{position:absolute;left:0;top:0;opacity:0;transform:translateX(10vw);transition:all 1s;z-index:-1;}

.index-solution .cont li.on{opacity:1;transform:translateX(0);z-index:8;}

.index-solution .cont span{display:block;line-height:1.3vw;margin-bottom:2vw;font-size:0.9375vw;color:#fff;}

.index-solution .cont h2{margin-bottom:2vw;color:#fff;}

.index-solution .cont p{width:22.4vw;line-height:1.3vw;font-size:0.83vw;color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;}

.index-solution .cont a{position:relative;display:inline-block;line-height:2.6vw;margin-top:3vw;padding-left:3.4vw;font-size:0.83vw;color:#fff;transition:all .5s;}

.index-solution .cont a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #fff;color:#fff;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.index-solution .cont a:hover{padding:0 1.2vw;}

.index-solution .cont a:hover:after{content:"";width:100%;}

.index-solution:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-image:linear-gradient(to right,rgba(29,54,134,.8),rgba(29,54,134,0));}





.index-about{padding:5vw 0;}

.index-about .item{margin-bottom:4vw;overflow:hidden;}

.index-about .item .text{float:right;width:46.43%;padding:2vw 5% 0;box-sizing:border-box;}

.index-about .item .text span{display:block;line-height:1.3vw;margin-bottom:2vw;font-size:0.9375vw;color:#1d3686;}

.index-about .item .text h2{margin-bottom:2vw;}

.index-about .item .text p{line-height:1.3vw;font-size:0.83vw;}

.index-about .item .text a{position:relative;display:inline-block;line-height:2.6vw;margin-top:3vw;padding-left:3.4vw;font-size:0.83vw;transition:all .5s;}

.index-about .item .text a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #1d3686;color:#1d3686;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.index-about .item .text a:hover{padding:0 1.2vw;}

.index-about .item .text a:hover:after{content:"";width:100%;}

.index-about .item .pic{float:left;width:53.57%;border-radius:1vw;overflow:hidden;}

.index-about .item .pic img{width:100%;height:auto;}

.index-about .item:nth-child(2) .text{float:left;}

.index-about .item:nth-child(2) .pic{float:right;}

.index-about .adv{padding:0 5%;}

.index-about .adv ul{display:flex;justify-content:space-between;}

.index-about .adv li{text-align:center;}

.index-about .adv li p{line-height:1.3vw;font-size:0.83vw;}

/* .index-about .adv li span{display:block;height:3vw;line-height:3vw;margin-bottom:0.5vw;font-size:3vw;color:#1d3686;}

.index-about .adv li span i{font-size:0.9375vw;} */

.index-about .adv .adv-num{display:inline-block;font-size:26px;height:33px;line-height:33px;margin-bottom:0.5vw;margin-top:0;overflow:hidden;color:#1d3686;}

.index-about .adv .adv-num span{float:left;position:relative;width:17px;height:100%;display:block;font-size:26px;vertical-align:bottom;}

.index-about .adv .adv-num span i{position:absolute;left:0;top:0;width:17px;word-wrap:break-word;transition:all 1.5s;transition-timing-function:linear;}

.index-about .adv.action .adv-num span i{top:-330px;}

.index-about .adv.action .adv-num span.n1 i{top:-33px;}

.index-about .adv.action .adv-num span.n2 i{top:-66px;}

.index-about .adv.action .adv-num span.n3 i{top:-99px;}

.index-about .adv.action .adv-num span.n4 i{top:-132px;}

.index-about .adv.action .adv-num span.n5 i{top:-165px;}

.index-about .adv.action .adv-num span.n6 i{top:-198px;}

.index-about .adv.action .adv-num span.n7 i{top:-231px;}

.index-about .adv.action .adv-num span.n8 i{top:-264px;}

.index-about .adv.action .adv-num span.n9 i{top:-297px;}

.index-about .adv.action .adv-num span.r2 i{transition-delay:.2s;}

.index-about .adv.action .adv-num span.r3 i{transition-delay:.4s;}

.index-about .adv.action .adv-num span.r4 i{transition-delay:.6s;}

.index-about .adv.action .adv-num span.r5 i{transition-delay:.8s;}

.index-about .adv.action .adv-num span.r6 i{transition-delay:1.0s;}

.index-about .adv.action .adv-num span.r7 i{transition-delay:1.2s;}

.index-about .adv.action .adv-num span.r8 i{transition-delay:1.4s;}







.index-develop{padding:5vw 0;background-color:#f6f7f9;overflow:hidden;}

.index-develop .pic{float:left;width:33%;}

.index-develop .pic img{width:100%;height:auto;}

.index-develop .text{float:right;width:46.4%;}

.index-develop .text h2{margin-bottom:2vw;}

.index-develop .text p{line-height:1.3vw;font-size:0.83vw;}

.index-develop .text a{position:relative;display:inline-block;line-height:2.6vw;margin-top:2vw;padding-left:3.4vw;font-size:0.83vw;transition:all .5s;}

.index-develop .text a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #1d3686;color:#1d3686;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.index-develop .text a:hover{padding:0 1.2vw;}

.index-develop .text a:hover:after{content:"";width:100%;}





.index-advantage{position:relative;padding:5vw 0;background-image:url(../images/index-advantage.jpg);background-size:100% auto;background-attachment:fixed;text-align:center;overflow:hidden;}

.index-advantage h2{position:relative;margin-bottom:4vw;color:#fff;}

.index-advantage .cont{position:relative;}

.index-advantage .cont ul{display:flex;justify-content:space-between;flex-wrap:wrap;}

.index-advantage .cont li{width:22.857%;padding:1.5vw 2.4vw;background-color:#fff;border-radius:0.5vw;box-sizing:border-box;}

.index-advantage .cont li h3{line-height:1.3vw;margin:0.8vw 0 0.5vw;font-size:0.83vw;font-weight:bold;color:#000;}

.index-advantage .cont li p{line-height:1vw;font-size:0.73vw;color:#000;}

.index-advantage .cont li i{display:block;width:3.5vw;height:3.5vw;padding:0.4vw;margin:0 auto;border:0.35vw solid #e1e6f8;border-radius:50%;box-sizing:border-box;}

.index-advantage .cont li i:after{content:"";display:block;width:100%;height:100%;background-image:url(../images/icon-advantage.png);background-size:400% 100%;}

.index-advantage .cont li:nth-child(2) i:after{background-position-x:-100%;}

.index-advantage .cont li:nth-child(3) i:after{background-position-x:-200%;}

.index-advantage .cont li:nth-child(4) i:after{background-position-x:-300%;}

.index-advantage .bw{position:absolute;left:50%;top:50%;width:23vw;height:23vw;margin:-11.5vw 0 0 -11.5vw;}

.index-advantage .bw em{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:50%;box-sizing:border-box;border:1px solid rgba(255,255,255,.15);animation:bwanima 5s linear;animation-iteration-count:infinite;}

.index-advantage .bw .b2{animation-delay:1s;}

.index-advantage .bw .b3{animation-delay:2s;}

.index-advantage .bw .b4{animation-delay:3s;}

.index-advantage .bw .b5{animation-delay:4s;}

@keyframes bwanima{

0% {transform:scale(0);opacity:1;}

100% {transform:scale(4);opacity:0;}

}

@keyframes bwanima2{

0% {transform:scale(0);opacity:1;}

100% {transform:scale(4);opacity:0;}

}





.index-news{padding:5vw 0;background-color:#f6f7f9;}

.index-news .title{margin-bottom:3vw;overflow:hidden;}

.index-news .title h2{float:left;margin-bottom:0;}

.index-news .title a{position:relative;float:right;line-height:2.6vw;margin-top:0.1vw;padding-left:3.4vw;font-size:0.83vw;transition:all .5s;}

.index-news .title a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #1d3686;color:#1d3686;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.index-news .title a:hover{padding:0 1.2vw;}

.index-news .title a:hover:after{content:"";width:100%;}

.index-news .cont{display:flex;justify-content:space-between;}

.index-news .cont .item{position:relative;width:28.57%;height:29.16vw;border-radius:1vw;background-color:#fff;box-sizing:border-box;overflow:hidden;}

.index-news .cont .item .cover{position:absolute;left:0;bottom:0;width:100%;height:70%;background-image:linear-gradient(rgba(29,54,134,0),rgba(29,54,134,1));z-index:3;opacity:0;transition:all .5s;}

.index-news .cont .item .text{position:absolute;left:0;top:0;width:100%;height:12.7vw;padding:1.8vw;box-sizing:border-box;z-index:4;transition:all .5s;}

.index-news .cont .item .text time{display:block;line-height:1vw;margin-bottom:0.7vw;font-size:0.73vw;color:#1d3686;transition:all .5s;}

.index-news .cont .item .text h3{line-height:1.3vw;margin-bottom:0.5vw;font-size:0.9375vw;font-weight:bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .5s;}

.index-news .cont .item .text p{line-height:1vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:all .5s;}

.index-news .cont .item .text .more{position:relative;display:inline-block;vertical-align:top;line-height:1.5vw;margin-top:1vw;padding-right:1.8vw;font-size:0.73vw;transition:all .5s;}

.index-news .cont .item .text .more span{position:relative;z-index:2;}

.index-news .cont .item .text .more:before{content:"";position:absolute;right:0.5vw;top:0.35vw;width:0.8vw;height:0.8vw;background-color:#1d3686;border-radius:1vw;transition:all .5s;}

.index-news .cont .item .text .more:after{content:">";position:absolute;right:0.5vw;top:0;width:0.8vw;line-height:1.5vw;color:#fff;font-size:0.625vw;text-align:center;font-family:'SimHei';}

.index-news .cont .item .text .more:hover{padding:0 1.5vw 0 1vw;color:#fff;}

.index-news .cont .item .text .more:hover:before{right:0;top:0;width:100%;height:100%;}

.index-news .cont .item .pic{position:relative;width:100%;height:100%;}

.index-news .cont .item .pic img{position:absolute;left:50%;top:50%;width:auto;height:100%;transform:translate(-50%,-50%);}

.index-news .cont .item .pic:before{content:"";position:absolute;left:0;top:0;width:1.8vw;height:100%;background-color:#fff;z-index:2;transition:all .5s;}

.index-news .cont .item .pic:after{content:"";position:absolute;right:0;top:0;width:1.8vw;height:100%;background-color:#fff;z-index:2;transition:all .5s;}

.index-news .cont .item:before{content:"";position:absolute;left:0;top:0;width:100%;height:14.5vw;background-color:#fff;z-index:2;transition:all .5s;}

.index-news .cont .item:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1.8vw;background-color:#fff;z-index:2;transition:all .5s;}

.index-news .cont .item:nth-child(1) .cover{opacity:1;}

.index-news .cont .item:nth-child(1) .text{top:16.46vw;}

.index-news .cont .item:nth-child(1) .text time{color:#fff;}

.index-news .cont .item:nth-child(1) .text h3{color:#fff;}

.index-news .cont .item:nth-child(1) .text p{color:#fff;}

.index-news .cont .item:nth-child(1) .text .more{color:#fff;}

.index-news .cont .item:nth-child(1) .text .more:before{background-color:#fff;}

.index-news .cont .item:nth-child(1) .text .more:after{color:#1d3686;}

.index-news .cont .item:nth-child(1) .text .more:hover{color:#1d3686;}

.index-news .cont .item:nth-child(1) .pic:before{width:0;}

.index-news .cont .item:nth-child(1) .pic:after{width:0;}

.index-news .cont .item:nth-child(1):before{height:0;}

.index-news .cont .item:nth-child(1):after{height:0;}

.index-news .cont .list{width:39.14%;}

.index-news .cont .list li{position:relative;height:9vw;padding:1.5vw 1.5vw 1.5vw 7.5vw;margin-bottom:1.08vw;box-sizing:border-box;border-radius:1vw;background-color:#fff;overflow:hidden;}

.index-news .cont .list li time{position:absolute;left:1vw;top:1.5vw;width:5vw;border-right:1px solid #ddd;font-size:0.73vw;text-align:center;color:#1d3686;}

.index-news .cont .list li time span{display:block;line-height:2.5vw;font-size:2.5vw;}

.index-news .cont .list li h3{line-height:1.3vw;margin-bottom:0.5vw;font-size:0.9375vw;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.index-news .cont .list li p{line-height:1vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.index-news .cont .list li .more{position:relative;display:inline-block;vertical-align:top;line-height:1.5vw;margin-top:1vw;padding-right:1.8vw;font-size:0.73vw;transition:all .5s;}

.index-news .cont .list li .more span{position:relative;z-index:2;}

.index-news .cont .list li .more:before{content:"";position:absolute;right:0.5vw;top:0.35vw;width:0.8vw;height:0.8vw;background-color:#1d3686;border-radius:1vw;transition:all .5s;}

.index-news .cont .list li .more:after{content:">";position:absolute;right:0.5vw;top:0;width:0.8vw;line-height:1.5vw;color:#fff;font-size:0.625vw;text-align:center;font-family:'SimHei';}

.index-news .cont .list li .more:hover{padding:0 1.5vw 0 1vw;color:#fff;}

.index-news .cont .list li .more:hover:before{right:0;top:0;width:100%;height:100%;}







.category{background-color:#fff;text-align:center;box-shadow:0 0 10px rgba(0,0,0,.3);}

.category a,.category span{position:relative;display:inline-block;line-height:4vw;padding:0 0.3vw;margin:0 1.8vw;font-size:0.9375vw;cursor:pointer;color:#333;}

.category a:hover,.category span:hover{color:#1d3686;}

.category a.active,.category span.active{font-weight:bold;color:#1d3686;}

.category a.active:after,.category span.active:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#1d3686;}

.category.about{height:4vw;}

.category.about .pos{left:0;top:4.8vw;width:100%;background-color:#fff;z-index:999;}

.category.about.flow .pos{position:fixed;}





.main-solution{padding:6vw 0;}

.main-solution .cont li{position:relative;margin-bottom:6vw;}

.main-solution .cont li .pic{float:right;width:50%;}

.main-solution .cont li .pic img{width:137%;height:auto;border-radius:1.5vw 0 0 1.5vw;}

.main-solution .cont li .text{position:absolute;left:0;top:50%;width:41.5%;transform:translateY(-50%);}

.main-solution .cont li .text h2{line-height:2.8vw;margin-bottom:1.5vw;font-size:2.5vw;color:#000;}

.main-solution .cont li .text p{line-height:1.3vw;margin-bottom:1.3vw;font-size:0.83vw;}

.main-solution .cont li .text a{position:relative;display:inline-block;line-height:2.6vw;margin-top:1vw;padding-left:3.4vw;font-size:0.83vw;transition:all .5s;}

.main-solution .cont li .text a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #1d3686;color:#1d3686;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.main-solution .cont li .text a:hover{padding:0 1.2vw;}

.main-solution .cont li .text a:hover:after{content:"";width:100%;}

.main-solution .cont li:after{content:"";display:block;height:0;clear:both;}

.main-solution .cont li:nth-last-child(1){margin-bottom:0;}





.main-global{background-color:#f6f7f9;}

.main-global h2{line-height:2.86vw;font-size:2.5vw;color:#000;text-align:center;}

.main-global .case{padding:5vw 0;background-image:url(../images/map.png);background-size:100% auto;background-position:top center;background-repeat:no-repeat;overflow:hidden;}

.main-global .case .slide-dot{position:relative;height:27.6vw;margin-bottom:1.3vw;}

.main-global .case .slide-dot li{position:absolute;width:2.1vw;height:2.76vw;margin-left:-1.05vw;transform:scale(0.585);transform-origin:center bottom;background-image:url(../images/dot.png);background-size:100% 100%;cursor:pointer;transition:all .5s;}

.main-global .case .slide-dot li.active{transform:scale(1);}

.main-global .case .slide-dot li.a45{left:86%;bottom:35%;}

.main-global .case .slide-dot li.a44{left:75%;bottom:25%;}

.main-global .case .slide-dot li.a43{left:90%;bottom:5%;}

.main-global .case .slide-dot li.a42{left:66%;bottom:37%;}

.main-global .case .slide-dot li.a41{left:97%;bottom:42%;}

.main-global .case .slide-dot li.a40{left:59.7%;bottom:7%;}

.main-global .case .slide-dot li.a39{left:92.8%;bottom:42.5%;}

.main-global .case .slide-dot li.a38{left:83.2%;bottom:10%;}

.main-global .case .slide-dot li.a37{left:8.5%;bottom:27%;}

.main-global .case .slide-dot li.a36{left:53%;bottom:60%;}

.main-global .case .slide-dot li.a35{left:80%;bottom:70%;}

.main-global .case .slide-dot li.a34{left:90.1%;bottom:29.5%;}

.main-global .case .slide-dot li.a33{left:82.9%;bottom:21%;}

.main-global .case .slide-dot li.a32{left:49.6%;bottom:39%;}

.main-global .case .slide-dot li.a31{left:59%;bottom:45%;}

.main-global .case .slide-dot li.a30{left:85.5%;bottom:20%;}

.main-global .case .slide-dot .btn{position:absolute;top:50%;width:50px;height:50px;line-height:50px;margin-top:-25px;border:1px solid #1d3686;color:#1d3686;border-radius:50%;box-sizing:border-box;font-size:20px;text-align:center;cursor:pointer;}

.main-global .case .slide-dot .prev{left:-60px;}

.main-global .case .slide-dot .next{right:-60px;}

.main-global .case .slide-pic{width:25vw;margin:0 auto;}

.main-global .case .slide-pic ul{overflow:visible !important;}

.main-global .case .slide-pic li{float:left;width:25vw;padding:1vw 1.8vw 1.8vw;margin-right:1.8vw;background-color:#fff;box-sizing:border-box;border-radius:0.7vw;box-shadow:0 0 1vw rgba(0,0,0,.05);transition:all .5s;}

.main-global .case .slide-pic li i{display:block;float:right;width:4vw;height:4vw;padding:0.3vw;border:0.3vw solid #fff;background-color:#fff;border-radius:50%;box-sizing:border-box;transition:all .5s;}

.main-global .case .slide-pic li i img{width:100%;height:100%;border-radius:50%;}

.main-global .case .slide-pic li h3{line-height:2vw;padding:1vw 0;margin-bottom:0.65vw;font-size:1.25vw;font-weight:bold;color:#333;transition:all .5s;}

.main-global .case .slide-pic li img{width:100%;height:auto;box-shadow:0 0 1vw rgba(0,0,0,.05);}

.main-global .case .slide-pic li.active{background-color:#1d3686;}

.main-global .case .slide-pic li.active i{border:0.3vw solid #5567a3;background-color:#8491bd;}

.main-global .case .slide-pic li.active h3{color:#fff;}

.main-global .message{padding:1.5vw 0;}

.main-global .message form{display:flex;justify-content:space-between;padding:2vw;background-color:#fff;}

.main-global .message input[type="submit"]{width:15%;height:6.7vw;background-color:#1d3686;color:#fff;border-radius:1.3vw;box-sizing:border-box;font-size:1.5vw;font-weight:bold;}

.main-global .message textarea{width:38.25%;height:6.7vw;line-height:1.2vw;padding:0.7vw;border:2px solid #eee;color:#333;border-radius:1.3vw;box-sizing:border-box;font-size:0.83vw;}

.main-global .message .box{width:38.25%;}

.main-global .message .box input{width:100%;height:2.6vw;padding:0 0.7vw;border:2px solid #eee;color:#333;border-radius:1.3vw;box-sizing:border-box;font-size:0.83vw;}

.main-global .message .box input:nth-child(1){margin-bottom:1.5vw;}

.main-global .exhibition{padding:5vw 0;}

.main-global .exhibition h2{margin-bottom:3vw;}

.main-global .exhibition .cont ul{display:flex;justify-content:space-between;flex-wrap:wrap;}

.main-global .exhibition .cont li{width:23.6%;margin-bottom:1.86%;border-radius:0.7vw;overflow:hidden;}

.main-global .exhibition .cont li img{width:100%;height:auto;}

.main-global .visit{padding:5vw 0;background-color:#fff;}

.main-global .visit h2{margin-bottom:3vw;}

.main-global .visit .dg-slide{position:relative;}

.main-global .visit .dg-slide ul{position:relative;width:40.1vw;height:26vw;margin:0 auto;}

.main-global .visit .dg-slide li{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:1vw;transform:scale(0.78);overflow:hidden;opacity:0;transition:all .5s;z-index:-1;}

.main-global .visit .dg-slide li img{width:100%;height:100%;}

.main-global .visit .dg-slide li.on{transform:scale(1);opacity:1;z-index:3;}

.main-global .visit .dg-slide li.le{transform:translateX(-50%) scale(0.78);opacity:1;z-index:2;}

.main-global .visit .dg-slide li.left{transform:translateX(-80%) scale(0.58);z-index:1;}

.main-global .visit .dg-slide li.rig{transform:translateX(50%) scale(0.78);opacity:1;z-index:2;}

.main-global .visit .dg-slide li.right{transform:translateX(80%) scale(0.58);z-index:1;}

.main-global .visit .slide-btn span{position:absolute;top:50%;width:54px;height:54px;line-height:54px;margin-top:-27px;border:1px solid #1d3686;color:#1d3686;border-radius:50%;box-sizing:border-box;font-size:20px;text-align:center;cursor:pointer;z-index:4;}

.main-global .visit .slide-btn .prev{left:-54px;}

.main-global .visit .slide-btn .next{right:-54px;}





.main-service{padding:5vw 0;background-color:#f6f7f9;}

.main-service .cont li{position:relative;margin-bottom:5vw;overflow:hidden;}

.main-service .cont li .pic{width:50%;}

.main-service .cont li .pic img{width:100%;height:auto;border-radius:1.5vw;}

.main-service .cont li .text{position:absolute;right:0;top:50%;width:50%;padding:0 2.5vw;transform:translateY(-50%);box-sizing:border-box;}

.main-service .cont li .text h2{line-height:2.8vw;margin-bottom:1.5vw;font-size:2.5vw;color:#000;}

.main-service .cont li .text p{position:relative;line-height:1.3vw;padding-left:1.3vw;margin-bottom:0.8vw;font-size:0.83vw;}

.main-service .cont li .text p:before{content:"ˇ";position:absolute;left:0;top:0.15vw;width:0.8vw;height:0.8vw;line-height:1.5vw;transform:rotate(-90deg);transform-origin:center;background-color:#1d3686;color:#fff;border-radius:50%;font-size:1vw;font-weight:200;text-align:center;}

.main-service .cont li .text a{position:relative;display:inline-block;line-height:2.6vw;margin-top:1vw;padding-left:3.4vw;font-size:0.83vw;transition:all .5s;}

.main-service .cont li .text a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #1d3686;color:#1d3686;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.main-service .cont li .text a:hover{padding:0 1.2vw;}

.main-service .cont li .text a:hover:after{content:"";width:100%;}

.main-service .cont li:nth-child(2n) .pic{margin:0 0 0 auto;}

.main-service .cont li:nth-child(2n) .text{right:initial;left:0;}

.main-service .cont li:nth-last-child(1){margin-bottom:0;}





.list-faq{padding:5vw 0;background-color:#f6f7f9;}

.list-faq .search{margin-bottom:5vw;}

.list-faq .search .box{position:relative;width:22vw;height:2.85vw;margin:0 auto;padding-right:2.85vw;background-color:#fff;border-radius:2vw;box-shadow:0 0 1vw rgba(0,0,0,.1);box-sizing:border-box;overflow:hidden;}

.list-faq .search .box input[type="text"]{width:100%;height:2.85vw;padding-left:1.5vw;font-size:0.9375vw;box-sizing:border-box;}

.list-faq .search .box input[type="submit"]{position:absolute;right:0;top:0;width:2.85vw;height:2.85vw;background-image:url(../images/icon-search3.png);background-color:initial;background-size:1vw 1vw;background-repeat:no-repeat;background-position:center;cursor:pointer;}

.list-faq .list{margin-bottom:3vw;}

.list-faq .list li{position:relative;padding:1.5vw 4.7vw 1.5vw 2vw;margin-bottom:1.4vw;background-color:#fff;cursor:pointer;transition:all .5s;}

.list-faq .list li h3{position:relative;line-height:1.5vw;padding-left:1.5vw;font-size:0.9375vw;font-weight:bold;color:#000;}

.list-faq .list li h3:before{content:"Q:";position:absolute;left:0;top:0;}

.list-faq .list li .answer{display:none;position:relative;line-height:1.3vw;padding:1vw 0 0 1.5vw;font-size:0.83vw;}

.list-faq .list li .answer p{line-height:1.3vw;font-size:0.83vw;}

.list-faq .list li .answer:before{content:"A:";position:absolute;left:0;top:1vw;line-height:1.3vw;font-size:0.9375vw;font-weight:bold;color:#000;}

.list-faq .list li:after{content:"→";position:absolute;right:1.5vw;top:1.5vw;width:1.5vw;height:1.5vw;line-height:1.55vw;font-size:1.2vw;text-align:center;transform-origin:center;color:#1d3686;transition:all .5s;}

.list-faq .list li:hover{background-color:#eee;}

.list-faq .list li.on:after{transform:rotate(90deg);}





.list-download{padding:5vw 0;background-color:#f6f7f9;}

.list-download .search{margin-bottom:5vw;}

.list-download .search .box{position:relative;width:22vw;height:2.85vw;margin:0 auto;padding-right:2.85vw;background-color:#fff;border-radius:2vw;box-shadow:0 0 1vw rgba(0,0,0,.1);box-sizing:border-box;overflow:hidden;}

.list-download .search .box input[type="text"]{width:100%;height:2.85vw;padding-left:1.5vw;font-size:0.9375vw;box-sizing:border-box;}

.list-download .search .box input[type="submit"]{position:absolute;right:0;top:0;width:2.85vw;height:2.85vw;background-image:url(../images/icon-search3.png);background-color:initial;background-size:1vw 1vw;background-repeat:no-repeat;background-position:center;cursor:pointer;}

.list-download .list{margin-bottom:3vw;}

.list-download .list li{display:flex;justify-content:space-between;padding:1.5vw 2vw;border-bottom:1px solid #eee;background-color:#fff;}

.list-download .list li h3{line-height:1.5vw;font-size:0.9375vw;font-weight:bold;color:#000;}

.list-download .list li p{line-height:1.3vw;font-size:0.83vw;}

.list-download .list li a{display:block;line-height:2vw;padding:0 1.7vw;font-size:0.83vw;font-weight:bold;background-color:#e8eaec;color:#999;border-radius:2vw;text-align:center;}

.list-download .list li a:hover{background-color:#1d3686;color:#fff;}

.list-download .list li .title{width:16vw;padding:0.35vw 1.5vw 0.35vw 0;box-sizing:border-box;}

.list-download .list li .size{width:6.5vw;padding:0.35vw 1.5vw 0.35vw 0;box-sizing:border-box;}

.list-download .list li .date{width:7vw;padding:0.35vw 1.5vw 0.35vw 0;box-sizing:border-box;}

.list-download .list li .down{width:8vw;}

.list-download .list li.head{background-color:#e8eaec;}





.list-news{padding:5vw 0;background-color:#f6f7f9;}

.list-news .filter{position:relative;height:2.85vw;margin-bottom:5vw;z-index:9;}

.list-news .filter .selbox{position:relative;float:left;width:12.8vw;height:2.85vw;margin-right:1.6vw;border-radius:1.425vw;background-color:#fff;overflow:hidden;box-shadow:0 0 1vw rgba(0,0,0,.1);}

.list-news .filter .selbox .pos{position:absolute;left:0;top:0;width:100%;border-radius:1.425vw;background-color:#fff;overflow:hidden;box-shadow:0 0 1vw rgba(0,0,0,.1);}

.list-news .filter .selbox p{line-height:2.85vw;padding:0 1.5vw;font-size:0.9375vw;color:#999;}

.list-news .filter .selbox a{display:block;line-height:2.85vw;padding:0 1.5vw;font-size:0.9375vw;color:#1d3686;transition:all .5s;}

.list-news .filter .selbox a:hover{background-color:#1d3686;color:#fff;}

.list-news .filter .selbox:before{content:"";position:absolute;right:1.8vw;top:1.425vw;width:0.55vw;height:2px;margin-right:-0.17vw;margin-top:-1px;transform:rotate(-45deg);transform-origin:center;background-color:#1d3686;z-index:2;}

.list-news .filter .selbox:after{content:"";position:absolute;right:1.8vw;top:1.425vw;width:0.55vw;height:2px;margin-right:0.17vw;margin-top:-1px;transform:rotate(45deg);transform-origin:center;background-color:#1d3686;z-index:2;}

.list-news .filter .selbox:hover{overflow:visible;box-shadow:none;}

.list-news .filter .search{position:relative;float:left;width:22vw;height:2.85vw;margin:0 auto;padding-right:2.85vw;background-color:#fff;border-radius:2vw;box-shadow:0 0 1vw rgba(0,0,0,.1);box-sizing:border-box;overflow:hidden;}

.list-news .filter .search input[type="text"]{width:100%;height:2.85vw;padding-left:1.5vw;font-size:0.9375vw;box-sizing:border-box;}

.list-news .filter .search input[type="submit"]{position:absolute;right:0;top:0;width:2.85vw;height:2.85vw;background-image:url(../images/icon-search3.png);background-color:initial;background-size:1vw 1vw;background-repeat:no-repeat;background-position:center;cursor:pointer;}

.list-news .list{clear:both;overflow:hidden;}

.list-news .list ul{width:102%;}

.list-news .list li{float:left;width:31.372%;margin:0 1.961% 1.961% 0;border-radius:1vw;overflow:hidden;background-color:#fff;}

.list-news .list li .pic{position:relative;height:0;padding-bottom:64.4%;overflow:hidden;background-size:100% auto;background-repeat:no-repeat;background-position:center;}

.list-news .list li .pic img{width:100%;height:100%;}

.list-news .list li .pic a{position:absolute;left:0;top:0;width:100%;height:100%;}

.list-news .list li .text{padding:2vw;}

.list-news .list li .text time{display:block;line-height:1vw;font-size:0.73vw;color:#1d3686;}

.list-news .list li .text h3{height:2.6vw;line-height:1.3vw;margin:0.5vw 0;font-size:0.9375vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;}

.list-news .list li .text p{height:2vw;line-height:1vw;margin-bottom:1vw;font-size:0.73vw;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.list-news .list li .text .more{position:relative;display:inline-block;vertical-align:top;line-height:1.5vw;padding-right:1.8vw;font-size:0.73vw;color:#999;transition:all .5s;}

.list-news .list li .text .more span{position:relative;z-index:2;}

.list-news .list li .text .more:before{content:"";position:absolute;right:0.5vw;top:0.35vw;width:0.8vw;height:0.8vw;background-color:#1d3686;border-radius:1vw;transition:all .5s;}

.list-news .list li .text .more:after{content:">";position:absolute;right:0.5vw;top:0;width:0.8vw;line-height:1.5vw;color:#fff;font-size:0.625vw;text-align:center;font-family:'SimHei';}

.list-news .list li .text .more:hover{padding:0 1.5vw 0 1vw;color:#fff;}

.list-news .list li .text .more:hover:before{right:0;top:0;width:100%;height:100%;}

.list-news .list li.hline{float:none;width:98.039%;margin-bottom:4vw;}

.list-news .list li.hline .pic{float:right;width:50%;padding-bottom:32.2%;}

.list-news .list li.hline .text{width:50%;padding:4vw;box-sizing:border-box;}

.list-news .list li.hline .text h3{height:3.2vw;line-height:1.6vw;margin:1.2vw 0;font-size:1.25vw;}

.list-news .list li.hline .text p{height:3.9vw;line-height:1.3vw;margin-bottom:2vw;font-size:0.83vw;-webkit-line-clamp:3;}





.main-news{padding:1.3vw 0 4vw;background-color:#f6f7f9;}

.main-news time{display:block;line-height:1.5vw;margin-bottom:1vw;font-size:1.25vw;color:#1d3686;}

.main-news h1{line-height:1.8vw;padding-bottom:1.5vw;margin-bottom:1.5vw;border-bottom:1px solid #ddd;font-size:1.5vw;color:#000;}

.main-news p{line-height:1.3vw;margin-bottom:1vw;font-size:0.83vw;}

.main-news .stbox{position:relative;}

.main-news .cont{float:left;width:71.43%;}

.main-news .news-content{line-height:1.3vw;font-size:0.83vw;}

.main-news .news-content img{max-width:100% !important;height:auto !important;margin:0.5vw 0 1vw;}

.main-news .subpage{padding-top:1.5vw;margin-top:1.5vw;border-top:1px solid #ddd;}

.main-news .func{float:right;position:sticky;top:7.5vw;width:25.36%;margin-top:7.5vw;box-sizing:border-box;}

.main-news .func .expert{padding:2vw;margin-bottom:3vw;border-radius:1vw;overflow:hidden;background-image:url(../images/func-bg.jpg);background-size:100% 100%;}

.main-news .func .expert h3{line-height:1.5vw;margin-bottom:1vw;font-size:1.25vw;color:#1d3686;font-weight:bold;}

.main-news .func .expert p{line-height:1.3vw;font-size:0.83vw;}

.main-news .func .expert a{position:relative;display:inline-block;line-height:2.6vw;margin-top:0.5vw;padding-left:3.4vw;font-size:0.83vw;transition:all .5s;}

.main-news .func .expert a:after{content:"→";position:absolute;left:0;top:0;width:2.6vw;height:2.6vw;line-height:2.65vw;border:1px solid #1d3686;color:#1d3686;border-radius:2vw;box-sizing:border-box;text-align:center;font-size:1.2vw;transition:all .5s;}

.main-news .func .expert a:hover{padding:0 1.2vw;}

.main-news .func .expert a:hover:after{content:"";width:100%;}

.main-news .func .share{padding:0 2vw;}

.main-news .func .share span{display:block;line-height:1.3vw;margin-bottom:0.5vw;font-size:0.83vw;font-weight:bold;}

.main-news .func .share a{display:inline-block;vertical-align:top;width:2vw;height:2vw;margin-right:0.5vw;background-image:url(../images/icon-sns.png);background-size:500% 300%;background-position-y:-100%;}

.main-news .func .share a:hover{background-position-y:-200%;}

.main-news .func .share .twitter{background-position-x:0;}

.main-news .func .share .youtube{background-position-x:-100%;}

.main-news .func .share .facebook{background-position-x:-200%;}

.main-news .func .share .linkedin{background-position-x:-300%;}

.main-news .func .share .instagram{background-position-x:-400%;}









.main-contact .cont{padding:4vw 0;background-color:#f6f7f9;text-align:center;}

.main-contact .cont h2{line-height:2vw;margin-bottom:0.5vw;font-size:1.56vw;}

.main-contact .cont p{line-height:1.5vw;font-size:0.9375vw;color:#333;}

.main-contact .cont .message{margin:3vw 0 4vw;}

.main-contact .cont .message form{display:flex;justify-content:space-between;flex-wrap:wrap;}

.main-contact .cont .message ul{width:49.3%;}

.main-contact .cont .message li{height:2.6vw;margin-bottom:0.8vw;border-radius:1.3vw;background-color:#fff;box-shadow:0 0 0.5vw rgba(0,0,0,.1);overflow:hidden;}

.main-contact .cont .message li input{width:100%;height:2.6vw;padding:0 1vw;border:none;box-sizing:border-box;font-size:0.9375vw;}

.main-contact .cont .message li select{width:100%;height:2.6vw;padding:0 1vw;border:none;box-sizing:border-box;font-size:0.9375vw;cursor:pointer;}

.main-contact .cont .message li textarea{width:100%;height:100%;padding:0.8vw 1vw;border:none;box-sizing:border-box;font-size:0.9375vw;}

.main-contact .cont .message li.tr{height:12.8vw;}

.main-contact .cont .message li.cd{position:relative;padding-right:7.5vw;}

.main-contact .cont .message li.cd img{position:absolute;right:0;top:0;width:auto;height:100%;cursor:pointer;}

.main-contact .cont .message .sub{width:100%;margin-top:1vw;}

.main-contact .cont .message .sub input{width:14vw;height:2.6vw;font-size:0.9375vw;background-color:#1d3686;color:#fff;border-radius:2vw;}

.main-contact .cont .way ul{display:flex;justify-content:space-between;flex-wrap:wrap;}

.main-contact .cont .way li{width:32.15%;padding:1.3vw 2.6vw;box-sizing:border-box;border-radius:1vw;box-shadow:0 0 0.5vw rgba(0,0,0,.1);background-color:#fff;}

.main-contact .cont .way li h3{line-height:1.5vw;margin:1vw 0;font-size:1.25vw;color:#000;}

.main-contact .cont .way li:before{content:"";display:block;width:2.4vw;height:2.4vw;margin:0 auto;background-image:url(../images/icon-contact2.png);background-size:300% 100%;}

.main-contact .cont .way li:nth-child(2):before{background-position-x:-100%;}

.main-contact .cont .way li:nth-child(3):before{background-position-x:-200%;}

.main-contact .follow{padding:2.6vw 0;background-image:linear-gradient(to right,#142d80,#1f4eec);}

.main-contact .follow .main-width{display:flex;justify-content:space-between;}

.main-contact .follow .logo{height:2.45vw;}

.main-contact .follow .logo img{width:auto;height:100%;}

.main-contact .follow .sns{padding:0.05vw 0;}

.main-contact .follow .sns span{display:inline-block;vertical-align:top;line-height:2.45vw;margin-right:1vw;font-size:1.25vw;font-weight:bold;color:#fff;}

.main-contact .follow .sns a{display:inline-block;vertical-align:top;width:2.45vw;height:2.45vw;}

.main-contact .follow .sns .twitter{background-position-x:0;}

.main-contact .follow .sns .youtube{background-position-x:-100%;}

.main-contact .follow .sns .facebook{background-position-x:-200%;}

.main-contact .follow .sns .linkedin{background-position-x:-300%;}

.main-contact .follow .sns .instagram{background-position-x:-400%;}

.main-contact .map{height:30vw;overflow:hidden;}

.main-contact .map iframe{border:none;width:100%;height:100%;}


.main-contact .follow .sns a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    width: 2.45vw;
    height: 2.45vw;
    margin: 0 5px;
    border-radius: 50%;
    background: #f8f9fa;
    color: #666;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid #e9ecef;
    position: relative;
}

.main-contact .follow .sns a:hover {
    background: #007bff;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0,123,255,0.3);
}

.main-contact .follow .sns a i {
    font-size: 1.2vw;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.main-contact .follow .sns a img {
    width: 1.2vw;
    height: 1.2vw;
    object-fit: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 特定平台的悬停颜色 */
.main-contact .follow .sns a.twitter:hover { background: #1da1f2; }
.main-contact .follow .sns a.youtube:hover { background: #ff0000; }
.main-contact .follow .sns a.facebook:hover { background: #1877f2; }
.main-contact .follow .sns a.instagram:hover { background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); }
.main-contact .follow .sns a.linkedin:hover { background: #0077b5; }
.main-contact .follow .sns a.pinterest:hover { background: #bd081c; }
.main-contact .follow .sns a.tiktok:hover { background: #000000; }
.main-contact .follow .sns a.weixin:hover { background: #07c160; }
.main-contact .follow .sns a.weibo:hover { background: #e6162d; }
.main-contact .follow .sns a.qq:hover { background: #12b7f5; }
.main-contact .follow .sns a.whatsapp:hover { background: #25d366; }
.main-contact .follow .sns a.telegram:hover { background: #0088cc; }
.main-contact .follow .sns a.skype:hover { background: #00aff0; }
.main-contact .follow .sns a.viber:hover { background: #7360f2; }

/* 响应式设计 */
@media (max-width: 768px) {
    .main-contact .follow .sns a {
        width: 40px;
        height: 40px;
    }
    .main-contact .follow .sns a i {
        font-size: 18px;
    }
    .main-contact .follow .sns a img {
        width: 20px;
        height: 20px;
    }
}




.main-about{background-color:#f6f7f9;}

.main-about h2{line-height:3vw;margin-bottom:1.5vw;font-size:2.5vw;color:#000;}

.main-about p{line-height:1.3vw;font-size:0.83vw;color:#333;}

.main-about .profile{padding:5.5vw 0;background-image:url(../images/profile-bg.png);background-size:73vw auto;background-position:center;background-attachment:fixed;background-repeat:no-repeat;}

.main-about .profile .cont{margin-bottom:7vw;}

.main-about .profile .cont .text{position:sticky;top:10vw;float:left;width:54%;}

.main-about .profile .cont .text p{margin-bottom:1.3vw;}

.main-about .profile .cont .slide{float:right;width:44.3%;text-align:center;}

.main-about .profile .cont .slide li{padding:7vw 0;}

.main-about .profile .cont .slide li span{display:block;height:10vw;line-height:10vw;margin-bottom:1vw;font-size:9vw;font-weight:900;color:#1d3686;}

.main-about .profile .cont .slide li span i{font-size:1.5vw;}

.main-about .profile .cont .slide li p{line-height:3vw;font-size:2.5vw;color:#000;}

.main-about .profile .cont .slide li img{width:auto;height:12.6vw;}

.main-about .profile .pic{border-radius:1vw;overflow:hidden;}

.main-about .profile .pic img{width:100%;height:auto;}

.main-about .team{padding:5.5vw 0;overflow:hidden;background-color:#fff;}

.main-about .team .text{float:left;width:34.3%;padding-top:4.5vw;}

.main-about .team .text ul{margin-top:4vw;}

.main-about .team .text li{float:left;text-align:center;}

.main-about .team .text li span{display:block;height:3.2vw;line-height:3.2vw;font-size:3vw;color:#1d3686;}

.main-about .team .text li span i{font-size:1vw;}

.main-about .team .text li:nth-child(1){margin-right:5vw;}

.main-about .team .pic{float:right;width:53.57%;border-radius:1vw;overflow:hidden;}

.main-about .team .pic img{width:100%;height:auto;}

.main-about .certification{padding:5.5vw 0;overflow:hidden;}

.main-about .certification .text{float:left;width:32.15%;}

.main-about .certification .text img{width:auto;height:1.9vw;margin-top:2vw;margin-right:1vw;}

.main-about .certification .pic{float:right;display:flex;justify-content:space-between;width:58.57%;}

.main-about .certification .pic img{width:auto;height:13vw;}

.main-about .factory{padding:5.5vw 0 2.75vw;text-align:center;background-color:#fff;}

.main-about .factory h2{margin-bottom:3vw;}

.main-about .factory .slide-fac{position:relative;}

.main-about .factory .slide-pic{width:68vw;margin:0 auto;}

.main-about .factory .slide-pic li{float:left;width:22vw;margin-right:1vw;}

.main-about .factory .slide-pic li img{width:100%;height:auto;}

.main-about .factory .btn{position:absolute;top:50%;width:50px;height:50px;line-height:48px;margin-top:-25px;border:1px solid #1d3686;color:#1d3686;background-color:#fff;border-radius:50%;box-sizing:border-box;font-size:20px;text-align:center;cursor:pointer;}

.main-about .factory .prev{left:-50px;}

.main-about .factory .next{right:-50px;}

.main-about .process{padding:2.75vw 0 5.5vw;text-align:center;background-color:#fff;}

.main-about .process h2{margin-bottom:3vw;}

.main-about .process .slide-pro{position:relative;}

.main-about .process .slide-pic li{position:relative;width:73vw;overflow:hidden;}

.main-about .process .slide-pic li span{position:absolute;right:0;top:0;line-height:16vw;font-size:15.6vw;font-weight:800;;color:#f6f7f9;}

.main-about .process .slide-pic li h3{position:relative;float:right;width:40%;line-height:4vw;padding-right:10%;padding-top:3vw;font-size:3.75vw;font-weight:bold;text-align:left;box-sizing:border-box;z-index:2;}

.main-about .process .slide-pic li .pic{float:left;width:53.57%;border-radius:1.3vw;overflow:hidden;}

.main-about .process .slide-pic li .pic img{width:100%;height:auto;}

.main-about .process .slide-dot{position:absolute;right:0;bottom:0;width:40%;height:50px;overflow:hidden;}

.main-about .process .slide-dot ul{float:left;padding:15px 0;}

.main-about .process .slide-dot li{float:left;width:20px;height:20px;margin-right:0.5vw;padding:5px;border:1px solid #fff;border-radius:50%;box-sizing:border-box;}

.main-about .process .slide-dot li:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background-color:#1d3686;}

.main-about .process .slide-dot li.active{border-color:#1d3686;}

.main-about .process .slide-dot .btn{float:right;}

.main-about .process .slide-dot .btn span{display:inline-block;vertical-align:top;width:50px;height:50px;line-height:48px;border:1px solid #1d3686;color:#1d3686;border-radius:50%;box-sizing:border-box;font-size:20px;text-align:center;cursor:pointer;}

.main-about .process .slide-dot .btn .prev{margin-right:1vw;}

.main-about .culture{padding:5.5vw 0;}

.main-about .culture h2{margin-bottom:3vw;text-align:center;}

.main-about .culture .cont{display:flex;justify-content:space-between;}

.main-about .culture .cont .item{position:relative;width:48.57%;padding:3.6vw 6vw 6.5vw 5vw;box-sizing:border-box;border-radius:1vw;background-color:#fff;box-shadow:0 0 1vw rgba(0,0,0,.1);}

.main-about .culture .cont .item h3{line-height:2vw;margin-bottom:1vw;font-size:1.875vw;font-weight:bold;color:#000;}

.main-about .culture .cont .item p{line-height:1.6vw;font-size:1.25vw;}

.main-about .culture .cont .item:after{content:"";position:absolute;right:1.5vw;bottom:1.5vw;width:4vw;height:4vw;background-image:url(../images/icon-culture.png);background-size:200% 100%;}

.main-about .culture .cont .item:nth-child(2):after{background-position-x:-100%;}





.list-products{padding:3vw 0 4vw;background-color:#f6f7f9;}

.list-products .catepro{margin-bottom:1vw;}

.list-products .catepro ul{display:flex;justify-content:space-between;flex-wrap:wrap;}

.list-products .catepro li{width:48.6%;margin-bottom:2.8%;background-color:#fff;border-radius:1vw;box-sizing:border-box;box-shadow:0 0 1vw rgba(0,0,0,.05);overflow:hidden;}

.list-products .catepro li a{position:relative;display:flex;align-items:center;line-height:1.6vw;padding:2vw 1vw 2vw 2vw;font-size:1.25vw;}

.list-products .catepro li.active{background-color:#1d3686;}

.list-products .catepro li.active a{color:#fff;}

/* 删除伪类图标样式 */

.list-products .filter{margin-bottom:4vw;}

.list-products .filter .search{position:relative;width:22vw;max-width:100%;height:2.85vw;margin:0 auto;padding-right:2.85vw;background-color:#fff;border-radius:2vw;box-shadow:0 0 1vw rgba(0,0,0,.1);box-sizing:border-box;overflow:hidden;}

.list-products .filter .search input[type="text"]{width:100%;height:2.85vw;padding-left:1.5vw;font-size:0.9375vw;box-sizing:border-box;}

.list-products .filter .search input[type="submit"]{position:absolute;right:0;top:0;width:2.85vw;height:2.85vw;background-image:url(../images/icon-search3.png);background-color:initial;background-size:1vw 1vw;background-repeat:no-repeat;background-position:center;cursor:pointer;}

.list-products .list{margin-bottom:2vw;}

.list-products .list ul{width:102.38%;}

.list-products .list li{ float:left;width:22.6744%;margin:0 2.3256% 2.3256% 0;border-radius:1vw;box-shadow:0 0 1vw rgba(0,0,0,.05);text-align:center;overflow:hidden;background-color:#fff;transition:all .5s;}

.list-products .list li.on{display: block;}

.list-products .list li .pic{height:0;padding-bottom:100%;border-radius:0 0 1vw 1vw;background-color:#fff;overflow:hidden;}

.list-products .list li .pic img{width:100%;height:auto;}

.list-products .list li .text{padding:1.3vw 0.8vw;}

.list-products .list li .text h3{line-height:1.3vw;margin-bottom:0.5vw;font-size:0.83vw;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:all .5s;}

.list-products .list li .text a{position:relative;display:inline-block;vertical-align:top;line-height:1.5vw;padding-right:1.8vw;font-size:0.73vw;transition:all .5s;}

.list-products .list li .text a span{position:relative;z-index:2;}

.list-products .list li .text a:before{content:"";position:absolute;right:0.5vw;top:0.35vw;width:0.8vw;height:0.8vw;background-color:#1d3686;border-radius:1vw;transition:all .5s;}

.list-products .list li .text a:after{content:">";position:absolute;right:0.5vw;top:0;width:0.8vw;line-height:1.5vw;color:#fff;font-size:0.625vw;text-align:center;font-family:'SimHei';}

.list-products .list li .text a:hover{padding:0 1.5vw 0 1vw;color:#fff;}

.list-products .list li .text a:hover:before{right:0;top:0;width:100%;height:100%;}

.list-products .list li:hover{background-color:#1d3686;}

.list-products .list li:hover .text h3{color:#fff;}

.list-products .list li:hover .text a{color:#fff;}

.list-products .list li:hover .text a:before{background-color:#fff;}

.list-products .list li:hover .text a:after{color:#1d3686;}

.list-products .list li:hover .text a:hover{color:#1d3686;}

.list-products .list:after{content:"";display:block;height:0;clear:both;}





.main-products{padding-bottom:4vw;background-color:#f6f7f9;overflow:hidden;}

.main-products h2{position:relative;line-height:2vw;margin-bottom:1vw;padding-bottom:0.8vw;border-bottom:1px solid #ddd;font-size:1.56vw;font-weight:normal;}

.main-products h2:after{content:"";position:absolute;left:0;bottom:-2px;width:55px;height:3px;background-color:#1d3686;}

.main-products .bread{padding:1.8vw 0;margin-top:4.8vw;}

.main-products .bread p{color:#999;}

.main-products .bread p:before{background-position-x:-100%;}

.main-products .bread a,.main-products .bread span{color:#999;}

.main-products .overview{margin-bottom:4vw;overflow:hidden;}

.main-products .overview .slide-pro{position:relative;float:left;width:36.5vw;}

.main-products .overview .slide-pic{width:36.5vw;height:36.5vw;overflow:hidden;}

.main-products .overview .slide-pic li{width:36.5vw;height:36.5vw;}

.main-products .overview .slide-pic li img{width:100%;height:auto;}

.main-products .overview .slide-dot{position:absolute;left:0;bottom:1.5vw;width:100%;height:20px;overflow:hidden;text-align:center;}

.main-products .overview .slide-dot li{display:inline-block;vertical-align:top;width:20px;height:20px;margin:0 0.25vw;padding:5px;border:1px solid #fff;border-radius:50%;box-sizing:border-box;}

.main-products .overview .slide-dot li:after{content:"";display:block;width:100%;height:100%;border-radius:50%;background-color:#1d3686;}

.main-products .overview .slide-dot li.active{border-color:#1d3686;}

.main-products .overview .btn{position:absolute;top:50%;width:50px;height:50px;line-height:47px;margin-top:-25px;border:1px solid #1d3686;color:#1d3686;border-radius:50%;box-sizing:border-box;font-size:20px;text-align:center;cursor:pointer;}

.main-products .overview .prev{left:1.3vw;}

.main-products .overview .next{right:1.3vw;}

.main-products .overview .text{float:right;width:44%;padding-top:2vw;}

.main-products .overview .text h1{line-height:1.8vw;padding-bottom:1.4vw;margin-bottom:1.4vw;border-bottom:1px solid #ddd;font-size:1.56vw;}

.main-products .overview .text .feature{margin-bottom:2.5vw;}

.main-products .overview .text .feature h3{line-height:1.5vw;margin-bottom:1vw;font-size:1.25vw;color:#000;}

.main-products .overview .text .feature p{position:relative;line-height:1.3vw;margin-bottom:0.7vw;padding-left:1.3vw;font-size:0.83vw;}

.main-products .overview .text .feature p:after{content:">";position:absolute;left:0;top:0.25vw;width:0.8vw;height:0.8vw;line-height:0.8vw;padding-left:0.1vw;font-size:0.625vw;font-family:'SimHei';text-align:center;background-color:#1d3686;color:#fff;border-radius:50%;box-sizing:border-box;}

.main-products .overview .text .share{margin-bottom:2.5vw;}

.main-products .overview .text .share span{display:inline-block;vertical-align:top;line-height:1.66vw;padding:0 0.55vw;margin-right:0.5vw;font-size:0.83vw;background-color:#1d3686;color:#fff;border-radius:0.3vw;}

.main-products .overview .text .share a{display:inline-block;vertical-align:top;width:1.66vw;height:1.66vw;margin-left:0.3vw;background-image:url(../images/icon-sns.png);background-size:500% 300%;background-position-y:-100%;}

.main-products .overview .text .share .twitter{background-position-x:0;}

.main-products .overview .text .share .youtube{background-position-x:-100%;}

.main-products .overview .text .share .facebook{background-position-x:-200%;}

.main-products .overview .text .share .linkedin{background-position-x:-300%;}

.main-products .overview .text .share .instagram{background-position-x:-400%;}

.main-products .overview .text .inq{display:block;line-height:2.8vw;font-size:1.25vw;font-weight:bold;background-color:#1d3686;color:#fff;border-radius:0.5vw;text-align:center;text-transform:uppercase;}

.main-products .detail{margin-bottom:4vw;}

.main-products .detail p{line-height:1.3vw;margin-bottom:1vw;font-size:0.83vw;}

.main-products .detail img{max-width:100% !important;height:auto !important;}

.main-products .detail table{width:100%;}

.main-products .detail table th,.main-products .detail table td{line-height:1.1vw;padding:0.5vw;font-size:0.83vw;text-align:center;border:1px solid #ddd;}

.main-products .detail .message form{display:flex;justify-content:space-between;padding:2vw;background-color:#fff;}

.main-products .detail .message input[type="submit"]{width:15%;height:6.7vw;background-color:#1d3686;color:#fff;border-radius:1.3vw;box-sizing:border-box;font-size:1.5vw;font-weight:bold;}

.main-products .detail .message textarea{width:38.25%;height:6.7vw;line-height:1.2vw;padding:0.7vw;border:2px solid #eee;color:#333;border-radius:1.3vw;box-sizing:border-box;font-size:0.83vw;}

.main-products .detail .message .box{width:38.25%;}

.main-products .detail .message .box input{width:100%;height:2.6vw;padding:0 0.7vw;border:2px solid #eee;color:#333;border-radius:1.3vw;box-sizing:border-box;font-size:0.83vw;}

.main-products .detail .message .box input:nth-child(1){margin-bottom:1.5vw;}

.main-products .detail .ns-item{margin-bottom:6vw;overflow:hidden;}

.main-products .detail .ns-item h3{line-height:3vw;font-size:2.5vw;font-weight:bold;color:#142d80;}

.main-products .detail .ns-item p{line-height:1.5vw;font-size:1.25vw;}

.main-products .detail .ns-item img{width:100%;height:auto;}

.main-products .detail .ns-item .ditle{margin-bottom:2.6vw;text-align:center;}

.main-products .detail .ns-item .ditle p{margin-top:0.5vw;}

.main-products .detail .ns-item .imglist{display:flex;justify-content:space-between;flex-wrap:wrap;}

.main-products .detail .ns-item .imglist li{border-radius:0.8vw;overflow:hidden;text-align:center;}

.main-products .detail .ns-item .imglist li p{margin-top:0.5vw;}

.main-products .detail .ns-item .imglist.im4 li{width:23.857%;margin-bottom:1.5%;}

.main-products .detail .ns-item .imglist.im3 li{width:31.7857%;margin-bottom:2.3%;}

.main-products .detail .ns-item .video{position:relative;border-radius:1vw;overflow:hidden;}

.main-products .detail .ns-item .video i{position:absolute;left:50%;top:50%;width:5.8vw;height:5.8vw;margin:-2.9vw 0 0 -2.9vw;background-image:url(../images/play-icon.png);background-size:100% 100%;cursor:pointer;}

.main-products .detail .ns-item .tpbox{position:relative;overflow:hidden;}

.main-products .detail .ns-item .tpbox .pic{width:49.15%;border-radius:0.8vw;overflow:hidden;}

.main-products .detail .ns-item .tpbox .text{position:absolute;right:0;top:50%;transform:translateY(-50%);width:44.3%;max-height:100%;overflow-y:auto;text-align:left;}

.main-products .detail .ns-item .tpbox .text h3{margin-bottom:3vw;}

.main-products .detail .ns-item .tpbox .text p{margin-top:1.5vw;}

.main-products .detail .ns-item .tpbox .text::-webkit-scrollbar{;width:4px;height:4px;background-color:#999;}

.main-products .detail .ns-item .tpbox .text::-webkit-scrollbar-thumb{width:4px;height:4px;border-radius:2px;background-color:#142d80;}

.main-products .related ul{width:102.38%;}

.main-products .related li{display:none;float:left;width:22.6744%;margin:0 2.3256% 2.3256% 0;border-radius:1vw;box-shadow:0 0 1vw rgba(0,0,0,.05);text-align:center;overflow:hidden;background-color:#fff;transition:all .5s;}

.main-products .related li .pic{height:0;padding-bottom:100%;border-radius:0 0 1vw 1vw;background-color:#fff;overflow:hidden;}

.main-products .related li .pic img{width:100%;height:auto;}

.main-products .related li .text{padding:1.3vw 0.8vw;}

.main-products .related li .text h3{line-height:1.3vw;margin-bottom:0.5vw;font-size:0.9375vw;transition:all .5s;}

.main-products .related li .text a{position:relative;display:inline-block;vertical-align:top;line-height:1.5vw;padding-right:1.8vw;font-size:0.73vw;transition:all .5s;}

.main-products .related li .text a span{position:relative;z-index:2;}

.main-products .related li .text a:before{content:"";position:absolute;right:0.5vw;top:0.35vw;width:0.8vw;height:0.8vw;background-color:#1d3686;border-radius:1vw;transition:all .5s;}

.main-products .related li .text a:after{content:">";position:absolute;right:0.5vw;top:0;width:0.8vw;line-height:1.5vw;color:#fff;font-size:0.625vw;text-align:center;font-family:'SimHei';}

.main-products .related li .text a:hover{padding:0 1.5vw 0 1vw;color:#fff;}

.main-products .related li .text a:hover:before{right:0;top:0;width:100%;height:100%;}

.main-products .related li:hover{background-color:#1d3686;}

.main-products .related li:hover .text h3{color:#fff;}

.main-products .related li:hover .text a{color:#fff;}

.main-products .related li:hover .text a:before{background-color:#fff;}

.main-products .related li:hover .text a:after{color:#1d3686;}

.main-products .related li:hover .text a:hover{color:#1d3686;}

.main-products .related li.on{display:block;}