@charset "gbk"; /* CSS Document */ /* 清除内外边距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */margin: 0;padding: 0;} /* 设置默认字体 */ body, button, input, select, textarea { /* for ie *//*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */} h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */ small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */ /* 重置列表元素 */ ul, ol ,li{ list-style:none; } /* 重置文本格式元素 */ a { text-decoration: none; } a:hover { text-decoration: underline; } abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */ border-bottom: 1px dotted;cursor: help;} q:before, q:after { content: ''; } /* 重置表单元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */ /* 注：optgroup 无法扶正 */ button, input, select, textarea {font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */} /* 重置表格元素 */ table {border-collapse: collapse;border-spacing: 0;} /* 重置 hr */ hr {border: none;height: 1px;} /* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */ html { overflow-y: scroll; } /* 清除浮动 */ .cb:after {content:"\200B";display:block;height:0;clear:both;} .cb {*zoom:1;} body{ background:#01284f;} /*头部*/ .clearfix{*zoom:1;} /*清除浮动*/ .clearfix:after{ content:"."; clear:both; visibility:hidden; height:0; display:block;line-height:0} .clear{ clear: both;} .fl{float:left;} .fr{ float:right;} #header{ width:100%;height:60px; } .heads{ background:#FFF; width:100%;height:60px;box-shadow:0 0 5px #888; font-family:"微软雅黑";} .wrap{width:1070px; margin:0 auto;} .wraptop{ text-align:right;margin-top:13px;font-size:13px; height:14px; line-height:14px;} .wraptop a{ margin:0 5px; color:#555; } .headmain{ height:30px;} .nav_Background .logo {width: 180px; float: left; margin-top: 7px;} .logo{ width:180px; background:url(../images/logo.png) no-repeat; text-indent: -9999px; top:5px; } .logo a{width:180px; height:60px; display: block;} .loginnav{ text-align:right; font-size: 16px;color:#fe6000; margin-top: 10px;font-family:Helvetica;} .loginnav a{color:#fe6000; margin:0 5px; font-family:Helvetica;} #headsnav{position:relative; height:30px; z-index:100; } #headsnav2{ height:30px;width:100%;padding-left:200px;} .nav{margin-left:31px; margin-top: 10px;} .nav ul{width:505px;} .nav ul li{ position:relative; z-index:50; float: left;height: 44px;} .nav ul li:first-child{width:2px; } .nav ul li a.nav-a{ font-size:17px; color:#010101; display:block; height:43px; line-height: 48px; text-align:center;} .nav ul li:hover a.nav-a{ text-shadow:1px 1px 1px #006;background-color: #fd6001;} .nav ul li.cos1{ width: 80px;} .nav ul li.cos2{ width: 114px;} .subnav{ position:absolute; top:44px; left:0; z-index:40; width:1800px; height:395px;background:url(../images/subnavbg_03.png) repeat-x; display:none;} .subnav a:hover{color:#fe4003} div.subnav-scheme,div.subnav-about{ width:1800px;background:url(../images/subnavbg_03.png) repeat-x;} div.subnavpro{ left:-585px;} div.subnav-scheme{ left:-660px;} div.subnav-server{ left:-775px;} div.subnav-skill{ left:-855px;} div.subnav-about{ left:-967px;} .subkey{ margin-top:38px; float:left;
;} .subkey a{ font-size:14px; color:#333;} .subkey h6{ font-size:16px; color:#000; font-weight:bold;} .subkey h6 a{ font-size:16px;} .subkey dl{ float:left; margin-top:10px;} .subkey dl dd{ height:20px; margin-top:15px;} .nav_Background { background: #fafafa; height: 60px; display: block; } #sear{ width:180px; height:22px; margin-top:12px; margin-left:129px; color:#fe6000; font-size:22px; line-height:22px; text-align:center; background:url(../images/tel.png) no-repeat left; padding-left:20px;} /* #search,#searchbth{ border:0; background:none;} #search{ margin-left:10px; height:22px; width:175px;*+margin-left:-85px;} #searchbth{ width:20px; height:20px; cursor:pointer;} */ .kfbox{position:absolute;background:#fff;top:186px;width:160px;height:548px;font-family:Verdana,Geneva,sans-serif;font-size:12px;right:0;z-index:999;background: url(../../show/service-open.png) no-repeat;clear:both;overflow-y:hidden;height:auto}.kfbox img{margin:0;padding:0;float:left;z-index:1111px}.kffoot img{float:left}.QQonline img,.QQoffline img{display:inline;float:none}.kffoot{background-position:10px 0;height:9px;clear:both;margin:0;padding:0}.kfmenu,.kffoot{margin-right:0;margin-left:0}.kfmenu{background:url(../../show/index_bot2_02.gif) right repeat-y;margin:0;height:400px;overflow:hidden;padding:0;float:left;padding-bottom:1250px!important;margin-bottom:-1250px!important;cursor:pointer}.kfmenu{margin-right:-3px;!important}.kfitemtitle{width:95px;height:20px;line-height:18px;background-image:url(../../show/bg_title.jpg);background-repeat:no-repeat;color:#FFF;font-weight:bold;font-size:12px;margin-top:2px}.kfbox ul{display:block;list-style-type:none;margin:0;padding:0}.kfbox .QQonline{background-position:bottom;height:20px;width:95px;margin-top:0;margin-right:auto;margin-bottom:0;margin-left:auto;padding-top:3px}.QQonline img,.QQoffline img{margin:0;padding:0;border:0}.kfbox .QQoffline,.qyqq{background-position:4px;height:25px;line-height:25px;width:125px;margin:0 auto}.kfbox .kfitem ul li a,.kfbox .kf53button a{position:relative}.kfbox span.title,.kfbox span.titletel{display:none;cursor:pointer;padding:0;margin:0}.kfbox .kfitem ul li a:hover{padding:0 0 5px 0;margin:0}.kfbox .kfitem ul li a:hover span.title,.kfbox .kfitem ul li a:hover span.titletel{display:block;position:absolute;top:21px;left:-5px;width:95px;border:1px solid black;background-color:#FFC;color:#333;padding:0;margin:0;line-height:15px}.kfbox .kfitem ul li a:hover span.titletel{left:-80px;width:130px}.kfbox .kfhead img{position:absolute;border:0;cursor:pointer;index_bot2_04 margin:0;padding:0}.kftop{background-repeat:no-repeat;height:40px;width:125px}.kfright{float:left;height:490px;width:95px;padding-top:10px;padding-left:50px}.kfleft{float:left;height:440px;background-repeat:repeat-y;background-position:left}.QQonline a{color:#000;text-decoration:none}.erweima a{color:#000;padding-left:10px}.qyqq a img{border-top-style:none;border-right-style:none;border-bottom-style:none;border-left-style:none}.qyqq{background-position:bottom;height:25px;width:95px;margin-top:0;margin-bottom:0;margin-left:15px;padding-top:3px} /*天下数据*/ #box1 { width:100%; min-height:710px;*+height:100%;_height:710px; position:relative; overflow:hidden; -webkit-animation: box1 1s .3s ease both; -moz-animation: box1 1s .3s ease both; -ms-animation: box1 1s .3s ease both; -o-animation: box1 1s .3s ease both; animation: box1 1s .3s ease both; } @-webkit-keyframes box1{0%{background:url(usa_img/box1_bg.jpg) center -150px no-repeat #01284f;opacity:0;}100%{background:url(usa_img/box1_bg.jpg) center bottom no-repeat #01284f; opacity:1;}} @-moz-keyframes box1{0%{ background:url(usa_img/box1_bg.jpg) center -150px no-repeat #01284f;opacity:0;}100%{background:url(usa_img/box1_bg.jpg) center bottom no-repeat #01284f; opacity:1;}} @-ms-keyframes box1{0%{background:url(usa_img/box1_bg.jpg) center -150px no-repeat #01284f;opacity:0;}100%{background:url(usa_img/box1_bg.jpg) center bottom no-repeat #01284f; opacity:1;}} @-o-keyframes box1{0%{background:url(usa_img/box1_bg.jpg) center -150px no-repeat #01284f;opacity:0;}100%{background:url(usa_img/box1_bg.jpg) center bottom no-repeat #01284f; opacity:1;}} @keyframes box1{0%{ background:url(usa_img/box1_bg.jpg) center -150px no-repeat #01284f;opacity:0;}100%{background:url(usa_img/box1_bg.jpg) center bottom no-repeat #01284f; opacity:1;}} /*背景线动画*/ p.line01{ position:absolute; top:0; left:120px; -webkit-animation: line01 1s .3s ease both; -moz-animation: line01 1s .3s ease both; -ms-animation: line01 1s .3s ease both; -o-animation: line01 1s .3s ease both; animation: line01 1s .3s ease both; } p.line02{ position:absolute; top:0; right:120px; -webkit-animation: line02 2s .3s ease both; -moz-animation: line02 2s .3s ease both; -ms-animation: line02 2s .3s ease both; -o-animation: line02 2s .3s ease both; animation: line02 2s .3s ease both; } p.line03{ position:absolute; bottom:0; right:150px; -webkit-animation: line03 2s .3s ease both; -moz-animation: line03 2s .3s ease both; -ms-animation: line03 2s .3s ease both; -o-animation: line03 2s .3s ease both; animation: line03 2s .3s ease both; } @-webkit-keyframes line01{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-moz-keyframes line01{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-ms-keyframes line01{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-o-keyframes line01{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @keyframes line01{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-webkit-keyframes line02{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-moz-keyframes line02{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-ms-keyframes line02{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-o-keyframes line02{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @keyframes line02{0%{top:-156px; opacity:0;}100%{top:0px; opacity:1;}} @-webkit-keyframes line03{0%{bottom:-156px; opacity:0;}100%{bottom:0px; opacity:1;}} @-moz-keyframes line03{0%{bottom:-156px; opacity:0;}100%{bottom:0px; opacity:1;}} @-ms-keyframes line03{0%{bottom:-156px; opacity:0;}100%{bottom:0px; opacity:1;}} @-o-keyframes line03{0%{bottom:-156px; opacity:0;}100%{bottom:0px; opacity:1;}} @keyframes line03{0%{bottom:-156px; opacity:0;}100%{bottom:0px; opacity:1;}} /*主题文字动画*/ .box1_tx{ width:1000px; margin:0 auto;} .box1_tx1{ width:191px; height:40px; margin:0 auto; padding-top:90px; -webkit-animation: box1_tx1 0.5s 1.5s linear both; -moz-animation: box1_tx1 0.5s 1.5s linear both; -ms-animation: box1_tx1 0.5s 1.5s linear both; -o-animation: box1_tx1 0.5s 1.5s linear both; animation: box1_tx1 0.5s 1.5s linear both;} @-webkit-keyframes box1_tx1{0%{ padding-left:30px; padding-top:90px; opacity:0;}100%{ padding-left:0px; padding-top:90px; opacity:1;}} @-moz-keyframes box1_tx1{0%{ padding-left:30px; padding-top:90px;opacity:0;}100%{ padding-left:0px; padding-top:90px;opacity:1;}} @-ms-keyframes box1_tx1{0%{ padding-left:30px; padding-top:90px;opacity:0;}100%{ padding-left:0px; padding-top:90px;opacity:1;}} @-o-keyframes box1_tx1{0%{ padding-left:30px; padding-top:90px;opacity:0;}100%{ padding-left:0px; padding-top:90px;opacity:1;}} @keyframes box1_tx1{0%{ padding-left:30px; padding-top:90px;opacity:0;}100%{ padding-left:0px; padding-top:90px;opacity:1;}} .box_tx2{ width:549px; height:52px; margin:0 auto; padding-top:20px; -webkit-animation: box_tx2 1s 1.8s linear both; -moz-animation: box_tx2 1s 1.8s linear both; -ms-animation: box_tx2 1s 1.8s linear both; -o-animation: box_tx2 1s 1.8s linear both; animation: box_tx2 1s 1.8s linear both; } @-webkit-keyframes box_tx2{0%{ padding-left:30px; padding-top:20px; opacity:0;}100%{ padding-left:0px; padding-top:20px; opacity:1;}} @-moz-keyframes box_tx2{0%{ padding-left:30px; padding-top:20px;opacity:0;}100%{ padding-left:0px; padding-top:20px;opacity:1;}} @-ms-keyframes box_tx2{0%{ padding-left:30px; padding-top:20px;opacity:0;}100%{ padding-left:0px; padding-top:20px;opacity:1;}} @-o-keyframes box_tx2{0%{ padding-left:30px; padding-top:20px;opacity:0;}100%{ padding-left:0px; padding-top:20px;opacity:1;}} @keyframes box_tx2{0%{ padding-left:30px; padding-top:20px;opacity:0;}100%{ padding-left:0px; padding-top:20px;opacity:1;}} .box_tx3{ width:328px; height:71px; margin:0 auto; padding-top:20px; -webkit-animation: box_tx3 1s 2s linear both; -moz-animation: box_tx3 1s 2s linear both; -ms-animation: box_tx3 1s 2s linear both; -o-animation: box_tx3 1s 2s linear both; animation: box_tx3 1s 2s linear both; } @-webkit-keyframes box_tx3{0%{padding-top:50px; opacity:0;}100%{ padding-top:20px; opacity:1;}} @-moz-keyframes box_tx3{0%{ padding-top:50px;opacity:0;}100%{ padding-top:20px;opacity:1;}} @-ms-keyframes box_tx3{0%{ padding-top:50px;opacity:0;}100%{ padding-top:20px;opacity:1;}} @-o-keyframes box_tx3{0%{padding-top:50px;opacity:0;}100%{ padding-top:20px;opacity:1;}} @keyframes box_tx3{0%{ padding-top:50px;opacity:0;}100%{ padding-top:20px;opacity:1;}} /*主机块动画*/ .zji_pic{ width:100%; height:400px; margin:0 auto;position:absolute;background:url(usa_img/zhuji.png) no-repeat bottom center; -webkit-animation: line03 2s .3s ease both; -moz-animation: line03 2s .3s ease both; -ms-animation: line03 2s .3s ease both; -o-animation: line03 2s .3s ease both; animation: line03 2s .3s ease both; animation-delay:1s; -moz-animation-delay: 1s; -webkit-animation-delay: 1s; -o-animation-delay: 1s; } @-webkit-keyframes zji_pic{0%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:-50px; opacity:0;}100%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:0px; opacity:1;}} @-moz-keyframes zji_pic{0%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:-50px;opacity:0;}100%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:0px; opacity:1;}} @-ms-keyframes zji_pic{0%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:-50px;opacity:0;}100%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:0px; opacity:1;}} @-o-keyframes zji_pic{0%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:-50px; opacity:0;}100%{background:url(usa_img/zhuji.png) no-repeat bottom center; bottom:0px;opacity:1;}} @keyframes zji_pic{0%{background:url(usa_img/zhuji.png) no-repeat bottom center;bottom:-50px; opacity:0;}100%{background:url(usa_img/zhuji.png) no-repeat bottom center;bottom:0px;opacity:1;}} .zjbox{ margin:0 auto; width:996px; position:relative;} .zj_tx01{position:absolute; left:141px; top:75px; -webkit-animation: zj_tx01 1s 2s linear both; -moz-animation: zj_tx01 1s 2s linear both; -ms-animation: zj_tx01 1s 2s linear both; -o-animation: zj_tx01 1s 2s linear both; animation: zj_tx01 1s 2s linear both; } @-webkit-keyframes zj_tx01{0%{ left:131px; top:75px; opacity:0;}100%{ left:141px; top:75px; opacity:1;}} @-moz-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:141px; top:75px;opacity:1;}} @-ms-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:141px; top:75px;opacity:1;}} @-o-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:141px; top:75px;opacity:1;}} @keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:141px; top:75px;opacity:1;}} .zj_tx02{position:absolute; right:86px; top:70px; -webkit-animation: zj_tx02 2s 2s linear both; -moz-animation: zj_tx02 2s 2s linear both; -ms-animation: zj_tx02 2s 2s linear both; -o-animation: zj_tx02 2s 2s linear both; animation: zj_tx02 2s 2s linear both; } @-webkit-keyframes zj_tx02{0%{ right:76px; top:70px; opacity:0;}70%{ right:90px; top:70px; opacity:1;}100%{ right:86px; top:70px; opacity:1;}} @-moz-keyframes zj_tx02{0%{ right:76px; top:70px; opacity:0;}70%{ right:90px; top:70px; opacity:1;}100%{ right:86px; top:70px;opacity:1;}} @-ms-keyframes zj_tx02{0%{ right:76px; top:70px; opacity:0;}70%{ right:90px; top:70px; opacity:1;}100%{ right:86px; top:70px;opacity:1;}} @-o-keyframes zj_tx02{0%{ right:76px; top:70px; opacity:0;}70%{ right:90px; top:70px; opacity:1;}100%{ right:86px; top:70px;opacity:1;}} @keyframes zj_tx02{0%{ right:76px; top:70px; opacity:0;}70%{ right:90px; top:70px; opacity:1;}100%{ right:86px; top:70px;opacity:1;}} .zj_tx03{position:absolute; left:45px; top:180px; -webkit-animation: zj_tx03 2s 2s linear both; -moz-animation: zj_tx03 2s 2s linear both; -ms-animation: zj_tx03 2s 2s linear both; -o-animation: zj_tx03 2s 2s linear both; animation: zj_tx03 2s 2s linear both; } @-webkit-keyframes zj_tx03{0%{ left:45px; top:170px; opacity:0;}70%{ left:45px; top:185px;opacity:1;}100%{ left:45px; top:180px; opacity:1;}} @-moz-keyframes zj_tx03{0%{ left:45px; top:170px;opacity:0;}70%{left:45px; top:185px; opacity:1;}100%{ left:45px; top:180px;opacity:1;}} @-ms-keyframes zj_tx03{0%{ left:45px; top:170px;opacity:0;}70%{ left:45px; top:185px; opacity:1;}100%{left:45px; top:180px;opacity:1;}} @-o-keyframes zj_tx03{0%{ left:45px; top:170px;opacity:0;}70%{ left:45px; top:185px; opacity:1;}100%{ left:45px; top:180px;opacity:1;}} @keyframes zj_tx03{0%{ left:45px; top:170px;opacity:0;}70%{ left:45px; top:185px; opacity:1;}100%{left:45px; top:180px;opacity:1;}} .zj_tx04{position:absolute; right:-48px; top:190px; -webkit-animation: zj_tx04 1s 2s linear both; -moz-animation: zj_tx04 1s 2s linear both; -ms-animation: zj_tx04 1s 2s linear both; -o-animation: zj_tx04 1s 2s linear both; animation: zj_tx04 1s 2s linear both; } @-webkit-keyframes zj_tx04{0%{ right:-28px; top:190px; opacity:0;}70%{ right:-52px; top:190px; opacity:1;}100%{ right:-48px; top:190px; opacity:1;}} @-moz-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}70%{ right:-52px; top:190px; opacity:1;}100%{ right:-48px; top:190px;opacity:1;}} @-ms-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}70%{ right:-52px; top:190px; opacity:1;}100%{ right:-48px; top:190px;opacity:1;}} @-o-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}70%{ right:-52px; top:190px; opacity:1;}100%{ right:-48px; top:190px;opacity:1;}} @keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}70%{ right:-52px; top:190px; opacity:1;}100%{ right:-48px; top:190px;opacity:1;}} /*什么叫无限防御？*/ #box2{width:100%; min-height:710px;*+height:100%;_height:710px; position:relative; background:url(usa_img/Line04.png) no-repeat center top; -webkit-animation: box2 1s .5s ease both; -moz-animation: box2 1s .5s ease both; -ms-animation: box2 1s .5s ease both; -o-animation: box2 1s .5s ease both; animation: box2 1s .5s ease both; } @-webkit-keyframes box2{0%{background:url(usa_img/Line04.png) no-repeat -150px top; opacity:0;}100%{background:url(usa_img/Line04.png) no-repeat center top; opacity:1;}} @-moz-keyframes box2{0%{background:url(usa_img/Line04.png) no-repeat -150px top; opacity:0;}100%{background:url(usa_img/Line04.png) no-repeat center top; opacity:1;}} @-ms-keyframes box2{0%{background:url(usa_img/Line04.png) no-repeat -150px top; opacity:0;}100%{background:url(usa_img/Line04.png) no-repeat center top; opacity:1;}} @-o-keyframes box2{0%{background:url(usa_img/Line04.png) no-repeat -150px top; opacity:0;}100%{background:url(usa_img/Line04.png) no-repeat center top; opacity:1;}} @keyframes box2{0%{background:url(usa_img/Line04.png) no-repeat -150px top; opacity:0;}100%{background:url(usa_img/Line04.png) no-repeat center top; opacity:1;}} /*文字动画效果*/ .box2_tx{ margin:0 auto; width:545px; height:52px; padding-top:70px; -webkit-animation:box2_tx 1s .5s linear both; -moz-animation:box2_tx 1s .5s linear both; -ms-animation:box2_tx 1s .5s linear both; -o-animation:box2_tx 1s .5s linear both; animation:box2_tx 1s .5s linear both; } @-webkit-keyframes box2_tx{0%{ padding-top:70px; padding-left:150px; opacity:0;}100%{ padding-top:70px; padding-left:0px; opacity:1;}} @-moz-keyframes box2_tx{0%{ padding-top:70px; padding-left:150px; opacity:0;}100%{ padding-top:70px; padding-left:0px; opacity:1;}} @-ms-keyframes box2_tx{0%{ padding-top:70px; padding-left:150px; opacity:0;}100%{ padding-top:70px; padding-left:0px; opacity:1;}} @-o-keyframes box2_tx{0%{ padding-top:70px; padding-left:150px; opacity:0;}100%{ padding-top:70px; padding-left:0px; opacity:1;}} @keyframes box2_tx{0%{ padding-top:70px; padding-left:150px; opacity:0;}100%{ padding-top:70px; padding-left:0px; opacity:1;}} /*左边动画效果*/ .box2_cn{ width:1070px; margin:0 auto;} .bx2_lf{ width:470px; background:url(usa_img/k_top.png) no-repeat top center; height:400px; font-size:16px; color:#33d3fb; line-height:35px; font-family:"微软雅黑"; position:relative; margin-top:100px; margin-left:45px; float:left; display:inline; -webkit-animation:bx2_lf 1s 1s linear both; -moz-animation:bx2_lf 1s 1s linear both; -ms-animation:bx2_lf 1s 1s linear both; -o-animation:bx2_lf 1s 1s linear both; animation:bx2_lf 1s 1s linear both; } @-webkit-keyframes bx2_lf{0%{ margin-top:50px; margin-left:45px; opacity:0;}100%{ margin-top:100px; margin-left:45px; opacity:1;}} @-moz-keyframes bx2_lf{0%{ margin-top:50px; margin-left:45px; opacity:0;}100%{ margin-top:100px; margin-left:45px; opacity:1;}} @-ms-keyframes bx2_lf{0%{ margin-top:50px; margin-left:45px; opacity:0;}100%{ margin-top:100px; margin-left:45px; opacity:1;}} @-o-keyframes bx2_lf{0%{ margin-top:50px; margin-left:45px; opacity:0;}100%{ margin-top:100px; margin-left:45px; opacity:1;}} @keyframes bx2_lf{0%{ margin-top:50px; margin-left:45px; opacity:0;}100%{ margin-top:100px; margin-left:45px; opacity:1;}} .lf_tx{ width:396px; border:2px solid #2fc1ff; border-bottom:none; border-top:none; padding:40px 35px;background:url(usa_img/k_bottom.png) no-repeat bottom center;color: #68daff;} .lf_btn1 a{ display:block; width:262px; height:50px; background:url(usa_img/btn01.png) no-repeat; font-size:18px; color:#b1eeff; margin:0 auto; position:absolute; bottom:-35px; left:105px; text-align:center; line-height:50px;} /*右边动画效果*/ .bx2_rf{float:right; width:495px; margin-top:20px; position:relative; -webkit-animation:bx2_rf 1s 1.5s linear both; -moz-animation:bx2_rf 1s 1.5s linear both; -ms-animation:bx2_rf 1s 1.5s linear both; -o-animation:bx2_rf 1s 1.5s linear both; animation:bx2_rf 1s 1.5s linear both; } @-webkit-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:0px; margin-top:20px; opacity:1;}} @-moz-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:0px; margin-top:20px; opacity:1;}} @-ms-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:0px; margin-top:20px; opacity:1;}} @-o-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:0px; margin-top:20px; opacity:1;}} @keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:0px; margin-top:20px; opacity:1;}} .rf_bg{ height:530px; background:url(usa_img/box2_bj2.jpg) no-repeat center; position:relative; -webkit-animation:rf_bg 2s 2.5s linear infinite; -moz-animation:rf_bg 2s 2.5s linear infinite; -ms-animation:rf_bg 2s 2.5s linear infinite; -o-animation:rf_bg 2s 2.5s linear infinite; animation:rf_bg 2s 2.5s linear infinite; } .fr_zj{position:absolute; top:80px; left:120px;} .rf_btn{ width:188px; height:64px; background:url(usa_img/btn02.png)no-repeat; position:relative; left:160px; bottom:38px;} .rf_btn a{display:block; width:188px; height:64px;text-align:center; line-height:64px; font-size:18px; color:#b1eeff; position:absolute; } .line_ct{ height:1px; background:#4da0d2; width:123px; position:absolute; left:-60px; top:235px; z-index:1} @-webkit-keyframes rf_bg{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}} @-moz-keyframes rf_bg{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}} @-ms-keyframes rf_bg{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}} @-o-keyframes rf_bg{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}} @keyframes rf_bg{0%{-webkit-transform:rotate(0deg);}50%{-webkit-transform:rotate(180deg);}100%{-webkit-transform:rotate(360deg);}} .lf_tx2{ display:none;} /**********************客户案例样式***********************/ #box3{width:100%; min-height:710px;*+height:100%;_height:710px; background:url(usa_img/box3_bg.jpg) no-repeat bottom center #01294d; } /*案例logo*/ .bx3_cn{ width:1070px; margin:0 auto; position:relative;} .bx3_tx{ width:240px; height:52px; margin:0 auto; padding-top:50px; overflow:hidden; } .bx3_lf{ width:340px; height:480px; float:left; margin-top:85px; margin-left:40px;position:relative; display:inline;} .log_lf{ width:177px; height:96px; background:url(usa_img/box3_pic_06.png) no-repeat;} .log_lf:hover{ width:177px; height:96px; background:url(usa_img/box3_pic_07.png) no-repeat;} .log_lf a{ display:block; width:177px; height:96px; background:url(usa_img/logo01.png) no-repeat 20px 25px;} .log_rf{ width:177px; height:96px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:77px;} .log_rf a{ display:block; width:177px; height:96px; background:url(usa_img/logo02.png) no-repeat center 25px;} .log_rf:hover{ width:177px; height:96px; background:url(usa_img/box3_pic_07.png) no-repeat;} .log_lf2{ width:177px; height:96px; background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute; top:153px;} .log_lf2:hover{ width:177px; height:96px; background:url(usa_img/box3_pic_07.png) no-repeat;} .log_lf2 a{ display:block; width:177px; height:96px; background:url(usa_img/logo03.png) no-repeat center 25px;} .log_rf2{ width:177px; height:96px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:229px;} .log_rf2:hover{ width:177px; height:96px; background:url(usa_img/box3_pic_07.png) no-repeat;} .log_rf2 a{ display:block; width:177px; height:96px; background:url(usa_img/logo04.png) no-repeat center 30px;} .log_lf3{ width:177px; height:96px; background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute; top:305px;} .log_lf3:hover{ width:177px; height:96px; background:url(usa_img/box3_pic_07.png) no-repeat;} .log_lf3 a{ display:block; width:177px; height:96px; background:url(usa_img/logo05.png) no-repeat center 32px;} .log_rf3{ width:177px; height:96px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:381px;} .log_rf3:hover{ width:177px; height:96px; background:url(usa_img/box3_pic_07.png) no-repeat;} .log_rf3 a{ display:block; width:177px; height:96px; background:url(usa_img/logo06.png) no-repeat center 32px;} /*案例方案*/ .bx3_rf{ width:547px; background:url(usa_img/box3_pic_03.png) no-repeat top center; height:492px; float:right; margin-top:55px;} .fr3_cn{ width:492px; border:1px solid #0090d3; border-top:none; border-bottom:none; margin-top:33px; background:url(usa_img/box3_pic_15.png) no-repeat bottom #004380; padding-left:51px; margin-left:1px; padding-top:50px;padding-bottom:40px;} /**********************客户案例动画***********************/ #box3{-webkit-animation:box3 .5s .3s linear both; -moz-animation:box3 .5s .3s linear both; -ms-animation:box3 .5s .3s linear both; -o-animation:box3 .5s .3s linear both; animation:box3 .5s .3s linear both; } @-webkit-keyframes box3{0%{background:url(usa_img/box3_bg.jpg) no-repeat center 420px #01294d; opacity:0;}100%{background:url(usa_img/box3_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @-moz-keyframes box3{0%{background:url(usa_img/box3_bg.jpg) no-repeat center 420px #01294d; opacity:0;}100%{background:url(usa_img/box3_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @-ms-keyframes box3{0%{background:url(usa_img/box3_bg.jpg) no-repeat center 420px #01294d; opacity:0;}100%{background:url(usa_img/box3_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @-o-keyframes box3{0%{background:url(usa_img/box3_bg.jpg) no-repeat center 420px #01294d; opacity:0;}100%{background:url(usa_img/box3_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @keyframes box3{0%{background:url(usa_img/box3_bg.jpg) no-repeat center 420px #01294d; opacity:0;}100%{background:url(usa_img/box3_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} /*主题文字动画*/ .bx3_tx{-webkit-animation:box3 .5s .3s linear both; -moz-animation:bx3_tx .5s .1s linear both; -ms-animation:bx3_tx .5s .1s linear both; -o-animation:bx3_tx .5s .1s linear both; animation:bx3_tx .5s .1s linear both; } @-webkit-keyframes bx3_tx{0%{ padding-right:80px; opacity:0;}100%{ padding-right:0px; opacity:1;}} @-moz-keyframes bx3_tx{0%{ padding-right:80px; opacity:0;}100%{ padding-right:0px; opacity:1;}} @-ms-keyframes bx3_tx{0%{ padding-right:80px; opacity:0;}100%{ padding-right:0px; opacity:1;}} @-o-keyframes bx3_tx{0%{ padding-right:80px; opacity:0;}100%{ padding-right:0px; opacity:1;}} @keyframes bx3_tx{0%{ padding-right:80px; opacity:0;}100%{ padding-right:0px; opacity:1;}} /*案例logo动画*/ .log_lf{-webkit-animation:log_lf .5s .3s linear both; -moz-animation:log_lf .5s .3s linear both; -ms-animation:log_lf .5s .3s linear both; -o-animation:log_lf .5s .3s linear both; animation:log_lf .5s .3s linear both; } @-webkit-keyframes log_lf{0%{ margin-left:-15px; opacity:0;}100%{ margin-left:0px; opacity:1;}} @-moz-keyframes log_lf{0%{margin-left:-15px; opacity:0;}100%{ margin-left:0px; opacity:1;}} @-ms-keyframes log_lf{0%{ margin-left:-15px; opacity:0;}100%{margin-left:0px; opacity:1;}} @-o-keyframes log_lf{0%{ margin-left:-15px; opacity:0;}100%{ margin-left:0px; opacity:1;}} @keyframes log_lf{0%{ margin-left:-15px; opacity:0;}100%{ margin-left:0px; opacity:1;}} .log_rf{-webkit-animation:log_rf .5s .3s linear both; -moz-animation:log_rf .5s .5s linear both; -ms-animation:log_rf .5s .5s linear both; -o-animation:log_rf .5s .5s linear both; animation:log_rf .5s .5s linear both; } @-webkit-keyframes log_rf{0%{ left:167px; top:77px; opacity:0;}100%{ left:157px; top:77px; opacity:1;}} @-moz-keyframes log_rf{0%{ left:167px; top:77px; opacity:0;}100%{ left:157px; top:77px; opacity:1;}} @-ms-keyframes log_rf{0%{ left:167px; top:77px; opacity:0;}100%{ left:157px; top:77px; opacity:1;}} @-o-keyframes log_rf{0%{ left:167px; top:77px; opacity:0;}100%{ left:157px; top:77px; opacity:1;}} @keyframes log_rf{0%{ left:167px; top:77px; opacity:0;}100%{ left:157px; top:77px; opacity:1;}} .log_lf2{-webkit-animation:log_lf2 .5s .3s linear both; -moz-animation:log_lf2 .5s .7s linear both; -ms-animation:log_lf2 .5s .7s linear both; -o-animation:log_lf2 .5s .7s linear both; animation:log_lf2 .5s .7s linear both; } @-webkit-keyframes log_lf2{0%{ top:153px; margin-left:-15px; opacity:0;}100%{ top:153px; margin-left:0px; opacity:1;}} @-moz-keyframes log_lf2{0%{ top:153px; margin-left:-15px; opacity:0;}100%{ top:153px; margin-left:0px; opacity:1;}} @-ms-keyframes log_lf2{0%{ top:153px; margin-left:-15px; opacity:0;}100%{ top:153px; margin-left:0px; opacity:1;}} @-o-keyframes log_lf2{0%{ top:153px; margin-left:-15px; opacity:0;}100%{ top:153px; margin-left:0px; opacity:1;}} @keyframes log_lf2{0%{ top:153px; margin-left:-15px; opacity:0;}100%{ top:153px; margin-left:0px; opacity:1;}} .log_rf2{-webkit-animation:log_rf2 .5s .3s linear both; -moz-animation:log_rf2 .5s 1s linear both; -ms-animation:log_rf2 .5s 1s linear both; -o-animation:log_rf2 .5s 1s linear both; animation:log_rf2 .5s 1s linear both; } @-webkit-keyframes log_rf2{0%{ left:167px; top:229px; opacity:0;}100%{ left:157px; top:229px; opacity:1;}} @-moz-keyframes log_rf2{0%{ left:167px; top:229px; opacity:0;}100%{ left:157px; top:229px; opacity:1;}} @-ms-keyframes log_rf2{0%{ left:167px; top:229px; opacity:0;}100%{ left:157px; top:229px; opacity:1;}} @-o-keyframes log_rf2{0%{ left:167px; top:229px; opacity:0;}100%{ left:157px; top:229px; opacity:1;}} @keyframes log_rf2{0%{ left:167px; top:229px; opacity:0;}100%{ left:157px; top:229px; opacity:1;}} .log_lf3{-webkit-animation:log_lf3 .5s .3s linear both; -moz-animation:log_lf3 .5s 1.3s linear both; -ms-animation:log_lf3 .5s 1.3s linear both; -o-animation:log_lf3 .5s 1.3s linear both; animation:log_lf3 .5s 1.3s linear both; } @-webkit-keyframes log_lf3{0%{ top:305px; margin-left:-15px; opacity:0;}100%{ top:305px; margin-left:0px; opacity:1;}} @-moz-keyframes log_lf3{0%{ top:305px; margin-left:-15px; opacity:0;}100%{ top:305px; margin-left:0px; opacity:1;}} @-ms-keyframes log_lf3{0%{ top:305px; margin-left:-15px; opacity:0;}100%{ top:305px; margin-left:0px; opacity:1;}} @-o-keyframes log_lf3{0%{ top:305px; margin-left:-15px; opacity:0;}100%{ top:305px; margin-left:0px; opacity:1;}} @keyframes log_lf3{0%{ top:305px; margin-left:-15px; opacity:0;}100%{ top:305px; margin-left:0px; opacity:1;}} .log_rf3{-webkit-animation:log_rf3 .5s .3s linear both; -moz-animation:log_rf3 .5s 1.5s linear both; -ms-animation:log_rf3 .5s 1.5s linear both; -o-animation:log_rf3 .5s 1.5s linear both; animation:log_rf3 .5s 1.5s linear both; } @-webkit-keyframes log_rf3{0%{ left:167px; top:381px; opacity:0;}100%{ left:157px; top:381px; opacity:1;}} @-moz-keyframes log_rf3{0%{ left:167px; top:381px; opacity:0;}100%{ left:157px; top:381px; opacity:1;}} @-ms-keyframes log_rf3{0%{ left:167px; top:381px; opacity:0;}100%{ left:157px; top:381px; opacity:1;}} @-o-keyframes log_rf3{0%{ left:167px; top:381px; opacity:0;}100%{ left:157px; top:381px; opacity:1;}} @keyframes log_rf3{0%{ left:167px; top:381px; opacity:0;}100%{ left:157px; top:381px; opacity:1;}} /*案例方案动画*/ .bx3_rf{-webkit-animation:bx3_rf .5s .3s linear both; -moz-animation:bx3_rf .5s 0.8s linear both; -ms-animation:bx3_rf .5s 0.8s linear both; -o-animation:bx3_rf .5s 0.8s linear both; animation:bx3_rf .5s 0.8s linear both; } @-webkit-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}50%{ margin-top:75px;opacity:1;}100%{ margin-top:55px;opacity:1;}} @-moz-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}50%{ margin-top:75px;opacity:1;}100%{ margin-top:55px; opacity:1;}} @-ms-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}50%{ margin-top:75px;opacity:1;}100%{ margin-top:55px;opacity:1;}} @-o-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}50%{ margin-top:75px;opacity:1;}100%{ margin-top:55px;opacity:1;}} @keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}50%{ margin-top:75px;opacity:1;}100%{ margin-top:55px;opacity:1;}} /*******************其他服务器推荐样式*************************/ #box4{width:100%; min-height:710px;*+height:100%;_height:710px; background:url(usa_img/box4_bg.jpg) no-repeat bottom center #01294d;} .bx4_cn{ width:1070px; margin:0 auto; position:relative;} .bx4_tx{ margin:0 auto; width:550px; height:2px; padding-top:50px;} .bx4_lf{ width:342px; height:284px; background:url(usa_img/box4_zj.png) no-repeat; position:absolute; top:280px; left:70px;} .bx4_rf{ width:716px; height:428px; background:url(usa_img/bx_tx.png) no-repeat top; float:right; position:absolute; top:185px; right:55px; z-index:-1;} .bx4_rf li{ font-size:15px; color:#68daff; line-height:30px; font-family:"微软雅黑"; display:block;} .bx4_rf li a{ display:block; background:url(usa_img/bx4_btn.png) no-repeat; width:70px; height:48px; line-height:18px; cursor:pointer; color:#FFF; text-align:center; padding-top:18px; position:absolute;} li.bx4_tx1 a{ right:-105px; top:-27px;} li.bx4_tx2 a{ right:-105px; top:-29px;} li.bx4_tx3 a{ right:-105px; top:-30px;} li.bx4_tx4 a{ right:-115px; top:-30px;} li.bx4_tx5 a{ right:-145px; top:-27px;} li.bx4_tx1{ position:absolute; right:150px; top:15px;} li.bx4_tx2{ position:absolute; right:120px; top:110px;} li.bx4_tx3{ position:absolute; right:150px; top:204px;} li.bx4_tx4{ position:absolute; right:100px; top:298px;} li.bx4_tx5{ position:absolute; right:230px; top:385px;} /*******************其他服务器推荐动画效果*************************/ #box4{-webkit-animation:box4 .5s .3s linear both; -moz-animation:box4 .5s .3s linear both; -ms-animation:box4 .5s .3s linear both; -o-animation:box4 .5s .3s linear both; animation:box4 .5s .3s linear both; } @-webkit-keyframes box4{0%{background:url(usa_img/box4_bg.jpg) no-repeat center 10px #01294d; opacity:0;}100%{background:url(usa_img/box4_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @-moz-keyframes box4{0%{background:url(usa_img/box4_bg.jpg) no-repeat center 10px #01294d; opacity:0;}100%{background:url(usa_img/box4_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @-ms-keyframes box4{0%{background:url(usa_img/box4_bg.jpg) no-repeat center 10px #01294d; opacity:0;}100%{background:url(usa_img/box4_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @-o-keyframes box4{0%{background:url(usa_img/box4_bg.jpg) no-repeat center 10px #01294d; opacity:0;}100%{background:url(usa_img/box4_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} @keyframes box4{0%{background:url(usa_img/box4_bg.jpg) no-repeat center 10px #01294d; opacity:0;}100%{background:url(usa_img/box4_bg.jpg) no-repeat center bottom #01294d; opacity:1;}} .bx4_tx{-webkit-animation:bx4_tx .5s .6s linear both; -moz-animation:bx4_tx .5s .6s linear both; -ms-animation:bx4_tx .5s .6s linear both; -o-animation:bx4_tx .5s .6s linear both; animation:bx4_tx .5s .6s linear both; } @-webkit-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @-moz-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @-ms-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @-o-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} .bx4_lf{-webkit-animation:bx4_lf 1s 1s linear both; -moz-animation:bx4_lf 1s 1s linear both; -ms-animation:bx4_lf 1s 1s linear both; -o-animation:bx4_lf 1s 1s linear both; animation:bx4_lf 1s 1s linear both; } @-webkit-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:70px; opacity:1;}} @-moz-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:70px; opacity:1;}} @-ms-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:70px; opacity:1;}} @-o-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:70px; opacity:1;}} @keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:70px; opacity:1;}} .bx4_rf{-webkit-animation:bx4_rf 1s 1.3s linear both; -moz-animation:bx4_rf 1s 1.3s linear both; -ms-animation:bx4_rf 1s 1.3s linear both; -o-animation:bx4_rf 1s 1.3s linear both; animation:bx4_rf 1s 1.3s linear both; } @-webkit-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:55px; opacity:1;}} @-moz-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:55px; opacity:1;}} @-ms-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:55px; opacity:1;}} @-o-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:55px; opacity:1;}} @keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:55px; opacity:1;}} .bx4_rf li a{-webkit-animation:a 1s .3s linear infinite; -moz-animation:a 1s .3s linear infinite; -ms-animation:a 1s .3s linear infinite; -o-animation:a 1s .3s linear infinite; animation:a 1s .3s linear infinite;} @-webkit-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat; opacity:1;}} @-moz-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat; opacity:1;}} @-ms-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat; opacity:1;}} @-o-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat; opacity:1;}} @keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat; opacity:1;}} .hokg_bottom{ display:none;} .bx4_cn .bx4_rf ul{display:block !important; } .bx4_cn .bx4_rf ul.bx4_rf2{ display:none !important;} /*************不大于1024px的设备尺寸样式**************/ @media screen and (max-width:1024px){ .head_menu{width:100%;height:55px;margin:0 auto;background: url(https://www.idcbest.hk/images/d.png) repeat-x;background: #fefefe;} .zji_pic{width:90%;height: 363px;margin:0 auto;position:absolute;background:url(usa_img/zhuji.png) no-repeat bottom center;background-size: auto 300px;} .zjbox{ margin:0 auto; width:100%; position:relative;} /*什么叫无限防御？*/ .box2_cn{ width:95%; margin:0 auto; float:left} .box2_tx{ margin:0 auto; width:40%; height:52px; padding-top:70px;} .box2_tx img{ height:50px; width:auto;margin:0 auto;} .bx2_lf{ width:47%; background:url(usa_img/k_top.png) no-repeat top center; height:400px; font-size:16px; color:#33d3fb; line-height:35px; font-family:"微软雅黑"; position:relative; margin-top:100px; margin-left:45px; float:left; display:inline;} .lf_tx{width: 84.1%;border:2px solid #2fc1ff;border-bottom:none;border-top:none;padding:40px 35px;background:url(usa_img/k_bottom.png) no-repeat bottom center;color: #68daff;} .lf_btn1 a{display:block;width: 46%;height: 40px;background:url(usa_img/btn01.png) no-repeat;background-size: auto 40px;font-size:18px;color:#b1eeff;margin:0 auto;position:absolute;bottom: -25px;left: 115px;/* margin:0 auto; */text-align:center;line-height: 40px;} .bx2_rf{float:right;width: 40%;margin-top:20px;position:relative;-webkit-animation:bx2_rf 1s 1.5s linear both;-moz-animation:bx2_rf 1s 1.5s linear both;-ms-animation:bx2_rf 1s 1.5s linear both;-o-animation:bx2_rf 1s 1.5s linear both;animation:bx2_rf 1s 1.5s linear both;} .fr_zj{position:absolute; top:80px; left:60px;} .rf_btn{ width:188px; height:64px; background:url(usa_img/btn02.png)no-repeat; position:relative; left:96px; bottom:38px;} .rf_btn a{display:block; width:188px; height:64px;text-align:center; line-height:64px; font-size:18px; color:#b1eeff; position:absolute; } .line_ct{ height:1px; background:#4da0d2; width:123px; position:absolute; left:-60px; top:235px; z-index:1} .rf_bg{ height:500px; background:url(usa_img/box2_bj2.jpg) no-repeat center; background-size:auto 400px; position:relative; } /**********************客户案例样式***********************/ #box3{width:100%; min-height:710px;*+height:100%;_height:710px; background:url(usa_img/box3_bg.jpg) no-repeat bottom center #01294d; } /*案例logo*/ .bx3_cn{ width:95%; margin:0 auto; position:relative;} .bx3_lf{ width:34%; height:480px; float:left; margin-top:85px; margin-left:0px;position:relative; display:inline;} /*******************其他服务器推荐样式*************************/ .bx4_cn{width: 98%;margin:0 auto;position:relative;} .hokg_foot,.dibu{ display:none;} .hokg_bottom{ display:block;} .bx4_cn .bx4_rf ul{display:block !important; } .bx4_cn .bx4_rf ul.bx4_rf2{ display:none !important;} } /*************不大于1024px的设备尺寸样式**************/ @media screen and (max-width:780px){ /*主题文字动画*/ /*天下数据*/ #box1 {width:100%;min-height: 620px;*+height:100%;_height:620px;position:relative;overflow:hidden;-webkit-animation: box1 1s .3s ease both;-moz-animation: box1 1s .3s ease both;-ms-animation: box1 1s .3s ease both;-o-animation: box1 1s .3s ease both;animation: box1 1s .3s ease both;} .box1_tx{width: 90%;margin:0 auto;} /*背景线动画*/ p.line01{position:absolute;top:0;left: 0px;-webkit-animation: line01 1s .3s ease both;-moz-animation: line01 1s .3s ease both;-ms-animation: line01 1s .3s ease both;-o-animation: line01 1s .3s ease both;animation: line01 1s .3s ease both;} p.line02{position:absolute;top:0;right: 0px;-webkit-animation: line02 2s .3s ease both;-moz-animation: line02 2s .3s ease both;-ms-animation: line02 2s .3s ease both;-o-animation: line02 2s .3s ease both;animation: line02 2s .3s ease both;} p.line01 img{ width:50%; height:auto} p.line02 img{ width:70%; height:auto} .zj_tx01 img,.zj_tx02 img,.zj_tx03 img,.zj_tx04 img{ width:80%; height:auto;} .zji_pic{width:100%;height: 283px;margin:0 auto;position:absolute;background:url(usa_img/zhuji.png) no-repeat bottom center;background-size: auto 260px;} @-webkit-keyframes zj_tx01{0%{ left:131px; top:75px; opacity:0;}100%{ left:90px; top:75px; opacity:1;}} @-moz-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:90px; top:75px;opacity:1;}} @-ms-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:90px; top:75px;opacity:1;}} @-o-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:90px; top:75px;opacity:1;}} @keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:90px; top:75px;opacity:1;}} @-webkit-keyframes zj_tx02{0%{ right:66px; top:70px; opacity:0;}70%{ right:40px; top:70px; opacity:1;}100%{ right:-10px; top:70px; opacity:1;}} @-moz-keyframes zj_tx02{0%{ right:66px; top:70px; opacity:0;}70%{ right:40px; top:70px; opacity:1;}100%{ right:-10px; top:70px;opacity:1;}} @-ms-keyframes zj_tx02{0%{ right:66px; top:70px; opacity:0;}70%{ right:40px; top:70px; opacity:1;}100%{ right:-10px; top:70px;opacity:1;}} @-o-keyframes zj_tx02{0%{ right:66px; top:70px; opacity:0;}70%{ right:40px; top:70px; opacity:1;}100%{ right:-10px; top:70px;opacity:1;}} @keyframes zj_tx02{0%{ right:66px; top:70px; opacity:0;}70%{ right:40px; top:70px; opacity:1;}100%{ right:-10px; top:70px;opacity:1;}} /*什么叫无限防御？*/ #box2{width:100%;min-height: 620px;*+height:100%;_height:620px;position:relative;background:url(usa_img/Line04.png) no-repeat center top;-webkit-animation: box2 1s .5s ease both;-moz-animation: box2 1s .5s ease both;-ms-animation: box2 1s .5s ease both;-o-animation: box2 1s .5s ease both;animation: box2 1s .5s ease both;} .box2_cn{ width:95%; margin:0 auto; float:left} .box2_tx{ margin:0 auto; width:50%; height:52px; padding-top:30px;} .box2_tx img{ height:50px; width:auto;margin:0 auto;} .bx2_lf{width: 47%;background:url(usa_img/k_top.png) no-repeat top center;height: 319px;font-size: 12px;color:#33d3fb;line-height: 26px;font-family:"微软雅黑";position:relative;margin-top:100px;margin-left: 39px;float:left;display:inline;} .lf_tx{width: 84.1%;border:2px solid #2fc1ff;border-bottom:none;border-top:none;padding: 40px 26px;background:url(usa_img/k_bottom.png) no-repeat bottom center;color: #68daff;} .lf_btn1 a{display:block;width: 53%;height: 40px;background:url(usa_img/btn01.png) no-repeat;background-size: auto 35px;font-size: 16px;color:#b1eeff;margin:0 auto;position:absolute;bottom: -25px;left: 73px;/* margin:0 auto; */text-align:center;line-height: 34px;} @-webkit-keyframes bx2_lf{0%{ margin-top:50px; margin-left:25px; opacity:0;}100%{ margin-top:100px; margin-left:25px; opacity:1;}} @-moz-keyframes bx2_lf{0%{ margin-top:50px; margin-left:25px; opacity:0;}100%{ margin-top:100px; margin-left:25px; opacity:1;}} @-ms-keyframes bx2_lf{0%{ margin-top:50px; margin-left:25px; opacity:0;}100%{ margin-top:100px; margin-left:25px; opacity:1;}} @-o-keyframes bx2_lf{0%{ margin-top:50px; margin-left:25px; opacity:0;}100%{ margin-top:100px; margin-left:25px; opacity:1;}} @keyframes bx2_lf{0%{ margin-top:50px; margin-left:25px; opacity:0;}100%{ margin-top:100px; margin-left:25px; opacity:1;}} .rf_bg{height: 420px;background:url(usa_img/box2_bj2.jpg) no-repeat center;background-size: auto 280px;position:relative;} .fr_zj{position:absolute; top:80px; left:40px;} .fr_zj a img{ width:120%; height:auto} @-webkit-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:20px; margin-top:20px; opacity:1;}} @-moz-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:20px; margin-top:20px; opacity:1;}} @-ms-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:20px; margin-top:20px; opacity:1;}} @-o-keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:20px; margin-top:20px; opacity:1;}} @keyframes bx2_rf{0%{ right:-50px; margin-top:20px; opacity:0;}100%{ right:20px; margin-top:20px; opacity:1;}} .rf_btn{width:55%;height:54px;background:url(usa_img/btn02.png)no-repeat center; background-size:auto 54px;position:relative;left:96px;bottom:38px;} .rf_btn a{display:block; width:100%; height:54px;text-align:center; line-height:54px; font-size:16px; color:#b1eeff; position:absolute; } @-webkit-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @-moz-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @-ms-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @-o-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} .bx3_rf{ width:45%;background:url(usa_img/box3_pic_03.png) no-repeat top center; background-size: 100%; } .fr3_cn{width: 99.5%;border:1px solid #0090d3;border-top:none;border-bottom:none;margin-top: 19px;background:url(usa_img/box3_pic_15.png) no-repeat bottom #004380;padding-left: 0px;margin-left: 0px;padding-top:50px;padding-bottom:40px;} .fr3_cn img{ width:100%; height:auto;} @-webkit-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}100%{ margin-top:95px;opacity:1;}} @-moz-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}100%{ margin-top:95px; opacity:1;}} @-ms-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}100%{ margin-top:95px;opacity:1;}} @-o-keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}100%{ margin-top:95px;opacity:1;}} @keyframes bx3_rf{0%{ margin-top:45px;opacity:0;}100%{ margin-top:95px;opacity:1;}} /*******************其他服务器推荐样式*************************/ #box4{width:100%;min-height: 660px;*+height:100%;_height:660px;background:url(usa_img/box4_bg.jpg) no-repeat bottom center #01294d;} .bx4_lf{width:30%;height: 230px;background:url(usa_img/box4_zj.png) no-repeat bottom;background-size:100% auto;position:absolute;top:280px;left:70px;} .bx4_rf{width:80%;height: 360px;background:url(usa_img/bx_tx.png) no-repeat bottom;background-size: 100% auto;float:right;position:absolute;top:185px;right:55px;z-index:-1;} @-webkit-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:20px; opacity:1;}} @-moz-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:20px; opacity:1;}} @-ms-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:20px; opacity:1;}} @-o-keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:20px; opacity:1;}} @keyframes bx4_lf{0%{ top:280px; left:40px; opacity:0;}100%{top:280px; left:20px; opacity:1;}} @-webkit-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:15px; opacity:1;}} @-moz-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:15px; opacity:1;}} @-ms-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:15px; opacity:1;}} @-o-keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:515px; opacity:1;}} @keyframes bx4_rf{0%{ top:185px; right:25px; opacity:0;}100%{top:185px; right:15px; opacity:1;}} .bx4_rf li{ font-size:12px; color:#68daff; line-height:30px; font-family:"微软雅黑"; display:block;} li.bx4_tx1{position:absolute;right: 119px;top: 17px;} li.bx4_tx2{position:absolute;right:120px;top: 96px;} li.bx4_tx3{position:absolute;right:150px;top: 174px;} li.bx4_tx4{position:absolute;right:100px;top: 252px;} li.bx4_tx5{position:absolute;right: 209px;top: 327px;} li.bx4_tx1 a{right: -100px;top: -25px;} li.bx4_tx2 a{right: -115px;top: -21px;} li.bx4_tx3 a{right: -131px;top: -23px;} li.bx4_tx4 a{right: -115px;top: -27px;} li.bx4_tx5 a{right: -159px;top: -28px;} } /*************不大于640px的设备尺寸样式**************/ @media screen and (max-width:640px){ /*主题文字动画*/ /*天下数据*/ #box1 {width:100%;min-height: 520px;*+height:100%;_height:520px;position:relative;overflow:hidden;-webkit-animation: box1 1s .3s ease both;-moz-animation: box1 1s .3s ease both;-ms-animation: box1 1s .3s ease both;-o-animation: box1 1s .3s ease both;animation: box1 1s .3s ease both;} .box1_tx1 img{ width:100%; height:auto; margin:0 auto;} .box_tx2{ width:100%; margin:0 auto} .box_tx2 img{ width:80%; height:auto; margin:0 auto;display: block;} .box_tx3 img{ width:75%; height:auto; margin:0 auto;display: block;} @-webkit-keyframes box1_tx1{0%{ padding-left:30px; padding-top:60px; opacity:0;}100%{ padding-left:0px; padding-top:60px; opacity:1;}} @-moz-keyframes box1_tx1{0%{ padding-left:30px; padding-top:60px;opacity:0;}100%{ padding-left:0px; padding-top:60px;opacity:1;}} @-ms-keyframes box1_tx1{0%{ padding-left:30px; padding-top:60px;opacity:0;}100%{ padding-left:0px; padding-top:60px;opacity:1;}} @-o-keyframes box1_tx1{0%{ padding-left:30px; padding-top:60px;opacity:0;}100%{ padding-left:0px; padding-top:60px;opacity:1;}} @keyframes box1_tx1{0%{ padding-left:30px; padding-top:60px;opacity:0;}100%{ padding-left:0px; padding-top:60px;opacity:1;}} .zji_pic{width:100%;height: 283px;margin:0 auto;position:absolute;background:url(usa_img/zhuji.png) no-repeat bottom center;background-size: auto 220px;} .box2_tx{ margin:0 auto; width:100%; height:0px; padding-top:30px;} .box2_tx img{width: 60%;height: auto;margin:0 auto;display: block;} @-webkit-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @-moz-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @-ms-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @-o-keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} @keyframes box2_tx{0%{ padding-top:50px; padding-left:150px; opacity:0;}100%{ padding-top:50px; padding-left:0px; opacity:1;}} .lf_tx{ display:none;} .lf_tx2{ display:block;width: 84.1%;border:2px solid #2fc1ff;border-bottom:none;border-top:none;padding: 40px 22px;background:url(usa_img/k_bottom.png) no-repeat bottom center;color: #68daff;} .lf_btn1 a{display:block;width: 62%;height: 40px;background:url(usa_img/btn01.png) no-repeat;background-size: auto 34px;font-size: 16px;color:#b1eeff;margin:0 auto;position:absolute;bottom: -77px;left: 53px;/* margin:0 auto; */text-align:center;line-height: 34px;} .bx2_rf{float:right;width: 37%;margin-top:20px;position:relative;-webkit-animation:bx2_rf 1s 1.5s linear both;-moz-animation:bx2_rf 1s 1.5s linear both;-ms-animation:bx2_rf 1s 1.5s linear both;-o-animation:bx2_rf 1s 1.5s linear both;animation:bx2_rf 1s 1.5s linear both;} .rf_bg{height: 365px;background:url(usa_img/box2_bj2.jpg) no-repeat center;background-size: auto 240px;position:relative;} .rf_btn{width: 74%;height: 45px;background:url(usa_img/btn02.png)no-repeat center;background-size: auto 45px;position:relative;left:25px;bottom:38px;} .rf_btn a{display:block; width:100%; height:45px;text-align:center; line-height:45px; font-size:16px; color:#b1eeff; position:absolute; } @-webkit-keyframes bx2_rf{0%{ right:-50px; margin-top:60px; opacity:0;}100%{ right:20px; margin-top:60px; opacity:1;}} @-moz-keyframes bx2_rf{0%{ right:-50px; margin-top:60px; opacity:0;}100%{ right:20px; margin-top:60px; opacity:1;}} @-ms-keyframes bx2_rf{0%{ right:-50px; margin-top:60px; opacity:0;}100%{ right:20px; margin-top:60px; opacity:1;}} @-o-keyframes bx2_rf{0%{ right:-50px; margin-top:60px; opacity:0;}100%{ right:20px; margin-top:60px; opacity:1;}} @keyframes bx2_rf{0%{ right:-50px; margin-top:60px; opacity:0;}100%{ right:20px; margin-top:60px; opacity:1;}} /*什么叫无限防御？*/ #box2{width:100%;min-height: 590px;*+height:100%;_height:590px;position:relative;background:url(usa_img/Line04.png) no-repeat center top;-webkit-animation: box2 1s .5s ease both;-moz-animation: box2 1s .5s ease both;-ms-animation: box2 1s .5s ease both;-o-animation: box2 1s .5s ease both;animation: box2 1s .5s ease both;} /**********************客户案例样式***********************/ #box3{width:100%;min-height: 620px;*+height:100%;_height:620px;background:url(usa_img/box3_bg.jpg) no-repeat bottom center #01294d; background-size:100% auto;} .bx3_lf{ width:44%; height: 390px; float:left; margin-top:85px; margin-left:0px;position:relative; display:inline;} .log_lf{ width:50%; height:73px; background:url(usa_img/box3_pic_06.png) no-repeat; background-size:auto 73px;} .log_lf:hover{ width:50%; height:73px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 73px;} .log_lf a{ display:block; width:100%; height:73px; background:url(usa_img/logo01.png) no-repeat 20px 25px;background-size:auto 30px;} .log_rf{ width:50%; height:73px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:57px;background-size:auto 73px;} .log_rf a{ display:block; width:100%; height:73px; background:url(usa_img/logo02.png) no-repeat center 16px;background-size:auto 42px;} .log_rf:hover{ width:50%; height:73px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 73px;} .log_lf2{ width:50%; height:73px; background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute; top:153px;background-size:auto 73px;} .log_lf2:hover{ width:50%; height:73px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 73px;} .log_lf2 a{ display:block; width:100%; height:96px; background:url(usa_img/logo03.png) no-repeat center 22px;background-size:auto 32px;} .log_rf2{ width:50%; height:73px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:229px;background-size:auto 73px;} .log_rf2:hover{ width:50%; height:73px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 73px;} .log_rf2 a{ display:block; width:100%; height:96px; background:url(usa_img/logo04.png) no-repeat center 30px;background-size:auto 22px;} .log_lf3{ width:50%; height:73px; background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute; top:305px;background-size:auto 73px;} .log_lf3:hover{ width:50%; height:73px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 73px;} .log_lf3 a{ display:block; width:100%; height:96px; background:url(usa_img/logo05.png) no-repeat center 22px;background-size:auto 32px;} .log_rf3{ width:50%; height:73px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:381px;background-size:auto 73px;} .log_rf3:hover{ width:50%; height:73px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 73px;} .log_rf3 a{ display:block; width:100%; height:96px; background:url(usa_img/logo06.png) no-repeat center 25px;background-size:auto 25px;} .bx3_rf{width: 52%;height: 430px;background:url(usa_img/box3_pic_03.png) no-repeat top center;background-size: 100%;} @-webkit-keyframes log_rf{0%{ left:167px; top:57px; opacity:0;}100%{ left:119px; top:57px; opacity:1;}} @-moz-keyframes log_rf{0%{ left:167px; top:57px; opacity:0;}100%{ left:119px; top:57px; opacity:1;}} @-ms-keyframes log_rf{0%{ left:167px; top:57px; opacity:0;}100%{ left:119px; top:57px; opacity:1;}} @-o-keyframes log_rf{0%{ left:167px; top:57px; opacity:0;}100%{ left:119px; top:57px; opacity:1;}} @keyframes log_rf{0%{ left:167px; top:57px; opacity:0;}100%{ left:119px; top:57px; opacity:1;}} @-webkit-keyframes log_lf2{0%{ top:113px; margin-left:-15px; opacity:0;}100%{ top:113px; margin-left:0px; opacity:1;}} @-moz-keyframes log_lf2{0%{ top:113px; margin-left:-15px; opacity:0;}100%{ top:113px; margin-left:0px; opacity:1;}} @-ms-keyframes log_lf2{0%{ top:113px; margin-left:-15px; opacity:0;}100%{ top:113px; margin-left:0px; opacity:1;}} @-o-keyframes log_lf2{0%{ top:113px; margin-left:-15px; opacity:0;}100%{ top:113px; margin-left:0px; opacity:1;}} @keyframes log_lf2{0%{ top:113px; margin-left:-15px; opacity:0;}100%{ top:113px; margin-left:0px; opacity:1;}} @-webkit-keyframes log_rf2{0%{ left:137px; top:169px; opacity:0;}100%{ left:119px; top:169px; opacity:1;}} @-moz-keyframes log_rf2{0%{ left:137px; top:169px; opacity:0;}100%{ left:119px; top:169px; opacity:1;}} @-ms-keyframes log_rf2{0%{ left:137px; top:169px; opacity:0;}100%{ left:119px; top:169px; opacity:1;}} @-o-keyframes log_rf2{0%{ left:137px; top:169px; opacity:0;}100%{ left:119px; top:169px; opacity:1;}} @keyframes log_rf2{0%{ left:137px; top:169px; opacity:0;}100%{ left:119px; top:169px; opacity:1;}} @-webkit-keyframes log_lf3{0%{ top:225px; margin-left:-15px; opacity:0;}100%{ top:225px; margin-left:0px; opacity:1;}} @-moz-keyframes log_lf3{0%{ top:225px; margin-left:-15px; opacity:0;}100%{ top:225px; margin-left:0px; opacity:1;}} @-ms-keyframes log_lf3{0%{ top:225px; margin-left:-15px; opacity:0;}100%{ top:225px; margin-left:0px; opacity:1;}} @-o-keyframes log_lf3{0%{ top:225px; margin-left:-15px; opacity:0;}100%{ top:225px; margin-left:0px; opacity:1;}} @keyframes log_lf3{0%{ top:225px; margin-left:-15px; opacity:0;}100%{ top:225px; margin-left:0px; opacity:1;}} @-webkit-keyframes log_rf3{0%{ left:167px; top:282px; opacity:0;}100%{ left:119px; top:282px; opacity:1;}} @-moz-keyframes log_rf3{0%{ left:167px; top:282px; opacity:0;}100%{ left:119px; top:282px; opacity:1;}} @-ms-keyframes log_rf3{0%{ left:167px; top:282px; opacity:0;}100%{ left:119px; top:282px; opacity:1;}} @-o-keyframes log_rf3{0%{ left:167px; top:282px; opacity:0;}100%{ left:119px; top:282px; opacity:1;}} @keyframes log_rf3{0%{ left:167px; top:282px; opacity:0;}100%{ left:119px; top:282px; opacity:1;}} /*******************其他服务器推荐样式*************************/ #box4{width:100%;min-height: 575px;*+height:100%;_height:660px;background:url(usa_img/box4_bg.jpg) no-repeat bottom center #01294d;background-size:100% auto;} .bx4_lf{width:30%;height: 230px;background:url(usa_img/box4_zj.png) no-repeat bottom;background-size:100% auto;position:absolute;top:180px;left:70px;} .bx4_rf{width: 70%;height: 280px;background: url(usa_img/bx_tx.png) no-repeat -80px bottom;background-size: auto 277px;float:right;position:absolute;top:185px;right:55px;z-index:-1;} li.bx4_tx1{position:absolute;right: 110px;top: 10px;} li.bx4_tx2{position:absolute;right: 80px;top: 68px;} li.bx4_tx3{position:absolute;right: 110px;top: 130px;} li.bx4_tx4{position:absolute;right: 70px;top: 194px;} li.bx4_tx5{position:absolute;right: 162px;top: 250px;} li.bx4_tx1 a{right: -70px;top: -35px;} li.bx4_tx2 a{right: -68px;top: -26px;} li.bx4_tx3 a{right: -71px;top: -23px;} li.bx4_tx4 a{right: -75px;top: -27px;} li.bx4_tx5 a{right: -79px;top: -28px;} @-webkit-keyframes bx4_lf{0%{ top:200px; left:40px; opacity:0;}100%{top:200px; left:20px; opacity:1;}} @-moz-keyframes bx4_lf{0%{ top:200px; left:40px; opacity:0;}100%{top:200px; left:20px; opacity:1;}} @-ms-keyframes bx4_lf{0%{ top:200px; left:40px; opacity:0;}100%{top:200px; left:20px; opacity:1;}} @-o-keyframes bx4_lf{0%{ top:200px; left:40px; opacity:0;}100%{top:200px; left:20px; opacity:1;}} @keyframes bx4_lf{0%{ top:200px; left:40px; opacity:0;}100%{top:200px; left:20px; opacity:1;}} } /*************不大于480px的设备尺寸样式**************/ @media screen and (max-width:480px){ /*天下数据*/ #box1 {width:100%;min-height: 435px;*+height:100%;_height:435px;position:relative;overflow:hidden;-webkit-animation: box1 1s .3s ease both;-moz-animation: box1 1s .3s ease both;-ms-animation: box1 1s .3s ease both;-o-animation: box1 1s .3s ease both;animation: box1 1s .3s ease both;} .box_tx2{height: 45px;} .zji_pic{width:100%;height: 283px;margin:0 auto;position:absolute;background:url(usa_img/zhuji.png) no-repeat bottom center;background-size: auto 180px;} .box_tx3 img{width: 50%;height:auto;margin:0 auto;display: block;} @-webkit-keyframes box_tx3{0%{padding-top:10px; opacity:0;}100%{ padding-top:0px; opacity:1;}} @-moz-keyframes box_tx3{0%{ padding-top:10px;opacity:0;}100%{ padding-top:0px;opacity:1;}} @-ms-keyframes box_tx3{0%{ padding-top:10px;opacity:0;}100%{ padding-top:0px;opacity:1;}} @-o-keyframes box_tx3{0%{padding-top:10px;opacity:0;}100%{ padding-top:0px;opacity:1;}} @keyframes box_tx3{0%{ padding-top:10px;opacity:0;}100%{ padding-top:0px;opacity:1;}} .zj_tx01 img,.zj_tx02 img,.zj_tx03 img,.zj_tx04 img{ width:70%; height:auto;} @-webkit-keyframes zj_tx01{0%{ left:131px; top:75px; opacity:0;}100%{ left:5px; top:95px; opacity:1;}} @-moz-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:5px; top:95px;opacity:1;}} @-ms-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:5px; top:95px;opacity:1;}} @-o-keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:5px; top:95px;opacity:1;}} @keyframes zj_tx01{0%{ left:131px; top:75px;opacity:0;}100%{ left:5px; top:95px;opacity:1;}} @-webkit-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-85px; top:100px; opacity:1;}} @-moz-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-85px; top:100px;opacity:1;}} @-ms-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-85px; top:100px;opacity:1;}} @-o-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-85px; top:100px;opacity:1;}} @keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-85px; top:100px;opacity:1;}} @-webkit-keyframes zj_tx03{0%{ left:15px; top:180px; opacity:0;}100%{ left:5px; top:180px; opacity:1;}} @-moz-keyframes zj_tx03{0%{ left:15px; top:180px;opacity:0;}100%{ left:5px; top:180px;opacity:1;}} @-ms-keyframes zj_tx03{0%{ left:15px; top:180px;opacity:0;}100%{left:5px; top:180px;opacity:1;}} @-o-keyframes zj_tx03{0%{ left:15px; top:180px;opacity:0;}100%{ left:5px; top:180px;opacity:1;}} @keyframes zj_tx03{0%{ left:15px; top:180px;opacity:0;}100%{left:5px; top:180px;opacity:1;}} @-webkit-keyframes zj_tx04{0%{ right:-28px; top:190px; opacity:0;}100%{ right:-108px; top:190px; opacity:1;}} @-moz-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-108px; top:190px;opacity:1;}} @-ms-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-108px; top:190px;opacity:1;}} @-o-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-108px; top:190px;opacity:1;}} @keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-108px; top:190px;opacity:1;}} /*什么叫无限防御？*/ .bx2_lf{width: 95%;background:url(usa_img/k_top.png) no-repeat top center;height: 319px;font-size: 12px;color:#33d3fb;line-height: 26px;font-family:"微软雅黑";position:relative;margin-top:100px;margin-left: 0px;float:left;display:inline;} .lf_tx{width: 100%;border:2px solid #2fc1ff;border-bottom:none;border-top:none;padding: 40px 0px;background:url(usa_img/k_bottom.png) no-repeat bottom center;color: #68daff;} .lf_btn1 a{display:block;width: 42%;height: 40px;background:url(usa_img/btn01.png) no-repeat;background-size: auto 30px;font-size: 14px;color:#b1eeff;margin:0 auto;position:absolute;bottom: 1px;left: 92px;/* margin:0 auto; */text-align:center;line-height: 27px;} @-webkit-keyframes bx2_lf{0%{ margin-top:30px; margin-left:25px; opacity:0;}100%{ margin-top:50px; margin-left:25px; opacity:1;}} @-moz-keyframes bx2_lf{0%{ margin-top:30px; margin-left:25px; opacity:0;}100%{ margin-top:50px; margin-left:25px; opacity:1;}} @-ms-keyframes bx2_lf{0%{ margin-top:30px; margin-left:25px; opacity:0;}100%{ margin-top:50px; margin-left:25px; opacity:1;}} @-o-keyframes bx2_lf{0%{ margin-top:30px; margin-left:25px; opacity:0;}100%{ margin-top:50px; margin-left:25px; opacity:1;}} @keyframes bx2_lf{0%{ margin-top:30px; margin-left:25px; opacity:0;}100%{ margin-top:50px; margin-left:25px; opacity:1;}} .rf_btn a{display:block;width:100%;height:45px;text-align:center;line-height:45px;font-size: 14px;color:#b1eeff;position:absolute;} .bx2_rf{float:left;width: 65%;margin-top:20px;position:relative;} .rf_bg{height: 365px;background:url(usa_img/box2_bj2.jpg) no-repeat center;background-size: auto 260px;position:relative;} @-webkit-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:-10px; opacity:1;}} @-moz-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:-10px; opacity:1;}} @-ms-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:-10px; opacity:1;}} @-o-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:-10px; opacity:1;}} @keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:-10px; opacity:1;}} .rf_btn{width: 74%;height: 45px;background:url(usa_img/btn02.png)no-repeat center;background-size: auto 45px;position:relative;left:70px;bottom: 15px;} /**********************客户案例样式***********************/ #box3{width:100%;min-height: 515px;*+height:100%;_height:620px;background:url(usa_img/box3_bg.jpg) no-repeat bottom center #01294d;background-size:100% auto;} .bx3_lf{width:44%;height: 280px;float:left;margin-top:35px;margin-left:0px;position:relative;display:inline;} .bx3_tx img{ width:55%; height:auto; display:block; margin:0 auto;} .log_lf{width: 55%;height:50px;background:url(usa_img/box3_pic_06.png) no-repeat;background-size: auto 50px;} .log_lf:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf a{display:block;width:100%;height:52px;background: url(usa_img/logo01.png) no-repeat 11px 16px;background-size: auto 25px;} .log_rf{ width:55%; height:50px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:57px;background-size:auto 50px;} .log_rf a{ display:block; width:100%; height:52px; background:url(usa_img/logo02.png) no-repeat center 13px;background-size:auto 32px;} .log_rf:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf2{ width:55%; height:50px; background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute; top:153px;background-size:auto 50px;} .log_lf2:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf2 a{ display:block; width:100%; height:50px; background:url(usa_img/logo03.png) no-repeat center 15px;background-size:auto 25px;} .log_rf2{ width:55%; height:50px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:229px;background-size:auto 50px;} .log_rf2:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_rf2 a{ display:block; width:100%; height:50px; background:url(usa_img/logo04.png) no-repeat center 20px;background-size:auto 19px;} .log_lf3{ width:55%; height:50px; background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute; top:305px;background-size:auto 50px;} .log_lf3:hover{ width:50%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf3 a{ display:block; width:100%; height:50px; background:url(usa_img/logo05.png) no-repeat center 15px;background-size:auto 25px;} .log_rf3{ width:55%; height:50px; background:url(usa_img/box3_pic_06.png) no-repeat; position:absolute; left:157px; top:381px;background-size:auto 50px;} .log_rf3:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_rf3 a{ display:block; width:100%; height:50px; background:url(usa_img/logo06.png) no-repeat center 18px;background-size:auto 20px;} @-webkit-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:85px; top:40px; opacity:1;}} @-moz-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:85px; top:40px; opacity:1;}} @-ms-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:85px; top:40px; opacity:1;}} @-o-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:85px; top:40px; opacity:1;}} @keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:85px; top:40px; opacity:1;}} @-webkit-keyframes log_lf2{0%{ top:80px; margin-left:-15px; opacity:0;}100%{ top:80px; margin-left:0px; opacity:1;}} @-moz-keyframes log_lf2{0%{ top:80px; margin-left:-15px; opacity:0;}100%{ top:80px; margin-left:0px; opacity:1;}} @-ms-keyframes log_lf2{0%{ top:80px; margin-left:-15px; opacity:0;}100%{ top:80px; margin-left:0px; opacity:1;}} @-o-keyframes log_lf2{0%{ top:80px; margin-left:-15px; opacity:0;}100%{ top:80px; margin-left:0px; opacity:1;}} @keyframes log_lf2{0%{ top:80px; margin-left:-15px; opacity:0;}100%{ top:80px; margin-left:0px; opacity:1;}} @-webkit-keyframes log_rf2{0%{ left:85px; top:105px; opacity:0;}100%{ left:85px; top:120px; opacity:1;}} @-moz-keyframes log_rf2{0%{ left:85px; top:105px; opacity:0;}100%{ left:85px; top:120px; opacity:1;}} @-ms-keyframes log_rf2{0%{ left:85px; top:105px; opacity:0;}100%{ left:85px; top:120px; opacity:1;}} @-o-keyframes log_rf2{0%{ left:85px; top:105px; opacity:0;}100%{ left:85px; top:120px; opacity:1;}} @keyframes log_rf2{0%{ left:85px; top:105px; opacity:0;}100%{ left:85px; top:120px; opacity:1;}} @-webkit-keyframes log_lf3{0%{ top:160px; margin-left:-15px; opacity:0;}100%{ top:160px; margin-left:0px; opacity:1;}} @-moz-keyframes log_lf3{0%{ top:160px; margin-left:-15px; opacity:0;}100%{ top:160px; margin-left:0px; opacity:1;}} @-ms-keyframes log_lf3{0%{ top:160px; margin-left:-15px; opacity:0;}100%{ top:160px; margin-left:0px; opacity:1;}} @-o-keyframes log_lf3{0%{ top:160px; margin-left:-15px; opacity:0;}100%{ top:160px; margin-left:0px; opacity:1;}} @keyframes log_lf3{0%{ top:160px; margin-left:-15px; opacity:0;}100%{ top:160px; margin-left:0px; opacity:1;}} @-webkit-keyframes log_rf3{0%{ left:107px; top:200px; opacity:0;}100%{ left:85px; top:200px; opacity:1;}} @-moz-keyframes log_rf3{0%{ left:107px; top:200px; opacity:0;}100%{ left:85px; top:200px; opacity:1;}} @-ms-keyframes log_rf3{0%{ left:107px; top:200px; opacity:0;}100%{ left:85px; top:200px; opacity:1;}} @-o-keyframes log_rf3{0%{ left:107px; top:200px; opacity:0;}100%{ left:85px; top:200px; opacity:1;}} @keyframes log_rf3{0%{ left:107px; top:200px; opacity:0;}100%{ left:85px; top:200px; opacity:1;}} .bx3_rf{width: 50%;height: 290px;background:url(usa_img/box3_pic_03.png) no-repeat top center;background-size: 100%;} .fr3_cn{width: 99.5%;border:1px solid #0090d3;border-top:none;border-bottom:none;margin-top: 11px;background:url(usa_img/box3_pic_15.png) no-repeat bottom #004380;padding-left: 0px;margin-left: 0px;padding-top:50px;padding-bottom:40px;} /*******************其他服务器推荐样式*************************/ #box4{width:100%;min-height: 450px;*+height:100%;_height:660px;background:url(usa_img/box4_bg.jpg) no-repeat bottom center #01294d;background-size:100% auto;} .bx4_tx{ width:100%; margin:0 auto;} .bx4_tx img{ width:75%; height:auto; margin:0 auto; display:block} @-webkit-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @-moz-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @-ms-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @-o-keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} @keyframes bx4_tx{0%{ padding-top:30px; opacity:0;}100%{ padding-top:50px; opacity:1;}} .bx4_lf{ display:none !important;} .bx4_rf{width: 100%;height: 280px;background: url(usa_img/bx_tx.png) no-repeat -55px bottom;background-size: auto 277px;float:right;position:absolute;top:185px;right:55px;z-index:-1;} .bx4_cn .bx4_rf ul{display:block !important; } .bx4_cn .bx4_rf ul.bx4_rf2{ display:none !important;} .bx4_rf li a{display:block;background:url(usa_img/bx4_btn.png) no-repeat center;background-size:auto 50px;width:70px;height: 50px;line-height: 16px;cursor:pointer;color:#FFF;text-align:center;padding-top: 26px;position:absolute;} li.bx4_tx1{position:absolute;right: 60px;top: 10px;} li.bx4_tx2{position:absolute;right: 45px;top: 68px;} li.bx4_tx3{position:absolute;right: 60px;top: 130px;} li.bx4_tx4{position:absolute;right: 48px;top: 194px;} li.bx4_tx5{position:absolute;right: 102px;top: 250px;} li.bx4_tx1 a{right: -65px;top: -35px;} li.bx4_tx2 a{right: -62px;top: -26px;} li.bx4_tx3 a{right: -65px;top: -30px;} li.bx4_tx4 a{right: -65px;top: -30px;} li.bx4_tx5 a{right: -65px;top: -28px;} @-webkit-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat center; background-size:auto 50px;opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat center; background-size:auto 50px;opacity:1;}} @-moz-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat center; background-size:auto 50px;opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat center; background-size:auto 50px;opacity:1;}} @-ms-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat center; background-size:auto 50px;opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat center; background-size:auto 50px;opacity:1;}} @-o-keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat center; background-size:auto 50px;opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat center; background-size:auto 50px; opacity:1;}} @keyframes a{50%{background:url(usa_img/bx4_btn.png) no-repeat center; background-size:auto 50px; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) no-repeat center; background-size:auto 50px; opacity:1;}} @-webkit-keyframes bx4_rf{0%{ top:125px; right:25px; opacity:0;}100%{top:125px; right:15px; opacity:1;}} @-moz-keyframes bx4_rf{0%{ top:125px; right:25px; opacity:0;}100%{top:125px; right:15px; opacity:1;}} @-ms-keyframes bx4_rf{0%{ top:125px; right:25px; opacity:0;}100%{top:125px; right:15px; opacity:1;}} @-o-keyframes bx4_rf{0%{ top:125px; right:25px; opacity:0;}100%{top:125px; right:515px; opacity:1;}} @keyframes bx4_rf{0%{ top:125px; right:25px; opacity:0;}100%{top:125px; right:15px; opacity:1;}} } /*************不大于480px的设备尺寸样式**************/ @media screen and (max-width:400px){ .log_lf{width: 55%;height: 45px;background:url(usa_img/box3_pic_06.png) no-repeat;background-size: auto 45px;} .log_lf:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf a{display:block;width:100%;height: 45px;background: url(usa_img/logo01.png) no-repeat 11px 16px;background-size: auto 20px;} .log_rf{width:55%;height: 45px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;left:157px;top:57px;background-size: auto 45px;} .log_rf a{display:block;width:100%;height:52px;background: url(usa_img/logo02.png) no-repeat center 10px;background-size: auto 28px;} .log_rf:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf2{width:55%;height: 45px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;top:153px;background-size: auto 45px;} .log_lf2:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf2 a{display:block;width:100%;height: 45px;background: url(usa_img/logo03.png) no-repeat center 13px;background-size: auto 21px;} .log_rf2{width:55%;height: 45px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;left:157px;top:229px;background-size: auto 45px;} .log_rf2:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_rf2 a{display:block;width:100%;height:50px;background: url(usa_img/logo04.png) no-repeat center 15px;background-size: auto 15px;} .log_lf3{width:55%;height: 45px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;top:305px;background-size: auto 45px;} .log_lf3:hover{ width:50%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_lf3 a{display:block;width:100%;height:50px;background:url(usa_img/logo05.png) no-repeat center 15px;background-size: auto 20px;} .log_rf3{width:55%;height: 45px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;left:157px;top:381px;background-size: auto 45px;} .log_rf3:hover{ width:55%; height:50px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 50px;} .log_rf3 a{display:block;width:100%;height:50px;background: url(usa_img/logo06.png) no-repeat center 15px;background-size: auto 15px;} .fr3_cn{width: 99.5%;border:1px solid #0090d3;border-top:none;border-bottom:none;margin-top: 9px;background:url(usa_img/box3_pic_15.png) no-repeat bottom #004380;padding-left: 0px;margin-left: 0px;padding-top:50px;padding-bottom:40px;} .rf_bg{height: 365px;background:url(usa_img/box2_bj2.jpg) no-repeat center;background-size: auto 225px;position:relative;} .lf_btn1 a{display:block;width: 45%;height: 40px;background:url(usa_img/btn01.png) no-repeat;background-size: auto 29px;font-size: 14px;color:#b1eeff;margin:0 auto;position:absolute;bottom: -25px;left: 92px;/* margin:0 auto; */text-align:center;line-height: 27px;} .rf_btn{width: 74%;height: 45px;background:url(usa_img/btn02.png)no-repeat center;background-size: auto 45px;position:relative;left:70px;bottom: 55px;} .rf_btn{width: 74%;height: 45px;background:url(usa_img/btn02.png)no-repeat center;background-size: auto 45px;position:relative;left:70px;bottom: 55px;} #box3{width:100%;min-height: 430px;*+height:100%;_height:620px;background:url(usa_img/box3_bg.jpg) no-repeat bottom center #01294d;background-size:100% auto;} .bx3_tx{width:240px;height: 30px;margin:0 auto;padding-top: 0px;overflow:hidden;} .bx4_cn .bx4_rf ul{ display:none !important;} .bx4_cn .bx4_rf ul.bx4_rf2{ display:block !important;width: 90%;height: 280px;background:none;background-size: auto 277px;float:right;position:absolute;top:0px;right:10px;z-index:-1;} ul.bx4_rf2 li a{display:block;background:url(usa_img/bx4_btn.png) no-repeat center;background-size:auto 50px;line-height: 16px;cursor:pointer;text-align:center;padding-top: 26px;position:absolute; font-size:12px; color:#68daff; line-height:30px; font-family:"微软雅黑";} li.bx4_tx1{position:absolute;right: 0px;top: 10px;} li.bx4_tx2{position:absolute;right: 0px;top: 68px;} li.bx4_tx3{position:absolute;right: 0px;top: 130px;} li.bx4_tx4{position:absolute;right: 0px;top: 194px;} li.bx4_tx5{position:absolute;right: 50px;top: 250px;} ul.bx4_rf2 li a{display:block;background:none;background-size:auto 50px;line-height: 16px;cursor:pointer;text-align:center;padding-top: 26px;position:absolute; font-size:12px; color:#68daff; line-height:30px; font-family:"微软雅黑"; width:100%; height:30px; left:0px;} @-webkit-keyframes a{50%{background:url(usa_img/bx4_btn.png) none; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) none; opacity:1;}} @-moz-keyframes a{50%{background:url(usa_img/bx4_btn.png) none; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) none; opacity:1;}} @-ms-keyframes a{50%{background:url(usa_img/bx4_btn.png) none; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) none; opacity:1;}} @-o-keyframes a{50%{background:url(usa_img/bx4_btn.png) none; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) none; opacity:1;}} @keyframes a{50%{background:url(usa_img/bx4_btn.png) none; opacity:1;}100%{background:url(usa_img/bx4_btn2.png) none; opacity:1;}} } /*************不大于480px的设备尺寸样式**************/ @media screen and (max-width:320px){ .box_tx2 img{width: 96%;height:auto;margin:0 auto;display: block;} .box_tx3{width: 100%;height:71px;margin:0 auto;padding-top:20px;-webkit-animation: box_tx3 1s 2s linear both;-moz-animation: box_tx3 1s 2s linear both;-ms-animation: box_tx3 1s 2s linear both;-o-animation: box_tx3 1s 2s linear both;animation: box_tx3 1s 2s linear both;} .zj_tx01 img,.zj_tx02 img,.zj_tx03 img,.zj_tx04 img{width: 65%;height:auto;} @-webkit-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-105px; top:100px; opacity:1;}} @-moz-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-105px; top:100px;opacity:1;}} @-ms-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-105px; top:100px;opacity:1;}} @-o-keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-105px; top:100px;opacity:1;}} @keyframes zj_tx02{0%{ right:-66px; top:100px; opacity:0;}100%{ right:-105px; top:100px;opacity:1;}} @-webkit-keyframes zj_tx04{0%{ right:-28px; top:190px; opacity:0;}100%{ right:-128px; top:190px; opacity:1;}} @-moz-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-128px; top:190px;opacity:1;}} @-ms-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-128px; top:190px;opacity:1;}} @-o-keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-128px; top:190px;opacity:1;}} @keyframes zj_tx04{0%{ right:-28px; top:190px;opacity:0;}100%{ right:-128px; top:190px;opacity:1;}} .box2_tx img{width: 75%;height: auto;margin:0 auto;display: block;padding-left: 20px;} .lf_tx2{display:block;width: 84.1%;border:2px solid #2fc1ff;border-bottom:none;border-top:none;padding: 40px 13px;background:url(usa_img/k_bottom.png) no-repeat bottom center;color: #68daff;} .lf_btn1 a{display:block;width: 52%;height: 40px;background:url(usa_img/btn01.png) no-repeat;background-size: auto 29px;font-size: 14px;color:#b1eeff;margin:0 auto;position:absolute;bottom: -77px;left: 56px;/* margin:0 auto; */text-align:center;line-height: 27px;} .bx2_rf{float:left;width: 75%;margin-top:20px;position:relative;} .rf_bg{height: 365px;background:url(usa_img/box2_bj2.jpg) no-repeat center;background-size: auto 260px;position:relative;} .fr_zj{position:absolute;top: 85px;left: 0px;} .fr_zj a img{width: 100%;height:auto;} @-webkit-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:70px; opacity:1;}} @-moz-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:70px; opacity:1;}} @-ms-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:70px; opacity:1;}} @-o-keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:70px; opacity:1;}} @keyframes bx2_rf{0%{ right:-50px; margin-top:-10px; opacity:0;}100%{ right:-40px; margin-top:70px; opacity:1;}} .rf_btn{width: 74%;height: 45px;background:url(usa_img/btn02.png)no-repeat center;background-size: auto 45px;position:relative;left: 35px;bottom: 30px;} .bx3_tx{width:240px;height: 30px;margin:0 auto;padding-top: 30px;overflow:hidden;} .bx3_lf{width: 95%;height: 280px;float:left;margin-top:35px;margin-left:0px;position:relative;display:inline;} .log_lf{width: 45%;height: 70px;background:url(usa_img/box3_pic_06.png) no-repeat;background-size: auto 70px;} .log_lf:hover{ width:45%; height:70px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 70px;} .log_lf a{display:block;width:100%;height: 70px;background: url(usa_img/logo01.png) no-repeat 18px 23px;background-size: auto 30px;} .log_rf{width: 45%;height: 70px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;left:157px;top:57px;background-size: auto 70px;} .log_rf:hover{ width:45%; height:70px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 70px;} .log_rf a{display:block;width: 100%;height: 60px;background: url(usa_img/logo02.png) no-repeat center 14px;background-size: auto 43px;} .log_lf2{width:45%;height: 70px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;top:153px;background-size: auto 70px;} .log_lf2:hover{ width:45%; height:70px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 70px;} .log_lf2 a{display:block;width:100%;height: 70px;background: url(usa_img/logo03.png) no-repeat center 21px;background-size: auto 30px;} .log_rf2{width:45%;height: 70px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;left:157px;top:229px;background-size: auto 70px;} .log_rf2:hover{ width:45%; height:70px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 70px;} .log_rf2 a{display:block;width:100%;height:70px;background: url(usa_img/logo04.png) no-repeat center 25px;background-size: auto 25px;} .log_lf3{width:45%;height: 70px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;top:305px;background-size: auto 70px;} .log_lf3:hover{ width:45%; height:70px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 70px;} .log_lf3 a{display:block;width:100%;height:70px;background: url(usa_img/logo05.png) no-repeat center 20px;background-size: auto 30px;} .log_rf3{width:45%;height: 70px;background:url(usa_img/box3_pic_06.png) no-repeat;position:absolute;left:157px;top:381px;background-size: auto 70px;} .log_rf3:hover{ width:45%; height:70px; background:url(usa_img/box3_pic_07.png) no-repeat;background-size:auto 70px;} .log_rf3 a{display:block;width:100%;height:70px;background: url(usa_img/logo06.png) no-repeat center 25px;background-size: auto 25px;} @-webkit-keyframes log_lf{0%{ margin-left:15px; opacity:0;}100%{ margin-left:30px; opacity:1;}} @-moz-keyframes log_lf{0%{margin-left:15px; opacity:0;}100%{ margin-left:30px; opacity:1;}} @-ms-keyframes log_lf{0%{ margin-left:15px; opacity:0;}100%{margin-left:30px; opacity:1;}} @-o-keyframes log_lf{0%{ margin-left:15px; opacity:0;}100%{ margin-left:30px; opacity:1;}} @keyframes log_lf{0%{ margin-left:15px; opacity:0;}100%{ margin-left:30px; opacity:1;}} @-webkit-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:144px; top:55px; opacity:1;}} @-moz-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:144px; top:55px; opacity:1;}} @-ms-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:144px; top:55px; opacity:1;}} @-o-keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:144px; top:55px; opacity:1;}} @keyframes log_rf{0%{ left:107px; top:40px; opacity:0;}100%{ left:144px; top:55px; opacity:1;}} @-webkit-keyframes log_lf2{0%{ top:110px; margin-left:15px; opacity:0;}100%{ top:110px; margin-left:30px; opacity:1;}} @-moz-keyframes log_lf2{0%{ top:110px; margin-left:15px; opacity:0;}100%{ top:110px; margin-left:30px; opacity:1;}} @-ms-keyframes log_lf2{0%{ top:110px; margin-left:15px; opacity:0;}100%{ top:110px; margin-left:30px; opacity:1;}} @-o-keyframes log_lf2{0%{ top:110px; margin-left:15px; opacity:0;}100%{ top:110px; margin-left:30px; opacity:1;}} @keyframes log_lf2{0%{ top:110px; margin-left:15px; opacity:0;}100%{ top:110px; margin-left:30px; opacity:1;}} @-webkit-keyframes log_rf2{0%{ left:104px; top:165px; opacity:0;}100%{ left:144px; top:165px; opacity:1;}} @-moz-keyframes log_rf2{0%{ left:104px; top:165px; opacity:0;}100%{ left:144px; top:165px; opacity:1;}} @-ms-keyframes log_rf2{0%{ left:104px; top:165px; opacity:0;}100%{ left:144px; top:165px; opacity:1;}} @-o-keyframes log_rf2{0%{ left:104px; top:165px; opacity:0;}100%{ left:144px; top:165px; opacity:1;}} @keyframes log_rf2{0%{ left:104px; top:165px; opacity:0;}100%{ left:144px; top:165px; opacity:1;}} @-webkit-keyframes log_lf3{0%{ top:220px; margin-left:15px; opacity:0;}100%{ top:220px; margin-left:30px; opacity:1;}} @-moz-keyframes log_lf3{0%{ top:220px; margin-left:15px; opacity:0;}100%{ top:220px; margin-left:30px; opacity:1;}} @-ms-keyframes log_lf3{0%{ top:220px; margin-left:15px; opacity:0;}100%{ top:220px; margin-left:30px; opacity:1;}} @-o-keyframes log_lf3{0%{ top:220px; margin-left:15px; opacity:0;}100%{ top:220px; margin-left:30px; opacity:1;}} @keyframes log_lf3{0%{ top:220px; margin-left:15px; opacity:0;}100%{ top:220px; margin-left:30px; opacity:1;}} @-webkit-keyframes log_rf3{0%{ left:107px; top:275px; opacity:0;}100%{ left:144px; top:275px; opacity:1;}} @-moz-keyframes log_rf3{0%{ left:107px; top:275px; opacity:0;}100%{ left:144px; top:275px; opacity:1;}} @-ms-keyframes log_rf3{0%{ left:107px; top:275px; opacity:0;}100%{ left:144px; top:275px; opacity:1;}} @-o-keyframes log_rf3{0%{ left:107px; top:275px; opacity:0;}100%{ left:144px; top:275px; opacity:1;}} @keyframes log_rf3{0%{ left:107px; top:275px; opacity:0;}100%{ left:144px; top:275px; opacity:1;}} .bx3_rf{float: left;} .bx3_rf{width: 80%;height: 290px;background:url(usa_img/box3_pic_03.png) no-repeat top center;background-size: 100%;margin-left: 30px;} .fr3_cn{width: 99.5%;border:1px solid #0090d3;border-top:none;border-bottom:none;margin-top: 13px;background:url(usa_img/box3_pic_15.png) no-repeat bottom #004380;padding-left: 0px;margin-left: 0px;padding-top: 20px;padding-bottom:40px;} .bx4_cn .bx4_rf ul.bx4_rf2{ display:block !important;width: 80%;height: 280px;background:none;background-size: auto 277px;float:right;position:absolute;top:0px;right:10px;z-index:-1;} .bx4_rf li{font-size:12px;color:#68daff;line-height: 18px;font-family:"微软雅黑";display:block;} }