@charset "utf-8"; *{padding:0;margin:0;} li{list-style:none;} a,a:hover{text-decoration:none!important;} img{border:none;outline:none;max-width:100%;} body{font-family:"微软雅黑";padding-top:.6rem;} @font-face{ font-family: "msyhl"; src:url('../font/whyk.TTF'),} .after:after{content:"";display:block;clear:both;} .top_lve{width:1200px;margin:0 auto;} .top_lve p{float:left;line-height:28px;font-size:16px;color:#30b05f;padding-top:5px;} .top_lve span{float:right;display:block;height:30px;line-height:30px;padding-top:3px;font-size:14px;color:#30b05f;padding-left:30px;} .header{ height: .6rem; width:100%;position:relative;z-index:2;background:#fff;box-shadow: 0rem 0.01rem 0.05rem 0rem rgba(0, 0, 0, 0.03); position: fixed; top: 0; left: 0; z-index: 1200;} .top{width:100%;border-bottom:1px solid #dbdbdb;} .header_lve{width:1200px;margin:0 auto;} .logo img{display:block;height:.2rem;width:1.65rem;} .anniu{display:none;} .inpro{ position: relative; overflow: hidden; } .news { padding-top: 30px; } .mobile_banner {display: none} /*产品*/ #carousel-example-generic a.left, #carousel-example-generic a.right{ opacity: 0!important; transition: all .8s; } #carousel-example-generic:hover a.left, #carousel-example-generic:hover a.right{ opacity: 1!important; transition: all .8s; box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) } .carousel-control{ width: .5rem!important; height: .8rem; top:2.1rem!important; } .carousel-control:hover{ opacity: 1; } .left{ background: url(../img/prev.png) no-repeat center center !important ; background-size: 100%; display: block; } .right{ background: url(../img/next.png) no-repeat center center !important; background-size:100%; display: block; } .glyphicon-chevron-left:before, .glyphicon-chevron-right:before{ content: none!important; opacity: 0!important; } .carousel-caption h3{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 0px!important; margin-bottom: .15rem!important; font-size: 0.24rem; color: #333333; text-align: left; } .carousel-caption p{ height: .72rem; overflow: hidden; font-size: 0.16rem; color: #333333!important; line-height: 0.36rem; text-align: left; } .carousel-caption span{ font-size: 0.18rem; color: #333333; text-align: left; display: block; } /**/ .news { padding-top: 30px; } .news div img { width: 100%; height: 2.75rem; -webkit-transition: All 0.4s; } .news .img-xz{ border-bottom: .04rem solid #86b825!important;} .news div img:hover { height: 2.7rem; -webkit-transform: translate(0, -10px); } .news p { color: #333; margin-top: 20px; } .news .newsa { font-size: .14rem; color: #86b825; padding: 0 .31rem; padding-top: .1rem; } .news .newsa:hover { } .news h2 { margin-bottom: 20px; } .news h2 a { color: #000; margin-bottom: 20px; } .news h4 { padding: 0 .31rem; } .news h4 a { color: #333; line-height: 0.36rem; padding-top: 10px; overflow: hidden; font-size: 0.2rem; display: block; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /**/ /*新闻*/ .about { padding-top: .2rem; padding-bottom: 40px; } .about ul li{ list-style: none; text-align: left; /*padding-left: 40px;*/ } .about_form .hrs{ width: 5%; height: 3px; margin: 20px auto; background: #3884c0; } .about li p{ font-size: 15px; } .about .about_title{ background: #3884c0; color: #fff; } .about .about_p{ padding-top: 11px; padding-bottom: 11px; } .about .aboutry .about-aj { position: relative; } .about .aboutry .about-aj img { width: 100%; height: 130px; border: solid 1px #000; margin-bottom: 10px; border-radius: 3px; } .about .aboutry .about-aj .about-ji { position: absolute; display: inline-block; background: #000; opacity: 0; z-index: 999; width: 165px; height: 130px; top: 0; color: #fff; line-height: 91px; text-align: center; } .about .aboutry .about-aj .about-ji:hover { opacity: 0.5; font-weight: bold; } .look_more {display: none;} .about .aboutwh img:hover { -webkit-transform: translate(0, -10px); } .about p { font-size: 14px; } .about ul li { font-size: 14px; line-height: 1.5em; padding-top: 5px; padding-bottom: 15px; } .about h2 a { color: #000; font-weight: bold; } .about h2 a:hover { color: #3984c0; } .about h3 a { color: #000; padding-top: 10px; } .dx{ width: 90%; margin-left: 0.8rem; } .about h3 a:hover { color: #3984c0; } .about_form{ padding-top: 25px; background: url("http://1.rc.xiniu.com/rc/Contents/29122/images/LYbg.png?d=20170508094738839") no-repeat; background-size:100% 100%; height:550px; } .about_form h2{ margin: 0; height: 20px; line-height: 20px; } .about_form form{ padding-top: 20px; width: 80%; height: 500px; margin: auto; background: #FFF; } .about_form ul{ padding-left: 5%; padding-right: 5%; } .about_form ul li{ list-style: none; } .about_form span{ display: block; height: 40px; line-height: 40px; font-weight: bold; font-size: 15px; } .about_form textarea{ width: 100%; height: 100px; background: #eaeeef; border: none; margin-bottom: 10px; } .about_form input{ width: 100%; height: 40px; padding-left: 10px; line-height: 40px; background: #eaeeef; border: none; box-sizing: border-box; } .about_form .about_form_submit{ display: block; width: 120px; height: 40px; line-height: 40%; background: #3984c0; color: #fff; margin: auto; } .join { background: #2c2f34; padding-top: 30px; padding-bottom: 40px; } .newlin{ margin-bottom: .32rem; } .about .text-left a{ color: #333333; display: block;} .about .text-left{ padding: .15rem; box-sizing: border-box; overflow: hidden; margin-bottom: 0; } .about .text-left:hover{ box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) } .about .text-left span{ display: block; color: #666666; font-size: 0.14rem; height: .2rem; line-height: .2rem; } .about .text-left a p{font-size: 0.18rem; line-height: 0.3rem;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;max-height: .6rem;} .about .text-left a {border-bottom: 1px solid #ddd;} .hzaltit2 a{color: #86b825; } .hzaltit2{ text-align: right; font-size: .18rem; line-height: .42rem; } .foot{ background-color: #f7f7f7; } .footle ul li{ display: inline-block; vertical-align: top; margin-right: .6rem; } .footle ul li b, .footle ul li a{ display: block; } .footle ul li b{color: #333; font-size: 0.2rem; } .footle ul li:nth-child(3){ width: 2.17rem; margin-right: 0px; } .footle ul li a{ color: #333; } .footri .dblog{ margin: .6rem 0px .38rem;} .er1, .er2{ display: inline-block; } .er1 p, .er2 p{ display: block; text-align: center; } .copy{ background: #f1f1f1; } .copy a{color: #333333; } .nber{ width: 100%; height: 4.98rem; background: url(../img/nban.jpg) no-repeat center; background-size: cover;position:relative;} @media (max-width:1440px){ .nber { height: 3.5rem; } } .page { display: table; margin:.45rem auto; } .page a, .page span { display: inline-block; width: .5rem; padding: 10px 12px !important; border: solid 1px #f1f1f1; text-align: center; vertical-align: middle; line-height: .4rem; color: #999999; } .page a:hover {border: solid 1px #81b52b;} .page .cut{border: solid 1px #81b52b;} .bdd { width: 100%; height: 1.5rem; background:#004ea2; } .bdd h3{ font-size: .24rem; color:#ffffff; margin-top: 0px; font-weight: bold; height: .66rem; line-height: .66rem; display:block; text-align:center; } .bdd p{ width: 12rem; margin:auto; } .bdd input{ font-size: .16rem; box-sizing: border-box; padding: 0 .05rem; width: 198px; height: 40px; line-height: 40px; color: #999999; display:inline-block; vertical-align: top; margin-right:.15rem; } .bdd textarea{ font-size: .16rem; box-sizing: border-box; padding: 0 .05rem; width: 198px; height: 40px; line-height: 40px; color: #999999; display:inline-block; vertical-align: top; margin-right:.15rem;resize: none;} .bdd .bdx4{ width: 4.21rem; } .bdd .bdx5{ margin-right: 0px; width: 1.01rem; height: .4rem; line-height: .4rem; background:#83b82c; color: #fff; border:0px; font-size: .16rem; } /*新闻*/ .nwdlist{ width: 100%; } .nwdlist ul li{ height: .8rem; line-height: .8rem; border-bottom: 1px dashed #bfbfbf; } .nwdlist ul li a{ color: #333333; font-size:.16rem; } .pro2 .nwdfg p{ display: block; text-align: center; line-height: 2.3rem; font-size: .2rem; color:#333333; } .webo .yj{ width: .33rem; height: .2rem; position: absolute; left: 50%; transform: translateX(-50%); } .ngsys{ background: #f9faff; padding: .35rem 0px; } .probak{ width: 100%; /* background: #f9faff;*/ background: #eef5ff; position: relative; /* padding-bottom: .25rem;*/ overflow:hidden; } .p6{ padding-top:0px!important; } .wbz .col-md-4 > a:hover { -webkit-transform: scale(1.1); } .wbz .col-md-4 > a img { -webkit-transition: all 0.5s; margin-bottom: 10px; } .jyal { margin-top: .3rem; } /*关于我们*/ .abjxbox1{ height: 551px; } .abjxbox2{ height: 700px; } .abjbak{ background: #f7f7f7; width: 100%; overflow: hidden; } .abnz, .abjxbox2, .abjbox4, .abjbox5{ position: relative; } .abjxbox1l{ position: absolute; left: -100%; top:0px;} .abjxbox1r{ position: absolute; right: -100%; top:0px;} .abjxbox2l{ position: absolute; left: -100%; top:0px;} .abjxbox2r{ position: absolute; right: -100%; top:0px;} .abjbox3 { height: 700px; overflow: hidden; } .abjbox3 img{ position: absolute; bottom:-500px; } .abjbox4 { height: 601px; overflow: hidden; } .abjbox4 .contian{ position: relative; } .abjbox4 img{ position: absolute; top:-500px; opacity: 0 } .abjbox5 { height: 470px; overflow: hidden; } .abjbox5 .ab5cn{ position: absolute; top:-500px; } .absy1{ position: relative; padding-bottom: .53rem; overflow: hidden; } .absy1 ul{ display: block; position: absolute; top:-100%; opacity: 0; } .absy2box { display:block; margin: auto; width: 1200px; } .absy2{ height: 601px; position: relative; overflow: hidden; } .absy1 .ab2:first-child img{ margin-left: 0px; } .absy1 .ab2:last-child img{ margin-left:.72rem;} .absy1 .ab2 img{ display: block; text-align: center; width: 1.97rem; margin:auto; margin-left:.36rem; } .absy2box ul{ display: block; bottom: -100%; } .abry3box{ position: relative; height: 600px; overflow: hidden; } .abry3box .container{ display: block; position: absolute; bottom: -100%; } .abry3box .container .col-md-6{ overflow: hidden; height: .43rem; line-height: .43rem; background: url(../img/adian.jpg) no-repeat left center; } .abry3box .container .row>div:nth-child(2n) {position: relative;left: .8rem;} .abry3box .container .col-md-6 a{ color: #666666; } .abjxbox1l{ width: 55%; } .abjxbox1l h3{ margin-top: 0px; font-size: .24rem; color: #333333; height: .54rem; line-height: .54rem; border-bottom:2px solid #83b72e; width: 1.01rem; } .abjxbox1l p{ color: #666666; font-size: .14rem; overflow: auto; } .abqy2 { height: 2.8rem; margin-top: .1rem!important; } .abqy2 ul li{ margin-right: 1.32rem; vertical-align: top; display:inline-block; width: 1.97rem; height: 2.27rem; background: url(../img/abimg2.jpg) no-repeat; } .abqy2 ul li:last-child{ margin-right: 0px; } .abqy2 b, .abqy2 p{ display: block; text-align: center; } .abqy2 b{ font-size: .4rem; color: #004ea2; margin-top:.75rem; } .abqy2 p{color: #333333; font-size: .16rem;padding: 0 .16rem} .absy2{ background: url(../img/gsccp2.jpg) no-repeat 50% 100%; } .absy2box h3, .abry3box h3, .abjbox5 h3{ text-align: center; display: block; color: #fff; font-size: .24rem; height: .55rem; line-height: .55rem; border-bottom: 2px solid #fff; width: 1rem; display: block; margin:.26rem auto 0 ; } .abry3box h3, .abjbox5 h3{ color: #333333; border-bottom: 2px solid #83b82c; } .absy3{ width: 100%; background: #fafafa; height:6rem; } .newlink2 a:hover .newimg img{ transform: scale(1.1); transition: all .5s; } /*漂浮*/ .pf{display: block;z-index: 99;background: #fff;box-shadow: rgba(124, 124, 124,0.6) 0px 2px 10px 0px;width: 68px;height: 296px;} .pf ul{ display: block; text-align: center;} .pf ul li{ padding: 12px 0;position:relative; } .pf ul li:hover{background-color: rgb(0, 78, 161);} .pf ul li div a{color: #333;} .pf ul li:hover div a{color: #fff;} .pf ul li:hover span{color: #fff;} .pf .pf1 >a{ display: block; background: url(../img/pftb4.png?v=1.1) no-repeat center; width: 29px; height: 30px; } .pf .pf2 >a{ display: block; background: url(../img/pftb3.png?v=1.1) no-repeat center; width: 25px; height: 30px; padding-left: 4px; } .pf .pf3 a{ display: block; background: url(../img/pftb2.png?v=1.1) no-repeat center; width: 24px; height: 30px; padding-left: 4px;} .pf .pf4 a{ display: block; background: url(../img/pftbc1.png?v=1.1) no-repeat center; width: 24px; height: 30px; padding-left: 4px; } .pf p { margin-left: 1px; margin-top: 30px;background-color: #fff;padding:20px 0;box-shadow: rgba(124, 124, 124, 0.6) 0px 2px 10px 0px;} .pf p a{ display: block; background: url(../img/pftb5.png?v=1.1) no-repeat center; width: 19px; height: 30px; } .pf .pf1:hover >a{ display: block; background: url(../img/pftbc4.png?v=1.1) no-repeat center; width: 29px; height: 30px; } .pf .pf2:hover >a{ display: block; background: url(../img/pftbc3.png?v=1.1) no-repeat center; width: 25px; height: 30px; } .pf .pf3:hover a{ display: block; background: url(../img/pftbc2.png?v=1.1) no-repeat center; width: 24px; height: 30px; } .pf .pf4:hover a{ display: block; background: url(../img/pftb1.png?v=1.1) no-repeat center; width: 24px; height: 30px; } .pf p a:hover{ display: block; background: url(../img/pftbc5.png?v=1.1) no-repeat center; width: 19px; height: 30px; } .pf{ position: fixed; top:40%; z-index: 999; right: 10px; } .pf a,.pf a:hover{ width: auto !important; cursor: pointer; /* margin-bottom: 5px; */ } /*关于我们*/ @media(min-width:1200px){ .inprorg a:hover .inprb1, .inprobox2:hover, .carousel-inner:hover, .inprobox1:hover{box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) } /* .inprorg a:hover i{ top:2.8rem; transition: all .5s; }*/ /* .prorw:hover img{ transform: scale(1.1); transition: all .5s; }*/ .newimg{ width: 4.5rem; height: 2.8rem; overflow: hidden; } .abry3box .container{ margin:0 .15rem; } .ab5cn1 h5, .ab5cn2 h5, .ab5cn3 h5{ margin-top: 1.29rem; color: #333; font-size:.16rem; } .ab5cn1 p, .ab5cn2 p, .ab5cn3 p{ font-size: .14rem; color: #666; } .ab5cn1 h5, .ab5cn2 h5, .ab5cn3 h5, .ab5cn1 p, .ab5cn2 p{ display: block; text-align: left; } .ab5cn3 p{ text-align: left; } .ab5cn{ width: 10.5rem; margin:0 .75rem; } .ab5cn1, .ab5cn2, .ab5cn3{ width: 3.01rem; height: 2.6rem; display: inline-block; vertical-align: top; } .ab5cn1{ background: url(../img/con1.jpg) no-repeat; margin-right:.65rem; } .ab5cn2{ background: url(../img/con2.jpg) no-repeat; margin-right:.65rem; } .ab5cn3{ background: url(../img/con3.jpg) no-repeat; } .ab5cn1, .ab5cn2, .ab5cn3 {padding:0 30px} .absy2box{ width: 12rem; margin:auto; } .absy2box ul { display: block; margin-left:-1.03rem; margin-top: .7rem;overflow:hidden; } .absy2box ul li{ margin-bottom: .64rem; padding:0.3rem; box-sizing:border-box; } .absy2box ul li{ float:left; width: 5.3rem; height: 1.3rem; border:1px solid #fff; margin-left: 1.03rem; } .absy2box ul li:nth-child(2n){float:right;} .absy2box ul li b, .absy2box ul li p{ color: #fff; display: block; } .absy2box ul li b{ font-size: .18rem; font-style: normal; font-weight:normal; margin-bottom: .17rem; } .absy2box ul li p{ height: .3rem; line-height: .3rem; overflow: hidden; } .absy2{ width: 100%; height:6.01rem; } .ab2{ width: 1.97rem; height: 2.27rem; } .jyalcon a:hover b, .jyalcon a:hover p{ color: #83b82c; } .jyal .col-md-4{ margin-bottom: .3rem; } .contain1 { width: 12rem!important; margin:auto; } .jyal .jyalcon { box-sizing: border-box; padding: .2rem; box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) ; display: block; width: 3.7rem; position: relative;} .jyal .col-md-4>a img{ display: block; width: 3.3rem; height: 1.8rem; } .jyal .jyalcon i{ opacity: 1; display: block; position: absolute; top:.2rem; left: .2rem; width: 3.3rem; height: 1.8rem; } .jyal .jyalcon:hover i{ opacity: 0; transition: all 1s; } .jyal .col-md-4 b{ color: #333333; font-size: .18rem; height: .62rem; line-height: .62rem; display:block; text-align: center; text-overflow: ellipsis; white-space: normal; overflow: hidden; } .jyal .col-md-4 p{ overflow: hidden; font-size: .14rem; color: #333333; line-height: .3rem; text-align: left; height: .6rem; } .jyal .col-md-4 .jjmore{ display: block; width: 1rem; height: .3rem; line-height: .3rem; text-align: center; background: #83b82c; margin: auto; color: #fff; margin-top:.17rem; } .footny{ height: 4.5rem!important; } .anl{ margin-bottom: .2rem; } .anl .prorwr p{ /* height: 2.8rem;*/ overflow: auto; } .pro{ width: 100%; } .nhz .col-md-4{ margin-bottom: .41rem!important; } .inpb4con p{margin-top: .13rem;font-size: .15rem;} .copy{ height: .4rem; line-height: .4rem; } .footle ul li b{ margin-bottom: .28rem; } .footle ul li a{ line-height: .28rem; } .footle ul li{ margin-top: .53rem; } /* .copy .foocopyrr{ text-align: right; } */ .foot{ height: 3rem; width: 100% ; } .about .aboutwh img { width: 100%; height: 2.98rem; -webkit-transition: All 0.4s; } .about .nwe{ width: 4.51rem; height: 5rem; background: #f9faff; } .nwe:hover{ box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) } .nwe p{ margin:0 .35rem; } .nwe a img{ margin-bottom: .15rem!important; } .nwe .dinone{ margin-top: .08rem; font-size: 0.2rem; color: #333333; line-height: 0.36rem; font-weight: bold; height: 1.2rem; } .ali:hover{ box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) } .ali{ background: #f9faff; box-sizing: border-box; width: 3.7rem; height: 3.97rem; margin: auto; } .hzaltit{ font-size: 0.3rem; color: #000000; } .kbali{margin-right: -40px!important; margin-left: -40px!important;} .nwe p{ font-size: .14rem;color: #666; } .inal .col-md-4 .ali{ margin-bottom: .3rem; } .inal{ margin-top: .4rem; } .hzaltitz{ margin-bottom: .3rem; } .soso, .kef{ display:block; } .kef{ padding-top: 21px; float: left; padding-left: 25px; position: relative;} .kef img{ display: block; width: 18px; height: 17px; } .soso .so{padding: 5px; width: 213px; height: 26px; box-sizing: border-box;outline:none;opacity: 0; } .soso .button{ background: url(../img/index2.jpg) no-repeat center center; width: 17px; height: 28px;cursor: pointer;} .soso{ margin-left: 190px; float: left; width: 244px; height: 28px; border: 1px solid rgba(220, 220, 220,0); border-radius: 3px; margin-top: 15px; } .soso input{border: none; display:block; float: left; } .nav li a{ margin: 0 18px; padding-top: 22px; display:block; line-height: 16px; color:#333;font-size:16px;} .logo{float:left;height:20px; width: 165px; padding-top: 22px;} .nav>ul{ margin-left: 53px; } .nav>ul>li span{display:block; padding-bottom: 6px;} .nav>ul>li a:hover span{border-bottom:3px solid #83b82c; color:#83b82c; } .nav>ul>li{float:left; height: 60px;} .nav>ul>li a:hover{color:#30b05f;} .this span{border-bottom:3px solid #83b82c; padding-bottom: 6px;} .this a{color:#83b82c!important;} .nav{float:left;display:block!important;} .ffar{ width: 2.46rem; float: left; margin-left: .2rem; } .jjfa1{ padding: .2rem;} .text_left {text-align:left!important;padding: 0 50px;} /*.nav .jjfa2{ width:563px; position:absolute; right: 0px;}*/ .nav .jjfa2 ul{ width: 503px!important; background: none!important; } .nav .jjfa2 ul li{ display: inline-block; width: 210px; } .header_lve{ min-height: 60px; position: relative;} .jj2{ display: inline-block;vertical-align: top; width: 210px;margin: 0 30px; } /*.jj2:first-child{ margin-right: 62px; }*/ .jj2 p { margin-top: 10px;height: 180px;overflow-y: auto; } } .jj2 p a{ margin: 0px; padding-top: 0px; height: 30px; line-height: 30px; font-size: 14px; text-align: left; } .jj2 h3{font-size: 16px;height: 48px;line-height: 48px;margin: 0px;border-bottom: 1px solid #d1d1d1;} .nav>ul ul{position: absolute;display:none;top:60px;z-index: 99!important;background: url(../img/navlink.jpg);width: 156px; min-height: auto; /* padding-bottom:22px;*/ } .nav>ul li:first-child ul{ left: 192px; } /*.nav>ul li:nth-child(2){ width: 100%; }*/ .nav>ul li:nth-child(2) ul{ width: 100%; left: 0px; background: url(../img/navlink2.jpg); height: 242px; } .nav>ul li:nth-child(3) ul{ left: 390px; background: url(../img/naklin3.jpg); height: auto; } .nav>ul ul li{ display: block; text-align: center; line-height: 50px; } .nav>ul>li:nth-child(4) ul, .nav>ul>li:nth-child(5) ul {marign-left:-27px;} .nav ul li.this a{ color: #000000!important; } .nav ul li.this a:hover{ color:#83b82c!important; } .nav>ul ul li a{ color: #333; } .jjfa1{ position: absolute; width: 6.36rem; left: 0px; box-sizing: border-box; } .ffar a{ margin: 0px!important; } .ffar a:hover span{ border-bottom: 0px!important; } .jjfa1 p, .jjfa1 h3{ display: block; text-align: left; } .jjfa1 p{ line-height: .24rem; } .jjfa1 img{ display:block; width: 300px; height: 202px; float: left; } .jjfa1 .ffar h3{ font-size: 16px; } .jjfa1 .ffar p{ font-size: 12px; color: #666666;overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3; } .jjfa1 .ffar span{ font-size: 12px; color: #666666; display: block; text-align: left; } .footi{width:100%;background:#333333;} .dinav{width:100%;border-bottom:1px solid #404040;padding-top:30px;padding-bottom:22px;} .dinav dt{float:left;padding-left:5px;} .dinav dt p{line-height:15px;font-weight:600;font-size:13px;color:#525252;line-height:15px;} .dinav dt h5{line-height:22px;font-size:18px;color:#ffffff;font-weight:400;display:block;width:140px; } .dinav dd{float:right;} .dinav dd ul li{float:left;padding:0 20px;} .dinav dd ul li a{display:block;padding:0 25px;font-size:14px;color:#ffffff;line-height:30px;padding-top:15px;} .dinav dd ul li a:hover{color:#30b05f;} .lanxi{padding-top:4px;padding-bottom:41px;border-bottom:1px solid #404040;} .fangshi{width:933px;float:left;} .fangshi dt{line-height:84px;font-size:18px;color:#ffffff;padding-left:8px;} .fangshi dd{float:left;width:303px;padding-left:8px;line-height:24px;font-size:14px;color:#7f7f7f;} .ewm{width:120px;float:right;padding-top:80px;} .ewm dt{width:82px;height:82px;padding:9px;background:#fff;margin:0 auto;} .ewm dt img{display:block;width:100%;height:100%;} .ewm dd{line-height:42px;font-size:14px;color:#7f7f7f;text-align:center;} .fooder{line-height:54px;padding-bottom:4px;font-size:14px;color:#7f7f7f;padding-left:8px;} .fooder a{color:#7f7f7f;} /*banner*/ .banner2{width:100%;z-index:1; position:relative;top:0px;height:550px;background: url(../images/loader.gif) no-repeat center center;} .tp-simpleresponsive .tp-caption {position: absolute;visibility: hidden;font-size: 1.4em -webkit-font-smoothing: antialiased !important;/* top:100px!important;left:600px!important;*/} .tp-caption {z-index: 1;} .tp-bullets {z-index: 1000;position: absolute;bottom:21px!important;} .tp-bullets.simplebullets.round .bullet {cursor: pointer;position: relative;background:#e9eaee;width: 10px;border-radius: 50%; height: 10px;margin-right: 0px;float: left;margin-top: 0px;margin-left: 9px;} .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet.selected {background-position: bottom left;} .tp-bullets.simplebullets .bullet.selected {display:block; background:#e9eaee; width: 41px; height: 10px; border-radius: 20px; } .tpclear {clear: both;} .tp-simpleresponsive >ul >li {list-style: none;position: absolute;visibility: hidden;} .clear{ clear: both; } /*产品*/ .containa{ width:1200px; margin:.52rem auto 0px; } .inpro{ margin-top: .52rem; } .inprole{ width: 6.72rem; float: left; position: relative; } .inprorg{ width: 5rem; float: right; position: relative; } .inprobox1{ width: 5.86rem; height: 3.13rem; background-color: #f9faff; border-radius: .04rem; /* padding: .44rem .45rem 0rem .5rem;*/ } .inpb1tit h3, .inpb3tit h3, .inprb1 h3{ font-size: .36rem; font-weight: normal; font-stretch: normal; color: #000000; margin: 0px;} .inpb2con span{color: #666666; font-size: 0.3rem; font-weight: normal; font-stretch: normal;display: block; font-family: msyhl;} .inpb2con p{ width: 2.94rem; height: 0.88rem; color: #333333; font-size: 0.2rem; overflow: hidden; line-height: 0.3rem; } .inprole i{ position: absolute; display: block;left: -.32rem; top:1.65rem; } .inprole .jt{ position: absolute; right: 1.27rem; top:.55rem; } .inprb1 .tb{ position: absolute; left: 0.54rem; transition: all 1s; } .inprorg:hover .tb{ left: 1rem; } .inprobox2{ position: relative; margin-top: 1.44rem; width: 5.86rem; height: 2.45rem; background-color: #f9faff; border-radius: 0.04rem; background: url(../img/pro2.jpg) no-repeat; padding: 0.4rem 0px 0px .5rem; } .inprobox2:hover .tb{ right: .2rem; transition: all .5s; } .inprobox2 .tb{ position: absolute; top:1.88rem; right: .5rem; transition: all .5s; } .inpb3tit h3{ margin-top: .24rem; } .inpb4con{ font-family: AlibabaPuHuiTiL; font-size: 0.26rem; font-weight: normal; font-stretch: normal; line-height: 0.36rem; color: #333333 } .inprb1{ background: #f9faff; width: 5rem; height: 5.57rem; border-radius: 0.04rem; } .inprb1 h3{ margin: 0px; } .inprb1{ display: block; color: #333333; padding: .42rem 0px 0px .5rem; box-sizing: border-box; } .inprb1 p{ font-size: 0.2rem; font-weight: normal; font-stretch: normal; color: #333333; margin-bottom: .56rem; margin-top: .29rem; } .inprb1 span{ font-size: 0.18rem; color: #333333; } .inprorg i{ position: absolute; top:3.2rem; left: .1rem; } .ban{ position: relative; top: .31rem; width: 12rem; margin: auto; height: 5rem; } .carousel{ position: absolute!important; } .carousel-caption{ width: 4rem; height: 1.95rem; left: .97rem !important; top:.8rem !important; } .new-6{ margin-left: -15px!important; } .aboutwh{ margin-right: -15px!important; } /**/ .footri { text-align: right; } .footri .dblog{ margin: .6rem 0px .38rem; } .er1, .er2{ display: inline-block; } .er1 p, .er2 p{ display: block; text-align: center; } /*产品*/ .prorw { margin-top: .76rem; } .prorw img{ /* width: 5.4rem; height: 2.52rem; */ display: block; transition: all .5s; } .prorwr{ padding-left: .62rem!important; box-sizing: border-box; } .prorwr2{ padding-left: .15rem!important; padding-right: .62rem!important; } .prorw span{ display: block; } .prorwr h3{ color: #333333; font-size: .24rem; margin-bottom:.17rem; } .prorwr p{ font-size: .14rem; color: #666666; line-height: .3rem; margin-bottom:.15rem; /* height: .9rem; */ overflow: hidden; } .prorwr span{ display: none; opacity: 0; transition: all 1s; display: block; font-size: .14rem; width: 1rem; height: .3rem; line-height: .3rem; background: #83b82c; color: #fff; text-align: center; } .prorwr:hover span{ display:block; opacity: 1; transition: all 1s; display: block; font-size: .14rem; width: 1rem; height: .3rem; line-height: .3rem; background: #83b82c; color: #fff; text-align: center; } .pro .row{ margin-bottom: .72rem; } .pro2 h4{ margin-top: .28rem; margin-bottom:.28rem; height: .2rem; line-height: .2rem; color: #004ea2; background: url(../img/dwimg.jpg) no-repeat left top; padding-left: .3rem; font-size: .14rem; } .pro2 h4 a{ color: #004ea2; } .pro2 h4 a:last-child{ color: #83b72e; } .pro2 h5{ border-bottom: 1px solid #e5e5e5; height: .36rem; z-index: 1; position: relative; color: #333333; font-size: .24rem; text-align: center; height: .36rem; line-height: .36rem; } .pro2 h5 span{ background: url(../img/xian.jpg) no-repeat center bottom; position: relative; z-index: -1; display: block; height: .36rem; line-height: .36rem;} .pro2 p{ font-size: .16rem; color: #666666; line-height: .36rem; } .pro2 .span{ display: block; font-size: .14rem; width: 100px; height: .3rem; line-height: .3rem; background: #83b82c; color:#fff; text-align: center; margin:.39rem auto; } .pro2 .span a{ color: #fff; } .newtit{ width: 100%; height: .6rem; line-height: .6rem; border-bottom: 1px solid #f1f1f1; } .newtit ul{ display: block; width:12rem; margin: auto; } .newtit ul li{ width: 2rem; float: left; text-align: center; } .newtit ul li a{ color: #333333; font-size: 16px; } .newtit ul li a:hover, .newtit .cut a{ color: #83b72e; border-bottom: 1px solid #83b72e; display: block; } .contian{ width:12rem!important; margin: auto; overflow:hidden; } .newimg{ width:37.5%; margin-right: .37rem; float: left; } .newimg img{ width: 4.5rem; height: 2.8rem; display: block; transition: all .5s; } .newcon{ width: 57.16%; float: right; } .newcon h3{ font-size: .18rem; color:#333333; padding-top: .4rem; padding-bottom:.18rem; } .newcon .sj, .newlist .sj{ width:100%; height: .1rem; border-bottom: 1px solid #dddddd; } .newlink2{ margin-top: .26rem; } .newlink2 .sj span, .newlist .sj span{ display: block; width: 1.05rem; background: #fff; font-size: .12rem; color: #666666; } .newlink2 .sjcon, .newlist .sjcon{ margin:.25rem 0px; color: #666666; line-height: .24rem; height: .72rem; overflow: hidden; } .newlink2 .more, .newlist .more{ color: #666666; font-size: .14rem; } .newlist{ width: 100%; height: 2.3rem; border:1px solid #e8e8e8; } .newlist h3{font-size: .26rem;color: #333333;padding-bottom:.10rem; padding-top: .06rem;height: .35rem;overflow: hidden;} .nwels{ padding-left: 0px!important; margin-top:.45rem; padding-right: .2rem!important; } .nwels:nth-child(2n){ padding-right: 0px!important; padding-right:0px!important; } .newlist a{ display: block;width:88%; margin:auto; } .newlist .sjcon{ margin: .2rem 0px; } .newlist:hover{ border:1px solid #004ea2; } .newlist:hover p, .newlist a:hover h3, .newlist a:hover p span{ color: #004ea2; } .newlist:hover .sj{ border-bottom: 1px solid #004ea2; transition: all 1s; } .nwdsj h6{ font-size:.2rem; color: #333333; display: block; text-align: center; } .nwdsj .newsj{ border-bottom: 1px solid #bfbfbf; } .nwdsj .newsj b{ display:table; margin:auto; font-weight: normal; } .nwdsj .newsj span{ display: inline-block; text-align: center; margin-left: 1.8rem; } .nwdsj .newsj span:nth-child(1){ margin-left: 0rem; } .nwdfg{ background:url(../img/nwtiit.jpg) no-repeat; width: 100%; height: 2.3rem; } .webo a img{ display: block; width: 3.06rem; height: 2.56rem; transition: all .5s; } .webo a:hover img{ transform: scale(1.1); } .webo a{ color: #333333; display: block; text-align: center; } .nhz .col-md-4{ margin-bottom: 0rem!important; } .webo{ position: relative; } .zti .contian2{ border:1px solid #ebebeb; width: 12rem; margin: auto; height: 3.81rem; box-shadow: 0px 0rem .5rem #ebebeb; } .zpimg{ width: 37.5%; float: left; margin-top: .35rem; margin-left:.35rem; } .zpimg img{ display: block; width: 100%; height: 2.8rem; transition: all .5s;} .zpimg:hover img{ transform: scale(1.1); transition: all .5s; } .zticon{ display: block; float:left; margin-left: .35rem; margin-top: .35rem; width: 54%; } .zticon ul li{ height: .6rem; line-height: .6rem; border-bottom: 1px dashed #ececec; font-size: .16rem; } .zticon p a{ display: block; text-align: center; line-height: .35rem; } .zticon ul li a, .zticon p a{ color:#666666; } .zticon ul li a:hover, .zticon p a:hover{ color: #004ea2; } .zpimg a p{ height: .64rem; color:#333333; font-size: .18rem; display: block; text-align: center; line-height: .64rem; text-overflow: ellipsis; white-space: normal; overflow: hidden;} .zticon ul li span{ height: .6rem; display: inline-block; text-overflow: ellipsis; white-space: normal; overflow: hidden; } .zticon ul li span:first-child{ width: 75%; text-align: left; } .zticon ul li span:nth-child(2){ width: 24.9%; text-align: right; } .newlink h6{ font-size: .24rem; color: #333333; display: block; text-align: center; margin-top: .51rem; } .anl h5{ margin-bottom: .2rem; } .anli .prorw{ margin-top: .3rem; } .hzdw3{ width: 2.8rem; height: 1.5rem; margin-bottom: .15rem;} .hzdw2{ margin-top: .46rem; padding-bottom: .45rem; } .hzdw3 img{ width: 2.8rem; height: 1.5rem; display: block; box-shadow: 0 0 .5rem #f3f5f8 ; border-radius: .1rem; } .zp img{ display: table; margin:0 auto .51rem;} } @media(min-width:1100px) and (max-width:1199px){ .prorw:hover img{ transform: scale(1.1); transition: all .5s; } .newimg{ width: 4.5rem; height: 2.8rem; overflow: hidden; } .abry3box .container{ margin:0 .15rem; } .ab5cn1 h5, .ab5cn2 h5, .ab5cn3 h5{ margin-top: 1.29rem; color: #333; font-size:.16rem; } .ab5cn1 p, .ab5cn2 p, .ab5cn3 p{ font-size: .14rem; color: #666; } .ab5cn1 h5, .ab5cn2 h5, .ab5cn3 h5, .ab5cn1 p, .ab5cn2 p{ display: block; text-align: center; } .ab5cn3 p{ text-align: center; } .ab5cn{ width: 10.5rem; margin:0 .75rem; } .ab5cn1, .ab5cn2, .ab5cn3{ width: 3.01rem; height: 2.6rem; display: inline-block; vertical-align: top; } .ab5cn1{ background: url(../img/con1.jpg) no-repeat; margin-right:.65rem; } .ab5cn2{ background: url(../img/con2.jpg) no-repeat; margin-right:.65rem; } .ab5cn3{ background: url(../img/con3.jpg) no-repeat; } .absy2box{ width: 9.08rem; margin:auto; } .absy2box ul { display: block; margin-left:-1.03rem; margin-top: .7rem; } .absy2box ul li{ margin-bottom: .64rem; padding:0.3rem; box-sizing:border-box; } .absy2box ul li{ float:left; width: 5.3rem; height: 1.3rem; border:1px solid #fff; margin-left: 1.03rem; } .absy2box ul li:nth-child(2n){float:right;} .absy2box ul li b, .absy2box ul li p{ color: #fff; display: block; } .absy2box ul li b{ font-size: .18rem; font-style: normal; font-weight:normal; margin-bottom: .17rem; } .absy2box ul li p{ height: .3rem; line-height: .3rem; overflow: hidden; } .absy2{ width: 100%; height:6.01rem; } .ab2{ width: 1.97rem; height: 2.27rem; } .jyalcon a:hover b, .jyalcon a:hover p{ color: #83b82c; } .jyal .col-md-4{ margin-bottom: .3rem; } .contain1 { width: 12rem!important; margin:auto; } .jyal .jyalcon { box-sizing: border-box; padding: .2rem; box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) ; display: block; width: 3.7rem; position: relative;} .jyal .col-md-4>a img{ display: block; width: 3.3rem; height: 1.8rem; } .jyal .jyalcon i{ opacity: 1; display: block; position: absolute; top:.2rem; left: .2rem; width: 3.3rem; height: 1.8rem; } .jyal .jyalcon:hover i{ opacity: 0; transition: all 1s; } .jyal .col-md-4 b{ color: #333333; font-size: .18rem; height: .62rem; line-height: .62rem; display:block; text-align: center; text-overflow: ellipsis; white-space: normal; overflow: hidden; } .jyal .col-md-4 p{ overflow: hidden; font-size: .14rem; color: #333333; line-height: .3rem; text-align: center; height: .6rem; } .jyal .col-md-4 .jjmore{ display: block; width: 1rem; height: .3rem; line-height: .3rem; text-align: center; background: #83b82c; margin: auto; color: #fff; margin-top:.17rem; } .footny{ height: 4.5rem!important; } .anl{ margin-bottom: .2rem; } .anl .prorwr p{ height: 2.8rem; overflow: auto; } .pro{ width: 100%; } .nhz .col-md-4{ margin-bottom: .41rem!important; } .inpb4con p{ margin-top: .13rem; font-size: .15rem; } .copy{ height: .4rem; line-height: .4rem; } .footle ul li b{ margin-bottom: .28rem; font-size: .3rem; } .footle ul li a{ line-height: .28rem; } .footle ul li{ margin-top: .53rem; } .copy .foocopyrr{ text-align: right; } .foot{ height: 3rem; width: 100% ; } .about .aboutwh img { width: 100%; height: 2.98rem; -webkit-transition: All 0.4s; } .about .nwe{ /*width: 4.51rem;*/width:5.5rem; height: 5.5rem; background: #f9faff; } .nwe:hover{ box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) } .nwe p{ margin:0 .35rem; } .nwe a img{ margin-bottom: .15rem!important; } .nwe .dinone{ margin-top: .08rem; font-size: 0.2rem; color: #333333; line-height: 0.36rem; font-weight: bold; height: 1.5rem; } .ali:hover{ box-shadow: 0px 1px .13rem 0px rgba(0, 0, 0, 0.16) } .ali{ background: #f9faff; box-sizing: border-box; /*width: 3.2rem;*/width:100%; height: 3.97rem; margin: auto; } .hzaltit{ font-size: 0.3rem; color: #000000; } .kbali{margin-right: -40px!important; margin-left: -40px!important;} .nwe p{ font-size: .14rem;color: #666; } .inal .col-md-4 .ali{ margin-bottom: .3rem; } .inal{ margin-top: .4rem; } .hzaltitz{ margin-bottom: .3rem; } .soso, .kef{ display:block; } .kef{ padding-top: 21px; float: left; padding-left: 25px; } .kef img{ display: block; width: 18px; height: 17px; } .soso .so{padding: 5px; width: 213px; height: 26px; box-sizing: border-box; outline:none;opacity: 0; } .soso .button{ background: url(../img/index2.jpg) no-repeat center center; width: 17px; height: 28px; } .soso{ margin-left: 190px; float: left; width: 244px; height: 28px; border: 1px solid rgba(220, 220, 220,0); border-radius: 3px; margin-top: 15px; } .soso input{border: none; display:block; float: left; } .nav li a{ margin: 0 18px; padding-top: 22px; display:block; line-height: 16px; color:#333;font-size:16px;} .logo{float:left;height:20px; width: 165px; padding-top: 22px;} .nav>ul{ margin-left: 53px; } .nav>ul>li span{display:block;padding-bottom: 6px;} .nav>ul>li a:hover span{border-bottom:3px solid #83b82c; color:#83b82c;} .nav>ul>li{float:left; height: 60px;} .nav>ul>li a:hover{color:#30b05f;} .this span{border-bottom:3px solid #83b82c; padding-bottom: 6px;} .this a{color:#83b82c!important;} .nav{float:left;display:block!important;} .ffar{ width: 2.76rem; float: left; margin-left: .2rem; } .jjfa1{ padding: .2rem;} .nav .jjfa2{ width:563px; position:absolute; right: 0px;} .nav .jjfa2 ul{ width: 503px!important; background: none!important; } .nav .jjfa2 ul li{ display: inline-block; width: 210px; } .header_lve{ min-height: 60px; position: relative;} .jj2{ display: inline-block;vertical-align: top; width: 210px; } .jj2:first-child{ margin-right: 62px; } .jj2 p { margin-top: 10px; } } .jj2 p a{ margin: 0px; padding-top: 0px; height: 30px; line-height: 30px; font-size: 14px; text-align: left; } .jj2 h3{font-size: 16px;height: 48px;line-height: 48px;margin: 0px;border-bottom: 1px solid #d1d1d1;text-align:left;} .jj2 h3>a {margin:0;} .nav>ul ul{position: absolute;display:none;top:60px;z-index: 99!important;background: url(../img/navlink.jpg);width: 156px; min-height: auto; /* padding-bottom:22px;*/ } .nav>ul ul>li:last-child { padding-bottom: 22px; } .nav>ul li:first-child ul{ left: 192px; } /*.nav>ul li:nth-child(2){ width: 100%; }*/ .nav>ul li:nth-child(2) ul{ width: 100%; left: 0px; background: url(../img/navlink2.jpg); height: 242px; } .nav>ul li:nth-child(3) ul{ left: 390px; background: url(../img/naklin3.jpg); height: auto; } .nav>ul>li:nth-child(4) ul, .nav>ul>li:nth-child(5) ul {margin-left:-27px;} .nav>ul ul li{ display: block; text-align: center; line-height: 50px; } .nav ul li.this a{ color: #000000!important; } .nav ul li.this a:hover{ color:#83b82c!important; } .nav>ul ul li a{ color: #333; } .jjfa1{ position: absolute; width: 6.36rem; left: 0px; box-sizing: border-box; } .ffar a{ margin: 0px!important; } .ffar a:hover span{ border-bottom: 0px!important; } .jjfa1 p, .jjfa1 h3{ display: block; text-align: left; } .jjfa1 p{ line-height: .24rem; } .jjfa1 img{ display:block; width: 330px; height: 180px; float: left; } .jjfa1 .ffar h3{ font-size: 16px; } .jjfa1 .ffar p{ font-size: 12px; color: #666666; } .jjfa1 .ffar span{ font-size: 12px; color: #666666; display: block; text-align: left; } .footi{width:100%;background:#333333;} .dinav{width:100%;border-bottom:1px solid #404040;padding-top:30px;padding-bottom:22px;} .dinav dt{float:left;padding-left:5px;} .dinav dt p{line-height:15px;font-weight:600;font-size:13px;color:#525252;line-height:15px;} .dinav dt h5{line-height:22px;font-size:18px;color:#ffffff;font-weight:400;display:block;width:140px; } .dinav dd{float:right;} .dinav dd ul li{float:left;padding:0 20px;} .dinav dd ul li a{display:block;padding:0 25px;font-size:14px;color:#ffffff;line-height:30px;padding-top:15px;} .dinav dd ul li a:hover{color:#30b05f;} .lanxi{padding-top:4px;padding-bottom:41px;border-bottom:1px solid #404040;} .fangshi{width:933px;float:left;} .fangshi dt{line-height:84px;font-size:18px;color:#ffffff;padding-left:8px;} .fangshi dd{float:left;width:303px;padding-left:8px;line-height:24px;font-size:14px;color:#7f7f7f;} .ewm{width:120px;float:right;padding-top:80px;} .ewm dt{width:82px;height:82px;padding:9px;background:#fff;margin:0 auto;} .ewm dt img{display:block;width:100%;height:100%;} .ewm dd{line-height:42px;font-size:14px;color:#7f7f7f;text-align:center;} .fooder{line-height:54px;padding-bottom:4px;font-size:14px;color:#7f7f7f;padding-left:8px;} .fooder a{color:#7f7f7f;} /*banner*/ .banner2{width:100%;z-index:1; position:relative;top:0px;height:550px;background: url(../images/loader.gif) no-repeat center center;} .tp-simpleresponsive .tp-caption {position: absolute;visibility: hidden;font-size: 1.4em -webkit-font-smoothing: antialiased !important;/* top:100px!important;left:600px!important;*/} .tp-caption {z-index: 1;} .tp-bullets {z-index: 1000;position: absolute;bottom:21px!important;} .tp-bullets.simplebullets.round .bullet {cursor: pointer;position: relative;background:#e9eaee;width: 10px;border-radius: 50%; height: 10px;margin-right: 0px;float: left;margin-top: 0px;margin-left: 9px;} .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet.selected {background-position: bottom left;} .tp-bullets.simplebullets .bullet.selected {display:block; background:#e9eaee; width: 41px; height: 10px; border-radius: 20px; } .tpclear {clear: both;} .tp-simpleresponsive >ul >li {list-style: none;position: absolute;visibility: hidden;} .clear{ clear: both; } /*产品*/ .containa{ width:1200px; margin:.52rem auto 0px; } .inpro{ margin-top: .52rem; } .inprole{ width: 6.72rem; float: left; position: relative; } .inprorg{ width: 5rem;height: 6.95rem; float: right; position: relative; } .inprobox1{ width: 6.5rem; height: 4rem; background-color: #f9faff; border-radius: .04rem; position: relative; /* padding: .44rem .45rem 0rem .5rem;*/ } .inpb1tit h3, .inpb3tit h3, .inprb1 h3{ font-size: .26rem; font-weight: normal; font-stretch: normal; color: #000000; margin: 0px;} .inpb2con span{color: #999; font-size: 0.24rem; font-weight: normal; font-stretch: normal;display: block; font-family: "微软雅黑";font-weight:100;} .inpb2con p{ width: 2.94rem; height: 0.88rem; color: #333333; font-size: 0.2rem; overflow: hidden; line-height: 0.3rem; } .inprole i{ position: absolute; display: block;left: 0; top: 0; transition: all .5s; width: 100%;height: 100%;overflow: hidden } .inprole i img {transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;} .inprole i:hover { transition: all .5s; display: block;} /*首页移入图片上下滑动*/ /*.inprobox1:hover i {top:1.95rem;}*/ .inprobox1:hover i img {transform: scale(1.1)} .inprole .jt{ position: absolute; right: 1.27rem; top:.55rem; transition: all 1s; } .inprole .inprobox1:hover .jt{ right: 1rem; transition: all 1s; } .inprobox2{ position: relative; /* margin-top: 1.44rem;*/ margin-top:0; width: 6.5rem; height: 2.45rem; background-color: #f9faff; border-radius: 0.04rem; background: url(../img/pro2.jpg) no-repeat; background-size: cover; padding: 0.4rem 0px 0px .5rem; transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s; } .inprobox2:hover {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);} .inprobox2 .tb{ position: absolute; top:1.88rem; right: .5rem; } .inpb3tit h3{ margin-top: .24rem; } .inpb4con{ font-family: AlibabaPuHuiTiL; font-size: 0.26rem; font-weight: normal; font-stretch: normal; line-height: 0.36rem; color: #333333 } .inprb1{ background: #f9faff; width: 5rem; height: 100%; border-radius: 0.04rem; } .inprb1 h3{ margin: 0px; } .inprb1{ display: block; color: #333333; padding: .42rem 0px 0px .5rem; box-sizing: border-box; } .inprb1 p{ font-size: 0.15rem; font-weight: normal; font-stretch: normal; color: #333333; margin-bottom: .56rem; margin-top: .29rem; } .inprb1 span{ font-size: 0.18rem; color: #333333; } .inprorg i{ position: absolute; top:0; left: 0; transition: all .5s;width:100%;height: 100%;overflow: hidden} .inprorg i img {display: block;transition: all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;} .inprorg:hover i img { transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1) } .ban{ position: relative; top: .31rem; width: 12rem; margin: auto; height: 5rem; } .carousel{ position: absolute!important; } .carousel-caption{ width: 5rem; height: 1.95rem; left: .97rem !important; top:.8rem !important; } .new-6{ margin-left: -15px!important; } .aboutwh{ margin-right: -15px!important; } /**/ .footri { text-align: right; } .footri .dblog{ margin: .58rem 0px .35rem; } .er1, .er2{ display: inline-block; } .er1 p, .er2 p{ display: block; text-align: center; } /*产品*/ .prorw { margin-top: .76rem; } .prorw img{ /* width: 5.4rem; height: 2.52rem; */ display: block; transition: all .5s; } .prorwr{ padding-left: .62rem!important; box-sizing: border-box; } .prorwr2{ padding-left: .15rem!important; padding-right: .62rem!important; } .prorw span{ display: block; } .prorwr h3{ color: #333333; font-size: .24rem; margin-bottom:.17rem; } .prorwr p{ font-size: .14rem; color: #666666; line-height: .3rem; margin-bottom:.15rem; /* height: .9rem; */ } .prorwr span{ display: none; opacity: 0; transition: all 1s; display: block; font-size: .14rem; width: 1rem; height: .3rem; line-height: .3rem; background: #83b82c; color: #fff; text-align: center; } .prorwr:hover span{ display:block; opacity: 1; transition: all 1s; display: block; font-size: .14rem; width: 1rem; height: .3rem; line-height: .3rem; background: #83b82c; color: #fff; text-align: center; } .pro .row{ margin-bottom: .72rem; } .pro2 h4{ margin-top: .28rem; margin-bottom:.28rem; height: .2rem; line-height: .2rem; color: #004ea2; background: url(../img/dwimg.jpg) no-repeat left top; padding-left: .3rem; font-size: .14rem; } .pro2 h4 a{ color: #004ea2; } .pro2 h4 a:last-child{ color: #83b72e; } .pro2 h5{ border-bottom: 1px solid #e5e5e5; height: .36rem; z-index: 1; position: relative; color: #333333; font-size: .24rem; text-align: center; height: .36rem; line-height: .36rem; } .pro2 h5 span{ background: url(../img/xian.jpg) no-repeat center bottom; position: relative; z-index: -1; display: block; height: .36rem; line-height: .36rem;} .pro2 p{ font-size: .16rem; color: #666666; line-height: .36rem; } .pro2 .span{ display: block; font-size: .14rem; width: 100px; height: .3rem; line-height: .3rem; background: #83b82c; color:#fff; text-align: center; margin:.39rem auto; } .pro2 .span a{ color: #fff; } .newtit{ width: 100%; height: .6rem; line-height: .6rem; border-bottom: 1px solid #f1f1f1; } .newtit ul{ display: block; width:12rem; margin: auto; } .newtit ul li{ width: 2rem; float: left; text-align: center; } .newtit ul li a{ color: #333333; font-size: 16px; } .newtit ul li a:hover, .newtit .cut a{ color: #83b72e; border-bottom: 1px solid #83b72e; display: block; } .contian{ width:12rem!important; margin: auto; overflow:hidden; } .newimg{ width:37.5%; margin-right: .37rem; float: left; } .newimg img{ width: 4.5rem; height: 2.8rem; display: block; transition: all .5s; } .newcon{ width: 57.16%; float: right; } .newcon h3{ font-size: .18rem; color:#333333; padding-top: .4rem; padding-bottom:.18rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .newcon .sj, .newlist .sj{ width:100%; height: .1rem; border-bottom: 1px solid #dddddd; } .newlink2{ margin-top: .26rem; } .newlink2 .sj span, .newlist .sj span{ display: block; width: 1.05rem; background: #fff; font-size: .12rem; color: #666666; } .newlink2 .sjcon, .newlist .sjcon{ margin:.25rem 0px; color: #666666; line-height: .24rem; height: .72rem; overflow: hidden; } .newlink2 .more, .newlist .more{ color: #666666; font-size: .14rem; } .newlist{ width: 100%; height: 2.3rem; border:1px solid #e8e8e8; } .newlist h3{font-size: .18rem;color: #333333;padding-bottom:.10rem; padding-top: .06rem;height: .35rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .nwels{ padding-left: 0px!important; margin-top:.45rem; padding-right: .2rem!important; } .nwels:nth-child(2n){ padding-right: 0px!important; padding-right:0px!important; } .newlist a{ display: block;width:88%; margin:auto; } .newlist .sjcon{ margin: .2rem 0px; } .newlist:hover{ border:1px solid #004ea2; } .newlist:hover p, .newlist a:hover h3, .newlist a:hover p span{ color: #004ea2; } .newlist:hover .sj{ border-bottom: 1px solid #004ea2; transition: all 1s; } .nwdsj h6{ font-size:.2rem; color: #333333; display: block; text-align: center; } .nwdsj .newsj{ border-bottom: 1px solid #bfbfbf; } .nwdsj .newsj b{ display:table; margin:auto; font-weight: normal; } .nwdsj .newsj span{ display: inline-block; text-align: center; margin-left: 1.8rem; } .nwdsj .newsj span:nth-child(1){ margin-left: 0rem; } .nwdfg{ background:url(../img/nwtiit.jpg) no-repeat; width: 100%; height: 2.3rem; } .webo a img{ display: block; width: 3.06rem; height: 2.56rem; transition: all .5s; } .webo a:hover img{ transform: scale(1.1); } .webo a{ color: #333333; display: block; text-align: center; } .nhz .col-md-4{ margin-bottom: 0rem!important; } .webo{ position: relative; } .zti .contian2{ border:1px solid #ebebeb; width: 12rem; margin: auto; height: 3.81rem; box-shadow: 0px 0rem .5rem #ebebeb; } .zpimg{ width: 37.5%; float: left; margin-top: .35rem; margin-left:.35rem; } .zpimg img{ display: block; width: 100%; height: 2.8rem; transition: all .5s;} .zpimg:hover img{ transform: scale(1.1); transition: all .5s; } .zticon{ display: block; float:left; margin-left: .35rem; margin-top: .35rem; width: 54%; } .zticon ul li{ height: .6rem; line-height: .6rem; border-bottom: 1px dashed #ececec; font-size: .16rem; } .zticon p a{ display: block; text-align: center; line-height: .35rem; } .zticon ul li a, .zticon p a{ color:#666666; } .zticon ul li a:hover, .zticon p a:hover{ color: #004ea2; } .zpimg a p{ height: .64rem; color:#333333; font-size: .18rem; display: block; text-align: center; line-height: .64rem; text-overflow: ellipsis; white-space: normal; overflow: hidden;} .zticon ul li span{ height: .6rem; display: inline-block; text-overflow: ellipsis; white-space: normal; overflow: hidden; } .zticon ul li span:first-child{ width: 75%; text-align: left; } .zticon ul li span:nth-child(2){ width: 24.9%; text-align: right; } .newlink h6{ font-size: .24rem; color: #333333; display: block; text-align: center; margin-top: .51rem; } .anl h5{ margin-bottom: .2rem; } .anli .prorw{ margin-top: .3rem; } .hzdw3{ width: 2.8rem; height: 1.5rem; margin-bottom: .15rem;} .hzdw2{ margin-top: .46rem; padding-bottom: .45rem; } .hzdw3 img{ width: 2.8rem; height: 1.5rem; display: block; box-shadow: 0 0 .5rem #f3f5f8 ; border-radius: .1rem; } .zp img{ display: table; margin:0 auto .51rem;} } @media (min-width:751px) and (max-width:1099px){ .pf{display: none;} .zp img{ display: block; width: 100%; margin:.51rem auto ;} /*关于我们*/ .abjbox5 .ab5cn{ top:1rem!important; } .abjbox5{ height: 15.3rem; } .ab5cn1 h5, .ab5cn1 p, .ab5cn2 h5, .ab5cn2 p, .ab5cn3 h5, .ab5cn3 p{ width:77%; margin: auto; } .ab5cn1 h5, .ab5cn2 h5, .ab5cn3 h5{ margin-top: 2rem; } .ab5cn1, .ab5cn2, .ab5cn3{ width:100%; margin:auto; margin-right:0px!important; background-size: 3.01rem 2.6rem; margin:auto; height: 4.6rem; display: inline-block; vertical-align: top; } .ab5cn1{ background: url(../img/con1.jpg) no-repeat center center; margin-right:.65rem; } .ab5cn2{ background: url(../img/con2.jpg) no-repeat center center; margin-right:.65rem; } .ab5cn3{ background: url(../img/con3.jpg) no-repeat center center; } .absy2box{ width: 9.08rem; margin:auto; } .abry3box, .absy3{ height: 10rem; } .absy2box ul{ bottom: 0px; } .absy2box{ width: 100%; } .absy2{ height: 5.8rem; } .absy2box ul { display: block; margin-left: -.2rem; margin-top: 1.26rem; } .abry3box .container .col-md-6{ background-size: .1rem .1rem; } .abry3box .container{ top:1rem; } .abry3box .container .col-md-6 a { height: .3rem!important; line-height: .3rem!important; overflow:hidden; display: block; } .absy2box ul li b, .absy2box ul li p{ color: #fff; display: block; } .absy2box ul li b{ font-size: .3rem; font-style: normal; font-weight:normal; margin-bottom: .17rem; } .absy2box ul li p{ height: .3rem; line-height: .3rem; overflow: hidden; } .absy2box ul li { padding:.1rem; margin-bottom: .3rem; display: inline-block; width: 46%; height: 1.2rem; border: 1px solid #fff; margin-left: .2rem; box-sizing:border-box; } .abqy2 b{ margin-top:25%; } .abqy2 p{ margin-top:10%; } .abqy2{ height: 5.3rem; } .abjxbox1{ height: 2.8rem; margin-top: .3rem; margin-bottom: .3rem;} .abjxbox1l{ margin-left:1%; } .abjxbox1r { width: 40%; height: 2.8rem; } .abjxbox1l p{ height: 2.8rem;} .abqy2 ul li{ width: 47.5%; background-position: center center; margin-right: .2rem; background-size: 1.97rem 2.27rem; height: 2.5rem; } .abqy2 ul li:nth-child(2n){ margin-right:0px; } .absy1 ul{ width: 100%; } .abjxbox1r img{ display: block; width: 100%; height: auto; } /*关于我们*/ .jyal .col-sm-6{ margin-bottom: .3rem; } .jyalcon a:hover i{ opacity: 0; } .jyalcon a:hover b, .jyalcon a:hover p{ color: #83b82c; } .jyalcon img{ height: 1rem!important; display: block; } .jyalcon{ position: relative; width: 100%; box-sizing: border-box; padding: .2rem; box-shadow: 0px 1px 0.13rem 0px rgba(0, 0, 0, 0.16); display: block; } .jyalcon i{ display: block; width: 86%; position: absolute; } .jyalcon i{} .jyalcon a b{display: block; font-size: .3rem; color: #333333; height: .6rem; line-height: .6rem; text-overflow: ellipsis; white-space: normal; overflow: hidden; } .jyalcon a p{ height:.7rem; overflow:hidden; font-size: .24rem; } .jyal .col-md-4 .jjmore { display: block; width: 1rem; height: .3rem; line-height: .3rem; text-align: center; background: #83b82c; margin: auto; color: #fff; margin-top: .17rem; } .p6{ padding-top:0px!important; } .nav>ul li:nth-child(3) ul{ width: 100%; height: auto; background:#fff; } .nav>ul li:nth-child(2) ul{ height: auto; } .nav>ul li:first-child ul{ width: 100%; left: 0px; } .news .newsa{ font-size: .18rem; } .ali .text-left{ margin-left: 0px; font-size: .24rem; } .ban{ height: 2.6rem; } .about ul li{ font-size: .24rem; } .text-left{width: 98%;margin: auto;margin-left: 3%;} .nwe{ width: 96%;} body{ overflow-x: hidden; } .jj2 h3{ line-height: .6rem; height: .6rem; } .nav>ul li:nth-child(2) ul{ background: #fff; } .anl .prorwr p{ height: auto; } .prorwr h3{ text-align: center; } .pro .row{ margin:.3rem 0px; } .contian { width: 100%!important; } .eer, .dblog{ text-align: left; } .nber{ height:auto; min-height: 2.5rem; background-size: 100% auto!important; } .about .text-left a p{ line-height: 0.3rem; height: .6rem; overflow: hidden;} .about .text-left span{ font-size: .18rem; } .about p, .about .text-left a p{ font-size: .24rem; } .nwe a{ color: #333333; } .footri .dblog{ margin: auto; width: 1.65rem; } .footle ul li{ width: 100% !important; line-height: .5rem; } .about .aboutwh img { width: 100%; height: auto; -webkit-transition: All 0.4s; } .news div img{ height: auto; } .about .text-left:first-child{ margin-top: .48rem; } .about .text-left{ padding: .1rem .05rem; } /**/ .ban{ width: 100%; } .carousel-control{ top:1rem!important; } .ban{ position: relative; top:.2rem; } .carousel-caption{ width: 4rem; height: 1.95rem; left: .97rem !important; top:0rem !important; } /**/ .jjfa1{ display: none; } .banner2{width:100%;z-index: -1; position:relative;top:.6rem;height:3rem;background: url(../images/loader.gif) no-repeat center center;} .tp-simpleresponsive .tp-caption {position: absolute;visibility: hidden;font-size: 1.4em -webkit-font-smoothing: antialiased !important;/* top:100px!important;left:600px!important;*/} .tp-caption {z-index: 1;} .tp-bullets {z-index: 1000;position: absolute;bottom:21px!important;} .tp-bullets.simplebullets.round .bullet {cursor: pointer;position: relative;background:#e9eaee;width: 10px;border-radius: 50%; height: 10px;margin-right: 0px;float: left;margin-top: 0px;margin-left: 9px;} .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet.selected {background-position: bottom left;} .tp-bullets.simplebullets .bullet.selected {display:block; background:#e9eaee; width: 41px; height: 10px; border-radius: 20px; } .tpclear {clear: both;} .tp-simpleresponsive >ul >li {list-style: none;position: absolute;visibility: hidden;} .header{position:fixed;top:0;left:0;} .top{display:none;} .soso, .kef{ display: none; } .header_lve{width:96%;padding:0 2%;} .logo{float:left;height:.2rem; padding-top: .2rem;} .nav{position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;display:none;margin-top:.6rem;z-index:99;} .nav>ul{width:100%;overflow:auto;height:98%;padding-top:2%} .nav>ul>li{width:90%;margin:0 auto;} .nav>ul>li a{display:block;line-height:.6rem;text-align:center;color:#333;font-size:.24rem;width:100%;border-bottom:1px dashed #dedede;margin:0 auto;} .anniu{display:block;float:right;height:.4rem;padding-top:.11rem;} .anniu img{display:block;height:100%;width:auto;} .nav>ul ul{display:none;background: #fff;top: 0rem;position: relative;min-height: auto;} .Down>a{background: url(../images/jia.png) no-repeat right center;background-size:auto 80%;} .footi{width:100%;background:#333333;} .foot{width:100%;margin:0 auto;} .dinav{width:100%;border-bottom:1px solid #404040;padding-top:1rem;padding-bottom:0.8rem;} .dinav dt{display: none;} .dinav dd ul{overflow:hidden;display:-webkit-box;margin:0 auto;display:box;} .dinav dd ul li{-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;box-flex: 1;} .dinav dd ul li a{display:block;font-size:0.916rem;color:#ffffff;line-height:1.5rem;text-align:center;} .dinav dd ul li a:hover{color:#30b05f;} .lanxi{display: none;} .fooder{line-height:2rem;font-size:0.916rem;color:#7f7f7f;padding:1rem 0;} .fooder p{display:block;width:80%;margin:0 auto;text-align:center;} .fooder a{color:#7f7f7f;} /*产品750*/ .containa{ width:100%; margin: auto; } .inprole{ width: 6.72rem; position: relative; } .inprorg{ width: 100%; position: relative; margin-top: .2rem; } .inprobox1{ width: 95%; height: 3.13rem; background-color: #f9faff; border-radius: .04rem; padding: .44rem .45rem 0rem .5rem; } .inpb1tit h3, .inpb3tit h3, .inprb1 h3{ font-size: .36rem; font-weight: normal; font-stretch: normal; color: #000000; margin: 0px;} .inpb2con b{color: #666666; font-size: 0.46rem; font-weight: normal;} .inpb2con p{ width: 2.94rem; height: 0.84rem; color: #333333; font-size: 0.2rem; overflow: hidden; line-height: 0.3rem; } .inprole i{ position: absolute; display: block;left: -0rem; top:1.65rem; width: 100%; height: 2.47rem; } .inprole i img{ display: block; width: 100%; height: auto; } .inprole .jt{ position: absolute; right: 1.27rem; top:.55rem; transition: all .5s; } .inprobox2{ margin-top: 1.16rem; width: 100%; height: 2.45rem; background-color: #f9faff; border-radius: 0.04rem; background: url(../img/pro2.jpg) no-repeat; background-size: 100% 100%; padding: 0.4rem 0px 0px .5rem; } .inpb3tit h3{ margin-top: .24rem; } .inpb4con{ font-family: AlibabaPuHuiTiL; font-size: 0.26rem; font-weight: normal; font-stretch: normal; line-height: 0.36rem; color: #333333 } .inprb1{ background: #f9faff; width:100%; height: 5.57rem; border-radius: 0.04rem; } .inprb1 h3{ margin: 0px; } .inprb1{ display: block; color: #333333; padding: .42rem 0px 0px .5rem; box-sizing: border-box; } .inprb1 p{ font-size: 0.26rem; font-weight: normal; font-stretch: normal; color: #333333; margin-bottom: .56rem; margin-top: .29rem; } .inprb1 span{ font-size: 0.18rem; color: #333333; } .inprorg i{ position: absolute; top:3.4rem; max-width: 100%; height: 3.9rem; } .inprorg i img{ display: block; width:100%; height:100%; } .inprole{ margin-top: .8rem; } /*产品 */ .pro .row img{ display: block; width: 100%; } /*新闻*/ .newimg{ height: 1.6rem; margin-right: .3rem; } .newimg img{ width: 100%; height:100%; } .newcon h3{ width: 100%; padding:0px; margin-top: 0px; margin-bottom:.05rem; font-size: .3rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newlink2 .sjcon, .newlist .sjcon{height: .58rem;margin: .20rem auto; line-height: .3rem;} .newlist .sj span{ width: 50%; } .nav>ul li:nth-child(3) ul{ left: 0px; } .pro2 h4{ background-size: .19rem .2rem; } .pro2 img{ display: block; width: 100%!important; height:auto; } .pro2 .span{ width: 1.2rem; height: .45rem; line-height: .45rem; } .pro2 h4{ line-height: .3rem; height: auto; } .nwdsj .newsj span{ margin-left:.1%; } .pro2 .nwdfg p{ font-size: .3rem; } .footri{ text-align: left; } .webo a img{ display: block; width: 100%; height: 1.5rem; } .webo .yj { bottom: -.68rem; } .wbz{ margin-top:.3rem; } .zti .contian2{ width: 100%; } .zpimg { margin-top: .1rem; margin-left: .1rem;} .zticon{ margin-left:.2rem; margin-top:.1rem; } .zticon ul li span{ height: .6rem; font-size: .24rem!important; } .zticon ul li span:first-child{ width: 65%; } .zticon ul li span:nth-child(2) { width: 34.9%; font-size: .22rem!important; } .zpimg a p{ font-size: .22rem; } .zpimg img{ height: 2rem; } .newlink2 .sj span{ width: 40%; } .newlink2 .sjcon, .newlist .sjcon{ font-size: .2rem; } .newlist h3{ padding-top: 0px; height: .29rem; } .newlink h6{ font-size: .3rem; } .prorwr{ padding-left:.15rem!important; } .bdd{ display: none; } } @media (min-width: 1200px) { .soso {margin-left: 35px;} } @media (max-width:1024px){ #inp_txt {padding: 0!important;} .foocopy {text-align: center} .pro2 p{ font-size:.22rem;} .nwdsj .newsj b {display: block;text-align: center} .prorwr h3{ font-size: .28rem; line-height: .4rem; } .prorwr p{ font-size: .24rem; line-height: .4rem; height: auto;} .news h4 a{ font-size: .24rem; } .about .col-xs-6{ font-size: .26rem; } .footle ul li b { font-size: 16px; } .copy{ width: 100%;overflow-x:hidden; box-sizing: border-box; } .about{ width: 100%;overflow-x:hidden; box-sizing: border-box; } .about .container{box-sizing: border-box; } .pf{display: none;} .zp img{ display: block; width: 100%; margin:.51rem auto ;} /*关于我们*/ .abjbox5 .ab5cn{ top:1rem!important;width: 100% } .abjbox5{ height: 5.3rem;text-align:center; } .ab5cn1 h5, .ab5cn1 p, .ab5cn2 h5, .ab5cn2 p, .ab5cn3 h5, .ab5cn3 p{ width:77%; margin: auto; } .ab5cn1 h5, .ab5cn2 h5, .ab5cn3 h5{ margin-top: 2.6rem; } .ab5cn1, .ab5cn2, .ab5cn3{ width:33%; margin:auto; margin-right:0px!important; background-size: 3.01rem 2.6rem; margin:auto; height: 4.6rem; display: inline-block; vertical-align: top; } .ab5cn1{ background: url(../img/con1.jpg) no-repeat center center; margin-right:.65rem; } .ab5cn2{ background: url(../img/con2.jpg) no-repeat center center; margin-right:.65rem; } .ab5cn3{ background: url(../img/con3.jpg) no-repeat center center; } .absy2box{ width: 9.08rem; margin:auto; } .abry3box, .absy3{ height: 5.2rem; } .absy2box ul{ bottom: 0px; } .absy2box{ width: 100%; } .absy2{ height: 4.6rem;padding: 0 8px; } .absy2box ul { display: block; margin-left: -.2rem; margin-top: .46rem; } .abry3box .container .col-md-6{ background-size: .1rem .1rem;background: transparent } .abry3box .container{ top:1rem; } .abry3box .container .col-md-6 a { height: .27rem; line-height: .3rem; overflow:hidden; display: block;padding-left: .3rem; } .absy2box ul li b, .absy2box ul li p{ color: #fff; display: block; } .absy2box ul li b{ font-size: .24rem; font-style: normal; font-weight:normal; margin-bottom: .16rem; } .absy2box ul li p{ line-height: .3rem; margin:0px; display: block;font-size: .22rem; } .absy2box ul li { padding:.1rem; margin-bottom: .3rem; display: inline-block; width: 46%; /* height: 1.2rem;*/ border: 1px solid #fff; margin-left: .2rem; box-sizing:border-box; } .abqy2 b{ margin-top:25%; } .abqy2 p{ margin-top:0%;width: 60%; margin: 0 auto; } .abqy2{ height: 5.3rem; } .abjxbox1{ margin-top: .3rem; margin-bottom: .3rem;height: auto;} .abjxbox1l{ margin-left:1%;height: auto;width: 100%;position: static;} .abjxbox1r { width: 100%; height: auto;position: static;} .abjxbox1l h3 {margin: 0 auto .1rem;} .abjxbox1l p{ height: auto; font-size:.24rem;} .hzanl{overflow-x:hidden;} .hzanl .container {padding:0;} .hzaltitz {padding:0 15px;} .abqy2 ul li{ width: 47.5%; background-position: center center; margin-right: .2rem; background-size: 1.97rem 2.27rem; height: 2.5rem; } .abqy2 ul li:nth-child(2n){ margin-right:0px; } .absy1 ul{ width: 100%; } .abjxbox1r img{ display: block; width: 100%; height: auto; } /*关于我们*/ .jyal .col-sm-6{ margin-bottom: .3rem; } .jyalcon a:hover i{ opacity: 0; } .jyalcon a:hover b, .jyalcon a:hover p{ color: #83b82c; } .jyalcon img{ height: 2rem!important; display: block; } .jyalcon{ position: relative; width: 100%; box-sizing: border-box; padding: .2rem; box-shadow: 0px 1px 0.13rem 0px rgba(0, 0, 0, 0.16); display: block; } .jyalcon i{ display: block; width: 86.8%; position: absolute; } .jyalcon i{} .jyalcon a b{display: block; font-size: .26rem; color: #333333; height: .6rem; line-height: .6rem; text-overflow: ellipsis; white-space: normal; overflow: hidden;text-align: center;} .jyalcon a p{ height:.7rem; overflow:hidden; font-size: .24rem;text-align: left; } .jyal .col-md-4 .jjmore { display: block; width: 1.4rem; height: .4rem; line-height: .4rem; text-align: center; background: #83b82c; margin: auto; color: #fff; margin-top: .17rem; font-size:12px; } .p6{ padding-top:0px!important; } .nav>ul li:nth-child(3) ul{ width: 100%; height: auto; background:#fff; } .nav>ul li:nth-child(2) ul{ height: auto; } .nav>ul li:first-child ul{ width: 100%; left: 0px; } .news .newsa{ font-size: .18rem; } .ali .text-left{ margin-left: 0px; font-size: .24rem; } .ban{ height: 4.4rem; } .about ul li{ font-size: .24rem; } .text-left{width: 98%;margin: auto;margin-left: 3%;} .nwe{ width: 100%;} body{ overflow-x: hidden; font-size: .24rem; } .jj2 h3{ line-height: .6rem; height: .6rem; } .nav>ul li:nth-child(2) ul{ background: #fff; } .anl .prorwr p{ height: auto; } .prorwr h3{ text-align: center; } .pro .row{ margin:.3rem 0px; } .newlink>.contian { width: 100%!important;padding:0 15px!important; } .contian {width:100%!important;} .eer, .dblog{ text-align: center; } .nber{ height:auto; min-height: 4rem; background-size: 100% 100%!important;margin-top: .2rem; } .logo img {height: auto;width: 2.5rem;} .about .text-left a p{ line-height: 0.3rem; height: .54rem; overflow: hidden;} .about .text-left span{ font-size: .18rem; } .about p{ margin-top:.1rem;} .about p, .about .text-left a p{ font-size: .24rem; } .nwe a{ color: #333333; } .footri .dblog{ margin: auto; width: 1.65rem; } .footle ul li{ width: 28%; line-height: .5rem;padding-bottom:10px; } .about .aboutwh img { width: 100%; height: auto; -webkit-transition: All 0.4s; } .news div img{ height: auto; } .about .text-left:first-child{ margin-top: .48rem; } .about .text-left{ padding: .1rem .05rem; } /**/ .ban{ width: 100%; } .carousel-control{ top:1.1rem!important; } .carousel-control {width: .3rem!important;height: .5rem;background-size: 100% 100%} .ban{ position: relative; margin: 0 auto 0;width:95%; } .carousel-caption{ width: 4rem; height: 1.95rem; left: .97rem !important; top:0rem !important; } /**/ .jjfa1{ display: none; } .banner2{width:100%;z-index: 1; position:relative;top:0;height:4.8rem;background: url(../images/loader.gif) no-repeat center center;} .tp-simpleresponsive .tp-caption {position: absolute;visibility: hidden;font-size: 1.4em -webkit-font-smoothing: antialiased !important;/* top:100px!important;left:600px!important;*/} .tp-caption {z-index: 1;} /*新增手机样式*/ .dx {margin-left:0;} .newlin {margin-bottom:0;} .about .text-left {margin:0;} .footle ul li {margin-right:0;} .footle ul li:nth-child(3) {width:40%;} .page a, .page span{width:auto;height:auto;line-height: .2rem!important;} /*.page .pagination > li > span {padding:6px 12px!important;}*/ .abry3box .container .row>div:nth-child(2n) {left:0;} .jj2 h3{border-bottom:none;} .dblog {display:none;} .width, .inprb1, .hzanl, .about {width:95%;margin:0 auto;} #addr {width: 100%!important;} .pro_con {position: relative;} .pro_con .pro_img img {height: 155px;} .prorwr span {display: none;} .jjm_img img {height: 200px;} .jj2 p a {height: 60px;} .tp-bullets {z-index: 1000;position: absolute;bottom:21px!important;} .tp-bullets.simplebullets.round .bullet {cursor: pointer;position: relative;background:#e9eaee;width: 10px;border-radius: 50%; height: 10px;margin-right: 0px;float: left;margin-top: 0px;margin-left: 9px;} .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet.selected {background-position: bottom left;} .tp-bullets.simplebullets .bullet.selected {display:block; background:#e9eaee; width: 30px; height: 10px; border-radius: 20px; } .tpclear {clear: both;} .tp-simpleresponsive >ul >li {list-style: none;position: absolute;visibility: hidden;} .header{position:fixed;top:0;left:0;} .top{display:none;} .soso, .kef{ display: none; } .header_lve{width:96%;padding:0 2%;height: 100%;} .header {height: .8rem;} .logo{float:left;height:.2rem; padding-top: .26rem;} .nav{position:fixed;top:0;left:0;height:100%;width:100%;background:#fff;display:none;margin-top:.58rem;z-index:99;} .nav>ul{width:100%;overflow:auto;height:98%;padding-top:2%} .nav>ul>li{width:90%;margin:0 auto;position:relative;} .nav>ul>li a{display:block;line-height:.6rem;text-align:center;color:#333;font-size:.24rem;width:100%;border-bottom:1px dashed #dedede;margin:0 auto;} .nav>ul>li>i{position:absolute;top:0;right:0;height:100%;width:10%;z-index:9;} .anniu{display:block;float:right;height:.6rem;padding-top:.2rem;} .anniu img{display:block;height:100%;width:auto;} .nav>ul ul{display:none;background: #fff;top: 0rem;position: relative;min-height: auto;} .Down>a{background: url(../images/jia.png) no-repeat right center;background-size:auto 80%;} .footi{width:100%;background:#333333; } .foot, .copy{width:100%;margin:0 auto; overflow-x:hidden; padding-top: .2rem;} .dinav{width:100%;border-bottom:1px solid #404040;padding-top:1rem;padding-bottom:0.8rem;} .dinav dt{display: none;} .dinav dd ul{overflow:hidden;display:-webkit-box;margin:0 auto;display:box;} .dinav dd ul li{-webkit-box-flex: 1;-moz-box-flex: 1;-o-box-flex: 1;box-flex: 1;} .dinav dd ul li a{display:block;font-size:0.916rem;color:#ffffff;line-height:1.5rem;text-align:center;} .dinav dd ul li a:hover{color:#30b05f;} .lanxi{display: none;} .fooder{line-height:2rem;font-size:0.916rem;color:#7f7f7f;padding:1rem 0;} .fooder p{display:block;width:80%;margin:0 auto;text-align:center;} .fooder a{color:#7f7f7f;} /*产品750*/ .containa{ width:100%; margin: auto; } .inprole{ width:100%; position: relative; } .inprorg{ width: 95%; position: relative; margin: .2rem auto 0;left:-2.5%;height: 10.95rem; } .news .col-xs-6{ font-size: .26rem; } .inprobox1{ width: 95%; margin: auto; height: 6.7rem; background-color: #f9faff; border-radius: .04rem; padding: .44rem .45rem 0rem .5rem; } .inpb1tit h3, .inpb3tit h3, .inprb1 h3{ font-size: .3rem; font-weight: normal; font-stretch: normal; color: #000000; margin: 0px;} .inpb2con b{color: #666666; font-size: 0.46rem; font-weight: normal;} .inpb2con p{ width: 2.94rem; height: 0.84rem; color: #333333; font-size: 0.2rem; overflow: hidden; line-height: 0.3rem; } .inprole i{ position: absolute; display: block;left: -0rem; top:.65rem; width: 100%; height: 6rem; } .inprole i img{ display: block; width: 100%; height: auto; } .inprole .jt{ position: absolute; right: 1.27rem; top:.55rem; } .inprobox2{ margin: .16rem auto 0; width: 95%; height: 4rem; background-color: #f9faff; border-radius: 0.04rem; background: url(../img/pro2.jpg) no-repeat; background-size: 100% 100%; padding: 0.4rem 0px 0px .5rem; } #inp_fl {height: auto!important;width: 100%!important;margin-top: 0!important;} .inpb3tit h3{ margin-top: .24rem; } img{max-width: 100%;} .inpb4con{ font-family: AlibabaPuHuiTiL; font-size: 0.26rem; font-weight: normal; font-stretch: normal; line-height: 0.36rem; color: #333333 } .inprb1{ background: #f9faff; width:100%; height: 5.57rem; border-radius: 0.04rem; } .inprb1 h3{ margin: 0px; } .inprb1{ display: block; color: #333333; padding: .42rem 0px 0px .5rem; box-sizing: border-box; } .inprb1 p{ font-size: 0.26rem; font-weight: normal; font-stretch: normal; color: #333333; margin-bottom: .56rem; margin-top: .29rem; } .inprb1 span{ font-size: 0.18rem; color: #333333; } .inprorg i{ position: absolute; max-width: 100%;} .inprorg i img{ display: block; width:100%; height:100%; } .inprole{ margin-top: 0; } .jptj {padding: 20px 15px!important;margin: 0 auto;} .nber {height: 4.5rem;} /*产品 */ .pro .row img{ display: block; width: 100%; } .pro2 h4 {font-size: .24rem} .pro_img {position: absolute!important;left: 0;} .prom_img img {height: 151px;} .prom_txt {margin-top: 151px;} .carousel-control {display: none;} /*新闻*/ .newimg{ height: 1.6rem; margin-right: .3rem; } .newimg img{ width: 100%; height:100%; } .newcon h3{ width: 100%; padding:0px; margin-top: 0px; margin-bottom:.05rem; font-size: .24rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .newlink2 .sj span, .newlist .sj span {font-size: .2rem} .newlink2 .sjcon, .newlist .sjcon{height: .58rem;margin: .20rem auto; line-height: .3rem;} .newlist .sj span{ width: 50%; } .nav>ul li:nth-child(3) ul{ left: 0px; } .pro2 h4{ background-size: .19rem .2rem; } .pro2 img{ display: block; width: 100%!important; height:auto; } .pro2 .span{ width: 1.2rem; height: .45rem; line-height: .45rem; } .pro2 h4{ line-height: .3rem; height: auto; } .nwdsj .newsj span{ margin-left:.1%; } .pro2 .nwdfg p{ font-size: .3rem; } .footri{ text-align: center; } .webo a img{ display: block; width: 100%; height: auto; } /* .webo .yj { bottom: -.68rem; } */ .webo a {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;display: block;} .wbz{ margin-top:.3rem; } .zti .contian2{ width: 100%;height: auto;} .zpimg { margin-top: .1rem; margin-left: .1rem;} .zticon{ margin-left:.2rem; margin-top:.1rem; } .zticon ul li span{ height: .6rem; font-size: .24rem!important; } .zticon ul li span:first-child{ width: 65%; } .zticon ul li span:nth-child(2) { width: 34.9%; font-size: .22rem!important; } .zpimg a p{ font-size: .22rem; } .zpimg img{ height: 2rem; } .nwdlist ul li a{font-size: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;} .nwdsj h6{font-size: .3rem!important; } .newtit {height: .8rem;line-height: .8rem;} .newlink2 .sj span{ width: 36%; } .ngsys .sj span{ background: #f9faff;} .newlink2 .sjcon, .newlist .sjcon{ font-size: .2rem; } .newlist h3{ padding-top: 0px; height: .28rem;padding-top: 2px; } .newlink h6{ font-size: .3rem; } .prorwr{ padding-left:.15rem!important;padding-right: .15rem!important; } .bdd{ display: none; } #width {width: 100%!important;} .bner_mask_con {width: 95%!important;padding-top: 24px!important;} .bner_mask_con h5 {font-size: 18px!important;padding-bottom: 0!important;} .bner_mask_con p {width: 100%!important;} } /*新增*/ .bw-active {color:#83b82c;} .pf_phone {position:absolute;top:16px;left:-165px;color:#004997;font-size:16px;padding:8px 0;box-shadow: 0 0 5px #dcdcdc;width:150px;text-align:center;background:#fff;z-index:998;display:none;} .pf_wechat {position:absolute;left:-127px;bottom:-18px;display:none;} .pf3:hover .pf_phone {display:block;} .pf4:hover .pf_wechat{display:block;} .soso form {position:relative;} .soso_list {position:absolute;left:0;width:100%;border:1px solid #DCDCDC; border-top:0;background:#fff;display:none} .soso_list li {font-size:16px;color:#666;padding:4px 10px} #inp_txt {padding: .4rem 0 0 .5rem;position: relative;z-index: 999;} #addr {width: 12rem;margin: .28rem auto;} #width {width: 12rem;margin: 0 auto;padding: .25rem 0;overflow: hidden;} /* .bw_dimg + p img:first-child { float: left; margin-right:.15rem; } */ /*.bner_mask { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.2) }*/ .bner_mask_con { width:1100px; margin:0 auto; color:#fff; letter-spacing: 2px; padding-top:120px; } .bner_mask_con h5 { font-size:32px; padding-bottom:10px; } .bner_mask_con p { font-size:20px; } .bner_btn {display:inline-block;padding:12px 20px;background:#83B82C;margin-top:10px;font-size:18px;cursor:pointer;} .video_wrap { position:fixed; top:0; right:0; width:100%; height:100%; z-index:9999; background:rgba(0,0,0,.6); display:none; } .video_box { position:fixed; top:0; right:0; bottom:0; left:0; margin: auto; width:700px; height:500px; background:#fff; } .videos { display: block; object-fit: fill; } .video_con {position:relative;} .video_del {position:absolute;top:0;right:0;font-size:16px;color:#999;cursor:pointer;letter-spacing: 2px;} .foocopy {position: relative;} .foot_link {position: absolute;top: -40px;left: 0;width: 100%;height: 40px;background: #f1f1f1;line-height: 40px;display: none;} .foot_link a {color: #333;padding: 0 15px;display: inline-block} .foot_link a:hover {color:#83b82c; } .dt_look {text-align:center;padding:30px 0;} .dt_look a {display:inline-block;font-size:16px;color:#83b82c;padding:10px 20px;border:1px solid #83b82c;} .dt_look a:hover {transition:.5s;background:#83b82c;color:#fff;} .eer {display:inline-block;text-align:center;} .pro_img img {max-width:100%;} .vjs-big-play-button {display: none !important;} .book_link {height:.4rem;} @media (max-width:640px){ body{ width: 6.4rem; } } @media (max-width:750px){ .banner2 { height: 6.5rem; top: .2rem; } .zti .contian2 { height: 2.82rem; } .bner_mask_con h5 {font-size:16px !important;font-weight: bold;} .bner_mask_con p{font-size:14px !important;} .shuju {right:26px!important;top:20px!important;} /* .nber { background-size: auto 100%!important; } */ .bner_mask_con {padding-top: 40px!important;} /* new*/ .jptj {padding: 30px 0 25px!important;margin-top: .2rem;font-size: 18px;font-weight: bold;} .about .col-xs-6 {font-size: 18px;font-weight: bold;margin: 10px 0;} .pro2 h4 {display: none;} .news div img {height: 2.75rem;} .anli .prorw {margin-top: .1rem;} .footle ul li b,.footle ul li:nth-child(1),.footle ul li:nth-child(2) {display: none;} .footle ul li:nth-child(3) {width: 100%;} .footle ul li:nth-child(3) p {margin: 0;text-align: center;} .dblog {display: block;} .footri .dblog {width: 2.65rem;padding-bottom: .2rem;} .newlin {padding-bottom: 15px;} .hzaltitz .hzaltit {margin-top: .3rem;padding: 30px 0 25px!important;font-size: 18px;font-weight: bold;} .hzanl .news {margin-top: .2rem;} #img-xz {height: 1.75rem;} .inpb1tit h3, .inpb3tit h3, .inprb1 h3 {font-size: 14px;} .news {padding-top: 0;} .tp-banner-container,.tp-banner,.forcefullwidth_wrapper_tp_banner {height: 100%!important;} .tp-bgimg {background-size: 100% 100%!important;} .carousel-inner img {height: 100%!important;} .ban {height: 4rem;} #carousel-example-generic {height: 100%;} /* .news div img {height: 162px;}*/ .news p {margin-top: 5px;padding-bottom: 10px;} .kbali .ali,.nwe {background: #f2f2f2;} .nwe {padding-bottom: 10px;} #news_txts {padding: 0 10px} .about {padding-bottom: 20px;} .about .text-left:first-child {margin-top: .3rem;} .inpb-txts,.news .newsa {font-size: 12px!important;} .mob_more {display: none;} .look_more {padding: 0 15px;display: block;text-align: center;} .look_more a {display: inline-block;color: #86b825;padding: 10px;font-size: 16px;border: 1px solid #86b825;} .cx_img {text-align: center!important;} .mobile_banner {display: block;width: 100%;height: 6.5rem;margin-top: .2rem;} .mobile_banner .swiper-wrapper {height: 6.5rem;width: 100%;} .mobile_banner_img {display: block;height: 100%;width: 100%} .mobile_banner_img img {width: 100%;height: 100%;} .banner2 {display: none;} .mobile_banner .swiper-pagination-bullet {background: #fff;width: 12px;height: 12px;outline: none;opacity: 1;} .mobile_banner .swiper-pagination-bullet-active {background: #fff;width: 45px;border-radius: 12px;} #font_s {font-size: 12px!important;} .inprobox1 {height: 4.33rem;} .inprole i {height: 3.47rem} .inprobox2 {height: 2.45rem;} .inprorg {height: 6.95rem;} .nwe {width: 96%;} .jyalcon i {width: 92.8%} .jyalcon img {height: 3rem!important;} .abry3box .container .col-md-6 a {padding-left: 0; } .abry3box, .absy3 {height: 10rem;} .ab5cn1, .ab5cn2, .ab5cn3 {width: 100%;} .abjbox5 {height:15.3rem; } /*.nber {min-height: 2.3rem;}*/ .jj2 p a {height: 30px;} } .zxkf { /* position: relative; */ } .float_zxk { position: absolute; top: 20px; left: 50px; width: 70px; color: #333; display:none; } .zxkf:hover .float_zxk { display: block; } .pf1:hover .pf_phone { display: block; } .pf2:hover .pf_phone { display: block; } .pf1 .pf_phone,.pf2 .pf_phone { width: 85px; left: -100px; } .pagination a, .pagination span, .pagination p { display: inline-block; width: .5rem; padding: 5px 10px!important;height: 35px!important; border: solid 1px #f1f1f1; text-align: center; vertical-align: middle; line-height: .4rem; color: #999999; } .pagination p.pageRemark {width: auto;} .pagination p.pageEllipsis {font-size: 28px;line-height: 10px;} .pagination .page_next { width: 70px;margin-right: 0; } .pagination .page_mar {margin-right: 10px;} .pagination {padding: 0!important;margin: 0!important;} @media (max-width:750px){ .pagination a, .pagination span, .pagination p { height: 30px!important; line-height: 20px!important; margin-right: 8px; } .pagination .page_next { width: 60px!important;margin-right: 0; } .pagination .page_mar {margin-right: 8px;} .pagination p.pageEllipsis { font-size: 22px; } .zticon ul {max-height: 105px;overflow: hidden;} .zticon ul li span:first-child {width: 63%;} } .shuju{ top: 0 !important; right: -5px !important; }