body{overflow-x: hidden;}
.swiper-pagination{z-index: 1;}
.swiper-pagination-clickable .swiper-pagination-bullet{height: 8px;width: 13px;border-radius: 4px;margin: 0 5px;opacity: 0.66;background-color: #f4f5f8;}
.swiper-pagination-bullet-active{width: 26px !important;background: #fabe00 !important;opacity: 1 !important;}

.page-ban{background: url(../img/pageban.jpg) no-repeat;background-size: cover;height: 35vw;padding-top: 14vw;box-sizing:border-box;text-align: center;color: #fff;}
.page-ban:before{content: none;display: inline-block;width: 14vw;height: 14vw;background: url(../img/ticon.png) no-repeat;background-size:contain;
    vertical-align: middle;}
.page-ban span{text-align: center;width: 100%; display: block;font-size: 4vw;
-webkit-animation: fadeInUp 0.8s ease 0.3s both;
-ms-animation: fadeInUp 0.8s ease 0.3s both;
-moz-animation: fadeInUp 0.8s ease 0.3s both;
-o-animation: fadeInUp 0.8s ease 0.3s both;}
.page-ban em{margin-left: 0.5em;display: block;font-size: 1.6vw;font-style: normal;text-transform: uppercase; -webkit-animation: fadeInUp 0.8s ease 0.3s both;
-ms-animation: fadeInUp 0.8s ease 0.5s both;
-moz-animation: fadeInUp 0.8s ease 0.5s both;
-o-animation: fadeInUp 0.8s ease 0.5s both;}
/* .page-ban.solution{background-image: url(../img/spageban.jpg);}
.network .page-ban{background-image: url(../img/npageban.jpg);}
.contus .page-ban{background-image: url(../img/cban.jpg);} */
.page-ban{background: none;position: relative;overflow: hidden;}
.page-ban .BannerShow_c1{position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100%;}
.page-ban .BannerShow_c1 div{width: 100%;height: 35vw;}
.page-ban .BannerShow_c1 img{min-width: 100%;min-height: 100%;width: 100%;height: 100%;object-fit: cover;}
.ResTitle_a1{display: inline-block;vertical-align: middle;text-align: right;margin-top: 3vw;}
.ResTitle_a1 br{display: none;}
.ClassList_b2 li{width: auto;}

.nav{position: relative;margin-bottom: 4vw;}
.nav:before{content: ""; background: #014fa1;display: block;width: 100%;height: 1px;position: absolute;top: 49%;z-index: -1;}
.NavList_a1,.ClassList_b3{display: inline-block;font-size: 0; border-radius: 10px;background: #fff;overflow: hidden;box-shadow: 4px 4px 8px 2px rgba(0,0,0,0.05);
-webkit-animation: fadeInUp 0.8s ease 0.6s both;
-ms-animation: fadeInUp 0.8s ease 0.6s both;
-moz-animation: fadeInUp 0.8s ease 0.6s both;
-o-animation: fadeInUp 0.8s ease 0.6s both;}
.NavList_a1 li,.ClassList_b3 li{display: inline-block;width: auto;text-align: center;}
.NavList_a1 a,.ClassList_b3 li a{font-size: 22px;color: #2a2a2a;display: inline-block;padding: 0.7vw 2.6vw;position: relative;min-width: 6em;
    transition:.3s all ease;-ms-transition:.3s all ease;-webkit-transition:.3s all ease;}
.NavList_a1 a:after,.ClassList_b3 li a:after{content: "";display: block;width: 1px;background: #014fa1;height: 1.1em;position: absolute;right: -1px;top: 50%;
transform: translate(0, -50%);-ms-transform: translate(0, -50%);-webkit-transform: translate(0, -50%);}
.NavList_a1 li:last-child a:after,.NavList_a1 a.on:after{display: none;}
.NavList_a1 a.on,.ClassList_b3 .on a{color: #fff;background: #014fa1;border-radius: 10px;}
.NavList_a1 a.on{color: #fff;background: #014fa1;border-radius: 10px;}

.ClassList_b2{margin-bottom: 20px;background: url(../img/abbg.jpg) no-repeat;
    background-size: cover;}
.ClassList_b2 a{padding: 0.5vw 1vw;background: #014fa1;color: #fff;}

.PosList_a1{color: #4c4c4c;font-size: 16px;line-height: 28px;margin: 1.5vw auto 3.5vw auto;}
.PosList_a1 a{color: inherit;}
.PosList_a1 b{font-weight: normal;}
.PosList_a1 span{padding-left: 34px;background: url(../img/loc.png) left center no-repeat;}

.ResTitle_a3{ text-align: center;line-height: 1.5;position: relative;font-size: 2vw;color: #fff;text-transform: uppercase;
    -webkit-animation: fadeIn 0.6s ease 0.3s both;-ms-animation: fadeIn 0.6s ease 0.3s both;
    -moz-animation: fadeIn 0.6s ease 0.3s both;-o-animation: fadeIn 0.6s ease 0.3s both;}
.ResTitle_a3 em,.ResTitle_a3 br{display: none;}

.main-box{margin: 0 auto 5.2vw auto;min-height: 400px;font-size: 16px;color: #2a2a2a;line-height: 1.8;}
img{max-width: 100%;}

/*详情*/
.NewsDetail_a1{margin: 2vw auto;max-width: 100%;box-shadow: 2px 3px 8px 2px rgba(0,0,0,0.15);padding: 40px;box-sizing: border-box;border-radius: 9px;}
.NewsDetail_a1 p img{max-width: 100%;}
.NewsDetail_a1 #nt{padding-bottom: 15px;margin-bottom:15px; font-size:24px; line-height:1.5; font-weight:normal; border-bottom:1px dotted #ccc; text-align:center;letter-spacing:1px;}
.NewsDetail_a1 #nf{width: 180px; margin:0 auto; margin-bottom:20px; height:20px; line-height:20px;}
.NewsDetail_a1 #nf em{font-style: normal;font-size: 16px; display:block; padding-top:2px; margin-right:2px; float:left;}
.NewsDetail_a1 #nf span{display:block; padding:2px; border-radius:5px; font-size:12px; width:18px; margin-right:4px; float:left; background:#999999; color:#fff; text-align:center; cursor:pointer;}
.NewsDetail_a1 #nf span.nf_on{ background:#014fa1;color: #fff;}
.NewsDetail_a1 em{font-style: normal;}

.NewsDetail_a1 .nf1{line-height:1.8; font-size:16px;min-height: 400px;}
.NewsDetail_a1 .nf2{line-height:1.8; font-size:18px;min-height: 400px;}
.NewsDetail_a1 .nf3{line-height:1.8; font-size:20px;min-height: 400px;}
.NewsDetail_a1 p{line-height: 1.8;}
.NewsDetail_a1 #nb{padding:10px 0px; margin-top:10px;text-align:center; color:#000; border-top: 1px dotted #ccc;}
.NewsDetail_a1 #newtb{line-height:30px; margin-top: 20px;color: #000;}
.NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{}
.NewsDetail_a1 #newtb>*{display:block; width:46%; float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsDetail_a1 #newtb>*:last-child{float: right;text-align:end;}
.NewsDetail_a1 #newtb a{color: #000;}
.NewsDetail_a1 #newskw{ font-size:14px; font-weight:bold; margin:10px 0; line-height:30px; word-spacing:1em;}
#newtb em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.NewsDetail_a1 table{border-collapse: collapse;border: 1px solid #cccccc;}
.NewsDetail_a1 td{ padding:3px 10px; color:#555;border: 1px solid #cccccc;}


.page{width: 100%;text-align: center;margin-top: 3.5vw;}
.page a,.page span,.map-btn{border: 1px solid #999999;font-size: 14px;color: #999999;padding: 6px 20px; line-height: 1.5;border-radius: 18px;display: inline-block;margin: 0 0.2vw 5px 0.2vw;text-align: center;}
.pageinfo{display: none;}
.page span.on,.page a:hover,.page a.on,.page a.cur,.page span.cur{background: #014fa1;border-color: #014fa1;color: #fff;}
.map-btn{width: 8em;padding: 6px 0;text-align: center;margin: 2vw auto 0 auto;display: none;background: #014fa1;color: #fff;border-color: #fff;}

#load_more_button{display: none;}
.VideoDisplay_a1{width:100%; margin:0 auto;}
.VideoDisplay_a1 h2{ display:block; line-height:1.2; padding-bottom: 20px;font-size: 22px; text-align:center;color: #014fa1;}
/*.VideoDisplay_a1_C{ height:700px;}*/
.VideoDisplay_a1_C iframe{max-width: 100% !important;height: 33vw;}
.VideoDisplay_a1_C video{max-width: 100% !important;height: 33vw;}
.VideoDisplay_a1_C embed{max-width: 100% !important;height: 33vw;}
.VideoDisplay_a1_back{text-align:center; height:40px; margin-top:30px;}
.VideoDisplay_a1_back a{ width:200px;}
.VideoDisplay_a1_C{text-align: center;}
.VideoDisplay_a1_back a.more{color: #014fa1;display:inline-block;font-weight: lighter; border: 1px solid #014fa1; 
    position:relative; transition: 0.6s; padding: 7px; padding-left:25px; padding-right: 25px;font-size:16px;z-index:1;}
.VideoDisplay_a1_back a.more::before{content: ""; position: absolute; top: 0; left: 0; width: 0%; height: 100%; 
background:#014fa1;z-index: -1;}
.VideoDisplay_a1_back a.more.on{background:#014fa1;color:#fff;}

.company{width: 100%;background: url(../img/abl.jpg) no-repeat;background-size: auto 100%;font-size: 0;}
.company .fl{float: none; 
/*width: 27.6%;*/
width: 38.6%;
color: #fff;box-sizing:border-box;padding: 2vw 2vw 2vw 7.3vw;font-size: 18px;}
.company .fl .ResTitle_a3{text-align: left; background: url(../img/line2.png) left bottom no-repeat;padding-bottom: 1.6vw;font-size: 1.8vw;}
.company .fl .ResTitle_a3 span{font-weight: bold;}
.company .fl p{display: block;margin-top: 2vw;}
.company .fr{
    /*width: 72.4%;*/
    width: 56.4%;
    float: none; }
.company .fr img{display: block;width: 100%;}
.about-t {background: url(../img/abbg.jpg) no-repeat;background-size: cover;background-attachment: fixed;padding: 2.4vw 0;position: relative;margin-bottom: 4vw;}
.about-t .ResTitle_a3{width: 1200px;max-width: 90%;margin: 0 auto;position: relative;}
.about-t .ResTitle_a3:after,.about-t .ResTitle_a3:before{content: "";height: 1px;width: 23.5vw;position: absolute;top: 50%;background: #fff;}
.about-t .ResTitle_a3:after{left: 0;}
.about-t .ResTitle_a3:before{right: 0;}

.about-m {margin-bottom: 4vw;}
.about-li{font-size: 0;}
.about-li .txt{width:  50%;font-size: 16px;color: #4c4c4c;line-height: 1.8;}
.about-li .img{width:  43.3%;}
.about-li img{width: 100%;display: block;}
.m3{margin-top: 4vw;}
.m2 {margin-top: 2vw;}
.m1 .txt{margin-left: 6.7%;}
.m2 .img{margin-left: 6.7%;}
.tit{font-size: 1.5vw;font-weight: bold;color: #4c4c4c;display: block;line-height: 1.5;
    border-bottom: 2px solid #014fa1;padding-bottom: 13px;margin-bottom: 13px;}
.tit span{display: block;}

.about-b{background: url(../img/arq.png) right bottom #fafafa no-repeat;background-size: auto 80%;margin-top: 4vw;
    line-height: 1.8;padding: 3vw 0 3.5vw 0;position: relative;box-shadow: 0 4px 8px 2px rgba(0,0,0,0.1);}
.about-b .alq{position: absolute;display: block;bottom: 4.5vw;width: 13vw;left: 0;}
.about-b .tit{margin-bottom: 1.8vw;padding-bottom: 1vw;}
.about-b .tit span{margin-bottom: 0.5vw;}
.about-b p{margin-bottom: 10px;}
.about-b .w1200{position: relative;}

.cultrue {text-align: center;margin-top: 2.5vw;font-size: 0;display: flex;justify-content: space-between;}
.cultrue li{display: inline-block;box-sizing:border-box;text-align: left;padding-bottom: 15px;border-bottom: 2px solid #014fa1;}
.cultrue li:last-child{margin-right: 0;}
.cultrue li>span{margin-right: 0.6vw; font-size: 55px;color: #014fa1;font-weight: bold;display: inline-block;vertical-align: middle;}
.cultrue li>p{text-transform: uppercase; font-size: 22px;color: #808080;text-transform: uppercase;display: inline-block;vertical-align: middle;text-align: left;line-height: 1.2;}
.cultrue li>p span{font-size: 30px;display: block;}

.new-t{background: url(../img/nbg.jpg);background-size: cover;padding: 7vw 0;text-align: center;margin-bottom: 4vw;}
.new-t .ResTitle_a3{padding: 0.5vw 2.6vw;border: 2px solid #fff;display: inline-block;}

.solution-box .list li{width: 47.5%;margin-right: 5%;float: left;margin-bottom: 4vw;position: relative;}
.solution-box .list li{display: block;position: relative;border-bottom: 2px solid #000000;padding-bottom: 5px;}
.solution-box .list li:after{content: "";display: block;position: absolute;bottom: -4px;height: 6px;background: #014fa1;width: 30%;
transition:.8s all ease;-ms-transition:.8s all ease;-webkit-transition:.8s all ease;}
.solution-box .list li:nth-child(2n){margin-right: 0;}
.solution-box .list .nwimg{display: block; height: 17vw;margin-bottom: 1.5vw;position: relative;overflow: hidden;}
.solution-box .list .nwimg img{position: absolute;left: 50%;top: 50%;min-height: 100%;width:100%;
    transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}
.PhotoList_i1 h4{display: none;}
.solution-box .list h3 a a{font-size: 26px;color: #4c4c4c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;display: inline-block;
width: calc(100% - 6em);line-height: 50px;}
.solution-box .list h3 a:after{content: "了解详情>>";font-style: normal;float: right;color: #014fa1;font-size: 22px;line-height: 50px;}
.solution-box .list p{display: none;}

.product .tit{font-size: 1.8vw;color: #4c4c4c;text-align: center;font-weight: bold;background: #eeeeee;border: none;padding: 1.8vw;margin-bottom: 3.5vw;position: relative;}
.product .tit span{color: #4c4c4c;}
.product>.fr{width: 73.9%;position: relative;}
.product>.fl{width: 26.1%;background: url(../img/pbg.jpg) no-repeat;background-size: cover;padding: 2vw 0 14.5vw 7vw;box-sizing:border-box;}
.product>.fl img{width: 80%;margin: 0 auto 3vw auto;display: block; max-width: 230px;}
.product .ballR{position: absolute;width: 7vw;top: 0vw;right: 0;}
.product .detail{width: 84.5%;margin-left: 4vw;margin-bottom: 3.5vw;}
.product .detail .bt{text-align: center;font-size: 26px;color: #014fa1;font-weight: bold;margin-bottom: 2vw;}
.product .detail .t{margin-bottom: 2.7vw;}
.product .detail .t .img{width: 43.3%;}
.product .detail .t .img a{position: relative;display: block;height: 22.5vw;border: 1px solid #f5f5f5;}
.product .detail .t .img a img{position: absolute;left: 50%;top: 50%;max-height: 98%;max-width: 98%;transform: translate(-50%,-50%);display: block;
-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.product .detail .t .txt{width: 52.5%;}
.product .detail .t .txt p{min-height: 2em;line-height: 1.8;text-indent: 2em;font-size: 18px;}
.product .detail .t .txt .swiper-container-thumbs{margin-top: 12%;}
.product .detail .t .txt li a{height: 6.2vw;overflow: hidden;display: block;position: relative;border: 1px solid #f5f5f5;box-sizing:border-box;}
.product .detail .t .txt li a img{position: absolute;left: 50%;top: 50%;max-height: 80%;max-width: 80%;transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}
.product .detail .t .txt .swiper-slide-thumb-active a{border-color: #014fa1;}
.product .detail .b{font-size: 18px;}
.product .detail .tab{width: 100%;margin-bottom: 3.5vw;}
.product .detail .bt2{font-size: 26px;color: #4c4c4c;font-weight: bold;/* margin-bottom: 2.6vw; */}
.product .detail .p66 .bt2{margin-bottom: 0;}
.product .detail .p66{margin-bottom: 2vw;}
.product .detail .p66 .img{width: 33%;}
.product .detail .p66 .txt{width: 63%;margin-left: 3%;}
.product .detail .swiper-container{width: 100%;}
.ClassList{text-align: center;margin: 0 auto;}
.class_g{margin-bottom: 1vw;background: #f5f5f5;border-bottom-left-radius: 13px;border-top-left-radius: 13px;overflow: hidden;}
.ClassList .cname{width: 100%;text-align: left;font-size: 18px;padding: 0.8vw 2vw;cursor: pointer;position: relative;
    box-sizing: border-box;color: #4c4c4c;line-height: 1.5;background-color: #fff;
    border-top-left-radius: 13px;border-bottom-left-radius: 13px;box-shadow: 4px 4px 4px 2px rgba(0,0,0,0.05);z-index: 1;
    overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.ClassList .on .cname{color: #014fa1;}
.ClassList .cname i{display: block; width: 0;height:0;border-left:0.7vw solid transparent;position: absolute;
    border-right: 0.7vw solid transparent;border-top: 1vw solid #4d4d4d; position: absolute;right: 1.6vw;top: 50%;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
    transform: translate(0 , -50%);-ms-transform: translate(0 , -50%);-webkit-transform: translate(0 , -50%);}
.ClassList .on .cname i{border-top-color: #014fa1; 
    transform: translate(0 , -50%) rotate(90deg);
    -ms-transform: translate(0 , -50%) rotate(90deg);
    -webkit-transform: translate(0 , -50%) rotate(90deg);}
.ClassList ul{width: 100%;display: none;}
.ClassList li{border-bottom: 1px solid #7d7d7d;}
.ClassList li:last-child{border: none;}
.ClassList .on {display: block;}
.ClassList li a{display: block;text-align: left;line-height: 1.5;padding: 0.8vw 2vw;font-size: 16px;
    color: #000000;position: relative;}

/*技术实力*/
.clearfix-time {display: block;zoom: 1;position: relative;padding: 3.7vw 0;}

.clearfix-time:before {content: '';display: block;width: 2px;height: 100%; background: #191d28;position: absolute;top: 0;left: 50%;}
.history .clearfix-time li h4:hover {color: #f8f8f8;transition: all 1s;transform: translateY(-15px)}
.history .clearfix-time li h4 {display: block;display: inline-block; color: #fff;text-transform: uppercase;padding: 0 10px;line-height: 1.4;
    background: #014fa1;font-size: 30px;transition: .5s;}
.history .clearfix-time li:before,.history .clearfix-time li:after{border-radius: 50%;background: #191d28;top: 14px;right: 0;
    content: "";display: block;position: absolute;width: 10px;height: 10px;border: 1px solid #0f080a;right: 0;margin-right: -6px;}
.history .clearfix-time li:after{background: none;width: 20px;height: 20px;top: 9px;margin-right: -11px;}
.history .clearfix-time li:nth-child(2n):before{margin-left: -6px; left: 0;}
.history .clearfix-time li:nth-child(2n):after {margin-left: -11px; left: 0;}
.history .clearfix-time li p {color: #4c4c4c;border-top: 1px solid #014fa1;display: block;text-align: left;padding-top: 12px;}
.history .clearfix-time li:nth-child(1) {margin-top: 0;}
.history .clearfix-time li {display: inline-block; width: 50%;text-align: left;position: relative;margin-top: 7vw;text-align: right;box-sizing: border-box;padding-right: 5%;}
.history .clearfix-time li:nth-child(2n) {float: right;text-align: left;padding-left: 5%;padding-right: 0;margin-top: 0;}
.history .clearfix-time li:nth-child(2){margin-top: 7vw;}

.history .t h3{font-size: 26px;color: #014fa1;font-weight: bold;display: block;margin-bottom: 2.6vw;}
.history .t {margin-bottom: 3.5vw;}
.history .t .fl{width: 43.5%;}
.history .t .fr{width: 52.25%;font-size: 18px;}
.history .t img{display: block;width: 100%;}
.history .t .fr img{margin-top: 2.4vw;}
.history .title2{text-align: center;text-transform: uppercase;font-size: 1.8vw;color: #4c4c4c;font-weight: bold;line-height: 1.4;margin-bottom: 2.6vw;}
.history .title2 span{display: block;}
.history .title2 em {position: relative; font-size: 18px;display: inline-block;font-weight: normal;font-style: normal;padding: 8px 0.3em;border-top: 1px solid #7d7d7d;}
.history .title2 em:after{content: "";display: block;width: 30%;position: absolute;left: 34%;background: #014fa1;height: 6px;top: -4px;}
    /* .history-text {height: 800px;} */
    .history-text .swiper-slide{height: auto;}

.contact .map{width: 61%;height: 470px;}
.contact .txt{width: 32%;padding-top: 1.5vw;}
.contact_txt h3{font-weight: bold;color: #4d4d4d;font-size: 22px;border-bottom: 2px solid #014fa1;padding-bottom: 10px;margin-bottom: 1.2vw;}
.contact_txt li{margin: 5% 0;line-height: 1.6; border-bottom: 1px dashed #bfbfbf;padding: 13px 0;display: block;font-size: 16px;color: #4d4d4d;padding-left: 2em;box-sizing:border-box;
position: relative;}
.contact_txt li i{width: 25px;margin-right: 0.8em;float: left;}
.contact_txt li p{display: inline;}
.contact_txt li>i{position: absolute;left: 0;top: 2px;width: 1.2em;top: 0.6em;}
.contact_txt li i img{max-width: 100%;display: inline-block;vertical-align: middle;}
.map_a1{width: 100%;height: 100%;font-size: 14px;}.map_a1{width: 100%;height: 100%;font-size: 14px;}

.network-box>h3{font-size: 1.8vw;margin-bottom: 1vw;}
.col2>div{width: 48.5%;margin-right: 3%;float: left;}
.col3>div{width: 31.3%;margin-right: 3.05%;display: inline-block; vertical-align: top;}
.col2>div:last-child,.col3>div:nth-child(3n){margin-right: 0;}
.network-list{margin-top: 3vw;font-size: 0;}
.network-list>li{margin-bottom: 10px;}
.network-list .ctitle h3{font-size: 1.5vw;line-height: 1.2; padding-left: 10px; color: #014fa1;font-weight: bold;margin-bottom: 1vw;border-left: 10px solid #014fa1;}
.network-list .ctitle span{margin-bottom: 10px; font-size: 18px;color: #fff;display: block;background: #535353;padding: 2px 12px;box-sizing:border-box;}
.network-list .clist{margin-bottom: 2.6vw;}
.network-list .clist p{color: #4d4d4d;line-height: 1.8;padding: 0 12px;margin-bottom: 5px;font-size: 16px;} 

.DownList_a1 li{border-top: 1px solid #e6e6e6;font-size: 26px;line-height: 1.5;}
.DownList_a1 li a:after{content: "";clear: both;display: block;}
.DownList_a1 li a{display: block;padding: 2vw 0;}
.DownList_a1 li:last-child{border-bottom: 1px solid #e6e6e6;}
.DownList_a1 li span{float: left;font-weight: bold;color: #4c4c4c;display: block;max-width: 75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;}
.DownList_a1 li i{height: 50px;display: block;font-style: normal; float: right; color: #4c4c4c;font-style: normal;padding-left: 50px; background: url(../img/d2.png) no-repeat;background-size: contain;background-position: left 100%;margin-right: 0.2em;
    vertical-align: middle;transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;}

.dot-p{padding-left: 2em;background: url(../img/y.png) no-repeat;background-size: 1em; background-position: 0.4em 0.4em;margin-bottom: 1.5vw;}
@media screen and (min-width: 1024px){
    .NavList_a1 li:hover a{color: #fff;background: #014fa1;border-radius: 10px;}
    .NewsDetail_a1 #newtb a:hover{color: #014fa1;}
    .honor-box .vmore:hover{background-color: #014fa1;color: #fff;}
    .PosList_a1 a:hover,.DownList_a1 li a:hover i{color: #014fa1;}
    .solution-box .list li:hover:after{width: 100%;}
    .solution-box .list li:hover img{transform:translate(-50%,-50%) scale(1.08,1.08) ;-ms-transform:translate(-50%,-50%) scale(1.08,1.08) ;-webkit-transform:translate(-50%,-50%) scale(1.08,1.08) ;}
    .ClassList li a:hover{background: #fff;color: #014fa1;}
    /*.DownList_a1 li a:hover i{background-image: url(../img/d.png);}*/
    .ClassList .cname a:hover {color: #014fa1;}
    .ClassList .cname:hover i{border-top-color: #014fa1;}
    .product .detail .t .txt li a:hover{border-color: #014fa1;}
}
@media screen and (max-width: 1440px){
    .ResTitle_a3{font-size: 22px;}
    .main-box{font-size: 16px;}
    .company{font-size: 0;background-size: 56% auto;}
    .company .fl{width: 40%;padding: 5vw 2vw 6vw 7.3vw;}
    .company .fr{width: 60%;}
    .network-list .ctitle h3,.network-box>h3{font-size: 20px;}
    .network-list .ctitle span{font-size: 16px;}
    .history .t .fr{font-size: 20px;}
    .history .title2{font-size: 2vw;}
}
@media screen and (max-width: 1300px){
    .cultrue li{padding-bottom: 0;}
    .cultrue li>span{font-size: 40px;}
    .cultrue li>p span{font-size: 22px;}
    .cultrue li>p{font-size: 16px;}

    .tit{font-size: 24px;}
    .about-li .txt{font-size: 18px;}
    .company .fl .ResTitle_a3{font-size: 24px;}
}
@media screen and (max-width: 1250px){
    .join-box .txt{width: 600px;}
    .join-box .txt>h3{font-size: 20px;}
    #history .h-box h3,.DownList_a1 li{font-size: 22px;}
    .hr_list .tit{font-size: 14px;}
    .hr_list .tit span{font-size: 16px;}
    .hr_list .txt{font-size: 14px;}

    .series-list li h4{font-size: 16px;}
    .series-list li p{font-size: 12px;}
    .hcabout_M .txt{font-size: 14px;}

    .history li h4{font-size: 22px;}
    .history li p{font-size: 18px;}

    .ClassList .cname{font-size: 18px;}
    .ClassList li a{font-size: 14px;}
    .ClassList .cname i{border-left-width: 0.5vw;border-right-width: 0.5vw;border-top-width: 0.7vw;}
    .product>.fl{padding-left: 5vw;}

    .history .title2{font-size: 30px;}
}
@media screen and (max-width: 1024px){
    .main-box{min-height: 500px;}
    .company .fl{width: 51%;}
    .company .fr{width: 49%;}
    .NavList_a1 a,.DownList_a1 li{font-size: 20px;}
    .page-ban{padding-top: 10vw;}
    .ResTitle_a1 span{font-size: 24px;}
    .DownList_a1 li a:before{-webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);}
    .cultrue li>span{font-size: 26px;}
    .cultrue li>p{font-size: 12px;}
    .cultrue li>p span{font-size: 16px;}
    .history .t{margin-bottom: 50px;}

    .VideoDisplay_a1 h2{font-size: 24px;}
    .VideoDisplay_a1_C video{max-width: 100%;height: auto;}

    .ClassList .cname{font-size: 18px;}
    .history .t .fr{font-size: 18px;}
    .solution-box .list .nwimg{height: 28vw;}

    .contact .txt{width: 43%;}
    .contact .map{width: 55%;margin-top: 3vw; height: 400px;}
    .map-btn{display: block;}

    .product .detail .t .img a{height: 26vw;}

    .history .clearfix-time li h4{font-size: 24px;}
}
@media screen and (max-width: 768px){
    .contact .txt{float: none; width: 100%;}
    .contact .map{float: none; width: 100%;height: 400px;}
    .col3>div,.col3>div:nth-child(3n){width: 48.5%;margin-right: 3%;}
    .col3>div:nth-child(2n){margin-right: 0;}

    .product .detail .bt2,.product .detail .t .txt p{font-size: 20px;}
    .product .detail .b{font-size: 18px;}
    .product .detail .bt{font-size: 20px;}
}
@media screen and (max-width: 640px){
    .page-ban .BannerShow_c1 div{height: 50vw;}
    .PosList_a1,.page,.page-ban:before{display: none;}
    .main-box{font-size: 3.8vw;margin-top: 8vw;min-height: 10vh;}
    .page-ban{background-position: center;height: 50vw;padding-top: 28vw;margin-top: 56px;}
    .ResTitle_a1{font-size: 5vw;margin: -8vw auto 0;}
    .ResTitle_a1 span{font-size: 6vw;}
    .ResTitle_a3{font-size: 4.8vw;}
    .new-t{padding: 8vw 0;margin-bottom: 8vw;}
    .ResTitle_a1 em{text-align: center;margin: 0 auto;font-size: 3.8vw;}
    .nav{margin-top:4vw;margin-bottom: 4vw;}
    .new-t .ResTitle_a3{border-width: 1px;}

    .NavList_a1{width: auto; max-width: 90%;border-radius: 5px;}
    .NavList_a1 a.on{border-radius: 5px;}
    .NavList_a1 a{font-size: 3.8vw;padding: 2vw 3vw;box-sizing:border-box;}
    .DownList_a1 li a{padding: 3.5vw 0;}
    .DownList_a1 li{font-size: 4.2vw;background-size: auto 100%;padding-right: 8vw;background: url(../img/d.png) right center no-repeat;background-size: auto 50%;}
    /*.DownList_a1 li i{display: none;}*/
    #load_more_button,.map-btn{font-size: 3.8vw;margin: 6vw auto 0 auto;padding: 1.5vw 0;display: block;border-radius: 5vw;
        background: #014fa1; width: 8em;text-align: center;color: #fff;}

    .company{background: #014fa1;}
    .company .fl,.company .fr{display: block;width: 100%;font-size: 3.8vw;}
    .company .fl{padding: 10vw 3%;}
    .company .fl .ResTitle_a3{font-size: 4.5vw;font-weight: normal; padding-bottom: 6vw;margin-bottom: 8vw;}

    .about-li .img,.about-li .txt{width: 100%;display: block;margin: 0;}
    .about-li .txt{margin-top: 6vw;font-size: 3.8vw;}
    .m2 .img{margin-top: 6vw;}
    .DownList_a1 li i{height: 40px;padding-left: 30px;}
    .tit{font-size: 4.5vw;}
    .cultrue{display: block;margin-top: 12vw;}
    .cultrue li{margin-right: 6vw;margin-bottom: 5vw;}
    .cultrue li>span{font-size: 7vw;}
    .cultrue li>p{font-size: 3.6vw;}
    .cultrue li>p span{font-size: 4.0vw;}
    .about-b{padding: 8vw 0;margin-top: 6vw;}
    .about-b .tit{padding-bottom: 3vw;margin-bottom: 3vw;}

    .product{margin-top: 0;}
    .product .detail .t .img a{height: 65vw;}
    .NewsList_g2 .bt{font-size: 4.5vw;}
    .product .tit{font-size: 4.5vw;padding: 4vw 0 ;margin-bottom: 0; background: none;}
    .product>.fl,.product>.fr{width: 100%;float: none;}
    .product>.fl:after{content: ""; display: block; width: 0;height:0;border-bottom:1.5vw solid transparent;position: absolute;
    border-top: 1.5vw solid transparent;border-left: 1.4vw solid #fff; position: absolute;right: 1.6vw;top: 50%;
    transition:.5s all ease-out;-ms-transition:.5s all ease-out;-webkit-transition:.5s all ease-out;
    transform: translate(0 , -50%);-ms-transform: translate(0 , -50%);-webkit-transform: translate(0 , -50%);}
    .product .ballR{width: 16vw;}
    .ClassList{display: none !important;}
    .product>.fl{padding: 0 3vw;color: #fff;margin-bottom: 4vw;position: relative;padding-right: 6vw;}
    .product>.fl .ClassList_b2 li a{display: block;padding: 4vw 3vw;font-size:4.2vw;}
    .product>.fl img{display: none;}
    .product .detail{width: 90%;margin: 0 auto;}
    .product .detail .t .txt li a{height: 26vw;}
    .product .detail .bt{font-size: 4.2vw;}
    .product .detail .t .img{float: none;width: 100%;}
    .product .detail .t .txt{width: 100%;float: none;margin-top: 5px;}
    .product .detail .b{font-size: 3.8vw;margin-top: 8vw;}
    .product .detail .t .txt p{font-size: 3.8vw;}
    .product .detail .t .txt p{min-height: unset;}
    .product .detail .bt2{font-size: 4.2vw;}
    .product .detail .p66{margin-bottom: 5vw;}
    .product .detail .p66 .img{width: 100%;text-align: center;display: block;}
    .product .detail .p66 .txt{width: 100%;display: block;margin-left: 0;}

    .NewsDetail_a1{margin: 0 auto;width: 100%;padding: 0;box-shadow: none;}
    .NewsDetail_a1 .nf1{font-size: 3.6vw;}
    .NewsDetail_a1 .nf2{font-size: 3.8vw;}
    .NewsDetail_a1 .nf3{font-size: 4.2vw;}
    .NewsDetail_a1 #nt{font-size: 3.9vw;}
    .NewsDetail_a1 #nb{font-size: 3.2vw;}
    .NewsDetail_a1 #nf em{font-size: 3.5vw;}
    .NewsDetail_a1 #nt{font-size: 4.1vw;line-height: 1.5;padding: 0 0 2vw 0;}
    .NewsDetail_a1 #newtb{margin-top: 0;}
    .NewsDetail_a1 #newtb a,.NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{font-size: 3.8vw;line-height: 1.5;}
    .NewsDetail_a1 #newtb span{margin-bottom: 2vw;}
    .NewsDetail_a1 #newtb span,.NewsDetail_a1 #newtb em{width: 100%;}
    .ResTitle_a1 .VideoDisplay_a1_back{font-size: 3.8vw;margin-top: 2vw;border-left: 3px solid #fecb09;padding: 1vw 0 1vw 3vw;line-height: 1.0; }

    .history .t {margin-bottom: 12vw;}
    .history .t h3{font-size: 4.5vw;}
    .history .t .fl{float: none;width: 100%;}
    .history .t .fr{float: none;width: 100%;font-size: 3.8vw;padding-top: 3vw;}
    .history .title2 span{font-size: 6vw;}
    .history .title2 em{font-size: 3.8vw;}
    .history .clearfix-time li h4{font-size: 5vw;}
    .history .clearfix-time li p{font-size: 3.6vw;}
    .history .clearfix-time li{display: block;text-align: left; width: 100%;padding-left: 0;margin-top: 3vw;padding-right: 5%;}
    .history .clearfix-time li:nth-child(2n){float:none;padding-left: 0;margin-top: 3vw;padding-right: 5%;}
    .swiper-scrollbar-drag{background-color: #014fa1;}
    .clearfix-time:before{left: -2px;display: none;}
    .history .clearfix-time li:before, .history .clearfix-time li:after{display: none;}
    .history-text {height: 60vh;}

    .solution-box .list li{width: 100%;float: none;margin-bottom: 6vw;}
    .solution-box .list h3 a{font-size: 4.2vw;line-height: 2.0;font-weight: bold;}
    .solution-box .list h3 a:after{font-size: 4.2vw;font-weight: normal;line-height: 2.0;}
    .solution-box .list .nwimg{height: 50vw;}
    .ClassList_b2 li.on a{position: relative;}
    .ClassList_b2 li.on a:after{content: "";display: block;width: 30%;height: 3px;background-color: #fff;position: absolute;left: 40%;bottom: 2vw;}
    .network-list .ctitle span{font-size: 3.8vw;margin-bottom: 3vw;}
    .network-list .ctitle h3{font-size: 4.5vw;border-left-width: 4px;margin-bottom: 3vw;}
    .network-list .clist{margin-bottom: 6vw;}
    .network-list>li{margin-bottom: 0;}
    .col2>div, .col2>div:nth-child(2n),.col3>div, .col3>div:nth-child(3n){width: 100%;float: none;margin: 0 auto 6vw auto;}
    .dot-p{background-size: 0.5em;background-position: 0.2em 0.7em;padding-left: 1.2em;}
    .map-btn{display: block;}
    .map{display: none;}
    .network-list .clist p{font-size: 3.8vw;}

    .contact_txt h3{font-size: 4.2vw;}
    .contact_txt li{font-size: 3.8vw;}
    .contact_txt li>i{top: 0.9em;}
    .VideoDisplay_a1_back a.more{font-size: 3.8vw;margin: 6vw auto 0 auto;padding: 1.5vw 0;display: block;border-radius: 5vw;background: #014fa1;width: 8em;text-align: center;color: #fff;}
    .VideoDisplay_a1 h2{font-size: 4.5vw;font-weight: bold;}
}