@charset "utf-8";
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-x:hidden;font-family:"SF Pro SC","HanHei SC","SF Pro Text","Myriad Set Pro","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif}
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0;-webkit-tap-highlight-color:transparent}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
fieldset,img{border:0;vertical-align:top}
ol,ul,li{list-style-type:none}
table{border-collapse:collapse;border-spacing:0;width: 100% ! important}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}
em,i{font-style:normal}
input,textarea{border:none;resize:none;outline:none;-webkit-appearance:none}
input[type="button"],input[type="submit"],input[type="reset"]{-webkit-appearance:none}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur())}
*{box-sizing:border-box}
body{color:#666;font-size:.6rem;background:#fff}
img{max-width:100%;height:auto;width:auto\9;-ms-interpolation-mode:blicubic}

.clearfix:after{clear:both;content:"";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix{zoom:1}
.fl{float:left}
.fr{float:right}
.mb20{margin-bottom:20px}
.eps{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wrapper{width:100%;min-width:250px;margin:0 auto;position:relative;padding:48px 0 2.7rem 0;overflow:hidden}
.con{padding:0 2%}
.hide{overflow:hidden}
.w1200{width:98%;margin:0 auto}

@font-face{font-family:'iconfont';src:url("../../../../../../at.alicdn.com/t/font_114953_jwn1yogewixusor.eot")/*tpa=http://at.alicdn.com/t/font_114953_jwn1yogewixusor.eot*/;src:url("../../../../../../at.alicdn.com/t/font_114953_jwn1yogewixusor.eot-#iefix")/*tpa=http://at.alicdn.com/t/font_114953_jwn1yogewixusor.eot?#iefix*/ format('embedded-opentype'),url("../../../../../../at.alicdn.com/t/font_114953_jwn1yogewixusor.woff")/*tpa=http://at.alicdn.com/t/font_114953_jwn1yogewixusor.woff*/ format('woff'),url("../../../../../../at.alicdn.com/t/font_114953_jwn1yogewixusor.ttf")/*tpa=http://at.alicdn.com/t/font_114953_jwn1yogewixusor.ttf*/ format('truetype'),url("../../../../../../at.alicdn.com/t/font_114953_jwn1yogewixusor.svg#iconfont")/*tpa=http://at.alicdn.com/t/font_114953_jwn1yogewixusor.svg#iconfont*/ format('svg')}
.iconfont{font-family:"iconfont" !important;font-size:18px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}

.icon_home::before{content:"\e64d"}
.icon_nav1::before{content:"\e658"}
.icon_nav2::before{content:"\e667"}
.icon_nav3::before{content:"\e652"}
.icon_nav4::before{content:"\e641"}
.icon_nav5::before{content:"\e641"}
.icon_nav6::before{content:"\e650"}
.icon_nav7::before{content:"\e615"}
.icon_ry::before{content:"\e66c"}
.icon_kf::before{content:"\e605"}
.icon_dh::before{content:"\e602"}
.icon_ly::before{content:"\e606"}
.icon_lx::before{content:"\e63c"}

.header{width:100%;height:50px;text-align:center;line-height:50px;position:fixed;left:0;top:0;background-color:#fff;font-size:18px;z-index:999}
.header .logo{position:absolute;left:8px;height:40px;width:115px;text-align:left}
.header .pagelogo{height:40px;width:115px;text-align:center;margin:0 auto}
.header .logo img{max-width:100%;max-height:100%;vertical-align:middle}
.header .pagelogo img{max-width:100%;max-height:100%;vertical-align:middle}
.header .icon-left{position:absolute;left:8px;top:0;font-size:25px}
.header .icon-daohang{position:absolute;right:8px;top:0;font-size:22px}
.header .header-anchor-list{display:flex;justify-content:center;font-size:18px;line-height:45px;height:45px;overflow:hidden}
.header .header-anchor-list li{margin:0 10px;cursor:pointer}
.header .header-anchor-list li.active span{border-bottom-color:#3888c5;color:#3888c5}
.header .header-anchor-list li span{display:inline-block;vertical-align:top;border-bottom:2px solid transparent;height:45px}

.menu-container-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:1000;background-color:rgba(0,0,0,0.6);left:100%;transition:0.2s}
.menu-container{position:absolute;top:0;right:0;width:60%;height:100%;overflow:hidden;background-color:#fff}
.top-menu-list{position:absolute;top:0;right:0;width:100%;height:100%;transition:0.2s}
.top-menu-list.active{transform:translateX(-100%)}
.top-menu-list > li{height:48px;line-height:48px}
.top-menu-list > li li:first-child,.top-menu-list > li:first-child{height:45px}
.top-menu-list > li li:first-child > a,.top-menu-list > li:first-child > a{background-color:#3888c5;height:50px;color: #fff;}
.top-menu-list > li a{height:100%;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font-size: 14px;}
.top-menu-list ul{position:absolute;left:100%;width:100%;background-color:#fff;top:0;height:100%;display:none}
.top-menu-list ul.active{display:block}
.tabbar{width:100%;height:50px;position:fixed;left:0;bottom:0;background-color:#fff;display:flex;color:#8a8a8a}
.tabbar .item{width:25%;display:flex;align-items:center;justify-content:center;flex-direction:column}
.tabbar .item.active{color:#096dd9}
.tabbar .item.active .icon{color:#096dd9}
.tabbar .icon{font-size:20px;margin-bottom:3px;color:#565656}

.search{padding:2%;position:relative}
.search form{border:1px solid #d7d7d7;border-radius:3px;width:100%;display:block;height:1.6rem;line-height:1.6rem}
.search .sear_text{width:88%;padding-left:3%;height:100%;line-height:1.6rem;float:left}
.search .sear_btn{width:12%;height:100%;float:left;background:none;position:relative;z-index:2;font-family:"iconfont" !important;color:#333;font-size:.8rem}

.listWrapper .search{border-bottom:none;margin-bottom:15px;padding:0}
.listWrapper  .search::before{top:.3rem;right:3%}

.mainBox{position:relative}

.banner{position:relative;overflow:hidden}
.banner .hd{position:absolute;height:28px;line-height:28px;bottom:0;right:0;z-index:1;width:100%;text-align:center}
.banner .hd li{display:inline-block;width:5px;height:5px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background:#fff;text-indent:-9999px;overflow:hidden;margin:0 6px}
.banner .hd li.on{background:#014f9f}
.banner .bd{position:relative;z-index:0}
.banner .bd li{position:relative;text-align:center}
.banner .bd li img{background:url("images/loading.gif")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/css/images/loading.gif*/ center center no-repeat;vertical-align:top;width:100%}
.listBanner{height: 130px;position: relative;}
.listBanner img{width: 100%; height: 100%;object-fit: cover}
.listBanner .slogan{ position: absolute;
    left: 0;
    top: 36%;
    width: 100%;
    text-align: left;}
.listBanner .slogan .woWidth{width: 95%;margin:0 auto;}
.listBanner .slogan h3{font-size: 18px;color: #fff;}
.listBanner .slogan p{font-size: 14px;color: #fff;text-transform: uppercase;}



.intie{font-size:30px;color:#000;text-align:center;margin-bottom:30px}
.intie p{font-size:14px;color:#727272;margin-top:10px;text-transform:uppercase;font-weight:normal}
.Bintie{color: #fff;}
.Bintie p{color: #fff;}

#main{padding:0 2%}

/*首页-关于*/
.aboutIndex{padding:30px 0;background:url("../images/bg-aboutIndex.jpg")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/bg-aboutIndex.jpg*/no-repeat top center;overflow:hidden}
.aboutFl{width:100%;height:220px;margin-bottom:30px}
.aboutFl img{width:100%;height:100%;position:relative;object-fit:cover}
.aboutFl span{display:block;position:relative;width:100%;height:100%;z-index:0}
.aboutFl span:after{content:'';position:absolute;left:5%;bottom:-5%;width:90%;height:90%;background:rgba(59,157,204,0.8);z-index:-1}
.aboutFr{float:right;width:100%;position:relative}
.aboutFr .mainTie{font-size:60px;color:#000;padding:15px 0;margin-bottom:50px;position:relative;display:inline-block}
.aboutFr .mainTie:after{content:'';position:absolute;right:41%;top:24px;width:1px;height:20px;background:#a9a4a4;transform:rotateZ(30deg)}
.aboutFr .viceTie{display:block;font-size:25px;color:#000;margin-bottom:30px;font-weight:normal;text-align:center}
.aboutFr dt{font-size:14px;color:#736e6e;line-height:24px;margin-bottom:24px}
.aboutFr .moreIndex{font-size:14px;width:86px;color:#736e6e;background:url("../images/icon-moreIndex.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-moreIndex.png*/no-repeat right;padding:7px 30px 7px 0;background-size:22%;display:block;margin:0 auto}
.aboutFr .moreIndex:hover{color:#3888c5}
.aboutFr .focus{width: 100%;margin-top: 20px;}
.aboutFr .focus li{float: left;width: 33.33%;text-align: center;}
.aboutFr .focus li span{font-size: 14px;color: #333333;}
.aboutFr .focus li p{font-size: 12px;color: #999999;}
.aboutFr .focus li i{display: block;margin:0 auto;width: 92px;height: 92px;background: url("../images/intel1.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/intel1.png*/no-repeat center;background-position: 0 0;transition: .5s all;-webkit-transition:.5s all;}
.aboutFr .focus li:nth-child(2) i{background: url("../images/intel2.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/intel2.png*/no-repeat center;background-position: 0 0;}
.aboutFr .focus li:nth-child(3) i{background: url("../images/intel3.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/intel3.png*/no-repeat center;background-position: 0 0;}
.aboutFr .focus li:hover i{display: block;margin:0 auto;width: 92px;height: 92px;background: url("../images/intel1.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/intel1.png*/no-repeat center;background-position: 0 -93px;}
.aboutFr .focus li:nth-child(2):hover i{background: url("../images/intel2.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/intel2.png*/no-repeat center;background-position: 0 -88px;}
.aboutFr .focus li:nth-child(3):hover i{background: url("../images/intel3.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/intel3.png*/no-repeat center;background-position: 0 -115px;}


/*首页-实力展示*/
.aboutIndex .conStrength{float:left;width:100%;margin-top:30px}
.aboutIndex .conStrength .conStrength-box{width:100%;position:relative;padding-bottom:60px}
.aboutIndex .conStrength .conStrength-box .conStrength-list{width:100%;height:100%;overflow:hidden}
.aboutIndex .conStrength .conStrength-box .conStrength-list ul li{float:left;background:#ededed}
.aboutIndex .conStrength .conStrength-box .conStrength-list ul li span{width:90%;height:90%;background:#fff;margin:5% auto;display:flex;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;align-items:center;padding:10px 0}
.aboutIndex .conStrength .conStrength-box .conStrength-list ul li span img{margin:0 auto;max-width:100%;max-height:100%;object-fit:scale-down}
.conStrength-pagination{width:100%;margin-left:4%;text-align:center}
.conStrength-pagination span{width:20px;height:4px;border-radius:0;margin:0 4px}
.conStrength-pagination span.swiper-pagination-bullet-active{background:#399cca}
.conStrength-btn{position:absolute;right:0;height:40px;bottom:10px;text-align: center;width: 100%}
.conStrength-btn a{display:inline-block;width:60px;height:40px;background:#9e9fa0 url("../images/icon-conStrength-prev.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-prev.png*/no-repeat center;transition:.5s all;-webkit-transition:.5s all;margin:0 10px}
.conStrength-btn a:nth-child(2){background:#9e9fa0 url("../images/icon-conStrength-next.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-next.png*/no-repeat center}
.conStrength-btn a:hover{background:#399cca url("../images/icon-conStrength-prev.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-prev.png*/no-repeat center}
.conStrength-btn a:nth-child(2):hover{background:#399cca url("../images/icon-conStrength-next.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-next.png*/no-repeat center}
.aboutIndex .conStrength .conStrength-video{width:100%;position:relative;cursor:pointer}
.aboutIndex .conStrength .conStrength-video:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/icon-video.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-video.png*/no-repeat center;background-size:16%;transition:.5s all;-webkit-transition:.5s all}
.aboutIndex .conStrength .conStrength-video h3{position:absolute;left:5%;top:10%;font-size:24px;color:#fff}
.aboutIndex .conStrength .conStrength-video h3 p{font-size:14px;margin-top:10px}
.aboutIndex .conStrength .conStrength-video:hover:after{transform:rotateZ(40deg);background-size:12%}


/*首页-优势*/
.advantageIndex{background:url("../images/bg-advantageIndex.jpg")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/bg-advantageIndex.jpg*/no-repeat center;overflow:hidden;padding:30px 0;background-size:cover}
.advantageIndex .advantageTie{width:100%}
.advantageIndex .advantageTie h3{font-size:30px;color:#fff;margin-bottom:10px;line-height:40px;text-align:center}
.advantageIndex .advantageTie p{font-size:14px;color:#fff;text-align:center}
.advantageIndex .advantageTie span{font-size:60px;color:rgb(177 177 177 / 30%);text-transform:uppercase;font-weight:bold;display:block;margin-top:30px}
.advantageIndex .advantageList{width:100%;margin-top:30px}
.advantageIndex .advantageList ul li{float:left;width:50%;height:340px;padding:5% 2%;text-align:center;transition:.6s all;-webkit-transition:.6s all;border-right:1px solid rgba(255,255,255,.5);position:relative}
.advantageIndex .advantageList ul li:nth-child(2n){border-right:none}
.advantageIndex .advantageList ul li:after{content:'';position:absolute;right:-3px;top:25px;width:6px;height:10px;background:rgb(56 136 197);z-index:9}
.advantageIndex .advantageList ul li:nth-child(2n):after{display:none}
.advantageIndex .advantageList ul li i{display:block;margin:0 auto;width:90px;height:90px;background:url("../images/icon-advantage.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-advantage.png*/no-repeat center;background-position:-10px -14px;border:2px solid #fff;border-radius:100px;margin-bottom:20px;transition:.6s all;-webkit-transition:1 all}
.advantageIndex .advantageList ul li:nth-child(2) i{background-position:-125px -14px}
.advantageIndex .advantageList ul li:nth-child(3) i{background-position:-246px -14px}
.advantageIndex .advantageList ul li:nth-child(4) i{background-position:-360px -14px}
.advantageIndex .advantageList ul li h4{font-size:16px;color:#fff}
.advantageIndex .advantageList ul li hr{width:50px;background:#fff;margin:20px auto;display:block}
.advantageIndex .advantageList ul li p{font-size:12px;color:#fff;line-height:20px}
.advantageIndex .advantageList ul li:hover i{transform:rotateY(360deg)}
.advantageIndex .advantageList ul li:hover{transform:translateY(-10px)}

/*方案*/
.programIndex{padding: 78px 0;background: url("../images/bg-programIndex.jpg")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/bg-programIndex.jpg*/no-repeat center;background-size:cover;overflow: hidden;}
.programIndex .desc{font-size: 12px;color: #fff;line-height: 20px;text-align: center;}

.programIndex-cont{position: relative;padding: 100px 0;}
.programIndex-cont:after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: url("../images/shuiyin.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/shuiyin.png*/no-repeat center;opacity: .5;background-size: 50%;}
.programIndex-cont .main{width: 100%;margin:0 auto;display: block}
.programIndex-cont li{position: absolute;}
.chuhuo{bottom: 17%;left: 44%;}

.wlqdfj{top: 346px;left: 242px;z-index: 99;}
.wlqdfj2{top: 226px;left: 114px;z-index: 99;}
.wlqdfj3{top: 192px;left: 496px;z-index: 99;}
.wlqdfj4{top: 399px;right: 108px;z-index: 99;}

.sjqyfj01{top: 238px;left: 465px;}
.sjqyfj02{top: 145px;left: 618px;}

.kcq01{top: 323px;right: 186px;}
.kcq02{top: 242px;right: 60px;}

.programIndex-cont span{position: absolute;display: block;background: url("../images/bg-tie.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/bg-tie.png*/no-repeat center;background-size: 100%; font-size: 12px;color: #fff;text-align: center;width: 100px;height: 34px;line-height: 34px;transition: .5s all;-webkit-transition:.5s all;transform: translateY(0);}
.programIndex-cont .tie{left: 5%;bottom: 20%;}
.programIndex-cont .tie i{width: 90px;height: 65px;background: url("../images/program-tie-bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/program-tie-bg.png*/no-repeat center;position: absolute;right: -36px;top: -58px;transform: rotateZ(-26deg);}
.programIndex-cont .tie2{left: 0;bottom: 67%;}
.programIndex-cont .tie2 i{width: 83px;height: 65px;background: url("../images/program-tie-bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/program-tie-bg.png*/no-repeat center;position: absolute;right: 0;top: 40px;transform: rotateZ(-130deg);}
.programIndex-cont .tie3{left: 22%;top: 7%;}
.programIndex-cont .tie3 i{width: 83px;height: 65px;background: url("../images/program-tie-bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/program-tie-bg.png*/no-repeat center;position: absolute;right: 10px;top: 46px;transform: rotateZ(-80deg);}
.programIndex-cont .tie4{right: 17%;top:8%;}
.programIndex-cont .tie4 i{width: 84px;height: 65px;background: url("../images/program-tie-bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/program-tie-bg.png*/no-repeat center;position: absolute;right: 14px;top: 47px;transform: rotateZ(89deg);}
.programIndex-cont .tie5{right: 0;top: 18%;}
.programIndex-cont .tie5 i{width: 48px;height: 65px;background: url("../images/program-tie-bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/program-tie-bg.png*/no-repeat center;position: absolute;right: 24px;top: 31px;transform: rotateZ(-88deg);}
.programIndex-cont .tie6{right: 2%;bottom: 21%;}
.programIndex-cont .tie6 i{width: 80px;height: 65px;background: url("../images/program-tie-bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/program-tie-bg.png*/no-repeat center;position: absolute;right: 39px;top: -43px;transform: rotateZ(-170deg);}
.programIndex-cont .tie7{left: 36%;bottom: 6%;}
.programIndex-cont .tie7 i{width: 72px;height: 65px;background: url("../images/program-tie-bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/program-tie-bg.png*/no-repeat center;position: absolute;right: 6px;top: -75px;transform: rotateZ(-81deg);}

.programIndex-cont span:hover{transform: translateY(-20px);}
.programIndex-cont span:after{
	content: '';
   width: 100%;
   height: 100%;
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   /*border: 1px solid #35bbfb;*/
   box-shadow: 0px 0px 100px #63ccff;
   background: url("../images/bg-tie.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/bg-tie.png*/no-repeat center;
   z-index: -1;
   animation: shaketo 2s infinite;
   -webkit-animation: shaketo 2s infinite;
}

@-webkit-keyframes shaketo {
     0%, 100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    } 
    0%{
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100%  {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
  }
@keyframes shaketo {
     0%, 100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    } 
    0%{
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 1;
    }
    100%  {
        transform: scale(1.3);
        -webkit-transform: scale(1.3);
        opacity: 0;
    }
  }


/*首页-产品*/
.programIndex{padding:30px 0}
.productIndex{padding:30px 0;background:#ededed;overflow:hidden}
.productIndex-tap{width:100%;margin:0 auto;text-align:center;margin-bottom:30px;overflow:hidden}
.productIndex-tap li{float:left;width:50%;height:34px;line-height:34px;background:#414141;cursor:pointer;position:relative;margin-bottom:2px}
.productIndex-tap li:last-child:before{display:none}
.productIndex-tap li:before{content:'';position:absolute;right:0;top:0;width:1px;height:100%;background:#626262}
.productIndex-tap li a{font-size:12px;color:#bbbbbb}
.productIndex-tap li.active{background:#0a85bf}
.productIndex-tap li.active:after{border-top:6px solid #fff}
.productIndex-tap li.active a{color:#fff}
.productIndex-list{height:1200px;position:relative}
.productIndex-list .conSide{display:none;position:absolute;width:100%;height:100%;left:0;top:0;transform:translateY(6rem);transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all;-webkit-transition:.5s all;animation:side 1s}
.productIndex-list .active{display:block;transform:translateY(0)}
.productIndex-list ul{overflow:hidden}
.productIndex-list ul li{float:left;width:48%;margin:0px 1% 2% 1%;background:#fff}
.productIndex-list ul li:nth-child(2n){margin-right:0}
.productIndex-list ul li span{width:90%;height:220px;justify-content:center;display:flex;flex-direction:column;text-align:center;margin:0 auto;overflow:hidden;padding:20px 0}
.productIndex-list ul li span img{max-width:100%;max-height:100%;transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all;-webkit-transition:.5s all;object-fit:scale-down}
.productIndex-list ul li h4{height:40px;line-height:40px;border-top:1px solid #e8e8e8;font-size:12px;font-weight:normal;color:#777777;position:relative;padding:0 10px;z-index:0;transition:.6s all;-webkit-transition:.6s all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.productIndex-list .more{font-size:16px;color:#736e6e;background:url("../images/icon-moreIndex.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-moreIndex.png*/no-repeat right;padding:7px 30px 7px 0;background-size:22%;display:block;margin:0 auto;width:94px;height:38px}
.productIndex-list ul li:hover h4{color:#fff}
.productIndex-list ul li:hover h4:after{width:100%;background:#0a85bf url("../images/icon-pro-more.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-pro-more.png*/no-repeat center;background-position-x:90%}
.productIndex-list ul li:hover span img{transform:scale(1.1)}
.productIndex-list .more:hover{color:#399cca}
@keyframes side{from{transform:translateY(2rem)}
to{transform:translateY(0%)}
}


/*首页-广告*/
.adIndex{padding:30px 0;background:url("../images/bg-adIndex.jpg")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/bg-adIndex.jpg*/no-repeat center;overflow:hidden;background-size:cover}
.adIndex .adIndexFl{width:100%;text-align:center;margin-bottom:20px}
.adIndex .adIndexFl b{display:block;font-size:30px;color:#fff;padding:14px 0}
.adIndex .adIndexFl p{font-size:14px;color:#fff}
.adIndex .adIndexFr{width:100%;text-align:center}
.adIndex .adIndexFr span{font-size:18px;color:#fff}
.adIndex .adIndexFr p{margin-bottom:20px}
.adIndex .adIndexFr p a{font-size:24px;color:#fff}
.adIndex .adIndexFr .mszx{display:block;width:150px;height:60px;line-height:40px;background:#0a85bf;text-align:center;font-size:16px;color:#fff;border:10px solid rgba(0,0,0,.5);margin:0 auto}
.adIndex .adIndexFr .mszx:hover{border:10px solid rgba(0,0,0,.7)}


/*首页-案例*/
.caseIndex{padding:30px 0;overflow:hidden}
.caseIndex-list{overflow:hidden}
.caseIndex-list ul li{float:left;width:49%;margin:0 2% 2% 0}
.caseIndex-list ul li:nth-child(2n){margin-right:0}
.caseIndex-list ul li p{width:100%;height:116px;overflow:hidden}
.caseIndex-list ul li p img{width:100%;height:100%;object-fit:cover;transition:.5s all;-webkit-transition:.5s all}
.caseIndex-list ul li h4{text-align: center; line-height:30px;font-size:12px;color:#000;padding:0 10px;z-index:0;position:relative;transition:.6s all;-webkit-transition:.6s all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.caseIndex-list ul li h4:after{content:'';position:absolute;right:0;top:0;width:0;height:100%;background:#0a85bf;z-index:-1;transition:.5s all;-webkit-transition:.5s all;opacity:0}
.caseIndex-list ul li h4 span{font-size:14px;color:#fff;float:right;transition:.5s all;-webkit-transition:.5s all;opacity:0}
.caseIndex-list .more{font-size:16px;color:#736e6e;background:url("../images/icon-moreIndex.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-moreIndex.png*/no-repeat right;padding:7px 30px 7px 0;background-size:22%;display:block;margin:0 auto;width:94px;height:38px;display:block;overflow:hidden}
.caseIndex-list ul li:hover h4:after{width:100%;opacity:1}
.caseIndex-list ul li:hover h4{color:#fff}
.caseIndex-list ul li:hover h4 span{margin-right:20px;opacity:1}
.caseIndex-list ul li:hover p img{transform:scale(1.09)}


/*首页-合作客户*/
.partnerIndex{padding:30px 0}
.partnerIndex .woWidth{position:relative}
.partnerIndex-list{width:100%;margin:0 auto;overflow:hidden}
.partnerIndex-list ul li{height:70px;display:flex;justify-content:center;align-items:center;border:1px solid #ccc;overflow:hidden;position:relative}
.partnerIndex-list ul li img{max-width:100%;max-height:100%;object-fit:scale-down}
.partnerIndex-list ul li h4{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:rgba(10,133,191,.9);font-size:14px;color:#fff;transform:rotateY(90deg);transition:.6s all;-webkit-transition:.6s all;opacity:0}
.partnerIndex-list-pagination{text-align:center}
.partnerIndex-list-pagination span{width:20px;height:4px;border-radius:0;margin:0 4px;background:#000;opacity:.2}
.partnerIndex-list-pagination span.swiper-pagination-bullet-active{background:#0a85bf;opacity:1}
.partnerIndex-btn{width:100%;height:30px;text-align:center;margin-top:10px}
.partnerIndex-btn a{width:80px;height:40px;line-height:30px;margin:0 10px;display:inline-block}
.partnerIndex-btn .partnerIndex-list-next{background:#9e9fa0 url("../images/icon-conStrength-next.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-next.png*/no-repeat center}
.partnerIndex-btn .partnerIndex-list-prev{background:#9e9fa0 url("../images/icon-conStrength-prev.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-prev.png*/no-repeat center}
.partnerIndex-list-next:hover{background:#399cca url("../images/icon-conStrength-next.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-next.png*/no-repeat center}
.partnerIndex-list-prev:hover{background:#399cca url("../images/icon-conStrength-prev.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-conStrength-prev.png*/no-repeat center}
.partnerIndex-list ul li:hover h4{transform:rotateY(0);opacity:1}


/*首页-新闻*/
.newsIndex{padding:30px 0;overflow:hidden}
.newsIndex-fl{float:left;width:100%;margin-bottom:30px}
.newsIndex-tap{text-align:left;position:relative;margin-bottom:30px;padding-bottom:14px;border-bottom:1px solid #d2d2d2;overflow:hidden}
.newsIndex-tap ul{float:left}
.newsIndex-tap a{font-size:14px;color:#000;margin-right:30px;position:relative;padding-bottom:16px}
.newsIndex-tap .more{font-size:14px;background:url("../images/icon-moreIndex.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-moreIndex.png*/no-repeat right;background-size:24%;padding:2px 18px 2px 0;float:right;color:#989898;margin-right:0}
.newsIndex-tap .more:after{display:none}
.newsIndex-tap .more:hover{color:#0a85bf}
.newsIndex-tap a:after{content:'';position:absolute;left:50%;bottom:0;width:0;height:2px;background:#0a85bf;transition:.5s all}
.newsIndex-tap:after{content:'';position:absolute;left:72px;top:4px;width:1px;height:14px;background:#989898;transform:rotateZ(25deg)}
.newsIndex-tap a.active{color:#0a85bf}
.newsIndex-tap a.active:after{width:100%;left:0}
.newsIndex-cont .conSide{margin-bottom:30px;display:none;animation:newsSide 2s}
.newsIndex-cont .active{display:block}

@keyframes newsSide{from{opacity:.8;transform:translateY(1rem)}
to{;opacity:1;transform:translateY(0)}
}
.newsIndex-cont .conSide li{width:100%;overflow:hidden}
.newsIndex-cont .conSide li .pic{width:100%;height:140px;overflow:hidden;display:flex;flex-direction:column;justify-content:center}
.newsIndex-cont .conSide li .pic img{width:100%;height:100%;transition:.5s all;-ms-transition:.5s all;-moz-transition:.5s all;-webkit-transition:.5s all;object-fit:cover}
.newsIndex-cont .conSide li dt{width:100%;margin-top:10px}
.newsIndex-cont .conSide li h5{font-size:12px;font-weight:normal;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.newsIndex-cont .conSide .li1{margin-bottom:30px;float:left;width:48%;margin-right:4%}
.newsIndex-cont .conSide .li1:nth-child(2){margin-right:0}
.newsIndex-cont .conSide .li2{float:left;width:100%;position:relative;margin-right:4%;margin-bottom:10px;padding-bottom:20px;border-bottom:1px dashed #c8c8c8;padding-left:26px}
.newsIndex-cont .conSide .li2:nth-child(2n){margin-right:0}
.newsIndex-cont .conSide .li2
 h5{float:left;width:75%}
.newsIndex-cont .conSide .li2 span{float:right}
.newsIndex-cont .conSide .li2:after{content:'';position:absolute;left:0;top:23%;width:6px;height:6px;background:#8e8d8b url("../images/icon-news-li.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-news-li.png*/no-repeat center;border-radius:100px}
.newsIndex-cont .conSide li span{font-size:12px;color:#a9a9a9}
.newsIndex-cont .conSide li span i{float:right;height:22px;background:url("../images/icon-newsMore.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-newsMore.png*/no-repeat right;transition:.5s all;-webkit-transition:.5s all;opacity:0;font-style:normal;padding-right:26px;display:block;font-size:12px;transform:translateX(24px)}
.newsIndex-cont .conSide li p{font-size:12px;color:#6c6c6c;margin:10px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.newsIndex-cont .conSide li:hover img{transform:scale(1.1)}
.newsIndex-cont .conSide li:hover h5{color:#0a85bf}
.newsIndex-cont .conSide li:hover span i{opacity:1;transform:translateX(0)}
.newsIndex-cont .conSide .li2:hover:after{background:#0a85bf url("../images/icon-news-li.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-news-li.png*/no-repeat center}
.newsIndex-fr{float:right;width:100%}
.newsIndex-fr .faq{font-size:14px;color:#000;background:url("../images/icon-faq.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-faq.png*/no-repeat left;margin-bottom:30px;padding-bottom:10px;border-bottom:1px solid #d2d2d2;overflow:hidden}
.newsIndex-fr{overflow:hidden}
.newsIndex-fr .faq a{float:right;height:22px;background:url("../images/icon-moreIndex.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-moreIndex.png*/no-repeat right;padding:2px 18px 2px 0;font-size:14px;background-size:24%;color:#989898;background-position-y: 5px;}
.newsIndex-faq{width:100%}
.newsIndex-faq li{width:100%;margin-bottom:15px;overflow:hidden}
.newsIndex-faq li b{float:left;width:40px;height:28px;text-align:center;font-size:12px;color:#fff;display:inline-block;margin-right:20px}
.newsIndex-faq li .q{background:url("../images/icon-faqq.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-faqq.png*/no-repeat center}
.newsIndex-faq li .a{background:url("../images/icon-faqa.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-faqa.png*/no-repeat center}
.newsIndex-faq li span{float:left}
.newsIndex-faq li h5{overflow:hidden;font-size:12px;color:#000;margin-bottom:10px;font-weight:normal}
.newsIndex-faq li h5 b{background:#797979}
.newsIndex-faq li dt b{background:#f1861c}
.newsIndex-faq li dt p{float:left;width:80%;font-size:12px;color:#aeaeae;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}


/*底部*/
.footer .backtop{height:1.2rem;line-height:1.2rem;background:#3888c5;color:#fff;padding-right:3%;text-align:right;font-size:0.7rem;text-transform:uppercase}
.footCopy{text-align:center;padding:10px 0 15px 0;font-size:0.6rem;line-height:1.2rem}
.footCopy .wx span{display:block}
.footCopy .wx img{max-width:40%}
.footMenu{height:2rem;position:fixed;bottom:0;z-index:10;width:100%;text-align:center;background-color:#3888c5;display:table;margin:0 auto}
.footMenu ul{overflow:hidden;color:#fff;padding-top:;display:table-cell;vertical-align:middle}
.footMenu li{float:left;width:50%;text-align:center;font-size:0.5rem;vertical-align:middle;border-left:1px solid rgba(255,255,255,.6)}
.footMenu li:nth-child(1){border-left:none}
.footMenu li a{color:#fff}
.footMenu li i{font-size:.8rem}
.footMenu li span{display:block}


.search{padding:2%;position:relative}
.search form{border:1px solid #d7d7d7;border-radius:3px;width:100%;display:block;height:1.6rem;line-height:1.6rem}
.search .sear_text{width:88%;padding-left:3%;height:100%;line-height:1.6rem;float:left}
.search .sear_btn{width:12%;height:100%;float:left;background:none;position:relative;z-index:2;font-family:"iconfont" !important;color:#333;font-size:.8rem}

.listWrapper .search{border-bottom:none;margin-bottom:15px;padding:0}
.listWrapper  .search::before{top:.3rem;right:3%}

.aTie{text-align:center;font-size:0.875rem;font-weight:normal;color:#000;margin-bottom:0.75rem;text-transform:uppercase}
.aTie span{font-size:0.5rem;font-family:Arial;color:#b8b8b8;display:block;color:#b8b8b8}


.aboutBox1{text-align:center}
.aboutBox1 .txt{margin-top:15px;text-align:left}
.aboutBox2{background:#3888c5;padding:5%;color:#fff;margin-top:1rem}
.aboutBox3{margin:1rem 0;overflow:hidden}
.aboutBox3 img{width:100%}
.aboutBox3 li{position:relative;margin-bottom:0.7rem}
.aboutBox3 li h4{font-size:0.75rem;color:#111;font-weight:normal;position:relative;margin-top:8px}
.aboutBox4{background:#f3f3f3;padding:1rem 2%;overflow:hidden}
.aboutBox4 li{padding:1rem 5%;color:#fff;padding-left:2rem;background:#005ca9 url("../images/ab_bg.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/ab_bg.png*/ no-repeat right center;background-size:80%;margin-bottom:.2rem;font-size:.5rem}
.aboutBox4 li i{float:left;font-size:1.5rem;margin-left:-1.5rem;line-height:1}
.ideaBox1{background:#f1f1f1;padding:1rem 2%;margin-bottom:1rem;overflow:hidden}
.ideaBox1 li{color:#737373;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #ddd}
.ideaBox1 li h4{font-weight:normal;font-size:0.8rem;color:#111;margin-bottom:10px}
.ideaBox2 .font ul{background:#3888c5;color:#77b2e5;padding:3%;margin-bottom:15px}
.ideaBox2 .font li{margin-bottom:10px}
.ideaBox2 .font li strong{color:#fff;font-size:0.6rem}
.ideaBox2 .font2 ul{color:#baff7c;background:#6eb92b}


.page{clear:both;text-align:center;padding-bottom:1.5rem;height:1rem;position:relative;padding-top:1.2rem}
.page a,.page span{height:1rem;line-height:1rem;padding:0 .3rem;margin:0 .1rem;font-size:0.5rem;background-color:#586775;border-radius:3px;color:#fff;display:inline-block;border:1px solid #586775}
.page span{background:#3888c5;border:1px solid #3888c5}


.breadCrumb{position:relative;height:1.8rem;width:100%;overflow:hidden;margin:0 auto;background:#ddd;margin-bottom:1rem;padding:0 2%;line-height:1.8rem;color:#333}
.breadCrumb span{width:80%;font-size:12px}
.breadCrumb .back{float:right;color:#3888c5}
.breadCrumb .back i{font-size:.8rem;font-family:"iconfont" !important;margin-right:5px;position:relative;top:3px}


.listMenu{position:relative;height:1.8rem;width:100%;overflow:hidden;margin:0 auto;background:#ddd;margin-bottom:1rem}
.listMenu .scroller{position:absolute}
.listMenu .scroller li{height:1.8rem;color:#333;float:left;line-height:1rem;font-size:.62rem;line-height:1.8rem}
.listMenu .scroller li a{color:#333;display:block;text-align:center;padding:0 .5rem}
.listMenu .scroller li.cur{background:#3888c5}
.listMenu .scroller li.cur a{color:#fff}
.listWrapper{padding:5% 1% 5% 1%;overflow:hidden}


/*图片默认列表*/
.picList{overflow:hidden;margin: 30px 0}
.picList li{float:left;width:46%;margin:0 2% 4% 2%}
.picList li:nth-child(2n){margin-right:0}
.picList li .pic{display:block;width:100%;height:112px;overflow:hidden;justify-content: center;display: flex;flex-direction: column;border: 1px solid #ededed}
.picList li .pic img{display:block;max-width:100%;max-height:100%;object-fit: cover;}
.picList li h3{line-height:40px;font-weight:normal;font-size:14px;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



/*视频*/
.videoList{overflow:hidden;margin-bottom:20px}
.videoList li{float:left;width:48%;position:relative;margin:0 1% 2% 1%}
.videoList li .pic{display:block;position:relative;width:100%;padding-top:72%;overflow:hidden}
.videoList li .pic:after{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:99}
.videoList li .pic:before{content:'';position:absolute;left:0;top:0;display:block;width:100%;height:100%;background:url("../images/video-icon.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/video-icon.png*/no-repeat center;z-index:999;background-size: 25%;}
.videoList li .pic img{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:0.5s all}
.videoList li h4{line-height:50px;font-size:14px;color:#000;text-align:center;font-weight:normal;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.videoList li:hover img{transform:scale(1.1)}


.list-tie{font-size:40px;color:#000;margin:0 0 60px 0;text-align:center}


/*证书*/
.honorlist li{float:left;width:48%;position:relative;margin:0 1% 2% 1%}
.honorlist li .pic{height:240px;justify-content: center;
display: flex;flex-direction: column;padding: 10px;}
.honorlist li .pic img{display:block;max-width:100%;max-height:100%;transition:0.5s all}
.honorlist li h4{height: 40px; line-height:20px;font-size:12px;color:#333;text-align:center;width:100%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}


/*团队*/
.teamlist{padding: 30px 0;overflow: hidden;}
.teamlist ul li{float:left;width:49%;height:430px;margin-right:2%;margin-bottom:3%;background:#f2f2f2;overflow:hidden;transition:.5s all;-webkit-transition:.5s all;position:relative;border:1px solid #ededed}
.teamlist ul li:nth-child(2n){margin-right:0}
.teamlist ul li .pic{display:block;width:100%;height:130px;position:relative}
.teamlist ul li .pic img{width:100%;height:100%;transition:.5s all;-webkit-transition:.5s all}
.teamlist ul li dt{padding:10px;overflow:hidden;transition:.5s all;-webkit-transition:.5s all}
.teamlist ul li dt h4{font-size:16px;font-weight:normal}
.teamlist ul li dt span{font-size:12px;color:#aeaeae;display:block;margin:10px 0}
.teamlist ul li dt p{font-size:12px;color:#424141;overflow:hidden;transition:.5s all;-webkit-transition:.5s all}
.teamlist ul li:hover .pic img{transform:scale(0.5) translateY(-50%);box-shadow:0 20px 35px rgba(0,0,0,.3)}
.teamlist ul li:hover dt{top:40%}
.teamlist ul li:hover dt p{height:auto}


/*合作客户*/
.hezuoList{padding: 30px 0;overflow: hidden;}
.hezuoList ul li{float: left;width: 49%;margin-right: 2%;margin-bottom: 2%;border:1px solid #d2d2d2;}
.hezuoList ul li:nth-child(2n){margin-right: 0}
.hezuoList ul li p{display: flex;justify-content: center;flex-direction: column;height: 100px;}
.hezuoList ul li p img{max-width: 100%;max-height: 100%;object-fit: scale-down;-webkit-object-fit: scale-down}


/*产品*/
.productList{overflow:hidden;margin: 30px 0}
.productList li{float:left;width:46%;margin:0 2% 4% 2%}
.productList li:nth-child(2n){margin-right:0}
.productList li .pic{display:block;width:100%;height:160px;overflow:hidden;justify-content: center;display: flex;flex-direction: column;padding: 10px;border: 1px solid #ededed}
.productList li .pic img{display:block;max-width:100%;max-height:100%;object-fit: scale-down;}
.productList li h3{line-height:40px;font-weight:normal;font-size:14px;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.productList li p{font-size:12px;color:#979797;margin:10px 0 30px 0}
.productList li .more{display:block;width:88px;height:28px;line-height:26px;border:1px solid #d7d7d7;font-size:14px;color:#afafaf;text-align:center}

.proShow .title{text-align:center;font-size:16px;color:#333;margin-bottom:.6rem}
.proShow_img{width:100%;height:auto;text-align:center;margin-bottom:15px}
.proShow .tie{height:1.4rem;line-height:1.4rem;background:#ddd;margin-bottom:10px}
.proShow .tie span{display:inline-block;width:5rem;color:#fff;background:#333;text-align:center}
.product_detail{margin-bottom:15px;border-bottom:1px solid #ddd;padding-bottom:15px}
.proShow_img{position:relative;overflow:hidden}
.proShow_img .bd{position:relative;z-index:0}
.proShow_img .bd li{position:relative;text-align:center}
.proShow_img .bd li img{background:url("images/loading.gif")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/css/images/loading.gif*/ center center no-repeat;vertical-align:top;width:100%}
.proShow_img .prev,.proShow_img .next{position:absolute;left:0.75rem;top:50%;margin-top:-.6rem;display:block;width:23px;height:27px;line-height:27px;text-align:center;width:1.8rem;text-align:center;line-height:1.8rem;background:#000;opacity:.7;height:1.8rem;border-radius:.2rem}
.proShow_img .hd span img{max-width:70%;vertical-align:middle}
.proShow_img .next{left:auto;right:0.75rem}
.proShow_tab{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px}
.proShow_tab .hd{height:1.5rem;line-height:1.5rem;font-size:.7rem;background:#f1f1f1;border-bottom:1px solid #3888c5;position:relative;margin-bottom:10px}
.proShow_tab .hd ul{position:absolute;height:1.5rem;top:0;overflow:hidden}
.proShow_tab .hd ul li{float:left;padding:0 10px;color:#666;font-size: 14px;}
.proShow_tab .hd ul .on{border:2px solid #3888c5;border-bottom-color:#fff;background:#fff;color:#3888c5}

/*案例*/
.caseList{overflow:hidden;margin: 30px 0}
.caseList li{float:left;width:46%;margin:0 2% 4% 2%}
.caseList li:nth-child(2n){margin-right:0}
.caseList li .pic{display:block;width:100%;height:112px;overflow:hidden;justify-content: center;display: flex;flex-direction: column;border: 1px solid #ededed}
.caseList li .pic img{display:block;width:100%;height:100%;object-fit: cover;}
.caseList li h3{line-height:40px;font-weight:normal;font-size:14px;color:#000;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}



.newsIsContent{padding: 20px 0;}
.newsIsContent p{text-indent: 0 ! important;}

/*新闻*/
.newsList{width:100%}
.newsList li{overflow: hidden;width:100%;border:1px solid #dedede;margin-bottom: 20px;padding: 10px;}
.newsList li .pic{display:block;position:relative;overflow:hidden;float: left;width: 30%;height: 100px;justify-content: center;flex-direction: column;display: flex;}
.newsList li .pic img{width: 100%;height: 100%;transition: .5s all;-webkit-transition:.5s all;object-fit: cover}
.newsList li h4{font-size:14px;color:#333;font-weight:normal;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.newsList li p{font-size:12px;color:#888;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.newsList li .txt{float: right;width: 65%;}
.newsList li:hover img{transform:scale(1.1)}

.newsDetail .tie{text-align:center;font-size:.7rem;color:#333;padding-bottom:.2rem}
.newsDetail .time{text-align:center;color:#888;border-bottom:1px solid #ddd;padding-bottom:.3rem;margin-bottom:.8rem}
.newsDetail .time span{display:inline-block;font-size:14px;color:#555}
.newsDetail .font{border-bottom:1px solid #ddd;margin-bottom:.6rem}
.newsDetail .font,.pageN{padding-bottom:.6rem}


.faqList{width:100%}
.faqList li{float:left;margin:0 1% 2% 1%;border:1px solid #dedede}
.faqList li p{font-size:14px;color:#888}
.faqList li span{font-size:12px;color:#666;margin:6px 0 10px 0;display:block}
.faqList li .txt{padding:0 10px 10px 10px;transition:0.5s all}
.faqList li:hover .txt{background:#3888c5;color:#fff}
.faqList li:hover h4{color:#fff}
.faqList li:hover p{color:#fff}
.faqList li:hover span{color:#fff}


/*推荐*/
.related{width:100%;padding-top:30px;overflow:hidden}
.relatedTie{font-size:18px;color:#000;position:relative;padding-left:14px}
.relatedTie:after{content:'';position:absolute;top:5px;left:0;width:5px;height:16px;background:#3888c5}
.related .main{margin-top:20px}
.related .main li{float:left;width:47%;margin:0 2% 2% 2%}
.related .main li span{display:block;overflow:hidden;height:160px;justify-content: center;flex-direction: column;display: flex;}
.related .main li img{max-width:100%;max-height:100%;transition:0.5s all}
.caserela li span{height: 116px ! important;display: flex;flex-direction: column;justify-content: center;}
.caserela li span img{width: 100%;height: 100%;}

.related .main li:last-child{margin-right: 0}
.related .main li h3{line-height:30px;font-size:14px;color:#000;font-weight:normal;padding:4px 0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.related .more{font-size:14px;color:#3888c5;margin:10px 0 0 0;display:inline-block;width:100%;text-align:center}
.related .main li:hover img{transform:scale(1.1)}

/*分页*/
.fen .prew{float:left;width:49%;background:#ebebeb;padding:13px}
.fen .nextw{float:right;width:49%;background:#ebebeb;padding:13px}
.fen a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#6b6b6b;font-size:12px}
.fen a:hover{color:#3888c5}


.listWrapper .prea{line-height:1rem}


.downList li{padding-right:3%}
.downList li::after{display:none}
.downList li a{display:block;position:relative}
.downList li a::after{content:"\e66f"}


.history li{overflow:hidden;border:1px solid #6eb92d;border-radius:3px;background:#fcfff7;padding:2%}
.history li span{width:38%;padding-right:2%}
.history li h5{height:0.8rem;padding-left:2%;color:#015ba8;margin-bottom:5px;font-size:.7rem}
.history li p{padding:2%}
.history li{margin-bottom:.6rem}


.jobList dl{padding-bottom:.8rem;margin-bottom:.8rem;border-bottom:1px solid #ddd}
.jobList dt h5{font-weight:bold}

.feedback h3{font-size: 20px;color: #000;text-align: center;margin-bottom: 20px;}
.feedback p{font-size: 16px;color: #999;margin-top: 10px;}
.feedback ul{overflow:hidden;margin-bottom:10px}
.feedback li{margin-bottom:10px;position:relative}
.feedback li input{height:1.5rem;line-height:1.5rem;border:1px solid #ddd;border-radius:3px;width:100%;padding:0 2% 0 8%;-webkit-appearance:none}
.feedback li textarea{height:5rem;border:1px solid #ddd;border-radius:3px;width:100%;padding:.3rem 2% .3rem 8%}
.feedback li.code input{width:20%;float:left;margin-right:5px;padding-left:2%}
.feedback .button{width:100%;height:1.5rem;line-height:1.5rem;background:#333;text-align:center;font-size:14px;color:#fff}
.feedback li::before{position:absolute;font-size:0.8rem;left:2%;top:.3rem;content:" \e632";font-family:"iconfont" !important}
.feedback li.f2::before{content:"\e636"}
.feedback li.f3::before{content:"\e639"}
.feedback li.tarea::before{content:"\e638"}
.feedback li.code::before{content:""}


.pro-tie{font-weight:normal;font-size:30px;color:#0d3a8b;position:relative;text-align:center;padding-bottom:20px}
.pro-tie:after{content:'';position:absolute;display:block;left:43.8%;bottom:0;width:50px;height:3px;background:#0d3a8b}
.pro-intro{padding:0 5px 30px 5px;text-align:center}
.pro-intro h3{font-size:35px;color:#000;font-weight:normal}
.pro-intro p{font-size:14px;color:#888888;width:90%;margin:20px}
.pro-value{padding:20px 0;background:#f6f6f6;overflow:hidden}
.pro-value ul{text-align:center;margin-top:50px}
.pro-value ul li{display:inline-block;width:100%;padding:20px;text-align:center;transition:0.5s all}
.pro-value ul li i{display:inline-block;width:180px;height:180px;background:#fff url("../images/pro-show-icon.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/pro-show-icon.png*/no-repeat;border-radius:100px;box-shadow:3px 3px 7px #bdbdbd;transition:0.5s all}
.pro-value ul li:nth-child(1) i{background-position:26px 10px}
.pro-value ul li:nth-child(2) i{background-position:-130px 8px}
.pro-value ul li:nth-child(3) i{background-position:-300px 14px}
.pro-value ul li h4{font-size:20px;color:#222;position:relative;padding-bottom:20px;margin:30px 0 20px 0}
.pro-value ul li h4:after{content:'';position:absolute;display:block;left:45%;bottom:0;width:28px;height:3px;background:#3884dc}
.pro-value ul li:nth-child(1):hover i{background-position:26px -170px}
.pro-value ul li:nth-child(2):hover i{background-position:-130px -170px}
.pro-value ul li:nth-child(3):hover i{background-position:-300px -170px}
.pro-value ul li:hover{background:#fff;box-shadow:6px 6px 6px #d9d8d8}
.pro-value ul li:hover i{background:#3884dc url("../images/pro-show-icon.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/pro-show-icon.png*/no-repeat}
.pro-video{padding:30px 0;overflow:hidden;position:relative}
.pro-video .grWidth{position:relative}
.pro-video .video{margin-top:30px}
.pro-video .video ul li{float:left;position:relative;cursor:pointer;width:48%;margin:0 1%}
.pro-video .video ul li:after{content:'';position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);transition:0.5s all}
.pro-video .video ul li i{display:inline-block;width:57px;height:57px;background:url("../images/player-icon.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/player-icon.png*/no-repeat center;position:absolute;left:37%;top:16%;background-size:60%;z-index:1}
.pro-video .video ul li:nth-child(1){width:98%;margin-bottom:5px}
.pro-video .video ul li:nth-child(1) i{background-size:90%;left:42%;top:25%}
.pro-video .video ul li h4{position:absolute;top:60%;left:0;font-size:14px;color:#fff;width:100%;text-align:center;z-index:1}
.pro-video .video ul li:hover:after{background:rgba(0,0,0,0.7)}
.pro-orther-Case{padding:30px 5px;background:#f6f6f6;overflow:hidden}
.pro-orther-Case ul{margin-top:40px}
.pro-orther-Case ul li{float:left;width:366px;margin-right:32px}
.pro-orther-Case ul li:nth-child(4){margin-right:0}
.pro-orther-Case ul li .pic{display:block;overflow:hidden}
.pro-orther-Case ul li img{height:132px;transition:0.5s all}
.pro-orther-Case ul li .txt{height:70px;padding:10px;background:#fff}
.pro-orther-Case ul li h3{font-size:16px;color:#1c1317;font-weight:normal}
.pro-orther-Case ul li span{font-size:14px;color:#7c797a}
.pro-orther-Case ul li i{font-size:22px;color:#1c1317;float:right;font-style:normal;position:relative;top:-12px}
.pro-orther-Case ul li:hover img{transform:scale(1.1)}
.pro-orther-Case ul li:hover h3{color:#0d3a8b}
.pro-reco{padding:30px 5px;overflow:hidden}
.pro-reco .pro-reco-cont{margin-top:40px}
.pro-reco ul li{float:left;width:280px;padding:6px 0;border:1px solid #ececec;margin-right:40px;transition:0.5s all}
.pro-reco ul li:nth-child(5){margin-right:0}
.pro-reco ul li .pic{display:table;margin:0 auto}
.pro-reco ul li .pic span{display:table-cell;vertical-align:middle;height:130px;overflow:hidden}
.pro-reco ul li .pic img{transition:0.5s all}
.pro-reco ul li h3{line-height:50px;font-size:16px;color:#666;text-align:center;font-weight:normal}
.pro-reco ul li:hover img{transform:scale(1.1)}
.pro-reco ul li:hover h3{color:#0d3a8b}
.pro-reco ul li:hover{border:1px solid #0d3a8b}



/*标题*/
.page-tie{font-size: 24px;color: #333;margin: 0 0 30px 0;text-align: center;font-weight: normal;}
.page-tie p{font-size: 16px;color: #909090;margin-top: 10px;text-transform:uppercase;}
.align{text-align: center;}


/*关于*/
.page-ab{padding:30px 0;overflow: hidden;background: url("../images/page-ab-bg.jpg")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/page-ab-bg.jpg*/no-repeat left center;}
.page-ab .ab-video{width:100%;font-size: 16px;color: #676767;margin-bottom: 20px;}
.page-ab .ab-video img{width: 100%;height: 100%;}
.page-ab .ab-txt{width: 100%;font-size: 14px;color: #8c8c8c;padding: 0 2%;}
.page-ab .ab-txt .cont{font-size: 14px;color: #636363;line-height: 32px;}
.page-ab .ab-tie{font-size: 30px;color: #1d2088;width: 100%;margin-bottom: 50px;}


/*企业荣誉*/
.page-honor{padding: 30px 0;background: #ececec;}
.page-honor-vise{overflow: hidden;width: 98%;margin: 0 auto}
.page-honor-vise ul li{background: #fff;}
.page-honor-vise ul li .pic{display:flex;justify-content: center;flex-direction: column; height: 194px;padding: 10px;}
.page-honor-vise ul li .pic img{display: block;max-width: 100%;max-height: 100%;transition: 0.5s all;object-fit: scale-down;}
.page-honor-vise ul li h4{font-size: 14px;color: #000;line-height: 30px;font-weight: normal;text-align: center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;    padding: 0 6%;}
.page-honor-w{position: relative;}
.page-honor-w .honor-btn{height: 44px;text-align: center;margin-top: 10px;}
.page-honor-w .honor-btn a{width: 120px;height: 44px;margin: 0 10px;display: inline-block;}
.page-honor-w .honor-next{background:#fff url("../images/icon-partner-next.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-partner-next.png*/no-repeat center;}
.page-honor-w .honor-prev{background:#fff url("../images/icon-partner-prev.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-partner-prev.png*/no-repeat center;}
.page-honor-w .honor-next:hover{right: 20px;background:#0a85bf url("../images/icon-partner-next-on.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-partner-next-on.png*/no-repeat center;}
.page-honor-w .honor-prev:hover{left: 20px;background:#0a85bf url("../images/icon-partner-prev-on.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-partner-prev-on.png*/no-repeat center;}


/*团队精英*/
.page-team{padding:30px 0;overflow:hidden}
.page-team ul li{float:left;width:49%;height:430px;margin-right:2%;margin-bottom:3%;background:#f2f2f2;overflow:hidden;transition:.5s all;-webkit-transition:.5s all;position:relative;border:1px solid #ededed}
.page-team ul li:nth-child(2n){margin-right:0}
.page-team ul li .pic{display:block;width:100%;height:130px;position:relative}
.page-team ul li .pic img{width:100%;height:100%;transition:.5s all;-webkit-transition:.5s all}
.page-team ul li dt{padding:10px;overflow:hidden;transition:.5s all;-webkit-transition:.5s all}
.page-team ul li dt h4{font-size:16px;font-weight:normal}
.page-team ul li dt span{font-size:12px;color:#aeaeae;display:block;margin:10px 0}
.page-team ul li dt p{font-size:12px;color:#424141;overflow:hidden;transition:.5s all;-webkit-transition:.5s all}
.page-team ul li:hover .pic img{transform:scale(0.5) translateY(-50%);box-shadow:0 20px 35px rgba(0,0,0,.3)}
.page-team ul li:hover dt{top:40%}
.page-team ul li:hover dt p{height:auto}


/*视频宣传*/
.page-video{padding:30px 0;overflow:hidden}
.page-video ul li{float:left;width:49%;margin-right:2%;margin-bottom:3%}
.page-video ul li:nth-child(2n){margin-right:0}
.page-video ul li .pic{display:block;width:100%;padding-top:66%;position:relative}
.page-video ul li .pic:before{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5);transition:.5s all;-webkit-transition:.5s all;z-index:1}
.page-video ul li .pic:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background:url("../images/icon-video.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-video.png*/no-repeat center;background-size:10%;transition:.5s all;-webkit-transition:.5s all;z-index:9}
.page-video ul li .pic img{position:absolute;left:0;top:0;width:100%;height:100%;transition:.5s all;-webkit-transition:.5s all}
.page-video ul li dt{padding:10px;background:#f2f2f2}
.page-video ul li dt h4{font-size:14px;font-weight:normal}
.page-video ul li dt p{font-size:12px;color:#aeaeae;margin-top:10px}
.page-video ul li:hover .pic:after{transform:rotateZ(45deg)}
.page-video ul li:hover .pic:before{opacity:0}
.page-video ul li:hover a{color:#3888c5}

/*查看更多*/
.page-video .more {
    font-size: 16px;
    color: #000;
    background: url("../images/icon-moreIndex.png")/*tpa=http://m.wogangtech.com/themes/Wap/default/Public/images/icon-moreIndex.png*/no-repeat right;
    padding: 7px 30px 7px 0;
    background-size: 22%;
    display: block;
    margin: 0 auto;
    width: 94px;
    height: 38px;
    overflow: hidden;}

/*浮窗*/
.category-menu-container{height:45px;position:relative;top:0;left:0;z-index:100;width:100%;background-color:#fff}
.category-menu-bar{display:flex;justify-content:space-between;align-items:center;height:45px;overflow:hidden;padding:0 10px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1)}
.category-menu-bar .search-container{flex:1;height:30px;background-color:#f7f7f7;border-radius:30px;margin-right:20px;margin-left:20px;display:flex;align-items:center;padding:0 10px}
.category-menu-bar input{background-color:transparent;height:100%;flex:1;width:calc(100% - 55px);line-height:30px}
.category-menu-bar .category-name{font-size: 12px; max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.category-menu-bar .icon-search{color:#8c8c8c;border:none;}
.category-menu-bar a{cursor:pointer;text-align:right;font-size: 14px;}
.category-menu-bar .icon-down{width:25px;min-width:25px;text-align:center;cursor:pointer}
.category-menu-list{position:absolute;top:40px;width:100%;padding:10px 0;background-color:#fff;height:250px;overflow:hidden;overflow-y:auto;font-size:14px;color:#595959;display:none;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.1)}
.category-menu-list > li{line-height:40px;background-color:#f7f7f7;padding:0 8px}
.category-menu-list > li:last-child::before{border-bottom:none}
.category-menu-list ul{padding-left:10px}
.category-menu-list ul li{display:inline-block;margin-right:10px}

@media all and (max-width:414px){
.advantageIndex .advantageList ul li h4{font-size:14px}
.intie{font-size:26px}
.intie p{font-size:18px}
.advantageIndex .advantageTie h3{font-size:26px}
}