/*@charset "utf-8";*/
@font-face {
font-family: "dincondmedium";
src: url("../font/dincondmedium.woff2") format("woff2"),
url("../font/dincondmedium.woff") format("woff"),
url("../font/dincondmedium.ttf") format("truetype"),
url("../font/dincondmedium.eot") format("embedded-opentype"),
url("../font/dincondmedium.svg") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "dincondbold";
src: url("../font/dincondbold.woff2") format("woff2"),
url("../font/dincondbold.woff") format("woff"),
url("../font/dincondbold.ttf") format("truetype"),
url("../font/dincondbold.eot") format("embedded-opentype"),
url("../font/dincondbold.svg") format("svg");
font-weight: normal;
font-style: normal;
}
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:Noto Sans,"Microsoft YaHei";color: #242424; -webkit-font-smoothing: antialiased;}
body{padding-top: 144px;}
input,textarea{ border:none; font-family:Noto Sans,"Microsoft YaHei";color: #242424;}
img { border: none; }
h1,h2,h3,h4,h5{font-weight: normal;}
table{width: 100%;border-collapse: collapse;}
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #242424;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
p{line-height: 1.6em;}
.img100 img{vertical-align: bottom;width: 100%;}
.middle-box{display: table; height: 100%; width:100%; margin:0 auto; position:relative; table-layout: fixed;}
.middle-inner{display: table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:50%; width:100%;}
.pc-show{display: block;}
.wap-show{display: none;}
.position-full{position: absolute;top:0;left: 0;width: 100%;height: 100%;}
.relative{position: relative;}
.text-center{text-align: center;}
.overhide{overflow: hidden;}
.w1440{width: 1440px;max-width: 92%;margin: 0 auto;}
.w1400{width: 1400px;max-width: 92%;margin: 0 auto;}
.w1520{width: 1520px;max-width: 92%;margin: 0 auto;}
.w1600{width: 1600px;max-width: 92%;margin: 0 auto;}
.w1800{width: 1800px;max-width: 92%;margin: 0 auto;}
.padding-tb80{padding: 80px 0;}
.margin-bot40{margin-bottom: 40px;}
.margin-bot60{margin-bottom: 60px;}
.text-right{text-align: right;}
.margin-bot20{margin-bottom: 20px;}
.padding-b40{padding-bottom: 40px;}
.bgfff{background: #fff;}
.hover-style{position: relative;z-index: 1;overflow: hidden;box-sizing: border-box;}
.hover-style i{position: absolute;z-index: -1;top: -1px;left: -2px;bottom: -1px; padding:0 1px;background: #2b6bff;transition:all .4s;transform-origin: 50%; filter:Alpha(opacity=0);width: 0;box-sizing: content-box;display: none;}
.hover-style:hover{border-color: #2b6bff !important;color: #fff;}
.hover-style:hover i{width: 101%; filter:Alpha(opacity=100);left: -1px;}
/*.hover-style-bgfff:hover i{width: 100%; filter:Alpha(opacity=100);left: 0;}*/
.size16{font-size: 16px;}
.title60{margin-bottom: 60px;}
.title60 h3{font-size: 60px;text-transform: uppercase;color: #f7f7f7;line-height: 1em;}
.title60 h2{font-size: 36px;text-transform: uppercase;margin-top: -24px; line-height: 1em;margin-bottom: 15px;position: relative;z-index: 1;}
.title60 p{font-size: 16px;color: #6d6d6d;width: 900px;margin: 0 auto;max-width: 100%;}
.title60.color-white p{color: #fff;}
.title24{margin-bottom: 25px;}
.title24 h3{font-size: 24px;color: #006bd3;margin-bottom: 10px;}
.title24 h3 a{color: #006bd3}
.title24 p{color: #737373;}
html.hide{overflow: hidden;}
body.hide{overflow: hidden;}
.btn-gray{font-size: 18px;display: inline-block;vertical-align: middle;width: 136px;line-height: 36px;border: 1px solid #666;text-align: center;color: #666;margin: 0 18px;position: relative;z-index: 3;border-radius: 5px;}
.bg0042a4{background: #0042a4 !important;}
.size18{font-size: 18px;}
.size22{font-size: 22px;}
.size24{font-size: 24px;}
.size30{font-size: 30px;}
.size36{font-size: 36px;}
.size72{font-size: 72px;}
.color-white{color: #fff;}
.margin-bot20{margin-bottom: 20px;}
.margin-bot40{margin-bottom: 40px;}
.inline-block{display: inline-block;vertical-align: middle;}
.padding-top70{padding-top: 70px;}
.padding-bot220{padding-bottom: 220px;}
.margin-bot80{margin-bottom: 80px;}
.padding-tb100{padding: 100px 0;}
.padding-top160{padding-top: 160px;}
.col-4{margin: 0 -1%;}
.col-4 li{float: left;width: 23%;margin: 1%;text-align: center;}
.list-show-style li{transition: all .4s;background: #fff;}
.list-show-style li{box-shadow: 0 0 9px 0 #e0e0e0;box-sizing: border-box;}
.list-show-style li:hover{box-shadow: 0 0 18px 0 rgba(0,107,211,.4); filter: progid:DXImageTransform.Microsoft.Shadow(color='#66006bd3', Direction=125, Strength=9);}
.h449 {height: 449px;}
/*header start*/
.msg-header .msg-zwsoft-cn-url p {line-height: unset;}
.hasNav.is-scroll .header{top:-100px;}
.subnavigation-box{height: 60px;top:144px; width: 100%;z-index: 888;position: fixed;transition: all .3s;}
body.active .subnavigation-box{top: 124px;}
.navbar .nav-right .tel .tel-1 p{line-height: unset;}
.hasNav.is-scroll .subnavigation-box{top:124px;}
body.msg-close{padding-top: 82px;}
.subnavigation-box.msg-close{top: 82px;}
body.active .subnavigation-box.msg-close, .hasNav.is-scroll .subnavigation-box.msg-close{top: 62px;}
.subnavigation{top:0;left: 0;width: 100%;background: #006bd3;line-height:60px;height: 60px;}
.subnavigation-title img{vertical-align: middle;display: inline-block;margin-top: -4px;margin-right: 20px;}
.product-subnav .menu{margin-right: 140px;}
.nav-right-none .menu{margin-right: 0;}
.menu li{float: left;margin-left: 1px;}
.menu li a{color: #fff;display: block;padding: 0 24px;min-width: 56px;text-align: center;vertical-align: middle;}
.menu li.active{background: #078bed;}
.menu li:hover{background: #078bed;}
.product-subnav .menu li.active{background: #002088;}
.product-subnav .menu li:hover{background: #002088;}
.application-load{position: absolute;right: 0;width: 106px;line-height: 28px;border-radius: 28px;height: 28px;color: #fff;background: #ff7f29;text-align: center;margin-top: -14px;top:50%;}
/*header end*/
/*3.11定制开?start*/
.margin-t50{margin-top: 50px;}
.w1300{width: 1300px;margin: 0 auto;max-width: 92%;}
.title36{margin-bottom: 60px;}
.title36 h2{font-size: 36px;margin-bottom: 30px;}
.title36 p{font-size: 16px;color: #7d7d7d;width: 1160px;line-height: 1.8em; max-width: 100%;margin: 0 auto;}
.customized-ban-text .i {
border-top: 2px solid #fff;
width: 48px;
margin-top: 15px;
display: inline-block;
transform-origin: left;
}
.customized-ban-text h2 {
margin-bottom: 20px;
}
/*3.11定制开?end*/
/*7.1历史版本 start*/
.version-con{margin: 10px;background: #fff; padding: 28px 0;position: relative;}
.version-con:after{height: 9px;left: 0;bottom:0;background: #0054c1;transition: all .4s;width: 0;content: '';position: absolute;}
.swiper-slide:hover .version-con:after{width: 100%;}
/*.lsbbxz li:hover .version-con:after{width: 100%;}*/
.version .swiper-slide:hover h3{color:#1249ab;}
.version-con .img100{width: 105px;max-width: 80%;margin: 0 auto;}
.version3 .version-con .img100{width: 90px;}
.version-con h3{margin: 20px 0 15px;}
.version-con p{font-size: 13px;color: #afafaf;margin-bottom: 30px;}
.version-download{font-size: 0;}
.version-download a{display: inline-block;width: 106px;height: 31px;line-height: 31px;text-align: center;border-radius: 5px;border:1px solid #1249ab;color: #1249ab;font-size: 14px;margin: 0 10px;position: relative;overflow: hidden;z-index: 3;transition: all .4s;}
.version-download a:before{content: '';position: absolute;left: -2px; padding:1px;width: 0;bottom:-1px;top:-1px;background: #1249ab;transition: all .4s;z-index: -1;display: none;}
.version-download a:hover{color: #fff;background: #1249ab;}
.version-download a:hover:before{width: 100%;left: -1px;}
.bgf6{background: #f6f6f6;}
.color1249ab{color: #1249ab;}
p.color1249ab{color: #1249ab;}
.color929292{color: #929292;}
p.color929292{color: #929292;}
.customized-ban-text.text-center .i{transform-origin: center;}
.zwcad-news-hd{position: relative; z-index: 4;}
.zwcad-news-hd .time{opacity: 1;z-index: 4;}
/*.zwcad-news-hd .time:after{content: '';position: absolute;left: 0;width: 100%;height: 8px;background: #0042a5;bottom:44px;z-index: -1;}*/
.zwcad-news-hd .time ul{position: relative;font-size: 0;white-space: nowrap;overflow-x: scroll;padding: 0 10px 20px;}
/*.zwcad-news-hd .time.on{opacity: 0;}*/
.zwcad-news-hd-con{position: relative;width: 1060px;max-width: 92%; margin: 0 auto;}
/*.zwcad-news-hd-con:before,.zwcad-news-hd-con:after{position: absolute; bottom: 40px; width: 15px; height: 15px; border-radius: 50% ; background: #0042a5; content: "";z-index: 6;}*/
/*.zwcad-news-hd-con:before{left: -2px;}*/
/*.zwcad-news-hd-con:after{right: -2px;}*/
.zwcad-news-hd .time li{display: inline-block;vertical-align: top; width:17%;text-align: center;position: relative;cursor: pointer;font-size: 14px;}
.zwcad-news-hd .time li h3{height: 50px;line-height: 50px;font-size: 18px;}
.zwcad-news-hd .time li.on h3{background: #0063d3;color: #fff;}
/*.zwcad-news-hd .time li .tit{font-size: 22px; color: #0042a5;position: absolute;bottom:40px;text-align: center;width: 100%;}*/
/*.quan{display: inline-block;background-size:cover;width: 24px;height: 24px;position: absolute;left: 50%;margin-left: -12px;bottom:0; background: #fff;border:2px solid #0042a5;border-radius: 100%;transition: all .4s;transform: translateZ(0);}*/
/*.quans{content: '';position: absolute;top:3px;left: 3px;bottom:3px;right: 3px;background: #0042a5;border-radius: 100%;display: none;}*/
/*.zwcad-news-hd .time li.on .quan{width: 30px;height: 30px;margin-left: -15px;bottom:-3px;}*/
/*.zwcad-news-hd .time li.on .quans{display: block;}*/
/*.zwcad-news-hd .time li:hover .quan{width: 30px;height: 30px;margin-left: -15px;bottom:-3px;}*/
/*.zwcad-news-hd .time li:hover .quans{display: block;}*/
/*.zwcad-news-hd .time li.on .tit{bottom:50px;}*/
/*.zwcad-news-hd .time li.on .tit{font-size: 30px;}*/
.tabContent{margin-top: 40px;}
.zwcad-news-bd{display: none;}
.bg0054c1 {
background: #0054c1;
}
/*7.1历史版本 end*/
/*7.2下载中心 start*/
.recommend{font-size: 0;}
.recommend li{display: inline-block;vertical-align: top;font-size: 14px;width: 32%;margin-right: 1.5%;background: #fff; box-shadow: 2px 3.464px 12.74px 0.26px rgba(198, 198, 198, 0.31);margin-bottom: 65px;height: 265px;position: relative;}
.recommend li:nth-child(3n){margin-right: 0;}
.recommend-con{padding: 30px 12px 50px;}
.recommend-con .version-download{margin-left: 78px;text-align: left;}
.recommend-top img{display: inline-block;vertical-align: middle;margin-right: 12px;width: 66px;border-radius: 100%;}
.recommend-des{display: inline-block;vertical-align:middle;font-size: 14px;}
.recommend-bot .version-download a{margin-left: 0;font-size: 16px;width: 140px;line-height: 36px;height: 36px;border-radius: 5px;}
.recommend-des h3{margin-bottom: 8px;}
.recommend-des p{color: #828181;height: 3.2em;}
.recommend-des span{color: #afafaf;font-size: 13px;display: inline-block;}
.recommend-top{margin-bottom: 48px;font-size: 0;}
.ljgd2{color: #1249ab;line-height: 36px;}
.ljgd2 span{color: #1249ab;font-size: 14px;margin-left: 5px;}
.recommend li:hover h3{color: #1249ab;}
.show-more-bottom .morechoose{width: 100%;margin: 0;position: absolute;top:100%;transition: all .4s;height: 0;line-height: 0;overflow: hidden;}
.show-more-bottom .morechoose i{display: block;height: 50px;line-height: 50px;font-style: normal;}
.show-more-bottom li:hover .morechoose{height: 50px;line-height: 50px;}
.relative-load a{width: 240px;line-height: 60px;height: 60px;font-size: 18px;margin: 0 18px;}
.version-download a.active{color: #fff;}
.version-download a.active:before{width: 100%;}
.xgxz-tabs{display: none;}
.xgxz-tabs.active{display: block;}
.xgxz-tab .btn44 a{background: #fff;color: #006bd3;}
.xgxz-tab .btn44 a:hover{background: #006bd3;color: #fff;}
.xgxz-des{height: 90px;margin-bottom: 20px;}
.xgxz-tab .version-con p{height: auto;width: 190px;max-width: 100%;margin: 0 auto 5px;}
.version li{position: relative;margin-bottom: 50px;}
.xgxz-des2{margin-bottom: 20px;}
.xgxz-des2-top span{color: #afafaf;font-size: 13px;display: inline-block;margin-bottom: 10px;}
.lsbbxz{position: relative;}
.lsbbxz li{margin-top: 0;margin-bottom: 0;}
.lsbbxz li .ljxq{position: relative;overflow: hidden;z-index: 3;transition: all .4s; }
.lsbbxz li .ljxq i{position: absolute;top:-1px;left: -2px;bottom:-1px;padding: 1px; width: 0;transition: all .4s; background: #2b6bff;z-index: -1;box-sizing: content-box;display: none;}
.lsbbxz li .ljxq:hover{color: #fff;border-color: #2b6bff;background: #2b6bff;}
.lsbbxz li .ljxq:hover i{width: 100%;left: -1px;}
.more-items-box{position: absolute;right: 0;bottom:0;height: 100%;margin: 0 !important;}
.lsbbxz .more-solutions-warp .i{width: 66px;height: 66px;margin-bottom: 20px;}
.download-pop{display: none;}
.bg07{background: rgba(0,0,0,.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#b2000000,endcolorstr=#b2000000);}
.download-con{background: #fff;width: 1200px;max-width: 92%;margin: 0 auto;border-radius: 6px;overflow: hidden;}
.download-warp{height: 540px;margin: 80px 150px;position: relative;display: none;}
.download-logo{position: absolute;top:50%;left: 0;text-align: center;margin-top: -145px;}
.download-logo span{color: #afafaf;}
.download-logo img{width: 162px;}
.email-page h3{color: #5d5d5d;margin-bottom: 24px;}
.email-right{margin-left:380px;}
.email-page-input{border:1px solid #dadada;position: relative;}
.email-page-input .text{height: 48px;line-height: 48px; display: block;width: 100%;font-size: 18px;text-indent: 1em;}
.email-page-input select{font-size: 18px;height: 48px;line-height: 48px;display: block;width: 100%;border:none;}
.download-choose-style li{float: left;color: #7e7e7e;margin-right: 90px;position: relative;padding-left: 25px;cursor: pointer;}
.download-choose-style li:last-child{margin-right: 0;}
.download-choose-style li i{position: absolute;width: 14px;height: 14px;border:1px solid #dcdcdc;top:50%;margin-top: -8px;left: 0;}
.download-choose-style li.active i{background: #1249ab;border-color: #1249ab;}
.policy li{margin-top: 12px;}
.policy li span{color: #f00;}
.getlink{display: inline-block;width: 316px;height: 46px;line-height: 46px;color: #fff;text-align: center;border-radius: 10px;overflow: hidden;background: #aaa;cursor: default;}
.getlink i{border-radius: 0;display: none;}
.getlink.active{background: #1249ab;cursor: pointer;}
.getlink.active i{display: block;}
.download-con .close{position: absolute;right: 40px;top:20px;font-size: 48px;color: #dcdcdc;transition: all .4s;}
.download-con .close:hover{color: #1249ab;}
.download-step2 .email-page h3{margin-bottom: 5px;}
.download-step2 .email-page-input .text,.download-step2 .email-page-input select{height: 36px;line-height: 36px;}
.download-step3 .download-logo{position: static;width: auto;text-align: center;margin: 0;}
.loading{width: 100px;height: 100px;margin: 45px auto 0;position: relative;}
.fading-circle{width: 100%;height: 100%;position: absolute;left: 0;top:0;}
.sk-circle{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.sk-circle:before{content: '';display: block;margin: 0 auto;width: 12px;height: 28px;background-color: #0a70d3;border-radius: 5px;animation: sk-circleFadeDelay 1.2s infinite linear;animation-fill-mode: both}
.sk-circle2{transform: rotate(30deg);}
.sk-circle3{transform: rotate(60deg);}
.sk-circle4{transform: rotate(90deg);}
.sk-circle5{transform: rotate(120deg);}
.sk-circle6{transform: rotate(150deg);}
.sk-circle7{transform: rotate(180deg);}
.sk-circle8{transform: rotate(210deg);}
.sk-circle9{transform: rotate(240deg);}
.sk-circle10{transform: rotate(270deg);}
.sk-circle11{transform: rotate(300deg);}
.sk-circle12{transform: rotate(330deg);}
.sk-circle2:before{animation-delay: -1.1s;transition-delay: -1.1s;}
.sk-circle3:before{animation-delay: -1s;transition-delay: -1s;}
.sk-circle4:before{animation-delay: -.9s;transition-delay: -.9s;}
.sk-circle5:before{animation-delay: -.8s;transition-delay: -.8s;}
.sk-circle6:before{animation-delay: -.7s;transition-delay: -.7s;}
.sk-circle7:before{animation-delay: -.6s;transition-delay: -.6s;}
.sk-circle8:before{animation-delay: -.5s;transition-delay: -.5s;}
.sk-circle9:before{animation-delay: -.4s;transition-delay: -.4s;}
.sk-circle10:before{animation-delay: -.3s;transition-delay: -.3s;}
.sk-circle11:before{animation-delay: -.2s;transition-delay: -.2s;}
.sk-circle12:before{animation-delay: -.1s;transition-delay: -.1s;}
@-webkit-keyframes sk-circleFadeDelay {
0%,39%,100%{opacity: 0;}
40%{opacity: 1;}
}
@-moz-keyframes sk-circleFadeDelay {
0%,39%,100%{opacity: 0;}
40%{opacity: 1;}
}
@-o-keyframes sk-circleFadeDelay {
0%,39%,100%{opacity: 0;}
40%{opacity: 1;}
}
@keyframes sk-circleFadeDelay {
0%,39%,100%{opacity: 0;}
40%{opacity: 1;}
}
.download-success{color: #0a70d3;}
.download-success .youjianfasongchenggong{font-size: 170px;}
.download-success h5{margin-top: 20px;}
.download-success p{margin: 30px 0;}
.must{position: absolute;right: 20px;top:50%;margin-top: -8px;color: #f00;}
.morechoose {
display: block;
width: 280px;
line-height: 56px;
height: 56px;
text-align: center;
margin: 90px auto 0;
background: #006bd3;
color: #fff;
font-size: 18px;
}
.show-more-bottom .morechoose:hover{color: #ffffff;}
.more-solutions-warp .i {
width: 60px;
height: 60px;
border: 1px solid #fff;
border-radius: 100%;
margin: 0 auto 25px;
position: relative;
transition: all .4s;
}
.more-solutions-warp .i:before {
content: '';
width: 50%;
left: 25%;
top: 50%;
border-top: 1px solid #fff;
position: absolute;
}
.more-solutions-warp .i:after {
content: '';
height: 50%;
left: 50%;
top: 25%;
border-left: 1px solid #fff;
position: absolute;
}
/*7.2下载中心 end*/
/*文化活动*/
.colore9eaeb{color: #e9eaeb !important;}
.xcfl{font-size: 0;}
.xcfl li{display:inline-block;width: 29.33%;padding:40px 2%;text-align: center;font-size: 14px;vertical-align: top;}
.xcfl li img{width: 75px;max-width: 80%;display: block;margin: 0 auto;transition: all .4s;}
.xcfl li:hover img{transform: translateY(-10px);}
.xcfl h4{margin-bottom: 15px;}
.xcfl p{color: #666;}
.developers{padding-top: 40px;}
.zoom-btn{position: absolute;top:0;left: 0;z-index: 90;}
.zoom-btn div{width: 38px;height: 38px;border-radius: 5px;background: #d9d9d9;opacity: 0.9; text-align: center;line-height: 38px;margin-bottom: 5px;cursor: pointer;font-size: 20px;}
/*.zoom-btn div:hover{background: #}*/
.btnWrap-box{height: 56px;border-bottom: 1px solid #ddd;}
.btnWrap-box a{display: inline-block;line-height: 56px;font-size: 18px;width: 140px;}
.btnCon{display: inline-block;position: relative;}
.indicator{position: absolute;bottom: 0;left: 0;height: 3px;width: 140px;background-color: #0063d3;-webkit-transition: 0.2s all ease-out;-moz-transition: 0.2s all ease-out;-o-transition: 0.2s all ease-out;-ms-transition: 0.2s all ease-out;transition: 0.2s all ease-out;}
.btnCon-cad{margin-right: 150px;}
.tabContents{display: none;}
#alertmosewindowtital{min-width:120px;min-height: 40px;position: absolute;display: none;white-space: nowrap;z-index: 9999999;transition: left 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s, top 0.4s cubic-bezier(0.23, 1, 0.32, 1) 0s;background-color: rgba(255,255,255,.9);border:1px solid #ccc;border-radius: 4px;color: #333;padding: 10px 20px;left: 745px;top: 73px;text-align: center;pointer-events: none;font-weight: bold;}
#alertmosewindowtital:after{content: "";position: absolute;top:100%;width: 0;height: 0;border:6px solid transparent;border-top-color: rgba(255,255,255,.9);left: 50%;margin-left: -6px;}
.select-two{position: relative;z-index: 9;width: 800px;max-width: 100%;margin: 0 auto;}
.select-two .case-ban-search{width: 45%;margin-bottom: 60px;}
.zhhd{float: left;width: 33.33%;}
.zhhd-xw{margin-right: 0;position: absolute;height: 100%;top:0;right: 0;}
.wrap30{display: block;margin: 0 30px;}
.zhhd .wrap30{background: #f8f8f8;}
.zhhd-con{background: #f8f8f8;padding: 25px 28px;height: 176px;}
.zhhd-con h3{font-size:16px; line-height: 26px; min-height: 52px; overflow: hidden; margin-bottom: 5px;color: #2e2e2e;}
.texts{color: #aaa;}
.address,.xwtime{display: inline-block;vertical-align: top;}
.info{height: 60px;}
/*.texts{height: 100px;}*/
.info .iconfont{display: inline-block;vertical-align: middle;margin-top: -2px;margin-right: 4px;font-size: 16px;}
.address{margin-right: 18px;}
.zhhd-xw .wrap30{position: absolute;left: 30px;right: 30px; height: 100%;margin: 0;}
.zhhd-xw .scrollBar{overflow: auto;}
.zhhd a:hover .zhhd-con{background:#f2f2f2;}
.zhhd-xw-sroll{padding: 20px 20px 0 28px;}
.zhhd-xw a{display: block;margin: 18px 0;}
.zhhd-xw h4{font-size: 16px;line-height: 1.6em;}
.timedsg{color: #666;line-height: 1.6em;}
.zhhd-xw a:hover h4{color: #0063d3;}
.zhhd-xw a:hover .timedsg{color: #0063d3;}
.left-tip{top: 0;left: 0;position: absolute;padding: 7px 20px;text-align: center;max-width: 90%;z-index: 8;color: #fff;background: rgba(0,0,0,.4);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); font-size: 13px;}
.event-hide.ie8 .reseller-map-con{width: 512px;margin-left: -256px;}
.event-hide.ie8 .reseller-map-left{float: none;width: 100%;}
.event-hide.ie8 .reseller-map{display: none !important;}
.imgscale .img100{overflow: hidden;}
.imgscale:hover .img100 img{transform: scale(1.05);}
.nav-yi,.nav-yi:after,.industry-style a:hover,.industry-style a:hover p,.newBtn div,.newBtn div:before,.more,.new-warp,.tec li .img img,.logo img,.imgscale .img100 img,.imgcd,.tec h3,.tec p,.join-btn a:before,.join-btn a,.search-con,.menu-handler .burger,.btn-gray{transition: all .4s;}
.hotBtn div,.share a,.ac-gn-searchform-submit,.ac-gn-searchform-close,.search-btn,.zero-btn div{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.jr,.join-btn,.customized-ban-text .i,.youshi-icon,.channel-list li:nth-child(2),.xiufu1,.dzgj-des .title36,.jisu-img li:nth-child(2),.zhinengzhou .img100,.zhou-des,.zwcad-list li:nth-child(2){animation-delay: 300ms !important;transition-delay:300ms !important;}
.channel-list li:nth-child(3),.jisu-img li:nth-child(3),.dianji1,.zidingyi-img,.compatible-img2,.ability-img2,.zwcad-list li:nth-child(3){animation-delay: 600ms !important;transition-delay:600ms !important;}
.zwcad-list li:nth-child(4){transition-delay:900ms !important;}
.cpu-version .p1{transition-delay: 100ms !important;}
.cpu-version .p2{transition-delay: 200ms !important;}
.cpu-version .p3{transition-delay: 300ms !important;}
.cpu-version .p4{transition-delay: 400ms !important;}
.cpu-version .p5{transition-delay: 500ms !important;}
.slideUp{
animation:up 1s both;-webkit-animation:up 1s both;
}
@keyframes up{
0%{
opacity:0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.slideDown{
animation:slideDown 1s both;-webkit-animation:slideDown 1s both;
}
@keyframes slideDown{
0%{
opacity:0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}
100%{
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.slideInLeft,.roundabout-in-focus .xz89 img,.cus-m .cus-page:nth-child(1) .i2{
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInLeft{
0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInLeft {
0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(-100px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
.slideInRight,.cus-m .cus-page:nth-child(2) .i2,.gsmap-list li.active{
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInRight{
0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
@keyframes slideInRight{
0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateX(100px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateX(0);}
}
.cus-r .i2{
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInDown{
0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(-100px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);}
}
@keyframes slideInDown{
0%{opacity: 0;filter: alpha(opacity=0);-webkit-transform: translateY(-100px);}
100%{opacity: 1;filter: alpha(opacity=100);-webkit-transform: translateY(0);}
}
.toHeight,.swiper-slide.swiper-slide-active .icontent{
-webkit-animation-name: toHeight;
animation-name: toHeight;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes toHeight{
0%{height: 0;}
100%{height: 100%;}
}
@keyframes toHeight {
0%{height: 0;}
100%{height: 100%;}
}
.tobig,.active .review-img{
-webkit-animation-name: tobig;
animation-name: tobig;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tobig{
0%{transform: scale(0);}
100%{transform: scale(1);}
}
@keyframes tobig {
0%{transform: scale(0);}
100%{transform: scale(1);}
}
.argih{
-webkit-animation-name: leftright;
animation-name: leftright;
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-iteration-count: infinite;
}
@-webkit-keyframes leftright{
0%{transform:translateX(0);}
50%{transform:translateX(-20px);}
100%{transform:translateX(0);}
}
@keyframes leftright {
0%{transform:translateX(0);}
50%{transform:translateX(-20px);}
100%{transform:translateX(0);}
}
.argih:hover{animation: none !important;}
.hyjd-right li.active .hyjd-con .i,.active .zworld2020 .i,.about-company.active .line-box .i,.absorbed a.active .i,.global-page.active .i,.cultrue li.active .i{
visibility: visible !important;
-webkit-animation-name: height !important;
animation-name: height !important;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode:backwards;
animation-fill-mode: backwards;
}
@-webkit-keyframes height{
0%{height:0;}
100%{height: 100%;}
}
@keyframes height {
0%{height:0;}
100%{height: 100%;}
}
.active .review-img{
-webkit-animation-name: tobig7;
animation-name: tobig7;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes tobig9{
0%{transform: scale(0.9);}
100%{transform: scale(1);}
}
@keyframes tobig7 {
0%{transform: scale(0.9);}
100%{transform: scale(1);}
}
.rotate360{animation: rotate linear 5s infinite;}
.reseller-select-reflress.active .reseller-reflress{animation: rotate linear 2s infinite;}
@-webkit-keyframes rotate{
0%{-webkit-transform:rotate(360deg);}
100%{-webkit-transform:rotate(0deg);}
}
.begintop{-webkit-animation-name: begintop;
animation-name: begintop;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
@keyframes begintop {
0%{opacity: 0; transform: scale3d(0.8,0.8,1) translate3d(100px,-80px,0);}
100%{opacity: 1;transform: scale3d(1,1,1) translate3d(0,0,0);}
}
.beginbot{
-webkit-animation-name: beginbot;
animation-name: beginbot;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
@keyframes beginbot{
0%{opacity: 0;transform: translate3d(0,-20px,0);}
100%{opacity: 1;transform: translate3d(0,0,0);}
}
.height100{
-webkit-animation-name: height100;
animation-name: height100;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
@keyframes height100 {
0% {
height: 0;
}
100% {
height: 100%;
}
}
.width100{
-webkit-animation-name: width100;
animation-name: width100;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;}
@keyframes width100 {
0% {
width: 0;
}
100% {
width: 100%;
}
}