@charset "utf-8"; /* CSS Document */ html{min-width:1200px;} body{overflow-x: hidden;overflow-y: auto;} body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;} input,button,ul,ol{margin: 0px; padding: 0px;} body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei",'PingFang SC','Myriad Pro',"AvantGarde Bk BT","Arial",'Helvetica Neue', 'Helvetica', 'sans-serif'; color: #333333;} h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;} ul,ol,li{list-style: none;} input{background: none; border: 0 none;} img,iframe{border: 0px;} #dzyyzz{position: relative; top: 10px;} em,i{font-style: normal;} button,input,select,textarea{font-size: 100%;} table{border-collapse: collapse; border-spacing: 0;} .red{color: #ba292e;} .fl,.left{float: left;} .fr,.right{float: right;} .tac{text-align: center;} .tar{text-align: right;} .poa{position: absolute;} .por{position: relative;} .hidden{display: none;} .w1200{width: 1200px; margin: 0 auto;} .ico{background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle;} .icon{background: url(../images/icon.png) no-repeat; display: inline-block; vertical-align: middle;} a{color: #333333; text-decoration: none;cursor:pointer;} a:hover{color: #ffffff;text-decoration: none;} a:visited{text-decoration: none;} .ease, .ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .noease, .noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} :-moz-placeholder{color: #aaa;} ::-moz-placeholder{color: #aaa;} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #aaa;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #aaa;} /*左侧产品菜单*/ /*清除浮动*/ .clearfix{*zoom: 1;} .clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} /*top_main*/ .head_main_top{height:30px; border-bottom:#e5e5e5 solid 1px; width: 100%; background-color: #fff; font-size: 12px; line-height: 30px; color: #333;} .head_main_top .mbx{float:left; height:12px;margin-top: 10px;} .head_main_top .mbx li{font-size:12px;color:#333;border-right:#d8d8d8 solid 1px;padding: 0 13px;display:block;float:left;height: 12px;line-height: 12px;position:relative;} .head_main_top .mbx li:nth-child(3){border-right:none;} .head_main_top .sousuo{float:left; position:relative;} .head_main_top .sousuo .topsearch{display: block;cursor: pointer; width:36px; height:36px; margin: 0 auto; text-align: center;} .head_main_top .sousuo .topsearch .btn_search{display: block;width:12px;height:12px;background-position: -282px -130px;margin-left:13px;margin-top:13px;} .head_main_top .sousuo .btn_close_main{width:36px; height:36px; margin: 0 auto; background-color: #d9d9d9; text-align: center; position: absolute; top: 0; left: 0; z-index: 9; display: none;} .head_main_top .sousuo .btn_close_main .btn_close{width:12px; height:12px; margin-top:5px; margin-left:0px; background-position:-282px -149px;} .head_main_nav{width: 100%;height: 120px;} .head_main_nav .logo{display: block;padding-top: 20px;} .head_main_nav .logo a{display: block;} .head_main_nav .logo img{width: 90%;height: 90%;display: block;} .head_main_nav .tel_main{float:right;margin-top: 35px;width: 280px;} .head_main_nav .tel_main s{width: 50px;height: 50px;float: left;margin-right: 10px;background-position: 0 0;} .head_main_nav .tel_main .zx{font-size:14px;line-height:14px;color:#333;} .head_main_nav .tel_main .webTel{margin-top:12px;font-weight:bold;font-family:arial;font-size:30px;line-height:24px;color: #3ba86f;} /*header_main*/ .header_main{position:relative;width: 100%; height:60px; z-index: 10; background: #31479c;} #nav_main{width:1200px;height:60px;} #nav_main .nav{width:100%;height: 60px; z-index:12;} #nav_main .nav li{position:relative;float: left;width:133.3px;z-index: 10;text-align:center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} #nav_main .nav li a.aLink{font-size: 14px;line-height:60px;display: block;position: relative;cursor: pointer;overflow: hidden;color:#fff;} #nav_main .nav li a i{width:1px; height:12px; background-color:#3071a9; display:block; position:absolute; right:0; top:24px;} #nav_main .nav li.item6{background:none;} #nav_main .nav li.hover,#nav_main .nav li:hover{background-color:#efefef;} #nav_main .nav li.hover a,#nav_main .nav li:hover a{color:#31479c;} #nav_main .nav li.hover i,#nav_main .nav li:hover i{display:block;} #nav_main .nav li.hover a.aLink:before{width: 100%;} #nav_main .nav li:hover a.aLink:before{width: 100%;} .header_main .tel_main{float:right;width:160px;height:110px;} .header_main .tel_main .zx{margin-top:30px;font-size:14px;line-height:24px;color:#666;} .header_main .tel_main .tel{font:normal 32px "Vladimir Script";line-height:24px;color:#333;text-indent: -12px;} #nav_main .nav li.hover i,#nav_main .nav li:hover i{display:none;} #nav_main .nav li:last-child i{display:none;} /*导航栏下拉*/ #nav_main li.hover .subnav a{background: none;} #nav_main .nav .subnav{background: #31479c;height: auto;left: 0;top:60px;position: absolute;width: 100%;z-index: 199;} #nav_main .nav .subnav{filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} #nav_main .nav li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} #nav_main .nav .subnav li{width: 100%;} #nav_main .nav .subnav .nav1 a{color: #fff;display: block;font-size: 14px;text-align:left;font-weight: 500;line-height: 40px;text-align:center;transition: all 0.2s ease-in-out 0s;border-top: 1px solid #3071a9;} #nav_main .nav .subnav li.nav1{padding:0;background:none;} #nav_main .nav .subnav li.nav1:first-child a{border-top:none;} #nav_main .nav .subnav li:hover{background:#efefef;} #nav_main .nav .subnav li:hover a{color:#31479c;} .immediately{position:absolute; right:0; top:23px;} .immediately a{width:40px; height:40px; background-position:-282px 0px; display:block;} .immediately p{width:60px; height:24px; background-position:-334px 0px; position:absolute; right:-10px; top:42px; font-size:12px; color:#fff; text-align:center;} .immediately a:hover{background-position:-282px -44px;} /* banner */ #banner_main{overflow:hidden;z-index: 2;max-width:1920px;margin:0 auto; width:100%;} #banner_main .banner{position: relative;width:100%;height: 300px;margin:0 auto;min-width:1200px;} #banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;} #banner, .banner ul{max-height: 300px;overflow:hidden;} .banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;} .banner li:first-child{display:block;} .banner li img{width:1920px;height: 300px;display:block;position:relative;left:50%;margin-left:-960px;top:0;min-width:1200px;} #banner .tip{width:1000px; height:14px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:30px;z-index:12;} #banner .tip span{width:33px;height:4px;margin:0 10px;display:inline-block;font-size: 0;cursor: pointer; border:#fff solid 1px; opacity:0.5;filter:Alpha(opacity=50);} #banner .tip span.cur{background-color:#80c20f; border:#80c20f solid 1px;opacity:1;filter:Alpha(opacity=100);} #banner #btn_prev,#banner #btn_next{width:31px;height:61px;position:absolute;top: 50%;margin-top: -30.5px;z-index:5;display: none;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;} #banner #btn_prev{background-position:0px 0;left:12%;} #banner #btn_next{background-position:-38px 0px;right:12%;} #banner #btn_prev:hover{left: 12%;background-position:0px -72px;} #banner #btn_next:hover{right: 12%;background-position:-38px -72px;} /*banner end*/ /********.fixtool*********/ .toolbar{width: 52px;position: fixed;right: 1%;top: 50%;margin-top: 100px;z-index: 999;} .toolbar dd{width: 51px;height: 51px;margin-bottom: 1px;position: relative;-webkit-border-radius: 100%;border-radius: 100%;margin-top:4px;border:#ebebeb solid 1px;background-color:#fff;-webkit-border-radius: 100%;border-radius: 100%;} .toolbar dd i{width: 51px;height: 51px;display: block;position: absolute;left: 0;top: 0;cursor: pointer;text-align: center;-webkit-border-radius: 100%;border-radius: 100%;} .toolbar dd i span{width: 35px;height: 35px;display: block;margin: 8px 0 0 8px;background: url(../images/rightFixIcon.png) no-repeat 0 0;} .toolbar dd.gottop{display: none;} .toolbar .slide-tel{display: block;width: 0;height: 53px;line-height: 53px;font-size: 24px;font-weight: bold;font-family: arial;color: #FFF;position: absolute;padding: 0 0 0 53px;top: -1px;right: -2px;-webkit-border-radius: 50px;border-radius: 50px;overflow: hidden;} .toolbar .pop{position: absolute;right: 90px;top: -65px;background: #3ba86f;display: none;} .toolbar .pop-code{width: 160px;} .toolbar .pop-code img{width: 120px;height: 120px;display: block;padding: 20px 20px 0;} .toolbar .pop-code h3{height: 52px;line-height: 26px;text-align: center;color: #fff;font-size: 16px;font-weight: 400;white-space: nowrap;} .toolbar .pop-code h3 b{display: block;font-size: 14px;font-weight: normal;} .toolbar .qq span{background-position: -35px -47px;} .toolbar .qq a{width: 52px; height: 52px; cursor: pointer; display: block;} .toolbar .qq:hover{background-color: #3ba86f;border-radius: 100%;} .toolbar .qq:hover span{background-position: 0 -47px;} .toolbar .tel span{background-position: -35px 0;} .toolbar .tel:hover{background: #3ba86f;} .toolbar .tel:hover span{background-position: 0 0;} .toolbar .code span{background-position: -35px -95px;} .toolbar .code:hover{background-color: #009b4c;border-radius: 100%;} .toolbar .code:hover span{background-position: 0 -95px;} .toolbar .top span{background-position: -35px -142px;} .toolbar .top:hover{background-color: #3ba86f;border-radius: 100%;} .toolbar .top:hover span{background-position: 0 -142px;} .toolbar dd:hover{} /*footer*/ .footer_main{position:relative;width:100%;height:368px; background-color:#343d44;overflow:hidden;} .foot_z{width:350px; float:left; margin-top:50px; border-right:#495157 solid 1px; height:277px;} .foot_z h3{font-size:16px; color:#fff;} .foot_z h3 i{display:block; width:40px; height:1px; background-color:#fff; margin-top:16px;} .foot_z p{display:block;margin-top:24px; font-size:14px; color:#fff;} .foot_z ul{display:inline-block; padding-top:14px; width:350px;} .foot_z ul li{display:block;font-size:14px;color:#fff;line-height: 20px;padding-top: 10px;} .foot_y{width:550px; float:left; margin-top:50px; margin-left:48px; border-right:#495157 solid 1px;} .foot_y h3{font-size:18px; color:#fff; padding-bottom:20px;} .foot_y h3 i{display:block; width:40px; height:1px; background-color:#fff; margin-top:16px;} .foot_y .item{float:left; margin-top:10px;} .foot_y .item.item4{margin-left:20px;} .foot_y .item.item1{clear:left;} .foot_y .item .txt{width: 232px; height:44px; font-size: 14px; line-height: 43px; text-indent: 8px;color: #aeb0b2; padding-left: 6px; *text-indent: 0px; border:#71787c solid 1px;} .foot_y .item .area{width:496px;height:37px;font-size: 14px;text-indent: 8px;resize: none;-webkit-appearance: none;color: #aeb0b2;line-height:28px;padding-left: 6px;border:#71787c solid 1px;background-color:transparent;font-family: "microsoft yahei";} .foot_y .submit{display: block; clear: left;} .foot_y .submit .tijiao{width: 150px;height: 46px;margin-top:20px;font-size: 14px;color: #fff;cursor: pointer;border:none;border:0;background-color: #3ba86f;display: inline-block;float:right;margin-right: 44px;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .foot_y .submit .tijiao:hover{background-color:#fff; color:#333;} .foot_j{float:right; width:200px; text-align:center; margin-top:50px;} .foot_j b{display:block; width:198px; height:198px; border:#71787c solid 1px; text-align:center;} .foot_j b img{width:180px; height:180px; display:inline-block; background-size:100%; margin-top:10px;} .foot_j p{display:inline-block;font-size:14px;color:#fff;padding-top: 20px;} .foot_j span{display:inline-block;font-size:14px;color:#fff;padding-top: 5px;} .foot_y .item .txt.tel{margin-left:5px;} .copyright{width:100%;height:60px;line-height:60px;background:#2a3137;} .copyright p{font-size:12px;color:#fff; float:left;} .copyright a{font-size:12px;color:#fff;} .copyright span{margin:0 6px;} .copyright a:hover{color:#e2e2e2;} .copyright i{display:block; color:#fff; font-size:12px; float:right;} /********.toolbar1*********/ .toolbar1{width: 77px; position: fixed; right: 10px; bottom: 200px; z-index: 999; border: 1px solid #e8e8e8;} .toolbar1 .icon2{width: 40px; height: 40px; display: block; margin: 11px auto 0; background: url(../images/fix-ico.png) no-repeat -2px 5px;} .toolbar1 dd{width: 77px; height: 90px; border-top: 1px solid #f6f6f6; position: relative;} .toolbar1 dd i{width: 77px; height: 90px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; background: #fff; border-bottom: 1px solid #f6f6f6;} .toolbar1 dd:first-child i{border-top: 0;} .toolbar1 dd.item1 i .icon2{background-position: center 2px;} .toolbar1 dd.item2 i .icon2{background-position: center -65px;} .toolbar1 dd.item3 i .icon2{background-position: center -128px;} .toolbar1 dd.return-top{display: none;} .toolbar1 dd.return-top i .icon2{background-position: center -187px;} .toolbar1 dd .pop{position: absolute; right: 145px; top: -45px; background: #fff; display: none;} .toolbar1 dd .pop-code{width: 120px; padding: 10px 10px 0;} .toolbar1 dd .pop-code img{width: 120px; height: 120px; display: block;} .toolbar1 dd .pop-code h3{height: 40px; line-height: 40px; text-align: center; color: #f34636; font-size: 12px; font-weight: 400; white-space: nowrap;} .toolbar1 dd.item1{position: static;} .toolbar1 dd .zx{width: 172px; position: absolute; right: 145px; bottom: 0; padding: 10px 30px 10px; line-height: 24px; background: #fff; border: 1px solid #e8e8e8; z-index: 1000; display: none;} .toolbar1 dd .zx .icon2{width: 40px; height: 42px; display: block; float: left; margin-right: 12px; margin-top: 0;} .toolbar1 dd .zx .t{border-bottom: 1px solid #dedede; padding: 10px 0;} .toolbar1 dd .zx .t span{display: block;} .toolbar1 dd .zx .t s{background-position: 0 -246px;} .toolbar1 dd .zx .t.t2 s{background-position: 0 -314px;} .toolbar1 dd .zx .t.t3 s{background-position: 0 -383px;} .toolbar1 dd .zx .t.t4{border-bottom: 0;} .toolbar1 dd:hover i{background: #f3f3f3;} /*******index css*******/ .index .indexTit{text-align:center;} .index .indexTit .tit{font-size:44px;color:#005197;font-weight: bold; line-height:48px;} .index .indexTit .tit span{color:#3ba86f;display:inline-block;padding-left: 24px;} .index .indexTit .subtit{font-size:14px;color:#333;font-weight:normal;line-height:18px;text-align:center; width:1200px;margin: 0 auto;margin-top: 18px;} .floor_0_main{height:51px;width:100%;overflow:hidden;background: #fff;border-bottom:#eee solid 1px;} .floor_0_main .floor_0_1{float:left; line-height:50px;} .floor_0_main .floor_0_1 p{font-size:12px; color:#333; line-height:50px;} .floor_0_main .floor_0_1 p a{display:inline-block;font-size:12px; color:#333; border-right:#e8e8e8 solid 1px; line-height:12px; padding:0 12px;} .floor_0_main .floor_0_1 p a:last-of-type{border-right:none;} .floor_0_main .floor_0_1 p a:hover{color:#3ba86f;} .floor_0_main .floor_0_2{float:right; width:276px; height:30px; overflow: hidden; border:#efefef solid 1px; background-color:#fff; position:relative; margin-top:9px; border-radius:4px; position:relative;} .floor_0_main .floor_0_2 input{background-color: none; border: none;} .floor_0_main .floor_0_2 .stxt{width:245px; height:30px; line-height: 30px; display: block; text-indent: 10px;color:#999;} .floor_0_main .floor_0_2 .sbtn{width:30px; height: 28px; display: block; cursor: pointer; background-position:-0px -164px; position:absolute; top:1px; right:1px;font-size: 0;} /*产品中心*/ .index .floor_1_main{width:100%;background:url(../images/t4_02.jpg) center center no-repeat;padding-bottom: 100px;} .index .floor_1_main .indexTit{padding-top: 50px;} .floor_1{padding-top:54px; display:inline-block; width:1200px;} .floor_1 .floor_1_1{position: relative;background:url(../images/t1_03.jpg) top center no-repeat;width:250px;height: 807px;float:left;} .floor_1 .floor_1_1 h3{height:85px; width:250px; text-align:center; font-size:30px; color:#fff; line-height:74px; padding:5px 0;} .floor_1 .floor_1_1 ul{display:inline-block; width:230px; margin-left:10px;} .floor_1 .floor_1_1 ul li{display:block; width:230px; height:40px; margin-top:10px;} .floor_1 .floor_1_1 ul li a{display:block;width:228px; height:38px; border:#4e88b9 solid 1px; text-align:center; line-height:38px; font-size:16px; color:#fff;} .floor_1 .floor_1_1 ul li a:hover{border:#3ba86f solid 1px; background-color:#45bd7f;} .floor_1 .floor_1_1 ul.chanpin_lanmu {display:inline-block; width:230px; margin-left:10px;} .floor_1 .floor_1_1 ul.chanpin_lanmu li{display:block; width:230px; height:40px; margin-top:10px;} .floor_1 .floor_1_1 ul.chanpin_lanmu li a{display:block;width:228px; height:38px; border:#4e88b9 solid 1px; text-align:center; line-height:38px; font-size:16px; color:#fff;} .floor_1 .floor_1_1 ul.chanpin_lanmu li a:hover{border:#3ba86f solid 1px; background-color:#45bd7f;} .chanpin_lanmu_link a{display:block;width:228px; height:38px; border:#4e88b9 solid 1px; text-align:center; line-height:38px; font-size:16px; color:#fff;} .floor_1 .floor_1_1 dl{position: absolute;bottom: 0;width:230px;margin-left:10px;margin-top:34px;text-align:center;} .floor_1 .floor_1_1 dl dt{background:url(../images/t2_03.png) center center no-repeat; width:230px; height:18px; text-align:center; line-height:18px; font-size:16px; color:#fff;} .floor_1 .floor_1_1 dl dd{font-family:"Arial"; font-size:24px; color:#fff; line-height:24px; font-weight:bold; padding-top:12px; padding-bottom:24px;} .floor_1 .floor_1_2{float:right; width:900px;} .floor_1 .floor_1_2 .fl_t{background:url(../images/t3_03.jpg) center center no-repeat; width:900px; height:60px;} .floor_1 .floor_1_2 .fl_t p{float:left; font-size:22px; color:#fff; padding-left:28px; text-align:center; line-height:60px;} .floor_1 .floor_1_2 .fl_t a{display:block; float:right; font-size:14px; color:#333; padding-right:20px; line-height:60px;} .floor_1 .floor_1_2 .fl_t a:hover{color:#3ba86f;} .game163{width:842px; position:relative; padding:30px 28px; border:1px solid #e5e5e5; border-top:none;} .btn{position:absolute;display:none; padding-top:200px;width:22px; height:205px; cursor:pointer; text-indent:-999em;} .pre{background:url(../images/left.png) no-repeat 0 200px; left:20px;} .next{background:url(../images/right.png) no-repeat 0 200px;right:30px;} .game163 .smallScroll{width:100%; position:relative; height:464px;margin-top: 22px;} .game163 .smallScroll .smallImg{width:840px; position:relative; height:300px;} #left{width:13px; height:43px; float:left; top:20px; position:absolute; left:4px; cursor:pointer; background:url(../images/left.gif) no-repeat; display:none;} #right{width:13px; height:43px; right:4px; top:20px; position:absolute;cursor:pointer; background:url(../images/right.gif) no-repeat;display:none;} #conter{width:840px; position:relative; height:300px; display:block; overflow:hidden;} #conter .txt{display:block;} .game163 .smallScroll .smallImg ul{width:auto; height:450px; overflow:hidden; top:0px; left:0px; position:absolute;} .game163 .smallScroll .smallImg ul li{width:285px; cursor:pointer; height:251px; float:left; border-bottom:1px solid #eaeaea; display:block;} .game163 .smallScroll .smallImg ul li .txt{width:270px; height:50px; border-bottom:1px solid #eaeaea;} .game163 .smallScroll .smallImg ul li span,.game163 .smallScroll .smallImg ul li p,.game163 .smallScroll .smallImg ul li .lx{display:none;} .game163 .smallScroll .smallImg ul li h2{width:270px; height:50px; line-height:50px; font-size:20px; color:#333; position:relative;} .game163 .smallScroll .smallImg ul li p{width:90%;display:block;font-size: 14px;line-height: 26px;color: #666;margin: 13px 0;text-align: justify;height:230px;overflow: hidden;} .game163 .smallScroll .smallImg ul li p span{display:block; padding-top:30px;} .game163 .smallScroll .smallImg ul li p a{font-weight:bold; display:inline-block;} .game163 .smallScroll .smallImg ul li h2 i{display:block; width:13px; height:13px; background-position:0px -195px; position:absolute; right:0; top:19px;} .game163 .smallScroll .smallImg ul li img{width:270px; height:200px; display:block; overflow:hidden;} #scroll{background:url(../images/line.png) repeat-x left bottom; width:840px; height:16px; left:0px; bottom:14px; cursor:pointer; position:absolute;} #scroll span{width:133px; height:16px; left:0px; bottom:0px; cursor:pointer; position:absolute; background:url(../images/scrollBg.png) no-repeat;} #conter li:hover h2{color:#3ba86f;} .game163 .bigImg li{height:350px;} .game163 .bigImg .iopo{display:block; width:470px; height:348px; border:#f2f2f2 solid 1px; text-align:center; float:left;} .game163 .bigImg .iopo img{width:460px; height:340px; display:inline-block; margin-top:5px;} .game163 .bigImg{width:842px; height:350px; position:relative;} .game163 .bigImg .txt{width:340px; height:350px; float:right; font-size:24px; color:#333;} .bg{background:#000;filter:alpha(opacity=40); opacity:0.4; z-index:0; width:100%; height:52px; position:absolute; bottom:0;} .game163 .bigImg .txt h2{width:100%; font-size:24px; padding-bottom:18px; color:#333; border-bottom:#e5e5e5 solid 1px; font-weight:normal;} .game163 .bigImg .txt p{width:100%;display:block;font-size: 14px;line-height: 26px;color: #666;margin: 13px 0;text-align: justify;height:230px;overflow: hidden;} .game163 .bigImg .txt p span{display:block; padding-top:30px;} .game163 .bigImg .txt p a{font-weight:bold; display:inline-block;} .game163 .bigImg .txt .lx a{display:inline-block; width:160px; height:46px; background-color:#3ba86f; text-align:center; line-height:46px; border-radius:5px; font-size:16px; color:#fff;} .game163 .bigImg .txt .lx a.x2{margin-left:20px; display:inline-block; width:160px; height:46px; background-color:#005faf; text-align:center; line-height:46px; border-radius:5px; font-size:16px; color:#fff;} .game163 .bigImg .txt .lx a:hover{background-color:#005faf;} .game163 .bigImg .txt .lx a.x2:hover{background-color:#3ba86f;} .game163 .smallScroll .sPrev{width:120px; height:36px; position:absolute; display:block; left:286px; bottom:0; text-align:center;background-color: #3ba86f; z-index:22;} .game163 .smallScroll .sPrev span{display:inline-block; color:#fff; font-size:30px; line-height:40px;} .game163 .smallScroll .sNext{width:120px; height:36px; position:absolute; display:block; left:436px; bottom:0; text-align:center;background-color: #3ba86f; z-index:22;} .game163 .smallScroll .sNext span{display:inline-block; color:#fff; font-size:30px; line-height:40px;} /*我们的技术*/ .xbanner{background: url(../images/ixbannerbg1.jpg) center center no-repeat;width:100%;height:200px;} .xbanner1{background: url(../images/ixbannerbg2.jpg) center center no-repeat;} .xbanner .slip_tit{width:772px;} .xbanner .slip_tit .tit1{padding-top: 55px;font:bold 30px "microsoft yahei";color: #fff;} .xbanner .slip_tit .tit2{margin-top:14px;font-size:22px;color:#fff;} .xbanner .slip_btn{width: 300px;text-align:center;} .xbanner .slip_btn span{display:block;font-size: 15px;color: #fff;line-height: 18px;padding-top: 40px;padding-bottom: 5px;} .xbanner .slip_btn span i{width:16px;height:16px;background-position:-0px -141px;margin-right: 7px;vertical-align: bottom;} .xbanner .slip_btn p{font-weight:bold;font-size: 32px;color:#fff;font-family:"Arial";line-height:36px;} .xbanner .slip_btn a{display:block;width: 300px;height:46px;background-position: 0px -217px;margin-top:16px;font-size:16px;color:#fff;line-height:46px;position:relative;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;} .xbanner .slip_btn a:hover{background-position: 0px -271px;} .xbanner .slip_btn a img{width: 300px;height:0;transition: all .36s ease;position:absolute;left:0;top:46px;} .xbanner .slip_btn a:hover img{height: 300px;} .floor_3_main{padding-top:100px;} .floor_3_main .floor_3_1{padding: 50px 0;} .floor_3_main dl{width:1200px;height: 300px;position:relative;z-index:1;} .floor_3_main dl dt{float:left;width:600px;height: 300px;} .floor_3_main dl dt img{display:block;width:100%;height: 100%;} .floor_3_main dl dd{float: left;width: 500px;height: 300px;margin-left: 50px;} .floor_3_main dl dd h3{display:block;height:77px;padding-top: 40px;} .floor_3_main dl dd h3 i{display:block; float:left; width:77px; height:77px; background:url(../images/t8_03.jpg) center center no-repeat;} .floor_3_main dl dd h3 span{display:block;float:left;margin-left:18px;width:400px;font-size:28px;color: #333;line-height:38px;} .floor_3_main dl dd h3 b{display:block;float:left;margin-left:18px;width:400px;font-size:28px;color: #3ba86f;line-height:38px;} .floor_3_main dl dd p{display:block;font-size:14px;color: #666;line-height:30px;margin-top:22px;height: 90px;} .floor_3_main dl dd a{display:block; position:relative; width:198px; height:44px; border:#e5e5e5 solid 1px; border-radius:6px; text-align:center; line-height:44px; font-size:14px; color:#434343; z-index:10} .floor_3_main dl dd a:hover{background-color:#3ba86f; border:#3ba86f solid 1px; color:#fff; position:relative;} .floor_3_main dl.dl2 dd,.floor_3_main dl.dl4 dd{float:left;} .floor_3_main dl.dl2 dt,.floor_3_main dl.dl4 dt{float:right;} .floor_3_main dl.dl2 dd h3 i{display:block; float:left; width:77px; height:77px; background:url(../images/t8_07.jpg) center center no-repeat;} .floor_3_main dl.dl3 dd h3 i{display:block; float:left; width:77px; height:77px; background:url(../images/t8_10.jpg) center center no-repeat;} .floor_3_main dl.dl4 dd h3 i{display:block; float:left; width:77px; height:77px; background:url(../images/t8_12.jpg) center center no-repeat;} .floor_4_main{background:url(../images/t9_02.jpg) center center no-repeat; width:100%; height:791px;} .floor_4_main .indexTit{padding-top:118px;} .floor_4_main .indexTit .tit,.floor_4_main .indexTit .tit span{color:#fff;} .floor_4_main .indexTit .subtit{color:#fff;} .floor_4_main .floor_4_1{display:inline-block; height:440px; padding-top:50px;} .floor_4_main .floor_4_1 dl{float:left; width:600px; float:left; height:220px; background-color:#fff;} .floor_4_main .floor_4_1 dl dt{width:300px; height:220px; display:block; float:left; overflow:hidden;} .floor_4_main .floor_4_1 dl dt img{width:300px; height:220px; display:block;transition: all .36s ease;} .floor_4_main .floor_4_1 dl dd{position:relative;width:300px;height:220px;float:right;text-align:center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_4_main .floor_4_1 dl.dl1 dd i,.floor_4_main .floor_4_1 dl.dl2 dd i{width: 0;height: 0;border-style: solid;border-width: 13px 14px 13px 0;border-color: transparent #fff transparent transparent;position:absolute;top:42px;left:-14px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_4_main .floor_4_1 dl.dl3 dd i,.floor_4_main .floor_4_1 dl.dl4 dd i{width: 0;height: 0;border-style: solid;border-width: 13px 0 13px 14px;border-color: transparent transparent transparent #fff;position:absolute;top:42px;right:-14px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_4_main .floor_4_1 dl dd h3{display:block;font-size:18px;color:#333;line-height:18px;padding-top:44px;padding-left:30px;text-align:left;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_4_main .floor_4_1 dl dd h3 span{display:block;width:40px;height:2px;background-color:#3ba86f;margin-top:20px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_4_main .floor_4_1 dl dd p{display:block;width:240px;font-size:14px;color:#333;line-height:24px;padding-top:20px;text-align: justify;margin-left:30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_4_main .floor_4_1 dl.dl1:hover dd i,.floor_4_main .floor_4_1 dl.dl2:hover dd i{width: 0;height: 0;border-style: solid;border-width: 13px 14px 13px 0;border-color: transparent #3ba86f transparent transparent; position:absolute; top:42px; left:-14px;} .floor_4_main .floor_4_1 dl.dl3:hover dd i,.floor_4_main .floor_4_1 dl.dl4:hover dd i{width: 0;height: 0;border-style: solid;border-width: 13px 0 13px 14px;border-color: transparent transparent transparent #3ba86f;position:absolute; top:42px; right:-14px;} .floor_4_main .floor_4_1 dl:hover dd{background-color:#3ba86f;} .floor_4_main .floor_4_1 dl:hover dd h3{color:#fff;} .floor_4_main .floor_4_1 dl:hover dd h3 span{background-color:#fff;} .floor_4_main .floor_4_1 dl:hover dd p{color:#fff;} .floor_4_main .floor_4_1 dl.dl3 dd,.floor_4_main .floor_4_1 dl.dl4 dd{float:left;} .floor_4_main .floor_4_1 dl.dl3 dt,.floor_4_main .floor_4_1 dl.dl4 dt{float:right;} .floor_4_main .floor_4_1 dl:hover dt img{-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);} /*新闻中心*/ .adMain{width:100%; height:565px; background:url(../images/a2_02.jpg) center center no-repeat; position:relative; overflow:hidden;} .adMain .part1{padding-top:60px;} .adMain .part1 h3{font-size:32px; color:#fff; line-height:32px; width:466px; border-left:#fff solid 1px; padding-left:48px; font-weight:bold;} .adMain .part1 h3 span{display:block; font-size:16px; color:#c4d5ec; line-height:30px; padding-top:16px; font-weight:normal;} .adMain .part1 .t1{position:relative; width:518px; margin-top:24px; height:110px;} .adMain .part1 .t1 i{display:block; width:28px; height:24px; background-position:-162px -180px; position:absolute; left:0; top:0;} .adMain .part1 .t1 h4{font-size:20px; color:#fff; line-height:20px; width:466px; font-weight:normal; padding-left:48px; padding-top:6px;} .adMain .part1 .t1 h4 span{display:block; font-size:14px; color:#c4d5ec; line-height:30px; padding-top:16px;} .adMain .part1 .t1 em{display:block; width:28px; height:24px; background-position:-218px -180px; position:absolute; right:0; top:80px;} .adMain .picFocus{width:1200px; position:absolute; left:50%; margin-left:-600px; top:0;} .adMain .picFocus .hd{width:46%; margin-left:4%; float:left; margin-top:300px;} .adMain .picFocus .hd ul{display:inline-block; width:466px;} .adMain .picFocus .hd ul li{width:233px; height:62px; border-bottom:#517dbe solid 1px; float:left; margin-top:40px; position:relative;} .adMain .picFocus .hd ul li h4{font-size:20px; color:#fff; line-height:20px; width:466px; font-weight:normal; position:absolute; left:0; top:-144px; display:none;} .adMain .picFocus .hd ul li h4 span{display:block; font-size:14px; color:#c4d5ec; line-height:30px; padding-top:16px;} .adMain .picFocus .hd ul li i{display:block; float:left; width:35px; height:41px; background-position:-167px -106px;} .adMain .picFocus .hd ul li.li2 i{display:block; float:left; width:35px; height:41px; background-position:-214px -106px;} .adMain .picFocus .hd ul li.li3 i{display:block; float:left; width:35px; height:41px; background-position:-260px -106px;} .adMain .picFocus .hd ul li.li4 i{display:block; float:left; width:35px; height:41px; background-position:-298px -106px;} .adMain .picFocus .hd ul li p{float:left; font-size:16px; color:#fff; line-height:16px; padding-left:10px;} .adMain .picFocus .hd ul li p span{display:block; font-size:14px; color:#ddd; line-height:14px; padding-top:6px;} .adMain .picFocus .hd ul li s{width:200px; height:2px; background-color:#b43232; display:block; position:absolute; left:0; bottom:-1px; display:none;} .adMain .picFocus .hd ul li.on h4{display:block;} .adMain .picFocus .hd ul li.on s{display:block;} .adMain .picFocus .bd{width:50%; float:left; height:565px;} .adMain .picFocus .bd ul li{width:965px;height:565px;} .adMain .picFocus .bd ul li img{width:100%; height:565px; background-size:100%;} .adMain .picFocus .hd ul li.li2 h4{left:-233px;} .adMain .picFocus .hd ul li.li3 h4{left:0px; top:-247px;} .adMain .picFocus .hd ul li.li4 h4{left:-233px;top:-247px;} /*新闻中心*/ .index .floor_5_main{width:100%;padding-top:80px;overflow: hidden;background-color:#fcfcfc;padding-bottom: 100px;} .floor_5_1{width:1200px;height:452px;padding-top:50px;} .floor_5_1 .floor_5_z{float:left;width: 380px;height:452px;position:relative;} .floor_5_1 .floor_5_z a{display:block;} .floor_5_1 .floor_5_z .dk{height:213px;width: 100%;border-top:none;} .floor_5_1 .floor_5_z b{width: 380px;height: 285px;overflow:hidden;display:block;} .floor_5_1 .floor_5_z img{width: 100%;height: 100%;display:block;transition: all .36s ease;} .floor_5_1 .floor_5_z h3{font-size: 16px;color: #333;line-height: 18px;width: 100%;display:block;padding-top: 20px;} .floor_5_1 .floor_5_z p{font-size: 14px;color: #666;line-height: 24px;width: 100%;margin-top: 10px;height: 87px;} .floor_5_1 .floor_5_z i{display: block;font-size: 14px;color: #434343;margin: 0;padding: 0;width: 120px;height: 30px;line-height: 30px;text-align:center;border:#e5e5e5 solid 1px;border-radius:6px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_5_1 .floor_5_z em{display:block; width:100px; height:100px; background-color:#3ba86f; text-align:center; font-size:16px; color:#fff; font-family:"Arial"; position:absolute; left:0; top:0;} .floor_5_1 .floor_5_z em span{display:block; font-size:60px; color:#fff; line-height:50px; padding-top:14px;} .floor_5_1 .floor_5_z:hover h3{color:#3ba86f;} .floor_5_1 .floor_5_z:hover p,.floor_5_1 .floor_5_z:hover i span{color:#333;} .floor_5_1 .floor_5_z i:hover{background-color:#3ba86f; color:#fff; border:#3ba86f solid 1px;} .floor_5_1 .floor_5_z a:hover b img{-webkit-transform: scale(1.08); -ms-transform: scale(1.08);transform: scale(1.08);} .floor_5_1 .floor_5_y{float:right;width: 800px;height:452px;} .floor_5_1 .floor_5_y ul{display:block;width: 100%;height:452px;margin:0 auto;} .floor_5_1 .floor_5_y ul li{width: 100%;margin:0 auto;margin-bottom:28px;position:relative;border-bottom:#b9b9b9 dashed 1px;padding-bottom:28px;} .floor_5_1 .floor_5_y ul li em{display:block;float:left;display:block;width:80px;height:80px;border:#e5e5e5 solid 1px;text-align:center;font-size:14px;color:#333;font-family:"Arial";position:absolute;left:0;top:0;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_5_1 .floor_5_y ul li em span{display:block;font-size:50px;color:#333;line-height:40px;padding-top:10px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_5_1 .floor_5_y ul li a{display:block;width: 100%;height:100px;} .floor_5_1 .floor_5_y ul li h3{width: 660px;float:right;height:100px;} .floor_5_1 .floor_5_y ul li p{font-size:16px;color:#333;width: 100%;line-height:18px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_5_1 .floor_5_y ul li p span{display:block;font-size:14px;color: #666;line-height: 22px;padding-top:18px;font-weight:normal;} .floor_5_1 .floor_5_y ul li:hover i,.floor_5_1 .floor_5_y ul li:hover i span{color:#2e63bc;} .floor_5_1 .floor_5_y ul li:hover p{color:#3ba86f;} .floor_5_1 .floor_5_y ul li:hover em,.floor_5_1 .floor_5_y ul li:hover em span{color:#3ba86f;} .index .floor_6_main{margin-top:90px;margin-bottom: 100px;} .index .floor_6_main .floor_6_1{background:url(../images/t12_03.jpg) center center no-repeat; width:1200px; height:470px; position:relative;} .index .floor_6_main .floor_6_1 .indexTit{text-align:right; position:absolute; right:0; top:8px;} .index .floor_6_main .floor_6_1 .indexTit p{text-align:right;} .index .floor_6_main .floor_6_1 .floor_6_2{padding-left:10px; padding-top:10px;} .index .floor_6_main .floor_6_1 .floor_6_2 b{width:730px; height:440px; border:#fff solid 1px;opacity:0.4;filter:Alpha(opacity=40); position:absolute; left:14px; top:14px;} .index .floor_6_main .floor_6_1 .floor_6_2 img{width:740px; height:450px; background-size:100%; float:left;} .index .floor_6_main .floor_6_1 .floor_6_2 .f_z{float:left; width:352px; margin-left:49px; margin-top:176px;} .index .floor_6_main .floor_6_1 .floor_6_2 .f_z h3{font-size:22px; color:#fff; line-height:24px;} .index .floor_6_main .floor_6_1 .floor_6_2 .f_z p{display:block;font-size:14px;color:#fff;line-height:24px;margin-top:24px;height:110px;text-align: justify;} .index .floor_6_main .floor_6_1 .floor_6_2 .f_z a{display:block; float:right; width:198px; height:44px; border:#739bbe solid 1px; border-radius:6px; font-size:14px; color:#fff; text-align:center; line-height:44px;} .index .floor_6_main .floor_6_1 .floor_6_2 .f_z a:hover{background-color:#739bbe;} .floor_6_3{display:block; clear:left; width:1200px; margin-top:50px;} .floor_6_3 .parHd{height:45px; width:1200px; position:relative;} .floor_6_3 .parHd s{display:block;width: 410px;height:1px;background-color:#eee;position:absolute;left:0;top:22px;} .floor_6_3 .parHd b{display:block;width: 410px;height:1px;background-color:#eee;position:absolute;right:0;top:22px;} .floor_6_3 .parHd ul{display:block; width:380px; height:45px; margin:0 auto;} .floor_6_3 .parHd ul li{display:block;width:178px;height:43px;float:left;border:#eee solid 1px;background-color:#fff;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;} .floor_6_3 .parHd ul li a{display:block; font-size:14px; color:#333; line-height:43px; text-align:center;} .floor_6_3 .parHd ul li:hover,.floor_6_3 .parHd ul li.on{background-color:#005197; border:#005197 solid 1px;} .floor_6_3 .parHd ul li:hover a,.floor_6_3 .parHd ul li.on a{color:#fff;} .floor_6_3 .parHd ul li:nth-child(2){margin-left:20px;} .floor_6_3 .parHd ul li:first-child+li{margin-left:20px;} .floor_6_3 .parBd{width:1200px; height:214px;margin-top:50px;} .floor_6_3 .parBd .slideBox{width:1200px; height:214px; position:relative;} .floor_6_3 .parBd .slideBox .sPrev{width:40px; height:90px; background-color:#ddd; position:absolute; left:-58px; top:62px;} .floor_6_3 .parBd .slideBox .sNext{width:40px; height:90px; background-color:#ddd; position:absolute; right:-58px; top:62px;} .floor_6_3 .parBd .slideBox .sPrev:hover,.floor_6_3 .parBd .slideBox .sNext:hover{background-color:#343d44;} .floor_6_3 .parBd .slideBox .sPrev span{width:14px; height:26px; background-position:-51px -158px; margin-top:32px; margin-left:13px;} .floor_6_3 .parBd .slideBox .sNext span{width:14px; height:26px; background-position:-69px -158px; margin-top:32px; margin-left:13px;} .floor_6_3 .parBd .slideBox ul{width:1200px; height:214px;} .floor_6_3 .parBd .slideBox ul li{float:left; width:290px; height:214px; position:relative; margin-right:13px; overflow:hidden; text-align:center;} .floor_6_3 .parBd .slideBox ul li img{width:290px; height:214px; background-size:100%;transition: all .36s ease;} .floor_6_3 .parBd .slideBox ul li p{position:absolute; left:0; bottom:0; width:290px; height:36px; background:url(../images/t13_03.png); font-size:14px; color:#fff; line-height:36px;} .floor_6_3 .parBd .slideBox ul li:hover img{-webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08);} .floor_7_main{height:60px; width:100%; line-height:60px; background-color:#3ba86f;} .floor_7_main .tit{float: left;width: 80px;color: #fff;font-size: 16px;font-weight: bold;} .floor_7_main ul{display:inline-block;float: right;width: 1120px;height:60px;line-height:60px;} .floor_7_main ul li{float:left;height:60px;line-height:60px;padding-right: 10px;} .floor_7_main ul li a{display:block; font-size:14px; color:#fff;} .floor_7_main ul li a:hover{color:#f1f1f1;} /* Underline From Center2 */ .hvr-underline-from-center2{display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;} .hvr-underline-from-center2:before{content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: -1px; background: #38a72f; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;} .hvr-underline-from-center2:hover:before, .hvr-underline-from-center2.hover:before, .hvr-underline-from-center2:focus:before, .hvr-underline-from-center2:active:before{left: 0; right: 0;} .hvr-underline-from-center2:hover, .hvr-underline-from-center2.hover{*height: 43px; *border-bottom: 2px solid #38a72f; *line-height: 43px;} .ntpo{padding-top: 30px; padding-bottom: 30px;} .ntpo .t2{padding: 28px 0 48px;text-align: center;} .ntpo .t2 .titb{font-size: 30px; margin-bottom: 16px;} .ntpo .t2 .txt{font-size: 14px; line-height: 24px;} .ntpo .t2 .txt span{font-weight: bold;color: #3ba86f;} @-webkit-keyframes scale{0%{-webkit-transform: scale(1);} 50%{-webkit-transform: scale(1.02);} 100%{-webkit-transform: scale(1);}} @keyframes scale{0%{transform: scale(1);} 50%{transform: scale(1.02);} 100%{transform: scale(1);}} /*# sourceMappingURL=style.css.map */ #maximg img{ max-width:100%; height:auto !important}