@charset "utf-8"; /* CSS Document */ * { margin:0; padding:0; } html { color: #666; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; /*修正手持设备字体变化*/ } body {margin:0 auto; font-family:Microsoft Yahei,"宋体",Arial,Helvetica,sans-serif,Tahoma; background:#fff; font-size:14px; color:#333;min-width:1200px;} html, body, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td, option, include, file ,img{margin:0;padding:0;} ul,li,dl,dd,dt{list-style-type:none;padding:0;margin:0;border:0;} img { border:0px;} a { color:#666; text-decoration:none;blr:exPRession(this.onFocus=this.blur());outline:none; background: transparent; /*修正win8系统IE连接灰色背景*/} a:hover { color:#000;} .clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} .xinxin{ color:#F00;} video::-internal-media-controls-download-button { display:none; } video::-webkit-media-controls-enclosure { overflow:hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); } table{ border-collapse:collapse; } .cpbg{ margin-top:15px;} .cpbg td{border:solid 1px #eaeaea; padding:10px 15px; line-height:22px;} /* hender */ .header{height:58px; position:fixed; z-index:1000; width:100%;} .header-ok{ margin:0 auto; width:1200px;} .header-left{ float:left; width:212px; height:87px; padding-left:35px;} .header-left a img{padding-top:21px;} .header-right{ float:right; padding-right:35px;} .header-right ul{} .header-right ul li{ height:40px; line-height:40px; margin-top:45px;} .header-right ul li a{ float:left;color:#fff;display:block;padding:0 11px;transition:all .5s; font-size:16px; border-radius:5px;} .header-right ul li a:hover{ background:#9dc815; color:#fff;transition:all .5s;} .header2{height:58px; position:fixed; z-index:1000; width:100%;background:rgba(156,200,10,1);} .header2 .header-right ul li{margin-top: 10px;} .header2 .header-left a img{width: 110px;height: 45px;padding-top: 7px;} /* homecpfl */ .homecpfl{overflow:hidden; background:#e6f5ff url(images/cptjd.jpg) center bottom no-repeat; height:626px;} .homecp{margin:0 auto; width:1200px;padding-top:50px; overflow:hidden;} .homecp h1{padding-top:10px; font-weight: normal; font-size:30px; color:#333;} .homecpok{ padding-top:30px; height:450px;} /* homesp */ .homesp{margin:0 auto; width:1200px; padding:45px 0;} .homesp-l{ width:589px; float:left;} .sp-bt{width:589px; border-bottom:1px solid #eee; padding-bottom:20px; color:#666;} .sp-bt h2{ font-size:30px; font-weight:normal; color:#000;} .homesp-r{ float: right;} .home-xw{ background:#f4f5f9; width:508px; height:301px;margin-top:20px; padding:40px; overflow:hidden;} .home-xw .swiper-slide{ padding-top:20px;} .home-xw .swiper-slide h1{ font-size:22px; font-weight:normal;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap;} .home-xw .swiper-slide h1 a{ color:#122b7d;} .home-xw .swiper-slide em{ font-style:normal;} .home-xw .swiper-slide dl{ padding-top:20px;} .home-xw .swiper-slide dl dt{ float:left; width:190px; padding-left:10px; height:148px; overflow:hidden; background:#FFF; padding-top:20px;} .home-xw .swiper-slide dl dd{ float:right; width:268px; height:128px; background:#FFF; padding:20px;overflow:hidden;} .home-xw .swiper-pagination-bullet {display: inline-block; width: 11px; height: 11px; margin-right: 17px; border-radius: 50%;background:#ccc; border:none; opacity: 0.5; } .home-xw .swiper-pagination-clickable .swiper-pagination-bullet {cursor: pointer;} .home-xw .swiper-pagination-white .swiper-pagination-bullet {background: #fff;} .home-xw .swiper-pagination-bullet-active {background: #9dc815; width: 11px; height: 11px;border:0;} .home-xw .swiper-container-horizontal>.swiper-pagination{ left:0; bottom:22%;} .homexx{ height:684px; background:url(images/xd.jpg) center no-repeat; } /* @keyframes rotatetwo { 0% { transform: rotate(-20deg); } 50%{ transform: rotate(30deg); } 100% { transform: rotate(-20deg); } }*/ .index-six { width: 100%; min-width: 1190px;position: relative; } .index-six .con { text-align: center; } .index-six .con .xico { margin: 50px auto 0; animation:fadeInUp 2s .2s ease both;animation: 5s linear 0s normal none infinite rotatetwo; } @keyframes rotatetwo { 0% { transform: translateY(-50px); } 50%{ transform: translateY(50px); } 100% { transform: translateY(-50px); } } .homexx dl{ position:relative;padding-top:225px; } .homexx dl .tips { position: absolute; top: 295px; width:100%; text-align: center; opacity: 0; font-size:48px; color:#9dc815; } .homexx dl .tips h2{ font-size:24px;font-weight:normal;} .homeren2{ height:302px; background:#122b7d url(images/yy.jpg) repeat-x bottom; position:relative; overflow:hidden;} .homeren2 dl{ position:relative;padding-top:225px;margin:0 auto; width:1200px;} .homeren2 dl .tips { position: absolute; top: 295px; width:100%; text-align: center; opacity: 0; font-size:48px; color:#9dc815; } .homeren2 dl .tips h2{ font-size:24px;font-weight:normal;} .homeren{ height:302px; background:#122b7d url(images/yy.jpg) repeat-x bottom; position:relative; overflow:hidden;} .renbt{ text-align:center; color:#fff; font-size:18px; padding-top:45px;} .renbt p{ font-size:30px;} .homeren dl{ position:relative;padding-top:225px; margin:0 auto; width:1200px;} .homeren dl .tips2 { position: absolute; top: 195px; width:100%; text-align: center; opacity: 0; font-size:48px; color:#9dc815; } .rz{ float:left; padding-top:8px;} .ry{ float:right;} /* homefooter */ .footer{background:#122b7d; padding:23px 0; text-align:center;color:#FFF;} .footer p{ border-top:1px solid #2a418a; color:#7e8ab3; padding-top:20px; font-size:12px; } .footer p a{color:#7e8ab3;} .sidebar{position:fixed;right:0;bottom:0%;margin-bottom:130px;width:55px;background:url(images/slide_bar_bg.png);padding:12px 0 0 0;border-radius:8px 0 0 8px;z-index:999;} .sidebar li{height:50px;width:160px;padding-left:17px;border-radius:8px 0 0 8px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;} .sidebar li img{display:block;} .sidebar li:hover{margin-left:-105px;background:url(images/slide_bar_bg.png);} .query-cover{position:fixed;left:0;top:0;z-index:10000;width:100%;height:100%;background:#000;opacity:0.7;filter:alpha(opacity=70);display:none;} .query-pop{position:fixed;left:50%;top:37%;z-index:20000;width:340px;height:390px;padding-top:15px;margin-left:-200px;margin-top:-120px;background:#fff;display:none;color:#666; text-align:center;} .query-pop .close-btn{position:absolute;top:325px;right:92px;font-size:15px;width:150px;height:39px;overflow:hidden;background:#122b7d; line-height:39px; color:#FFF;} /* cp */ .bannercp{ height:281px;} .info-mbx{ height:101px; background:#f4f5f7; border-bottom:1px solid #eee;} .mbx-ok{ margin:0 auto; width:1050px; background: url(images/ggy.jpg) right center no-repeat;height:101px; font-size:13px; color:#666;} .mbx-ok h4{ font-size:22px; padding-top:24px; color:#333;} .cp-kfnr{ padding:10px 0 30px 0;} .cp-l-t2{ height:47px; background:url(images/nylx.jpg) center center no-repeat; line-height:47px; color:#fff; font-size:20px; padding-left:21px;} .kfnr-lx{ background:url(images/lxt.jpg) center top no-repeat; border:1px solid #eee; padding:8px;padding-top:110px; } .kfnr-lx h1{ font-size:22px;color:#246cd7;} .dtok{ margin:0 auto; width:1130px;} .cpdtok-1{ float:left; width:430px; height:460px;} .cpdtok-r{ float:right; width:320px; padding:15px 0; overflow:hidden;} .cpxxjs{ padding-bottom:30px;} .cpxxjs img{ max-width:774px; padding:10px 0;} .cpxxjs span{ height:36px; display:block; background:#f4f5f7; line-height:36px; padding-left:18px; font-weight:bold; font-size:16px; color:#246cd7; margin-bottom:15px;} .homecase-ok{ margin:0 auto; width:1050px; padding-top:25px;} /*留言*/ .right-main-tou-faq{} .right-main-tou-faq dl{ width:670px; padding:25px 0;} .right-main-tou-faq dl dt{ float:left; width:45px; color:#333; line-height:35px; height:35px;} .right-main-tou-faq dl dd{ float:right;width:610px;color:#999;line-height:35px; height:35px;} .right-main-tou-faq dl dd label{ padding-right:25px; color:#333;} .zck2{ width:350px; height:35px; line-height:35px; border:1px solid #d7d7d7; padding:0 5px;} .zck4{ width:480px; height:125px; line-height:25px; border:1px solid #d7d7d7; padding:0 5px;} .ppnr{ padding:0 90px; font-size:16px; line-height:28px; padding-bottom:60px;} /* info */ .info{width:100%;padding-top:653px;} .info-ok{width:100%;} .info-cp{ margin:0 auto; width:1200px; padding-bottom:40px;} .nav a{ float:left;width: calc(100%/9); text-align:center; height:33px; padding-top:70px; color:#FFF;transition:all .5s;border-radius:10px 10px 0 0;padding-bottom: 15px;line-height: 16px;} .nav a:nth-child(1){background:#2493cd url(images/c1.png) center 20px no-repeat; } .nav a:nth-child(1):hover{background:#90c31f url(images/c1.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(2){background:#f9b72c url(images/c3.png) center 20px no-repeat;} .nav a:nth-child(2):hover{background:#90c31f url(images/c3.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(3){background:#a57351 url(images/c2.png) center 20px no-repeat;} .nav a:nth-child(3):hover{background:#90c31f url(images/c2.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(4){background:#5a347c url(images/smrc.png) center 20px no-repeat;} .nav a:nth-child(4):hover{background:#90c31f url(images/smrc.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(5){background:#8fc31e url(images/c4.png) center 20px no-repeat;} .nav a:nth-child(5):hover{background:#90c31f url(images/c4.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(6){background:#eb5414 url(images/c6.png) center 20px no-repeat;} .nav a:nth-child(6):hover{background:#90c31f url(images/c6.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(7){background:#c9bd9d url(images/c5.png) center 20px no-repeat;} .nav a:nth-child(7):hover{background:#90c31f url(images/c5.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(8){background:#bb287c url(images/c7.png) center 20px no-repeat;} .nav a:nth-child(8):hover{background:#90c31f url(images/c7.png) center 20px no-repeat; transition:all .5s;} .nav a:nth-child(9){background:#122b7d url(images/c8.png) center 20px no-repeat;} .nav a:nth-child(9):hover{background:#90c31f url(images/c8.png) center 20px no-repeat; transition:all .5s;} .infonav a{ float:left; width:50%; text-align: center; height:50px; line-height:50px; font-size:18px; color:#FFF;transition:all .5s;border-radius:5px 5px 0 0; background:#999; } .infonav a:hover{background:#9cc80a;} #dqlm{background:#122b7d;} .info-nr{padding:55px 45px; background:#FFF; font-size:16px; line-height:28px;} .btok2{ text-align:center; background: url(images/index_21.jpg) center bottom no-repeat; color:#6d7279; font-size:14px; padding-bottom:15px; width:100%; padding-top:12px; margin-bottom:60px;} .btok2 p{ font-size:30px; color:#333;} .btok3{ text-align:center; color:#FFF; font-size:16px; line-height:25px;} .btok3 p{ font-size:48px; line-height:55px;} .infojmzl{ width:750px;} .send-mail{border-top:1px solid #f3f3f3;border-bottom:1px solid #f3f3f3; background:#FFF; padding:0 45px 30px 45px;} .send-mail h1{text-align:center;font-size:28px;} .send-mail .title-box{position:relative;} .send-mail .title-box div{width:418px;height:27px;border-bottom:2px solid #eb0212;position:absolute;top:5px;} .send-mail .title-box div em{display:none;width:34px;height:21px;position:absolute;bottom:-1px;} .send-mail .title-box .left{left:0px;} .send-mail .title-box .left em{right:20px;} .send-mail .title-box .right{right:0px;} .send-mail .title-box .right em{left:20px;background-position:-34px 0px;} .send-mail .show .title-box .left em{display:block;-webkit-animation:home_left 0.8s 1 linear;animation:home_left 0.8s 1 linear;} .send-mail .show .title-box .right em{display:block;-webkit-animation:home_right 0.8s 1 linear;animation:home_right 0.8s 1 linear;} .send-mail p.if{text-align:center;font-size:30px; color:#333;padding:35px 0px 50px 0px;} .send-mail input{display:block;width:514px;height:18px;padding:15px 15px;text-indent:5px; border:1px solid #d3d3d3;border-radius:4px;-webkit-border-radius:4px; color:#333;} .send-mail .cname,.send-mail .company{float:left;} .send-mail .cemail,.send-mail .phone{float:right;} .send-mail form p{padding-bottom:60px;} .send-mail textarea{display:block;width:98%;border:1px solid #d3d3d3;text-indent:5px; padding:0 1%;padding-top:5px;height:191px;border-radius:4px;-webkit-border-radius:4px;} .send-mail span input{display:block;width:224px;height:38px; margin:30px auto 0 auto;text-align:center;font-size:16px;background-color:#9cc80a;color:#FFF;border-radius:4px;-webkit-border-radius:4px;cursor:pointer;-webkit-transition: all .5s ease-out;-moz-transition: all .5s ease-out;-ms-transition: all .5s ease-out;-o-transition: all .5s ease-out; transition: all .5s ease-out; border:none;} .send-mail span input:hover{background-color:#122b7d; border:none; color:#FFF;} .lxdt{padding:30px 35px;background:#FFF; } .mdcx{ background:url(images/mdd.jpg) center bottom no-repeat; height:660px;} .mdcx-l{ float:left; width:720px;} .mdcx-r{ float:right; width:300px; line-height:24px; font-size:14px;} #container{margin:auto auto;width:665px;} #mylist td{line-height:21px;} #mylist td.one{width:60px;} #s1{ width:200px; height:30px; border:1px solid #ccc; margin-right:10px;} #s2{ width:200px; height:30px; border:1px solid #ccc;} /* new */ .info-xw{ padding:30px 55px;background:#FFF;} .info-xw dl{height:164px; overflow:hidden;} .info-xw dl dt{ float:left; width:190px; height:140px; overflow:hidden;} .info-xw dl dt a{ width:190px; height:140px; display:block; overflow:hidden;} .info-xw dl dd{ float:right; width:880px;height:140px; border-bottom:1px solid #ebebeb;} .info-xw dl dt a img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;} .info-xw dl dt a:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;} .time{ color:#666;font-size:12px; padding-bottom:4px;} .info-xw dl dd h1{ font-size:17px; } .info-xw dl dd h1 a{color:#333;} .info-xw dl dd h1 a:hover{color:#8fc31e;} .info-xw dl dd h4{ font-weight:normal; padding-top:8px;font-size:12px;} .newsmore{ padding-top:8px; background:url(images/sj.jpg) left 14px no-repeat; padding-left:10px; height:15px; line-height:15px;font-size:12px;} .newsmore a{ color:#666;} .newsmore a:hover{ color:#000;} /*内页新闻详细*/ .main-right-ok-newtou{ font-size:24px; color:#6ebb36; text-align:center;} .main-right-ok-time{ padding-top:5px; text-align:center; color:#888; padding-bottom:15px;} .main-right-ok-nr{ padding:30px 35px; line-height:24px; font-size:16px;border-top:1px solid #eaeaea;} .main-right-ok-nr img{ max-width:100%;} .main-right-ok-nr a{ color:#F00;} .main-right-ok-nr a:hover{ color:#000;} .nuimain-right-okdt-fh{ margin-left:370px; text-align:center; border:1px solid #eceeef; width:140px; height:40px; line-height:40px;margin-bottom:22px;} .nuimain-right-okdt-fh a{color:#666; background:#f6f6f7; display:block;} .nuimain-right-okdt-fh a:hover{color:#fff;background:#00a2e3;} /*内页产品小图*/ .cp-ok{padding-top:30px;background:#FFF;} .cp-ok ul{ padding-left:13px;} .cp-ok ul li{ float:left; display:inline; height:263px; width:283px;border:1px solid #e5e5e5; margin:0 4px 40px 4px;overflow:hidden; background:#FFF;transition:all .5s;} .cp-ok ul li:hover{height:263px; width:283px;border:1px solid #8fc31e;cursor:pointer; display:block;transition:all .5s;} .cpxt{display: table-cell;vertical-align:middle; *display:block;*font-size:175px;*font-family:Arial; width:283px; height:215px; line-height:215px; overflow:hidden;text-align:center;} .cpxt a img{ max-width:283px; /* 宽度 */ max-height:215px; /* 高度 */ vertical-align:middle; -ms-interpolation-mode: bicubic; overflow:hidden; } .cpxh{height:46px;text-align:center; line-height:46px; color:#666;display:block;overflow:hidden; text-overflow:ellipsis;white-space:nowrap; padding:0 20px;} .cpxh a{ color:#666;} .cpxh a:hover{ color:#208e9d;} .cpxt a img{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;} .cpxt a:hover img{-webkit-transform:scale(1.10);-moz-transform:scale(1.10);-o-transform:scale(1.10);transform:scale(1.10);-webkit-transition:all 1.5s ease;-moz-transition:all 1.5s ease;-o-transition:all 1.5s ease;transition:all 1.5s ease;} .page{text-align:center; padding-bottom:30px; background:#FFF;} .page ul{float:left; position:relative; left:50%;padding-bottom:12px;} .page ul li{position:relative; right:50%; float:left; margin-right:8px; text-align:center; border: 1px solid #e1e1e1;} .page ul li a{display:block;color:#666;width:30px; height:30px; line-height:30px; text-align:center;transition:all .5s;} .page ul li a:hover{background:#122b7d;color:#FFF;width:30px; height:30px; line-height:30px; text-align:center; display:block;transition:all .5s;} #page-dq{ background:#122b7d;border: 1px solid #122b7d;} #page-dq a{color:#FFF;} #page-dq a:hover{background: none;} .support{ height:auto; padding:60px 0px 60px; /*background:#edc54b;*/background:#d5e4eb; } .support .con{ width:1200px; margin:0px auto; padding:40px 0px 0; } .support .con .external { display:inline-block; margin-right:9px; width:290px; height:420px; text-align:center; overflow: hidden; padding: 0px; border: 0px; position: relative; box-sizing: border-box; cursor: pointer; -webkit-perspective: 1700px; -moz-perspective: 1700px; perspective: 1700px; -webkit-perspective-origin: 50% 50%; -moz-perspective-origin: 50% 50%; perspective-origin: 50% 50%; } .support .con .inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .support .con .inner > div.text { background:#fff; height: 420px; backface-visibility: hidden; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .support .con .inner > div.text .icon{ margin:0px auto; padding:30px 0px 10px 0px; } .support .con .inner > div.text h3{ width:80%; margin:0px auto; font-size:28px; font-weight:normal; color:#131313; padding-top:60px; } .support .con .inner > div.text h4{ width:80%; margin:0px auto; padding-top:6px; color: #333; font-size:16px; font-weight:normal; line-height:20px; } .support .con .inner > div.text .img { position:absolute; left:50%; bottom:0px; width:100%; margin-left:-50%; } .support .con .inner:hover > div.text { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .support .con .inner .on { position: absolute; top: 0; left: 0; padding: 0; color: #fff; height: 100%; width: 100%; margin: 0; opacity: 0; background-color: #122b7d; text-align: center; backface-visibility: hidden; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out } .support .con .inner .on a{ display:block; height:100%; } .support .con .inner .on .icon{ height:120px; margin-top:50px; opacity:0.5; transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; } .support .con .inner .on h3{ position:absolute; left:50%; top:10%; width:80%; margin-left:-40%; font-size:24px; font-weight:normal; color:#fff; transition-duration: 0.5s; -ms-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -webkit-transition-duration: 0.5s; } .support .con .inner .on h4{ position:absolute; left:50%; top:85%; width:85%; margin-left:-42%; color: rgba(255,255,255,0.9); font-size: 13px; font-weight:normal; line-height:24px; transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; text-align:left; } .support .con .inner:hover .on { opacity: 1; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); transform: rotateY(0) } .support .con .inner:hover .on .icon{ opacity:1; margin-top:70px; } .support .con .inner:hover .on h3{ top:15%; } .support .con .inner:hover .on h4{ top:30%; } .cpys-cp2{ margin:0 auto; width:1200px;} .cpys-cp{margin:0 auto; width:1200px; background:#FFF; overflow:hidden; padding-bottom:30px;} .cpys-cp dl dt{ float:left; width:559px;} .cpys-cp dl dd{ float:right; width:400px; padding-top:100px;padding-right:100px; font-size:15px; line-height:24px;} .cpys-cp dl dd h3{ font-size:30px; font-weight:normal; line-height:50px;} /*产品大图*/ .cp-nr{ padding-top:35px; background:#FFF;} .cpms{ padding:20px 34px;} .fh{ height:85px;padding-top:8px; border-top:1px solid #eaeaea;} .fh-left{ float:left; font-size:12px; padding-left:34px; line-height:24px;color:#666;} .fh-left a{color:#666;} .fh-left a:hover{color:#6ebb36;} .fh-right{ float:right; margin-right:34px;margin-top:10px;width:124px; height:33px;background:#999; text-align:center;} .fh-right a{ line-height:33px; color:#fff; display:block;} .fh-right a:hover{ line-height:33px;background:#8fc31e;color:#fff;display:block;opacity: 1;transition-duration:1s;}