@charset "utf-8"; @font-face{ font-family: 'MS'; src:url(../fonts/MStiffHeiPRC.ttf); } /* CSS Document */ /* 通用属性 */ * { margin:0; padding:0; list-style:none; } body { font-size:14px; color:#666; font-family:Microsoft YaHei,sans-serif;background: #ffffff; } img { border:0; vertical-align:top; } html, body {width: 100%;max-width: 100%;min-width: 1320px;min-height: 100%;height: auto;} address, caption, cite, code, dfn, em, th, dt, var {font-style: normal;font-weight: normal;} /* a */ .en .htop {font-size: 12px;} a { color:#666; text-decoration:none; } a:visited { } a:active, a:hover { text-decoration:none; /* color:#3a8acd; */ } a:focus { outline:none; text-decoration:none; } h1,h2,h3,h4,h5,h6 { font-weight:normal; } h1,h2,h3,h4,h5,h6,p,ol,ul{padding: 0;margin: 0;} :focus{outline: none;} .ovfl{overflow: hidden;} .flex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .lflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .ltflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .lbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .rflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } .rtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-start; -ms-flex-align:flex-start; -webkit-align-items:flex-start; align-items:flex-start; } .rbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:flex-end; -ms-flex-align:flex-end; -webkit-align-items:flex-end; align-items:flex-end; } .mflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mtflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .mbflex { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:flex-end; justify-content:flex-end; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; flex-direction:column; -webkit-flex-direction:column; text-align:center; } .transition300em{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;} .donghua{-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} ::after, ::before {-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;} .dhwz{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .dhwz2{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} .mar0a{margin: 0 auto;} .con-fff{width:100%;height:100%;} .fl {float:left;} .fr {float:right;} input { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } textarea { border-radius:0; -webkit-appearance:none; appearance:none; background:none; border:0; box-shadow:0 0 0; font-size:14px; } .clear{clear:both; height:0; line-height:0; font-size:0;} table {border-collapse:collapse; border-spacing:0;} table td, table th{padding: 5px 10px;border: 1px solid #f0f0f0;} .container{width:1200px;margin:0 auto;} .top30{margin-top: 30px;} .top50{ margin-top:50px;} .top60{ margin-top:60px;} .w1000 {width: 1200px;margin: 0 auto;overflow: hidden;} #roll{display:block; width: 15px;margin-right:-620px;position:fixed;right:50%;top:50%;_margin-right:-525px; _position:absolute;_margin-top:300px;_top:expression(eval(document.documentElement.scrollTop));} #roll_top, #fall, #ct{position: relative;cursor: pointer;height: 43px;width: 43px;} #roll_top{background: url(../index/top.png) no-repeat;} #fall{background: url(../index/top.png) no-repeat 0 -80px;} /*箭头*/ .pbot{ display:block; width:14px; height:94px; position:absolute;} .pbot1{ background:url(../images/pbot1.png) no-repeat center; left:-32px;bottom: 96px;} .pbot2{ background:url(../images/pbot2.png) no-repeat center; right:-32px;bottom: 96px;} /*头部*/ .header{ z-index: 100000; background: #fff; width: 100%; } em{color: #666;}.container .hhh { float: right; color: #666;} .container span a {margin: 10px;color: #666;} .htop{border-bottom: 1px solid #dedede;background: #f2f1f1;} .htop .container { height: 36px; line-height: 36px;} .top .phone {float: right; position: relative;} .hcont .phone dl { padding-left: 50px; background: url(../images/tel_bg.png) no-repeat left; margin-top: 32px; } .phone p { font-size: 14px; /* text-transform: uppercase; */} .phone span { font-size: 24px; color: #0853a1;} .navBox{background: #0853a1; height: 55px; position: relative;} /* .hcont{ line-height:80px; } */ /*欢迎词*/ #header{width:1100px;margin:0 auto;} .top{height: 110px; width: 1200px; margin: 0 auto;} .logo{float:left;/* margin-top: 8px; */padding: 15px 0px;} .logo img {margin-top: 9px;} .logo dl dd { float: left; background: url(../images/htphone.png) no-repeat left center; padding: 15px 0; padding-left: 20px; margin-left: 10px; } .logo dl a {float: left;} .logo dl { overflow: hidden; } .logo dd h1 { float: left; font-size: 16px; font-weight: normal; } .hcont .logo dd h2 em { color: #0853a1; font-weight: bold; font-size: 20px; } .hcont .logo dd h1 { font-size: 16px; font-weight: normal; } .topLink{float:right;text-align:right;position: relative;z-index: 9999;} .translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;} .tran-in{left:120px;} .translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;} .translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;} .translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;} .translate-en{display: none;padding: 6px;padding-top:0px;} .translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;} .translate li .translate-en a:hover{font-weight: bold;} .topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;} .topLink .k1{line-height:32px;} .topLink .k1 a{color: #666;} .topLink .k2{color:#074b91;font-size:14px;} #menu{margin-top:22px;} .nav{height:40px;} .nav li{line-height:55px;height:55px;text-align:center;float:left;position:relative;z-index:999;background: url(../images/nav_bg.png) no-repeat right center;} .navBox .container>ul>li:last-of-type { background: none; } .nav li a{line-height:55px;color:#fff;height:55px;font-size: 15px;padding: 0 33px;} .en .nav li a {font-size: 13px; width: auto;text-transform: uppercase;} /* .nav li a:hover{color: #FFFF00;} .nav li.cur a{color: #FFFF00;} */ .nav .sec{height:0;background:#67a81d;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:66px;left:0px;} .nav .sec a{background:#67a81d;color:#fff;height:38px;line-height:38px;width:120px;} .nav .sec a:hover{background:#fff;text-decoration:none;} .navBox .container>ul>li dl { position: absolute; z-index: 2; width: 100%; background: rgba(8,83,161,.8); display: none; } .navBox .container>ul>li dl a dd { padding: 8px 0px; line-height: 40px; text-align: center; font-size: 15px; color: #fff; border-bottom: 1px solid #dedede; } .navBox .container>ul>li:hover dl { display: block; } .navBox .container>ul>li dl a {padding: 0;} /*轮播图*/ /* #banner{margin-top: 105px;} */ #banner .swiper-slide a{display:block;} #banner .swiper-slide img{display:block;max-width:100%;margin: auto;} #banner .swiper-pagination{bottom:25px;font-size:0;} #banner .swiper-pagination-bullet{width:25px;height:25px;background:#79848d;opacity:1;border-radius: unset;} #banner .swiper-pagination-bullet-active{background:#1f98e4;} #banner .swiper-button-prev{left:70px;} #banner .swiper-button-next{right:70px;} /*搜索*/ .search{ border-bottom:1px solid #e5e5e5;} .search .gjc{overflow:hidden; float:left; height:60px; line-height:60px; font-size:13px;} .search .gjc span{ color: #333; font-weight: bold;} .search .gjc a{ font-size:13px;} .search .sc{ float:right; margin-top:15px;} .search .sc form{ display: flex;} .search .sc .tt{ float:left; width:180px; height:30px; line-height:30px; padding:0 10px; background:none; border:1px solid #eee; font-size:13px; color:#a1a0a0; outline:none;} .search .sc .s_bt{ border:0px ; float:left; width:45px; height:32px; line-height:32px; text-align:center; font-size:0px; text-decoration:none; background: url(../images/bt_bg.png) #0853a1 no-repeat center;} /*厂房轮播*/ /*.prohot1{ margin-left: auto; margin-right: auto; width: 1200px; font-family: microsoft yahei;} .prohot1 h2{text-align: center; padding-top: 0px; padding-bottom: 20px; position: relative; font-size: 22px; color: #333;} .prohot1 #hzhb ul li{ float: left; background: #dedede; padding: 5px; margin: 0 5px;} .prohot1 #hzhb ul li .proudct_img img{ width: 360px; height: 240px;} .prohot1 #hzhb ul li:hover{ background:#0853a1; } .prohot1 #hzhb ul li:hover p{ color: #fff;} .prohot1 #hzhb .bd{ overflow: hidden; width: 1200px; margin-top: 20px;} .prohot1 #hzhb ul li a{ display: grid;} .prohot1 #hzhb ul li a p{ text-align: center; font-size: 15px; line-height: 30px;} .prohot1 #hzhb{ position: relative;}*/ /*厂房轮播2*/ /* 本例子css */ .slideGroup{text-align:left; } .slideGroup .parHd{ height:50px; line-height:50px; padding-bottom: 25px;} .slideGroup .parHd ul{ overflow: hidden; margin: 0 auto; display: table; } .slideGroup .parHd ul li{ float:left; padding:0 30px; margin: 0 10px; cursor:pointer; font-size: 24px; border: 1px solid #dedede;} .slideGroup .parHd ul li a{ display:block;font-size: 18px;color:#444444;} /* .slideGroup .parHd ul li.on a{ color: #0853a1; display:block; font-weight:bold; } */ .slideGroup .parHd ul li:nth-child(1).on a{ color: #0853a1; display:block; font-weight:bold; } .slideGroup .parHd ul li.on:hover a{ color: #0853a1; display:block; font-weight:bold; } .slideGroup .slideBox{ overflow:hidden; zoom:1; padding:10px 42px 10px 42px; position:relative; padding-bottom: 35px;} .slideGroup .sPrev,.slideGroup .sNext{ position:absolute; left:5px; top:63px; display:block; width:30px; height:94px; background:url(../images/pbot1.png) center center no-repeat ; } .slideGroup .sNext{ left:auto; right:5px; background:url(../images/pbot2.png) center center no-repeat ; } .slideGroup .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60; } .slideGroup .parBd ul{ overflow:hidden; zoom:1; } .slideGroup .parBd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; } .slideGroup .parBd ul li .pic{ text-align:center; } .slideGroup .parBd ul li .pic img{ width:258px; height:194px; display:block; padding:2px; border:1px solid #ccc; } .slideGroup .parBd ul li .pic h3{ text-align:center; line-height:35px; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal} .slideGroup .parBd ul li .pic a:hover img{ border-color:#999; } .slideGroup .parBd ul li .title{ line-height:24px; } /*热销产品*/ .prohot{ background: #f1f1f1; overflow: hidden; padding: 40px 0;} .prohot h2{font-size: 48px; text-align: center; color: #222; font-family: 'MS';} .prohot #hzhb ul li{ float: left; background: #dedede; padding: 5px; margin: 0 5px;} .prohot #hzhb ul li .proudct_img img{ width: 360px; height: 240px;} .prohot #hzhb ul li:hover{ background:#0853a1; } .prohot #hzhb ul li:hover p{ color: #fff;} .prohot #hzhb .bd{ overflow: hidden; width: 1200px; margin-top: 20px;} .prohot #hzhb ul li a{ display: grid;} .prohot #hzhb ul li a p{ text-align: center; font-size: 15px; line-height: 30px;} .prohot #hzhb{ position: relative;} /*产品*/ .products{ padding: 40px 0; } .products h2{font-size: 48px; text-align: center; color: #222; font-family: 'MS';} .workMain{ margin-top: 20px;} .workMain .wlist{ height:50px; margin:0 auto; position:relative;padding: 0 0 0 40px;} .workMain .wlist li{ float:left; height:50px; line-height:50px; position:relative; text-align:center; margin-right: 10px; } .workMain .wlist li a h5{ font-size: 16px; font-weight: normal; padding: 0 36px;} .workMain .wlist li:nth-child(n+6){ display: none;} .workMain .wlist li a{ display:block; text-decoration:none; background:#535353; color:#fff;} .workMain .wlist li:hover a,.workMain .wlist li.cur a{ background:#0853a1;} .workMain .wcont{ overflow:hidden; margin-top: 20px;} .workMain .wcont li{ background: #f1f1f1; float: left; margin-right: 30px; margin-bottom: 20px;} .workMain .wcont li:hover{ background: #0853a1;} .workMain .wcont li:nth-child(3n){ margin-right: 0} .workMain .wcont li:hover p{color: #fff; background: url(../images/product_bg_h.png) no-repeat 344px 18px;} .workMain .wcont li a{ display: grid;} .workMain .wcont li a img{width: 360px;padding: 10px; padding-bottom: 0; transition:all 1s;} .workMain .wcont li .proudct_img{ overflow: hidden; } .workMain .wcont li:hover a img{transform:scale(1.2); } .workMain .wcont li a p{ padding: 0 10px; font-size: 16px; color: #666; line-height: 60px; background: url(../images/product_bg.png) no-repeat 344px 18px;} .last_li{ float: left; line-height: 50px; background: #535353; } .last_li a{font-size: 16px; color: #fff; display: block; padding: 0 44px;} .last_li a:hover{ background: #0853a1;} /*优势*/ .choo{ height:610px; padding-top:50px; background:url(../images/choo_bg.jpg) center top;} .choo h2{font-size: 48px; text-align: center; color: #222; font-family: 'MS';} .choo h2 em{ color: #0853a1;} .choo1{ margin-top:30px; overflow:hidden; height:520px; position:relative;} .choo1 li{ width:198px; height:227px; border:1px solid #ccc; background:#fff; overflow:hidden;} .choo1 li em{ display:block; width:63px; height:63px; margin:70px auto 40px; position:relative;} .choo1 li em i{ display:none; width:63px; height:63px; position:absolute; top:0; left:0;} .choo1 li b{ display:block; width:63px; height:63px;} .choo1 li img{ display:block; width:63px; height:63px;} .choo1 li a{ display:block; text-align:center; font:18px "Microsoft YaHei"; color:#999;} .choo1 li a:hover,.choo1 .cur a{ color:#0853a1; text-decoration:none;} .choo1 li a:hover i,.choo1 .cur i{ display:block;} .choo1 li a:hover img,.choo1 .cur a img{-webkit-transform:scale(0.9,0.9); -moz-transform:scale(0.9,0.9);-transform:scale(0.9,0.9);} .choo1 .li01{ position:absolute; top:0; left:0;} .choo1 .li02{ position:absolute; top:0; left:199px;} .choo1 .li03{ position:absolute; top:228px; left:0;} .choo1 .li04{ position:absolute; top:228px; left:199px;} .choo1 dl{ width:800px; position:absolute; top:0; left:400px; height:457px;} .choo1 dt{ width:800px; height:332px; overflow:hidden;} .choo1 dt img{ width:800px; height:332px;} .choo1 dd{ position:absolute; bottom:0; left:0; width:800px;background:url(../images/choo_bg1.jpg) no-repeat center top; height:135px;} .choo1 dd h3{font-size:18px; font-weight:bold; color:#fff; margin-top:26px; height:30px; padding:0 25px;} .choo1 dd p{ font-size:15px; text-align: left; line-height:28px; color:#fff; height:56px; overflow: hidden; overflow:hidden; padding:0 25px; overflow: hidden;} .choo1 dd em{ display:block; margin-top:12px; height:36px; overflow:hidden;} .choo1 dd em a{ display:inline-block; width:116px; height:32px; font:14px "Microsoft YaHei"; text-align:center; color:#fff; border:1px solid #fff; margin-right:20px; line-height:32px;} .choo1 h5{ width:343px; height:228px; overflow:hidden; position:absolute; top:235px; right:0;} .choo1 h5 img{width:343px; height:228px;} .choo1 h5 em{ display:block; width:118px; height:32px; font:14px "Microsoft YaHei"; text-align:center; line-height:32px; background:#ff8a01; color:#fff; position:absolute; top:150px; right:30px; cursor:pointer;} /*关于*/ .about{ padding: 50px 0; overflow: hidden;} .about .about_l{ float: left;} .about .about_f{ float: right; width: 510px;} .about .about_f h2{ font-size: 36px; font-family: 'MS'; color: #222; line-height: 70px; border-bottom:2px solid #9d9d9d;} .about .about_f .about_txt{ line-height: 32px; font-size: 15px; margin: 15px 0; height: 256px; overflow: hidden;} .about .about_f .more{background: url(../images/about_more.png) no-repeat center; width: 397px; height: 46px; margin: 0 auto; margin-top: 15px;} .about .about_f .more a p{ line-height: 46px; text-align: center; font-size: 16px; letter-spacing: 3px;} .about .about_f .more:hover{ background:url(../images/about_more_h.png) no-repeat center; } .about .about_f .more:hover a p{ color: #0853a1;} /*新闻*/ .newMain{ background: #f1f1f1; padding: 50px 0;} .newMain .new_l{ float:right; width:760px; border:1px solid #ccc;} .newMain .new_r{ float:left; width:410px;} .newMain .ntop{ height:60px; line-height: 60px; font-size: 14px; color: #999; border-bottom: 1px solid #ccc;} .newMain .ntop span{ float:left; height:60px;} .newMain .ntop span a{ width:200px; height:60px; line-height:60px; text-align:center; font-size:22px; color:#222; text-decoration:none; float:left;margin: 0;} .newMain .ntop span a:hover,.newMain .ntop span a.cur{ background:#0853a1; color: #fff;} .newMain .ntop .mor{ float:right; padding-right:10px; } /*new_l*/ .newMain .new_l .nc{padding: 15px; background: #fff;} .newMain .new_l .nc dl{ overflow:hidden; padding-bottom: 10px;} .newMain .new_l .nc dt{ float:left;} .newMain .new_l .nc dt img{ display:block; width: 274px; height: 204px; padding: 2px; border:1px solid #dedede;} .newMain .new_l .nc dd{ float: right; width: 430px;} .newMain .new_l .nc dd h5{ overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size: 16px; color: #333; line-height: 50px;font-weight: bold;} .newMain .new_l .nc dd p{ font-size:14px; line-height:30px; height:90px; overflow:hidden;} .newMain .new_l .nc dd span{ width: 140px; height: 36px; border-radius: 20px; background: #0853a1; display: block; font-size: 14px; color: #fff; text-align: center; line-height: 36px; margin-top: 10px;} .newMain .new_l .nc ul{ overflow:hidden;} .newMain .new_l .nc li{ float:left; width:50%; height:42px; line-height:42px; border-bottom:1px dashed #dedede;} .newMain .new_l .nc li em{ font-size:14px; float:right; margin-right:9px;} .newMain .new_l .nc li a{ font-size:13px; padding-left:18px; background:url(../images/diamImg.png) no-repeat 5px 5px} .newMain .new_l .nc li a:hover{ color: #0853a1;} /*new_r*/ .newMain .new_r .quetion{ height:438px; overflow:hidden; padding: 15px;} .newMain .new_r .quetion dl{ border-bottom: 1px dashed #dedede; padding-top: 10px; padding-bottom: 10px;} .newMain .new_r .quetion dl:hover dt{ color: #0853a1;} .newMain .new_r .quetion dt{padding-left:33px; background:url(../images/wenImg.png) no-repeat left center; height:22px; line-height:22px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color: #333; font-weight: bold; font-size: 14px;} .newMain .new_r .quetion dd{ padding-left:33px; background:url(../images/daImg.png) no-repeat left 2px; font-size:13px; height:72px; line-height:24px; overflow:hidden; margin-top:13px;} /*友情链接*/ .link{ overflow:hidden; padding: 20px 0;} .link .link_t{ line-height: 40px; border-bottom: 1px solid #dedede;} .link .link_t span{ font-size: 18px; color: #0853a1; font-weight: bold; border-bottom: 2px solid #0853a1; width: 126px; display: block;} .link .link_t span em{ font-size: 14px; color: #999;} .link ul li{ float: left; padding-right: 12px; line-height: 24px;} .link ul li:hover a { color: #0853a1; } .sc { margin: 15px 0; } .sc .clear{font-size: 0px;} .sc .tt { height: 26px; width: 158px; background: #fff; } .main{width:100%;background:#545454;margin:0 auto;padding: 20px 0;} .main .mains{width:1000px;background:#545454;margin:0 auto;} .m-l-kong{width:220px; height:10px; overflow:hidden; float:left;} .m-search{width:220px; padding-top:10px; padding-bottom:20px;float:left;} .m-search .m-s-input{width:155px; padding-left:5px; float:left;} .m-search .m-s-button{width:60px; float:left;} .m-left{width:220px; float:left;} .m-left .m-l-a{width:210px;float:left;} .m-left .m-l-a .m-l-a-bt{width:210px; height:40px; line-height:40px; background:url(../images/top_bg.jpg) repeat-x;float:left;} .m-left .m-l-a .m-l-a-bt .m-l-a-b-name{width:100px; padding-left:10px; height:40px; line-height:40px; font-size:14px; color:#FFFFFF;float:left;} .m-left .m-l-a .m-l-a-bt .m-l-a-b-more{width:90px; height:40px; line-height:40px; text-align:right; color:#FFFFFF;float:left;} .m-left .m-l-a .m-l-a-bt .m-l-a-b-more a{ color:#FFFFFF} .m-left .m-l-a .m-l-a-nr{width:190px; padding:10px; background:#000000; color:#FFFFFF;float:left; line-height: 22px;} .m-left .m-l-a .m-l-a-nr a{ color:#FFFFFF} .m-left .m-l-a .m-l-a-anli{width:190px; padding:10px; background:#000000; color:#FFFFFF;float:left;} .m-left .m-l-a .m-l-a-anli ul{width:190px;float:left;} .m-left .m-l-a .m-l-a-anli ul li{width:190px; text-align:center;float:left;} .m-left .m-l-a .m-l-a-anli ul li .tu{width:190px; padding-top:10px;float:left;} .m-left .m-l-a .m-l-a-anli ul li .name{width:190px; height:30px; line-height:30px;float:left; font-size:14px;} .m-left .m-l-a .m-l-a-anli ul li .name a{ color:#FFFFFF;} .m-left .m-l-a .m-l-a-anli2{width:190px; padding:10px; background:#000000; color:#FFFFFF;float:left;} .m-left .m-l-a .m-l-a-anli2 ul{width:190px;float:left;} .m-left .m-l-a .m-l-a-anli2 ul li{width:190px; height:40px; line-height:40px; border-bottom:1px #FFFFFF dashed;float:left;} .m-left .m-l-a .m-l-a-anli2 ul li a{ color:#FFFFFF; font-size:14px; font-weight:normal;} .m-right .m-r-kong{width:780px; height:10px; overflow:hidden; float:left;} .m-right{width:780px; float:left;} .m-right .class-list{width:780px; float:left;} .m-right .class-list .m-r-bt{width:780px; height:40px; line-height:40px; background:url(../images/top_bg.jpg) repeat-x; float:left;} .m-right .class-list .m-r-bt .m-r-b-name{width:300px; padding-left:10px; height:40px; line-height:40px; font-size:14px; color:#FFFFFF;float:left;} .m-right .class-list .m-r-bt .m-r-b-more{width:460px; height:40px; line-height:40px; text-align:right; color:#FFFFFF;float:left;} .m-right .class-list .m-r-bt .m-r-b-more a{ color:#FFFFFF} .m-right .m-r-nr{width:760px; height:180px; overflow:hidden; padding-left:10px; padding-right:10px; padding-top:30px; padding-bottom:30px;background:#000000;float:left;} #demo2 ul li{ float:left; margin:15px;} #demo1 ul li{ float:left; margin:15px;} #demo2 ul li p{ text-align:center;} #demo1 ul li p{ text-align:center;margin-top: 3px;} #demo5 li{ float:left; margin:15px;} #demo6 li{ float:left; margin:15px;} #demo5 li p{ text-align:center;margin-top: 3px;} #demo6 li p{ text-align:center;margin-top: 3px;} #demo11 li{ float:left; margin:15px;} #demo12 li{ float:left; margin:15px;} #demo11 li p{ text-align:center;margin-top: 3px;} #demo12 li p{ text-align:center;margin-top: 3px;} #demo15 li{ float:left; margin:15px;} #demo16 li{ float:left; margin:15px;} #demo15 li p{ text-align:center;margin-top: 3px;} #demo16 li p{ text-align:center;margin-top: 3px;} /*首页产品*/ .prod{ background: #f1f1f1;padding: 0px 0;overflow:hidden; } .prod .prod_row1 { display: block;padding-top: 40px;text-align: center;font-size: 16px;color: #666;letter-spacing: 0.4px;margin: 0 auto;} .prod .prod_row1 a{font-size: 40px;font-weight: normal;text-decoration: none;} .en .prod .prod_row1 a {color: #6f6f6f;} .prod .prod_row1 a span{color: #3a8acd;font-weight: bold;} .en .prod .prod_row1 a span {padding: 0 30px;} .prod .prod_row1 p{margin-top: 10px;color: #999;} .prod_row2 { padding: 40px 0 20px; } .prod .Prod_list {width: 320px;height: 320px;display: block;float: left;margin-right: 20px;position: relative;padding: 34px;} .prod .Prod_list strong {font-size: 24px;color: #fff;line-height: 40px;display: block;width: 260px;position: absolute;bottom: 12px;left: 40px;padding-right: 60px;background: url(../index/20180327173354_1173599631.png) no-repeat right center;} .prod .Prod_list strong .en{ color:#fff; font-size: 12px; text-transform: capitalize; line-height: 20px; display: block; font-weight: 100; } .en .prod .Prod_list strong {font-size: 19px;} .prod .Prod_list1{ background: url(../images/sypro1.jpg) no-repeat center; } .prod .Prod_list2{ background: url(../images/sypro2.jpg) no-repeat center; } .prod .Prod_list3{ background: url(../images/sypro3.jpg) no-repeat center; } .en .prod .Prod_list1{ background: url(../images/sypro1en.jpg) no-repeat center; } .en .prod .Prod_list2{ background: url(../images/sypro2en.jpg) no-repeat center; } .en .prod .Prod_list3{ background: url(../images/sypro3en.jpg) no-repeat center; } .prod .Prod_list1en{ background: url(../images/sypro1en.jpg) no-repeat center; } .prod .Prod_list2en{ background: url(../images/sypro2en.jpg) no-repeat center; } .prod .Prod_list3en{ background: url(../images/sypro3en.jpg) no-repeat center; } .prod .Prod_list4{ background: url(../images/sypro4en.jpg) no-repeat center; } .prod_row2 > .tab {display: block;position: relative;width: 100%;height: 390px;overflow: hidden;} .tab-hd { float: right; width: 180px; position: absolute; overflow: visible; right: 0; z-index: 3; } .tab-hd li{background: #48aeff;height: 129.2px;line-height: 129px;transition:0.3s all ease-in-out;width: 203px;float: right;position: relative;overflow: hidden;z-index: 3;border-radius: 0;} .tab-hd li p {color: #fff;font-size: 18px;display: block;text-align: justify;padding: 0 38px;transition:0.3s all ease-in-out;} .en .tab-hd li p{ text-align: left; } .en .tab-hd li p {font-size: 13px;text-align: none;} .tab-hd li.active {padding-left: 50px;background: #ffb821;width: 208px;border-bottom-left-radius: 58px;border-top-left-radius: 58px;} .tab-hd li.active p{font-weight: bold;font-size: 18px;} .en .tab-hd li.active p {font-size: 12px;} .tab-hd li i{background-color: #fff;display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center;border-radius: 50%;position: absolute;top: 46px;right: 250px;transition:0.3s all ease-in-out;z-index: 3;} .tab-hd li.prog_c1 i{background-image: url(../images/ypt.png);} .tab-hd li.prog_c2 i{ background-image: url(../images/ypt.png); } .tab-hd li.prog_c3 i{ background-image: url(../images/ypt.png); } .tab-hd li.prog_c4 i{ background-image: url(../images//ypt.png); } .tab-hd li.active i,.tab-hd li:hover i{right: 190px;} .tab-hd li a:after { content: ''; background: url(../images/20180327151449_289359035.png) no-repeat left top; width: 20px; height: 40px; display: block; position: absolute; right: 250px; top: 31px; z-index: 1; transition:0.3s all ease-in-out; } .tab-hd li:hover a:after,.tab-hd li.active a:after{ right: 160px; width: 51px; height: 55px; } .tab-hd1 { float: right; width: 180px; position: absolute; overflow: visible; right: 0; z-index: 3; } .tab-hd1 li{background: #48aeff;height: 129.2px;line-height: 129px;transition:0.3s all ease-in-out;width: 203px;float: right;position: relative;overflow: hidden;z-index: 3;border-radius: 0;} .tab-hd1 li a{ text-decoration:none; } .tab-hd1 li p {color: #fff;font-size: 14px;display: block;/* text-align: justify; */padding: 0 30px;transition:0.3s all ease-in-out;} .tab-hd1 li.active {padding-left: 50px;background: #ffb821;width: 208px;border-bottom-left-radius: 58px;border-top-left-radius: 58px;} .tab-hd1 li.active p{font-weight: bold;font-size: 14px;} .tab-hd1 li i{background-color: #fff;display: block;width: 40px;height: 40px;background-repeat: no-repeat;background-position: center;border-radius: 50%;position: absolute;top: 46px;right: 250px;transition:0.3s all ease-in-out;z-index: 3;} .tab-hd1 li.prog_c1 i{background-image: url(../images/ypt.png);} .tab-hd1 li.prog_c2 i{ background-image: url(../images/ypt.png); } .tab-hd1 li.prog_c3 i{ background-image: url(../images/ypt.png); } .tab-hd1 li.prog_c4 i{ background-image: url(../images/ypt.png); } .tab-hd1 li.active i,.tab-hd1 li:hover i{right: 188px;} .tab-hd1 li a:after { content: ''; background: url(../images/20180327151449_289359035.png) no-repeat left top; width: 20px; height: 40px; display: block; position: absolute; right: 250px; top: 31px; z-index: 1; transition:0.3s all ease-in-out; } .tab-hd1 li:hover a:after,.tab-hd li.active a:after{ right: 160px; width: 51px; height: 55px; } .case_qie{width: 1200px;overflow: hidden;margin: 0 auto;} .case_qie ul li{width: 280px;height: 330px;float: left;line-height: 0;position: relative;overflow: hidden;margin-right: 26px;} .case_qie ul li img{ width: 280px;height: 280px; } .case_qie ul li span{display: block;width: 280px;height: 45px;line-height: 45px;position: absolute;bottom: 0;left: 0;overflow: hidden;} .case_qie ul li i{display: block;font-size: 16px;float: left;font-style: inherit;color: #333;width: 250px;text-align: center;padding-left: 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .case_qie ul li em{background:url(../images/case_btn02.png) no-repeat;display: block;width: 90px;height: 45px;float: right;} .case_qie ul li:hover em{background:url(../images/case_btn03.png) no-repeat;} .case_mn p{width: 60px;height: 40px;z-index: 30;} .case_mn p a{display: block;width: 60px;height: 40px;} .case_l a{background:url(../images/case_lico01.png) no-repeat;} .case_l a:hover{background:url(../images/case_lico01.png) no-repeat;} .case_r a{background:url(../images/case_rico01.png) no-repeat;} .case_r a:hover{background:url(../images/case_rico01.png) no-repeat;} .case_l{ float: left; } .case_r{ float: right; } .case-jt{display: inline-block;margin-left: 45%;margin-bottom: 20px;margin-top: 20px;} .proMain{ padding:46px 0; background-color:#f5f5f5;} .proMain .pro_l{ width:220px; float:left;} .proMain .pro_r{ width:740px; float:right;} /*pro_l*/ /* .pro_l h4{background: url(../images/top_bg.jpg) center;} .pro_l h4 a{ display:block; height:92px; line-height:92px; text-decoration:none; color:#fff; font-size:30px; padding-left:27px;} .pro_l ul{ background-color:#000000; border-top:none; overflow:hidden;} .pro_l li{} .pro_l li h5{padding-left: 20px;margin: 0 10px;height: 40px;line-height: 40px;overflow:hidden;} .pro_l li h5 a{font-size: 15px;color:#ffffff;text-decoration:none;} .en .pro_l li h5 a {font-size: 12px; margin-left: 0;font-weight: bold;} .pro_l li .sedp{ margin-top:20px;} .pro_l li .sedp p{ margin-bottom:8px;} .pro_l li .sedp p a{ font-size:14px; display:block; margin-left:25px; padding-left:5px; height:25px; line-height:25px; text-decoration:none;} .pro_l li .sedp p a:hover{ color:#1f98e4;} .pro_l li .sedp p a.on{ background:url(../images/prolistbg2.png) no-repeat center; color:#fff;} */ .m-r-nr #demo { overflow: hidden; } .m-r-nr #demo img { border: 3px solid #F2F2F2; } .m-r-nr #indemo { float: left; width: 800%; } .m-r-nr #demo1 { float: left;} .m-r-nr #demo1 a { color: #e7e7e7;font-size: 12px; } .m-r-nr #demo2 { float: left; } .m-r-nr #demo2 a { color: #e7e7e7;font-size: 12px; } .m-r-nr #demo2 p { width: 206px;} .m-r-nr #demo4 { overflow: hidden;width: 760px;} .m-r-nr #demo4 img {border: 3px solid #F2F2F2;} .m-r-nr #indemo4 {float: left;width: 800%;} .m-r-nr #demo5 {float: left;} .m-r-nr #demo5 a { color: #e7e7e7;font-size: 12px;} .m-r-nr #demo10 { overflow: hidden; width: 760px; } .m-r-nr #demo10 img { border: 3px solid #F2F2F2;} .m-r-nr #indemo10 { float: left; width: 800%; } .m-r-nr #demo11 { float: left; } .m-r-nr #demo11 a { color: #e7e7e7;font-size: 12px;} .m-r-nr #demo14 {overflow: hidden;width: 760px;} .m-r-nr #demo14 img {border: 3px solid #F2F2F2;} .m-r-nr #indemo14 {float: left;width: 800%;} .m-r-nr #demo15 {float: left;} .m-r-nr #demo15 a {color: #e7e7e7;font-size: 12px;} .yyly { background: url(../images/dier.png) center no-repeat; height: 618px; } .yyal{ padding-top: 40px;/* margin-bottom: 30px; */ } .yyal p {text-align: center;} .yyal #cp {color: #999; font-size: 40px;} .yyal #zx { color: #3a8acd;font-weight: bold;} .en .yyal #zx {padding: 0 30px;} .yyal #fb { margin-top: 10px;color: #999; font-weight: bold;} .yyly .bage { width: 800px; float: right; padding-top: 5%; } .yyly .bage ul li { float: left; width: 16%; padding-right: 4%; padding-bottom: 4%; } .yyly .bage ul li img { border: 2px solid #3a8acd; width: 100%; height: 130px; display: block; border-radius: 108px; padding: 6px; } .yyly .bage ul li:hover img{ border: 2px solid #ffac27; } .yyly .bage ul li p { text-align: center; font-size: 15px; height: 26px; width: 100px; background: #48aeff; color: #fff; line-height: 26px; display: inline-block; border-radius: 10px; margin-left: 24px; margin-top: 20px; } .yyly .bage ul li:hover p{ background: #ffac27; } .slys{ padding-top: 40px; /* padding-bottom: 40px; */ } .slys p {text-align: center;} .slys #cp {color: #999; font-size: 40px;} .slys #zx { color: #3a8acd;font-weight: bold;} .slys #fb { margin-top: 10px;color: #999; font-weight: bold; } .sy-ys .ysbt ul li { float: left; width: 20%; text-align: center; } .sy-ys .ysbt { margin-top: 40px; } .sy-ys .ysbt .ys1-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys1.png) center no-repeat; } .sy-ys .ysbt .ys2-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys2.png) center no-repeat; } .sy-ys .ysbt .ys3-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys3.png) center no-repeat; } .sy-ys .ysbt .ys4-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys4.png) center no-repeat; } .sy-ys .ysbt .ys5-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys5.png) center no-repeat; } .en .sy-ys .ysbt .ys1-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys1-1.png) center no-repeat; } .sy-ys .ysbt .ys2-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys2-2.png) center no-repeat; } .sy-ys .ysbt .ys3-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys3-3.png) center no-repeat; } .sy-ys .ysbt .ys4-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys4-4.png) center no-repeat; } .sy-ys .ysbt .ys5-img { display: inline-block; width: 26px; height: 26px; background: url(../images/ys5-5.png) center no-repeat; } .sy-ys .ysbt ul li h2 { font-size: 24px; color: #666; padding: 8px 0; text-transform: uppercase; font-weight: 800; } .sy-ys .ysbt ul li p { color: #666; font-size: 14px; font-family: Arial; text-transform: uppercase; } .sy-ys .ysbt ul li:hover:nth-child(1) .ys1-img{ background: url(../images/ys1-1.png) center no-repeat; } .sy-ys .ysbt ul li:hover:nth-child(2) .ys2-img{ background: url(../images/ys2-2.png) center no-repeat; } .sy-ys .ysbt ul li:hover:nth-child(3) .ys3-img{ background: url(../images/ys3-3.png) center no-repeat; } .sy-ys .ysbt ul li:hover:nth-child(4) .ys4-img{ background: url(../images/ys4-4.png) center no-repeat; } .sy-ys .ysbt ul li:hover:nth-child(5) .ys5-img{ background: url(../images/ys5-5.png) center no-repeat; } .sy-ys .ysbt ul li:hover p{ color: #3a8acd; } .sy-ys .ysbt ul li:hover h2{ color: #3a8acd; } .sy-ys .con{height: 625px;} .sy-ys .con .list{width: 1200px;position: absolute;left: 50%;margin-left: -600px; } .sy-ys .con .list .tempWrap{margin-left: -864px;} .sy-ys .con .qh{position: relative; top: 225px; z-index: 1; left: 50%; margin-left: -600px;width: 1200px; } .sy-ys .con .qh:after{content: "";/* background:rgba(0,0,0,0.52); */width: 360px;height: 600px;display: block;right: -360px;top:-225px;position: absolute;z-index: 1;} .sy-ys .con .qh:before{/* content: ""; *//* background:rgba(0,0,0,0.52); */width: 360px;height: 600px;display: block;left: -360px;top:-225px;position: absolute;z-index: 1;} .sy-ys .con .qh i.prev{float: left;margin-left: -72px;cursor: pointer;position: absolute;z-index: 2;top: 40px;} .sy-ys .con .qh i.next{float: right;margin-right: -66px;cursor: pointer;position: absolute;right: 0;z-index: 2;top: 40px;} .sy-ys .con dl{width: 1200px;height: 600px;position: relative;left: -456px;margin: 0 40px;} .sy-ys .con dt{line-height: 0;overflow: hidden;} .sy-ys .con dt img{width: 1200px;height: 600px;margin-top: 30px;margin-bottom: 25px;} .sy-ys .con dd{height: 69px;background: #D5D5D5;position: relative;} .sy-ys .con dd b{display: block;line-height: 69px;text-align: center;font-size: 18px;color: #191919;font-weight: normal;} .sy-ys .con dd p,.sy-ys .con dd a.more{display: none;} .sy-ys .con dl.cur dd{height: 100px;width: 1136px;padding: 0 32px;position: absolute;bottom: 0px;background: rgb(58, 138, 205,0.8);} .sy-ys .con dl.cur dd b{color: #fff;font-size: 20px;font-weight: bold;padding-top: 22px;padding-bottom: 16px;display: block;line-height: 100%;text-align:left;} .sy-ys .con dl.cur dd b a{color: #fff;font-size: 32px;font-weight: normal;text-decoration: none;} .sy-ys .con dl.cur dd p{line-height: 24px;color: #fff;font-size: 16px;display: block;} .sy-ys .con dl.cur dd a.more{display: block;background: url(../images/case_more.png) no-repeat right center;height: 19px;color: #fff;font-size: 14px;color: #D82633;width: 86px;right: 32px;top: 32px;position: absolute;line-height: 110%;} .sy-ys .con dl.left dd b{text-align: right;} .sy-ys .con dl.right dd b{margin-left: 155px;text-align: left;} .gywm{ padding-top: 40px; padding-bottom: 40px; /* margin-bottom: 30px; */ /* */ } .gywm p {text-align: center;} .gywm #cp {color: #999; font-size: 40px;} .en .gywm #cp {color: #515151;} .gywm #zx { color: #3785c5;font-weight: bold;} .en .gywm #zx {padding: 0 30px;} .gywm #fb { margin-top: 10px;color: #999; font-weight: bold; } element.style { } .m_zz ul { width: 1200px; height: 120px; position: relative; } .m_zz li { width: 25%; height: 120px; padding-top: 12px; box-sizing: border-box; overflow: hidden; float: left; text-align: center; position: relative; } .m_zz li em { font-size: 36px; color: #333333; display: block; font-weight: bold; position: relative; } .m_zz li em b { font-size: 50px; color: #333; font-family: "Arial"; position: relative; } .m_zz li em i { font-size: 18px; color: #333; font-weight: bold; font-style: inherit; padding-left: 4px; } .m_zz li span { text-align: center; line-height: 30px; height: 30px; box-sizing: border-box; font-size: 18px; color: #333; display: block; white-space: nowrap; font-weight: bold; } .en .m_zz li span { font-size: 14px; } .about-js { padding: 28px 0; width: 1200px; display: inline-block; } .about-js .about-img { float: left; width: 56%; } .about-js .about-wz { float: left; width: 44%; padding-top: 5%; position: relative; height: 220px; } .about-js .about-wz p { font-size: 15px; line-height: 29px; margin: 16px 0; color: #666; } .about-js .about-wz h2 { font-size: 30px; color: #3a8acd; font-weight: 800; } .en .about-js .about-wz h2 { font-size: 17px; margin-top: -40px; text-transform: uppercase; } .about-js .about-wz span { position: absolute; bottom: 0; } .en .about-js .about-wz span { margin-bottom: -50px; } .about-js .about-wz span a { border: 1px solid #888; padding: 6px 14px; border-radius: 10px; font-size: 15px; text-decoration: none; color: #666; } .about-js .about-wz span a:hover{ background: #3a8acd; color: #fff; } div#gundong {overflow: hidden;} #gundong .qh{padding-left: 0px;padding-right: 0px;width: 15%;display: inline-block;float: left;} #gundong .qh .qiehuan{height: 5.99rem;line-height: 2.2rem;padding-top: 40px;text-align: center;margin-bottom: 1px;color: #fff;float: left;text-decoration: none;width: 100%;font-size: 24px;background: url(../index/gd1.png) #333 no-repeat 260px;} #gundong .qh .qiehuan p{ font-size:14px; font-family:Arial; } #gundong .qh a.cur{background: url(../index/gd2.png) #3a8acd no-repeat 260px;color: #fff;} #gundong .qh a:hover{background: url(../index/gd2.png) #3a8acd no-repeat 260px;color: #fff;} #gundong .qh a:hover span{ color:#fff; background:#3a8acd;} #weilei a{position: relative;display: block;} #weilei a img{width:100% !important; height:auto !important; border-left: 1px solid #f5f5f5;} #weilei .yi{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 123;background-color:rgba(0, 0, 0, 0.6);display: none;} #weilei .er{margin: 10px;border: 3px solid #fff;height: calc(100% - 26px);} #weilei .er p{color:#fff; font-size: 16px;} #weilei:hover .yi{display: block;} .Honor{padding:0;overflow:hidden;width: 85%;display: inline-block;float: left;} .new_bg{ background: #ececec; } .xwzx{ padding-top: 40px; padding-bottom: 40px; /* margin-bottom: 30px; */ /* */ } .xwzx p {text-align: center;} .xwzx #cp {color: #999; font-size: 40px;} .xwzx #zx { color: #3a8acd;font-weight: bold;} .xwzx #fb { margin-top: 5px;color: #999; font-weight: bold; } /*新闻*/ .news_nr{margin-top: 0px;} .news_bg{height: 530px;padding-bottom: 40px;background: #f5f5f5;overflow: hidden;} .news1{width: 400px;float: left;} .news1 dl{width: 400px;overflow: hidden;} .news1 dt{width: 398px;height: 200px;position: relative;overflow: hidden;margin-bottom: 25px;border: 1px solid #ccc;} .news1 dt img{width: 398px;height: 200px;display: block;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .news1 dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} .news1 dd{width: 400px;overflow: hidden;box-sizing: border-box;} .news1 dd em{display:block;font-size: 14px;color: #666666;font-weight: normal;width: 115px;border-right: 1px solid #ebebeb;text-align: left;float: left;} .news1 dd em b{font-size: 50px; display: block; height: 55px;line-height: 50px;} .news1 dd .desc{width: 400px;float: right;margin-top: 10px;} .news1 dd h3{font-size: 18px;font-weight: normal;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 10px;} .news1 dd h3 a{color:#333333;text-decoration: none;} .news1 dd p{overflow: hidden;font-size: 14px; line-height: 22px; color:#888888; text-align: justify;} .news2{width: 780px;float: right;} .news2 dl{height: 92px;border:1px solid #ebebeb;background: #fff;margin-bottom:20px;float: left;margin-right: 15px;} .news2 dl:hover{ border:1px solid #3a8acd; } .news2 dl:hover dt em{ background:#3a8acd;} .news2 dl:hover dd h3 a{ color:#3a8acd;} .news2 dt{ float:left;} .news2 dt em{display:block;font-size: 12px;color: #fff;font-weight: normal;width: 72px;height: 72px;border-right: 1px solid #ebebeb;text-align: center;float: left;background: #999999;margin: 10px;} .news2 dt em b{font-size: 30px;display: block;height: 46px;line-height: 54px;} .news2 dd{width: 280px;float: left;overflow: hidden;box-sizing: border-box;padding: 10px 10px 10px 10px;} .news2 dd h3{font-size: 16px;font-weight: normal;height: 24px;color:#333333;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;margin-bottom: 5px;} .news2 dd h3 a{color: #666;font-size: 15px;text-decoration: none;font-weight: normal;} .news2 dd p{overflow: hidden;font-size: 14px; line-height: 22px; height: 44px; color:#888888; text-align: justify;} .news .convert2{ padding-top: 30px;} .news .convert2 .tab{width: 540px;margin:0 auto;} .news .convert2 .tab a{display:block;text-align: center;width: 169px;font-size:16px;float:left;margin-top: 0px;margin-bottom:40px;height: 48px;line-height: 48px;background: #ccc;color: #fff;margin-right: 16px;border-radius: 4px;text-decoration: none;} .news .convert2 .tab a.cur{display:block;color:#fff;background: #3a8acd;} .news .convert2 .tab a:nth-child(3){margin-right: 0px;} .news-en .convert2{ padding-top: 30px;} .news-en .convert2 .tab{width: 540px;margin:0 auto;} .news-en .convert2 .tab a{display:block;text-align: center;width: 169px;font-size:16px;float:left;margin-top: 0px;margin-bottom: 28px;height: 48px;font-family: Arial;line-height: 48px;background: #ccc;color: #fff;margin-right: 16px;border-radius: 4px;text-decoration: none;} .news-en .convert2 .tab a.cur{display:block;color:#fff;background: #3a8acd;} .news-en .convert2 .tab a:nth-child(3){margin-right: 0px;} .case_b{ width: 100%; height:814px;z-index:0;position: absolute;overflow: hidden; margin-top:440px; background: url(../index/20190929202803_931670498.png) no-repeat;} .case_bj{ width: 100%;background: #f2f2f2; padding-top:60px; padding-bottom: 80px; margin-bottom: 60px;} .case_d{width: 331px;height: 70px;font-size: 38px;text-align: center;background: url(../index/20190929204741_1079209938.png) bottom no-repeat;margin: 0 auto;margin-top: 40px;} .case_d h2{font-size: 40px;font-weight: normal;text-transform: uppercase;} .case_d h2 span{font-weight: bold;color: #3a8acd;} .en .case_d h2 span {padding: 0 30px;} .case_d p{ font-size: 16px; font-family: Arial;} .appli_d{width: 1200px; margin: 0 auto; overflow:hidden; } .appli_d td{display:block; float:left; margin:5px; width:390px; height:291px; overflow:hidden; padding:0 !important; transition: all 0.3s linear; position:relative;} .appli_d td:hover{transition: all 0.6s linear; position:relative;} .appli_d td img{width:100% !important; height:100% !important;} .appli_d td a{text-decoration:blink; display:block;} .appli_d td br{display:none;} .appli_d td div:nth-child(3){ width:390px; padding:0px !important; position:absolute; bottom:0; left:0; transition: all 0.6s linear;} .appli_d td div:nth-child(3) a{font-size:14px;color:#fff;line-height:45px;width:370px;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;position:relative;z-index:2;padding:0px 10px;text-align: center;} .appli_d td div:nth-child(3)::after{content:"";display:block;width:100%;height:45px;transition: all 0.6s linear;filter:Alpha(opacity=70);opacity:0.7;background: #034d9d;position:absolute;top:0;z-index:1;} .appli_d td:hover div:nth-child(3)::after{transition: all 0.6s linear;} .appli_d td:hover div:nth-child(3){bottom:291px; transition: all 0.6s linear;} .appli_rgo{position:absolute; width:390px; height:291px; top:291px; transition: all 0.6s linear; text-align:center;} .appli_rgo a{font-size:22px; font-weight:bold; line-height:60px; display:block; color:#fff; position:relative; z-index:3; width:370px; padding:0 10px; height:210px; padding-top:81px;} .appli_rgo p{font-family:Arial, Helvetica, sans-serif; width:95px; line-height:27px; color:#fff; background:#ee3333; margin:0 auto; display:block; font-size:15px; text-transform:uppercase; font-weight:normal; margin-top:8px;} .appli_d .appli_rgo::after{ content:""; display:block; width:100%; height:291px; transition: all 0.6s linear; filter:Alpha(opacity=70); opacity:0.7; background:#034d9d; position:absolute; top:0; z-index:1;} .appli_d td:hover .appli_rgo{top:0; transition: all 0.6s linear;} .appli_a{width:256px; margin:0 auto; overflow:hidden; margin-top:40px; text-align:center; background:#034d9d; position:relative; line-height:48px; border-radius:10px; transition: all 0.5s linear;} .appli_a a{display:block; color:#fff; position:relative; z-index:2; font-size:18px;} .appli_a::after{content:""; display:block; width:0; height:100%; background:#034d9d; position:absolute; top:0; transition: all 0.3s linear; z-index:1;} .appli_a:hover::after{width:100%; transition: all 0.3s linear;} .appli_a:hover{width:320px; transition: all 0.5s linear;} @keyframes rotate{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} } @-webkit-keyframes rotate { 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} } .pstitle{width:500px;padding-bottom: 40px;margin:0 auto;font-size:18px;line-height:35px;text-align:center;color:#333;} .pstitle h3{font-size:36px;font-weight:bold;line-height:40px;color: #76b52e;} .pstitle h3 span{ color:#0062b9; } /*pro*/ .pstitle{width:500px;padding-bottom: 40px;margin:0 auto;font-size:18px;line-height:35px;text-align:center;color:#333;} .pstitle h3{font-size:36px;font-weight:bold;line-height:40px;color: #76b52e;} .pstitle h3 span{ color:#0062b9; } .pro_bg{height:860px;padding-top:60px;background: #fff;} .pro_bg .t_h2{padding-top: 70px; margin-bottom: 30px;} .pro_c{ height: 800px;width: 1200px; margin: 0 auto;} .pro_img{margin: 0px auto 30px;width: 1200px;overflow: hidden;border-bottom: 3px solid #f1f1f1;padding-bottom: 26px;} .pro_img li{float: left;width: 580px; height: 382px; overflow: hidden; position: relative;list-style:none; margin: 10px 10px;} .pro_img li img{width: 580px; height: 382px;} .pro_img li span{position: absolute;left:0px;top: 280px;padding: 8px 75px 8px 75px;line-height: 35px;font-size: 16px;font-weight: bold;color: #fff;background: #333333ad;font-style: normal;} .pro_img li span i{display: block; font-style:normal; font-size: 12px; font-weight: normal; line-height: 50px;height: 50px; color: #fff; background:url(../images/pro_ico.gif) no-repeat left bottom;} .pro_img li em{text-align: center;position: absolute;left: 120px;top: 342px;background: rgba(99,99,99,0.8);line-height: 40px;height: 40px;width: 461px;font-style: normal;color: #dcdcdc;font-size: 15px;} .pro_img li.nones{float: right;} .pro_con{position: relative; margin: 0 auto; width: 1200px;} .pro_con .roll1{width: 22px;height: 22px;overflow: hidden;} .pro_con .roll2{width: 22px;height: 22px;overflow: hidden;} .pro_con .roll1:hover img,.pro_con .roll2:hover img{} .pro1{width: 1200px;height: 230px;} .pro1 ul{height: 230px;} .pro1 li{float: left;margin-right: 40px;line-height: 0px;text-align: center;} .pro1 li a{ text-decoration:none;} .tubiao{ width: 80px; margin: 0 auto; padding-top: 20px; } .pro1 li em{display: block;overflow: hidden;} .pro1 li img{width: 254px;height: 163px;} .pro1 li span{display: block;color: #515151;font-size: 14px;line-height: 56px;height: 56px;text-align: left;width: 100%;} .pro1 li span:hover{ background:url(../images/chanpintu.jpg) no-repeat 0px 4px; } .pro1 li.nones{margin-right: 0px;} .pwht{ background:#fafafa; width:100%; overflow:hidden; height:640px; padding-top:60px;} .cpts {} .cpts h2.h2_title{font-size:35px;text-align:center;color: #76b52e;line-height:30px;} .cpts h2.h2_title a {color: #76b52e; text-decoration: none;} .p_title{ text-align:center; text-transform:uppercase; font-size:14px; color:#999; margin-top:5px; letter-spacing:2px; font-weight:normal; font-family: Arial, Helvetica, sans-serif;} .cpts .container {height:640px;background: url(../images/ts01.png) no-repeat center 102px;} .cpts .cpts_con {height: 500px;position: relative;} .cpts .cpts_con .cpts01 {width: 440px;height: 150px;background: url(../images/tsline01.png) no-repeat left 112px;position: absolute;top: 30px;left: 0;} .cpts .cpts_con .cpts01 b {font-size: 24px;color: #76b52e;display: block;height: 64px;line-height: 64px;} .cpts .cpts_con .cpts01 p {width: 275px;margin-top: 1px;line-height: 20px;font-size: 15px;color: #666;} .cpts .cpts_con .cpts01 span {display: block;width: 154px;height: 154px;background: url(../index/ts03.png) no-repeat center;position: absolute;right: 0;top: 0;} .cpts .cpts_con .cpts02 {width: 440px;height: 150px;background: url(../images/tsline01.png) no-repeat left 95px;position: absolute;top: 305px;left: 0;} .cpts .cpts_con .cpts02 b {font-size: 24px;color: #76b52e;display: block;height: 64px;line-height: 64px;} .cpts .cpts_con .cpts02 p {width: 275px;margin-top:1px;line-height: 20px;font-size: 15px;color: #666;} .cpts .cpts_con .cpts02 span {display: block;width: 154px;height: 154px;background: url(../index/ts02.png) no-repeat center;position: absolute;right: 0;top: 0;} .cpts .cpts_con .cpts03 {padding-left: 180px; width: 260px;height: 150px;background: url(../index/tsline02.png) no-repeat right 112px;position: absolute;top: 30px;right: 0;} .cpts .cpts_con .cpts03 b {font-size: 24px;color: #76b52e;display: block;height: 64px;line-height: 64px;} .cpts .cpts_con .cpts03 p {width: 275px;line-height: 20px;font-size: 15px;color: #666;} .cpts .cpts_con .cpts03 span {display: block;width: 154px;height: 154px;background: url(../index/ts011.png) no-repeat center;position: absolute;left: -8px;top: 0;} .cpts .cpts_con .cpts04 {padding-left: 180px; width: 260px;height: 150px;background: url(../index/tsline02.png) no-repeat right 95px;position: absolute;top: 305px;right: 0;} .cpts .cpts_con .cpts04 b {font-size: 24px;color: #76b52e;display: block;height: 64px;line-height: 64px;} .cpts .cpts_con .cpts04 p {width: 275px;line-height: 20px;font-size: 15px;color: #666;} .cpts .cpts_con .cpts04 span {display: block;width: 154px;height: 154px;background: url(../index/ts04.png) no-repeat center;position: absolute;left: -4px;top: 0;} .cpts .cpts_con .cpts01 span{-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .cpts .cpts_con .cpts01 span:hover{-webkit-transform:rotate(360deg) scale(1,1); -moz-transform:rotate(360deg) scale(1,1); -o-transform:rotate(360deg) scale(1,1); -ms-transform:rotate(360deg) scale(1,1); transform:rotate(360deg) scale(1,1); } .cpts .cpts_con .cpts02 span{-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .cpts .cpts_con .cpts02 span:hover{-webkit-transform:rotate(360deg) scale(1,1); -moz-transform:rotate(360deg) scale(1,1); -o-transform:rotate(360deg) scale(1,1); -ms-transform:rotate(360deg) scale(1,1); transform:rotate(360deg) scale(1,1); } .cpts .cpts_con .cpts03 span{-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .cpts .cpts_con .cpts03 span:hover{-webkit-transform:rotate(360deg) scale(1,1); -moz-transform:rotate(360deg) scale(1,1); -o-transform:rotate(360deg) scale(1,1); -ms-transform:rotate(360deg) scale(1,1); transform:rotate(360deg) scale(1,1); } .cpts .cpts_con .cpts04 span{-webkit-transition:all 0.6s ease-in-out; -moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out; -ms-transition:all 0.6s ease-in-out; transition:all 0.6s ease-in-out;} .cpts .cpts_con .cpts04 span:hover{-webkit-transform:rotate(360deg) scale(1,1); -moz-transform:rotate(360deg) scale(1,1); -o-transform:rotate(360deg) scale(1,1); -ms-transform:rotate(360deg) scale(1,1); transform:rotate(360deg) scale(1,1); } img{ border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } .cpts .cpts_con .cpts01 span img{ border:4px solid #fff; height:148px; width:148px; border-radius:80px;} .cpts .cpts_con .cpts02 span img{ border:4px solid #fff; height:148px; width:148px; border-radius:80px;} .cpts .cpts_con .cpts03 span img{ border:4px solid #fff; height:148px; width:148px; border-radius:80px;} .cpts .cpts_con .cpts04 span img{border:4px solid #fff;height: 148px;width: 148px;border-radius:80px;} .about_sy h2.h2_title{ font-size:35px; text-align:center; color:#333; line-height:30px;} .about_sy h2.h2_title a {color: #76b52e;text-decoration: none;} .p_title{text-align:center;text-transform:uppercase;font-size: 16px;color:#999;margin-top: 14px;letter-spacing:2px;font-weight:normal;font-family: Arial, Helvetica, sans-serif;} .about_sy{ background: url(../images/beijing.png) no-repeat center; height: 630px; } .about_sy .title_about{padding-top: 88px;} .about_sy .jianjie{width: 600px;margin: 0 auto;padding-top: 60px;} .about_sy .jianjie p{line-height: 25px; color: #666;font-size: 16px;} .sanbiao ul li a{display: block;width: 162px;height: 48px;border-radius: 0 0 10px 0;text-align: center;line-height: 48px;color: #fff;font-size: 16px;text-decoration: none;float: left;margin-left: 15px;background: url(../images/AobutIcon01.png) no-repeat center;} .sanbiao ul li a:first-child{margin-left: 0;} .sanbiao ul li a:hover{background: url(../images/AobutIcon02.png) no-repeat center;box-shadow: 0 4px 50px rgb(118, 181, 46, 0.6);} .sanbiao ul li a.cur{background: url(../images/AobutIcon02.png) no-repeat center;box-shadow: 0 4px 50px rgba(12,204,106,0.4);} .sanbiao{width: 600px;margin: 0 auto;padding-top: 60px;} .sanbiao ul{} .sanbiao ul li{ float: left; margin-right: 56px;} .sanbiao ul li:nth-child(3n) { margin-right: 0;} .newss h2.h2_title{ font-size:35px; text-align:center; color:#333; line-height:30px;} .newss h2.h2_title a {color: #76b52e;} .newss{} .newss .title_new{ padding-top: 60px; } .newss .new_wenzhan{ margin-top: 20px; } .newss .new_wenzhan li{border: 1px solid #f5f5f5;float: left;width: 598px;height: 200px;background: #fff;} .newss .new_wenzhan li:hover .riqi{ background:#76b52e; color:#fff;} .newss .new_wenzhan .riqi{width: 98px;height: 98px;text-align: center;border: 2px solid #76b52e;margin: 49px 14px 49px 49px;border-radius:16px;} .newss .new_wenzhan .riqi span{padding-top:18px; display: block; font-size: 36px;} .newss .new_wenzhan .riqi em{position: relative; top:4px; font-size:14px; } .newss .new_wenzhan .wenzhang{font-size: 14px;padding-left: 0px;padding-right: 20px;width: 400px;padding-top: 52px;overflow: hidden;font-weight: normal;overflow: hidden;text-overflow: ellipsis;} .newss .new_wenzhan .wenzhang h5{margin-bottom: 14px;font-weight: bold;color: #444; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .newss .new_wenzhan .wenzhang h5 a{font-size: 18px;text-decoration: none;} .newss .new_wenzhan .wenzhang p{/*height:50px;*/font-size: 14px;color: #666;} /*ban*/ .ban_1{width:100%; background:url(../images/index_7.jpg)no-repeat center; height:180px; line-height:180px;} .ban_1_nr{width:1200px; margin:0 auto;} .ban_1_nr li{float:left;width:25%;margin-right:100px;} .ban_1_nr li h2{font-size:30px;color:#fff;font-weight:bold; text-align:center;} .ban_1_nr li h3{font-size:28px;color:#fff; text-align:center;} .ban_1_nr li h2 span{margin-left:10px;} .ban_1_nr li em{line-height:40px;color:#fff;font-size:19px; position:relative;} /*about*/ /* .pro_l .active1 .list_dl .list_dt{background:#181c63 !important;height: 32px;line-height: 32px;margin-bottom:8px;border-radius:6px;} .pro_l .active1 .list_dl .list_dt p{padding-left:20px;font-size: 15px;color:#fff;} .pro_l .active1 .list_dl .list_dt p a{ color: #fff; text-decoration: none;} .pro_l .active1 .list_dd{ display:none;} .pro_l .active1 .list_dd ul li{height: 38px;line-height: 38px;border-bottom: 1px solid #ccc;} .pro_l .active1 .list_dd ul li a{font-size:14px;padding-left:20px;text-decoration: none;} */ .list_dl{ margin-right: 5px;} .list_dl .list_dt{background: #76b52e;height: 38px;line-height: 38px;margin-bottom: 10px;border-radius:6px;} .list_dl .list_dt p{padding-left:20px;font-size: 15px;color:#fff;background: url(../images/cpjt.png) no-repeat 246px;} .list_dl .list_dt p a{ color: #fff; text-decoration: none; } .list_dd{display:none;} .list_dd ul li{height: 38px;line-height: 38px;border-bottom: 1px solid #ccc;} .list_dd ul li a{font-size:14px;padding-left:20px;text-decoration: none;} #open{display:block;} /*标题*/ .sy_bt{width: 100%;text-align: center;padding-top: 60px;} .sy_bt h3{font-size: 35px;color: #333333;font-weight: bold; } .sy_bt h3 a{color: #333333;text-decoration: none;} .sy_bt h3 em{color: #76b52e;font-weight: bold;} .sy_bt i{display: block;width: 254px;height: 11px;margin: 16px auto 0;} .sy_bt i img{display: block;} .titis h4 span{color: #76b52e;font-weight:bold} .titis h4 i{width:6px;height: 6px;background: #1f1f1f;border-radius: 50%;margin:0 18px; vertical-align: middle;display:inline-block;} .ft-left1{float: left;width: 403px;} .ft-left1 h2{color: #fff;font-size: 20px;margin-bottom: 24px;} .ft-left1 p{font-size: 15px;color: #fff;line-height: 24px;padding: 6px 0;} .ft-left1 .fl-p1{} .ft-left1 .fl-p2{} .ft-left1 .fl-p3{} .ft-left1 .fl-p4{} .ft-center1{float: left;padding-left: 40px;width: 260px;} .ft-center1 h2{font-size: 20px;color: #fff;margin-bottom: 18px;} .ft-center1 ul{} .ft-center1 ul li{float: left;width: 100px;padding: 10px 20px;padding-left: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .ft-center1 ul li a{font-size:15px;color:#fff;text-decoration: none;} .ft-center1 ul li:hover a{ color:#ffb821; } /* 底部 */ .footer{ width:100%;} /* .ftcont{padding: 30px 0;} */ .ftcont .ftlogo{ float:left; padding-left: 100px;padding-bottom: 20px;} .ftcont .ftlogo dt{ float:left;} .ftcont .ftlogo dt img{ display:block; margin:0 auto; float: left; margin-top: 60px;} .ftcont .ftlogo dd{ float: left; font-size: 15px; line-height: 28px; padding-left: 50px;} .ftcont .wx{ float:right; margin-right: 100px; margin-top: 30px;} .ftcont .wx img{ border:1px solid #dedede; width: 114px;} .ftcont .wx p{text-align: center;margin-top: 4px;} .ftbot{ background:#0853a1; height:50px; line-height:50px; text-align:center;} .ftbot a{ font-size:15px; color:#fff; padding:0 31px; background: url(../images/nav_bg.png) no-repeat right center; } .ftbot a:last-of-type{ background: none;} /*内页*/ /*产品页左侧*/ .cpMain{ overflow:hidden;} .sidebar{width:1200px; margin:20px auto;} .sidebar .sb_nav{ float:left; width:220px;} .sidebar .sb_nav h3.title{ text-align:left; background:url(../dt-6.gif) repeat-x; padding:0px 15px; height:33px; line-height:33px; border-bottom:1px solid #cecece; font-size:14px; color:#fff;} .sidebar .sb_nav h3.line{ margin-top:15px; } .sidebar .sb_nav .active{ padding:10px 15px; background:#fff; border: 1px #ddd solid;} #sidebar dl{ margin-left:5px;} #sidebar dl dt{padding:4px 0px 5px 15px;margin-top:5px;background:url(../dt-11.gif) no-repeat 2px 11px;} #sidebar dl dd{padding:0px 0px 0px 15px;} #sidebar dl dt.on a{ font-weight:bold; color:#181c63; } #sidebar dl h4.on a{ font-weight:bold;} .sidebar .sb_box{float:right;width: 900px;overflow:hidden;} .sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; color:#181c63; height:35px; line-height:35px; position:relative;} .sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #181c63; padding:0px 15px;} .sidebar .sb_box h3.title div.position{ float:right;color:#999; font-weight:normal; position:relative; top:3px; right:15px;} .sidebar .sb_box h3.title div.position a{ color:#999;} /* .pro_l h4 .prolia {background-color: #027ac6; display:block; height: 80px; line-height:80px; color: #fff;font-size: 20px; !*padding-left: 20px;*!text-align: center; text-decoration: none;font-weight: bold;} .sidebar .pro_l ul{!* border-top:none; *!!* overflow:hidden; *!!* background:#fff; *!!* border:0px !important; *!} .sidebar .pro_l ul li{width: 250px;margin: 0 8px;!*background-color: #eee;*! border-radius: 6px;} */ /* .pro_l h4 .prolia {font-weight: bold; display:block; height:50px; line-height:50px; color: #fff;font-size: 18px; padding-left: 20px; text-decoration: none;} */ /*.sidebar .pro_l ul{ border-top:none; overflow:hidden; background:#fff; border:0px !important;}*/ .pro_r{ float:right; width:910px;} .contactn h5 a{ font-size:18px; color:#fff; margin-left:20px;} /* .pro_l h5{ height:45px; line-height:45px;/* background:#76b52e;*/} /* .active1 {padding-top: 25px;background-color: #000000} .pro_l li{margin: -13px 3px 17px 4px} .pro_l li h5{ text-align: left; display:block; font-size:14px; color:#fff;border-bottom: 1px #ffffff dashed;height: 40px;line-height: 40px;} .pro_l li h5 a{display:block;font-size:14px;margin-left: -18px;} */ /* .pro_l li h5:hover{background-color:#1f98e4;color: #fff;} */ /* .pro_l li h5:hover a{color: #fff;} */ /* .pro_l li h5.cur{background-color:#eee;} */ /* .pro_l li h5.cur:hover{background-color:#1f98e4;color: #fff;} */ /* .pro_l li h5.cur:hover a{color: #fff;} */ /* .pro_l li h5.cur a{color: #535353;} */ /* .pro_l li .sedp{margin-top: 15px;} .pro_l li .sedp p{ margin-bottom:8px;} .pro_l li .sedp p a{ font-size:14px; display:block; margin-left:15px; margin-right:15px; border-radius:4px; padding-left:20px; height:30px; line-height:30px; text-decoration:none;} .pro_l li .sedp p a:hover{ background:#1f98e4; color:#fff;} .pro_l li .sedp p a.cur{ background:#1f98e4; color:#fff;} */ .pro_l { width: 270px; float: left; } .pro_l{ width:270px; float:left;} .pro_l h4{ display:block; height: 70px; line-height:70px; text-align: center; color: #fff; font-size: 22px; background: #0853a1; text-decoration: none;font-weight: bold;} .active1 .product_li{ border:1px solid #0853a1; padding: 15px;} .active1 .product_li ul li a h3{line-height: 45px; padding-left: 27px; font-weight: normal; font-size: 15px;border-bottom: 1px solid #dedede; } .active1 .product_li ul li{ position: relative;} .active1 .product_li ul li::before{ position: absolute; content: '□'; bottom:15px; left: 10px; color: #666; font-size: 16px;} .active1 .product_li ul li.on a h3{ background: #0853a1; color: #fff;} .active1 .product_li ul li.on::before{ color: #fff;} .active1 .product_li ul li:hover{ background: #0853a1; color: #fff;} .active1 .product_li ul li:hover a h3{ background: #0853a1; color: #fff;} .active1 .product_li ul li:hover::before{ color: #fff; } /* marqueetop */ .marqueetop{height:420px; overflow:hidden; border:1px solid #0853a1; padding: 15px;} .marqueetop ul li a img{ max-width: 100%;} #marquee2 ul li{ border:1px solid #dedede; margin-bottom: 20px; padding: 2px;} #marquee2 ul li a{ display: grid;} #marquee2 ul li a p{ line-height: 36px; text-align: center; border-top: 1px solid #dedede;} #marquee2 ul li:hover{ border:1px solid #0853a1;} #marquee2 ul li:hover a p{ color: #0853a1; border-top: 1px solid #0853a1;} .nlist{padding-bottom: 15px ;} .nlist .leftli a:hover, .nlist li.cur a:hover { color:#fff;} .nlist .leftli a {display: block; height:40px; line-height:40px; font-size:14px; color:#333; text-decoration:none;} .nlist{width:220px;} .nlist .nt{ font-weight:normal; padding:14px 0 14px 22px; } .nlist .nt a{ font-size:18px; color:#fff; font-weight: bold;text-decoration: none;} .nlist .nt span{ } .nlist .nt span a{font-size:12px; font-family:"Arial"; margin-left:6px; text-decoration:none; font-weight:normal;} .nlist ul{ padding:15px;} .nlist .leftli{ border-bottom:1px #FFFFFF dashed;} .nlist .leftli a{ display:block; height:40px; line-height:40px; font-size:14px; color:#fff; text-decoration:none;} .nlist .leftli a:hover,.nlist li.cur a:hover{ color:#fff;} .nlist .on a{color:#fff;} .nlist{width: 220px;padding-bottom: 0px !important;} .nlist li{ margin:0px !important} .t05 {line-height:48px;background:url(../images/top_bg.jpg) center;} .t05 { color:#fff; } /*左边标题块*/ .t05 a{color:#fff; font-size:18px;} .contactn .subnr { background:none repeat scroll 0 0 #000; overflow:hidden; padding:5px 10px; width:200px; font-size:14px; line-height:30px; color:#fff;} /* .nlist .leftli.cur{background-color:#76b52e;} .nlist .leftli.cur a{color:#fff;background:url(../images/liBg3.png) no-repeat 205px center #76b52e;} */ .nlist li.cur{/*background-color:#76b52e;*/} .nlist li.cur a{color:#fff;background:url(../images/liBg3.png) no-repeat 180px center #1f98e4;} .nlist .leftli a.cur{color:#fff;background:url(../images/liBg3.png) no-repeat 180px center #1f98e4;} /*右侧*/ /* .rtop { overflow:hidden; height: 40px; padding: 0 20px; background: url(../images/top_bg.jpg) center;} .rtop h5 {float:left;font-weight: normal;line-height: 40px;} .rtop h5 a {font-size: 12px;color: #ffffff;} .rtop span { float: right;line-height: 40px;color: #ffffff;} .rtop span em { color: #ffffff;} .rtop span a { color: #ffffff;} */ /*右侧*/ .rtop { overflow:hidden; padding-top:24px; padding-bottom:9px; border-bottom:1px solid #dbdbdb; margin:0 15px;} .rtop h5 {float:left; padding-left: 10px; border-left: 3px solid #0853a1; font-weight: normal; line-height: 16px;} .rtop h5 a { font-size: 18px; color: #0853a1; font-weight: bold;} .rtop span { float: right;} .rtop span em { color: #999;} .rtop span a { color: #999;} .cpshow{ overflow:hidden; /*padding-top:10px;*/ margin:17px;} .cpshow li{ border:1px solid #dedede; padding: 2px; margin:0 5px; margin-bottom: 10px;} .cpshow li img{ display:block; width: 270px; height: 180px;} .cpshow li h4{ text-align:center; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-weight: normal; line-height: 40px; border-top: 1px solid #dedede;} .cpshow li:hover{ border:1px solid #0853a1;} .cpshow li:hover h4{ color: #0853a1; border-top:1px solid #0853a1;} #productlist li { float: left; display: inline; text-align: center; } .cpshow li img{display:block;border:1px solid #d3d3d3;width: 270px;height: 180px;} /* .cpshow li{float:left;margin: 9px;} .cpshow li a{ text-decoration:none;} .en .cpshow li img {border:1px solid #d3d3d3;padding: 0px;} .cpshow li h4{margin-top: 7px; text-align:center;height: 20px;line-height: 20px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .cpshow li h4 a{ font-size:14px; color:#616161; font-weight:normal;} .cpshow li p{ font-size:13px; color:#666; line-height:21px; height:1px; overflow:hidden;} .cpshow li span{ display:block; overflow:hidden; margin-top:20px;} .cpshow li span .zx{ float:left; width:103px; height:40px; line-height:40px; text-align:center; font-size:13px; color:#fff; text-decoration:none; border-left:3px solid #333; background:#666;} .cpshow li span .xq{ float:right; font-size:13px; color:#666; margin-top:14px;} .cpshow li span .zx:hover{ background:#1f98e4; border-left-color:#1f98e4;} */ /* .RandomNews{ padding:0px 15px} .RandomNews h4{padding-left: 45px;height:36px;line-height:36px;color: #1f98e4;background-color: #f5f5f5;font-weight: normal;font-size: 15px;background: url(../index/new_ico1.gif) #f5f5f5 no-repeat 16px;} .RandomNews li{height:28px;line-height:28px;padding:0 17px 0 10px;width: 424px;float:left;overflow:hidden;} .RandomNews li a{background:url(../index/ico55.gif) no-repeat 0 5px;padding-left:12px;text-decoration: none;} .RandomNews li a:hover{ color:#1f98e4;} .RandomNews ul{padding: 10px 0px;} .right .RandomNews .news_random{border:1px solid #ccc;border-top:none;background:#fff;} .right .RandomNews ul{padding-top:8px;border:1px solid #ccc;border-top:none;margin-bottom:15px;width:762px;background:#fff;} */ .RandomNews{ padding:0px 15px} .RandomNews h4{height:36px; border-bottom: 1px solid #dedede; color: #0853a1; line-height:36px; font-size: 18px; font-weight:bold; position: relative; padding-left: 13px;} .RandomNews h4::before{ position: absolute; content: ''; width: 3px; background: #0853a1; left: 0; bottom: 8px; height: 18px;} .RandomNews li{ height:36px;line-height:36px; padding:0 15px; width:400px; float:left;overflow:hidden; background: url(../images/diamImg.png) no-repeat left center; border-bottom: 1px dashed #dedede} .RandomNews li a{} .RandomNews li a:hover{ color: #0853a1;} .RandomNews ul{padding:5px;} #showtext {padding: 15px;line-height: 2;} #showtext em{color:inherit;} .editor img { max-width: 100%; height: auto !important;} #showtext table td, table th{border: none;} #showtext table td, table th sapn{color: #333;} .fdh-01-nav-one h3 { height: 50px; line-height: 50px; background: url(../index/p14-icon5.png) no-repeat right center #fff; overflow: hidden; border-bottom: 1px #eee solid; margin: 0 10px;} .fdh-01-nav-one h3 a { text-decoration:none; display: block; height: 50px; font-size: 18px; font-weight: normal;margin: 0 17px; color: #333;background: url(../images/pro_libg2.png) no-repeat 200px 18px;} .fdh-01-nav-one h3.sidenavcur,.fdh-01-nav-one h3:hover {/*background: url(../index/p14-icon2.png) no-repeat right center #76b52e;*/border-bottom: 1px solid #c4261d;} .fdh-01-nav-one h3.sidenavcur a,.fdh-01-nav-one h3:hover a{color: #c4261d; text-decoration:none;background: url(../images/pro_libg2_bg.png) no-repeat 200px 18px; } .fdh-01-nav dl { padding: 2px 0 4px;} .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px; margin-bottom: 1px; background: #ececec; position: relative; overflow: hidden;} .fdh-01-nav dt:after { content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8; border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .fdh-01-nav dt.sidenavcur:after, .fdh-01-nav dt:hover:after { border-color: #181c63;} .fdh-01-nav dt.sidenavcur a,.fdh-01-nav dt:hover a { color: #181c63; text-decoration:none; } .fdh-01-nav dd {border: 1px solid #ececec; border-bottom: 0;} .fdh-01-nav p { height: 50px; font-size: 14px; line-height: 50px; padding-left: 72px;padding-right: 40px;border-bottom: 1px solid #ececec; background: #fff; position: relative;overflow: hidden; } .fdh-01-nav p.sidenavcur a,.fdh-01-nav p:hover a {color: #181c63; text-decoration:none;} .fdh-01-nav p.sidenavcur:after,.fdh-01-nav p:hover:after { background: #393939;} .fdh-01-nav a {display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #666;text-decoration: none;} .ny_cptj h4 a{ display: block; height: 92px; line-height: 92px; text-decoration: none; color: #fff; font-size: 30px; padding-left: 27px; font-weight: 800; } /* .ny_cptj h4 { background: #1f98e4; height: 60px; line-height: 60px; /* text-align: center;*/ font-weight: bold; font-size: 20px; padding-left: 20px; } */ .ny_cptj h4 a{ color: #fff;font-weight: bold;} .fdh-01-nav-one h3.cur{/*background-color:#76b52e;*/border-bottom: 1px solid #c4261d;} .fdh-01-nav-one h3.cur a{color: #c4261d;background: url(../images/pro_libg2_bg.png) no-repeat 200px 18px;} #imglist {padding: 15px 0px;} /*图片模块*/ #imglist{ padding:20px 15px;} #imglist li{float:left;display:inline;text-align:center;margin-bottom: 6px;padding: 0 8px;} #imglist .list img{width: 100%; border:1px solid #ccc; padding:2px;} #imglist .list img:hover{ border:1px solid #136395;} #imglist .list:hover h3{color:#136395; } #imglist li a.img{ font-size:0px; display:block;} #imglist li a.img img{ margin:auto; border:1px solid #ccc; } #imglist li h3{padding: 5px 0px 6px;font-weight:normal;line-height:1.5;font-size:14px;color:#6c6c6c;} /* #showimg{ padding:15px;} */ #showimg h1.title{ font-size:18px; padding:5px 0px; margin:10px; text-align:center;font-weight: bold;color: #666;} #showimg .imgshow{ text-align:center; margin-bottom: 30px;} #showimg .editor{ line-height:2; padding:0px 10px; font-size:14px;} .imgparalist li{ padding:3px 15px 3px; background:url(../images/dt-0.gif) no-repeat 5px center;} .imgparalist li span{ float:left; margin-right:10px; color:#999;} #showimg .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc; } .h2_prodtitle{font-size: 14px;color:#666;padding:2px 0 10px;line-height:1.6em;font-weight: bold;} .en .h2_prodtitle {font-size: 20px;} .mod_goods_info {clear:both;margin-bottom:10px;position:relative;margin-left: 14px;} .mod_goods_info .hds li {float:left;cursor:pointer;border-bottom:0;margin-right:-1px;} .mod_goods_info .hds li h3 {width: 123px;;display:block;height:30px;line-height:30px;text-align:center;font-size:14px;border-bottom:0;font-weight: bold;} .mod_goods_info .hds li h3 a {color:#333;font-weight: normal;text-decoration:none;outline:none} .mod_goods_info .hds .status_on {border-bottom:0;position:relative;} .mod_goods_info .hds .status_on h3 {height:31px;color:#ffffff;} .en .mod_goods_info .hds .status_on h3 {font-weight: bold;} .mod_goods_info .hds .status_on h3 a {color:#076EBB;font-weight:bold} .mod_goods_info .more{ position:absolute;top:8px; right:0px;} .mod_goods_info .more a:link, .mod_goods_info .more a:visited{text-decoration:none;color:#085C9B;} .mod_goods_info .more a:hover{color:#D4105A;} .prodbaseinfo_a ul li { line-height: 30px; } .mod_goods_info .hds { border-bottom: 1px solid #0853a1; height: 33px; overflow: hidden; } .mod_goods_info .hds .status_on { border-color: #0853a1; border-bottom: 0; position: relative; } .mod_goods_info .hds .status_on h3 { height: 31px; background-color: #fff; color: #0853a1; } .mod_goods_info .hds li { float: left; cursor: pointer; border: 1px solid #d7d7d7; border-bottom: 0; margin-right: -1px; } /*栏目页推荐新闻*/ .topnew{width: 95%;margin: 0 auto;padding-bottom: 30px;padding-top: 20px;} .tjnew{margin-top:20px;} .tjnew_top{line-height:40px; height:40px; border-bottom:1px #ccc solid;} .tjnew_top h2{float:left;width:150px; text-indent:15px; height:40px; line-height:40px; border-bottom:2px #076EBB solid; color:#076EBB; font-size:18px;font-weight: bold;} .tjnew_top em{float:right; margin-right:5px; text-transform:uppercase; font-size:14px; color:#ccc;} .tjnew_top em a{text-align:right; color:#ccc;} .tjnew_top em a:hover{color:#76b52e;} .tjnew_nr{margin-top:10px;} .tjnew_nr dl{overflow:hidden;} .tjnew_nr dl dt{float:left; overflow:hidden; width:331px; display:block;} .tjnew_nr dl dt img{display:block; width:307px; border:1px #ccc solid; padding:2px;} .tjnew_nr dl dt img:hover{ border:1px #183888 solid;} .tjnew_nr dl dd{float:right; width:867px;} .tjnew_nr dl dd h2{font-size:16px; color:#333;font-weight:block;} .tjnew_nr dl dd h2 a{ color:#333; line-height:40px; text-decoration:none;} .tjnew_nr dl dd h2 a:hover{color:#183888;} .tjnew_nr dl dd p{font-size:14px;line-height:25px; color:#4b4b4b;} .tjnew_nr dl dd em{display:inline-block; width:100px; line-height:40px; background:#ccc;margin-top:30px; float:right; text-transform:uppercase; text-align:center; color:#4b4b4b; font-size:14px;} .tjnew_nr dl dd em:hover{background:#183888;} .tjnew_nr dl dd em:hover a{color:#fff; text-decoration:none;} .tjnew_nr ul{margin-top:20px;overflow: hidden;} .tjnew_nr ul li{float:left; width:48%; height:40px; line-height:40px; margin-right:2%; border-bottom:1px #ccc dashed;} .tjnew_nr ul li:nth-child(even){margin-right: 0} .tjnew_nr ul li a{font-size:14px; color:#4b4b4b; /*text-indent:25px;*/ display: -webkit-inline-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width: calc(100% - 110px);} /*.tjnew_nr ul li a span{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width: calc(100% - 110px);}*/ .tjnew_nr ul li a:hover{ color:#076EBB;} .tjnew_nr ul li em{float:right; font-size:13px; color:#ccc;line-height:40px; margin-right:8px;} /*数字跳动*/ #countup{background-image: linear-gradient(to right, #1dabe4, #034ad8);} .countup-div{width:25%;float:left;padding:40px 0;} .countup-txt{color:#fff;text-align:center;} .countup-txt h4{font-size:18px;} .countup-txt h4 span{font-size:52px;font-weight:bold;} .countup-txt p{font-size:18px;} /*标题*/ /*.title{text-align:center;} .title h2{color:#333;font-size:36px;margin-bottom:8px;} .title p{font-size:18px;color:#666;display:inline-block;padding:0 50px;background:url(../images/title-x.jpg) no-repeat center;} .title p span{padding:0 22px;background:#fff;}*/ .nybg{line-height: 30px;height: 30px;font-size: 16px;background: #eeeeee;} /*公司简介*/ .AbtouUs{ width:100%; padding: 100px 0;background-color: #f3f3f3; overflow:hidden;} .AbtouUs .AbtouUsLeft{width: 520px;bottom: 690px;opacity: 0.6;} .AbtouUs .AbtouUsLeft dl dt h3{font-size: 36px;color: #2a2a2a;font-family: "FONTS"; line-height:30px;} .AbtouUs .AbtouUsLeft dl dt h3 em{font-size: 16px;display: block;text-transform: uppercase; font-style:normal;} .AbtouUs .AbtouUsLeft dl dt h4{font-size: 32px;color: #2a2a2a;margin-top: 30px;font-weight: bold;} .AbtouUs .AbtouUsLeft dl dt p.p1{font-size: 18px;color: #666;margin-top: 10px;} .AbtouUs .AbtouUsLeft dl dt p.p2{font-size: 14px;line-height: 25px;margin-top: 50px;text-indent:2em;color: #666;} .AbtouUs .AbtouUsLeft dl dd{margin-top: 80px;} .AbtouUs .AbtouUsLeft dl dd a{ text-decoration:none; display: block;width: 162px;height: 48px;border-radius: 0 0 10px 0;text-align: center;line-height: 48px;color: #fff;font-size: 13px;float: left;margin-left: 15px;background: url(../images/AobutIcon01.png) no-repeat center;} .AbtouUs .AbtouUsLeft dl dd a:first-child{margin-left: 0;} .AbtouUs .AbtouUsLeft dl dd a:hover{background: url(../images/AobutIcon02.png) no-repeat center;box-shadow: 0 4px 50px rgba(12,204,106,0.4);} .AbtouUs .AbtouUsLeft dl dd a.cur{background: url(../images/AobutIcon02.png) no-repeat center;box-shadow: 0 4px 50px rgba(12,204,106,0.4);} .AbtouUs .AbtouUsRight{width: 600px;position: relative;right: 0px;opacity: 0;} .AbtouUs .AbtouUsRight span a{display: block;} .AbtouUs .AbtouUsRight span a img{display: block;} .AbtouUs .AbtouUsRight i{width: 139px;height: 139px;display: block;position: absolute;left: -70px;top: 177px;z-index: 99;-webkit-transition : .1s ease-out;-moz-transition : .1s ease-out;-ms-transition : .1s ease-out;-o-transition : .1s ease-out;transition : .1s ease-out;animation:future 1.5s infinite;opacity: 1;} .AbtouUs .AbtouUsRight i img{display: block;width: 100%;} .AbtouUs .AbtouUsRight em{width: 61px;height: 61px;display: block;position: absolute;left: -29px;top: 215px;z-index: 99;} .AbtouUs .AbtouUsRight em img{display: block;width: 100%;} .fac_con {overflow: hidden;margin-bottom: 60px;} .fac_con li{float: left; display:block; } .fac_con li a{ display:block; color:#FFF; text-decoration: none; } .fac_con li.txt_s{ width:596px; height:521px;position: relative; border-right:1px solid #fff; cursor: pointer; overflow:hidden;} .fac_con .txt { font-size:16px; text-align:center; width: 596px; height: 40px; line-height:40px; background: rgba(127,127,127,0.8); position: absolute; left: 0; bottom: 0; color: #fff;} .fac_con li.txt_d{ width:301px; height:365px;position: relative; cursor: pointer; overflow:hidden; border-right:1px solid #fff; } .fac_con .txd { text-align:center; font-size:16px; width: 301px; height: 40px; line-height:40px; background: rgba(127,127,127,0.8); position: absolute; left: 0; bottom: 0; color: #fff;} .fac_con li.txt_f{ width:301px; height:365px;position: relative; cursor: pointer; overflow:hidden;} .fac_con .txf { text-align:center; font-size:16px; width: 301px; height: 40px; line-height:40px; background: rgba(127,127,127,0.8); position: absolute; left: 0; bottom: 0; color: #fff;} .fac_con li.txt_g{ width:406px; height:155px;position: relative; cursor: pointer; overflow:hidden;} .fac_con .txg { text-align:center; font-size:16px; width:406px; height: 40px; line-height:40px; background: rgba(127,127,127,0.8); position: absolute; left: 0; bottom: 0; color: #fff;} .fac_con .txt:hover,.fac_con .txg:hover,.fac_con .txf:hover,.fac_con .txd:hover{ background: rgba(10, 187, 97,0.5); font-size:16px;} .fac_con li.txt_d a:after{content: '';display: block;width: 604px;height: 730px;position: absolute;left: -150px;top: -150px;box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset;transition:1s all ease-in-out;border-radius: 50%;overflow: hidden;} .fac_con li.txt_d:hover:after{box-shadow: 0 0 0 700px rgba(0,0,0,0.3) inset;} .fac_con li.txt_f a:after{content: '';display: block;width: 604px;height: 730px;position: absolute;left: -150px;top: -150px;box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset;transition:1s all ease-in-out;border-radius: 50%;overflow: hidden;} .fac_con li.txt_f:hover:after{box-shadow: 0 0 0 700px rgba(0,0,0,0.3) inset;} .fac_con li.txt_g a:after{content: '';display: block;width: 600px;height:250px;position: absolute;left: -76px;top: -42px;box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset;transition:1s all ease-in-out;border-radius: 50%;overflow: hidden;} .fac_con li.txt_g:hover:after{box-shadow: 0 0 0 700px rgba(0,0,0,0.3) inset;} .fac_con li.txt_s a:after{content: '';display: block;width:1192px;height:1042px;position: absolute;left: -180px;top: -180px;box-shadow: 0 0 0 0px rgba(0,0,0,.0) inset;transition:1s all ease-in-out;border-radius: 50%;overflow: hidden;} .fac_con li.txt_s:hover:after{box-shadow: 0 0 0 700px rgba(0,0,0,0.3) inset;} /*内页联系我们*/ .w1200{ /*width: 1180px;*/ margin: 0 auto} .clear { height: 0;clear: both;} .lxtop{overflow:hidden;margin-top: 30px;border-radius: 3px;border: 1px solid #ccc; } .lxtop img{float:left;} .lxtop .on{font-size:16px;line-height:27px;padding: 2px 20px 0 340px;color:#666;} .lxtop .contit_en{padding: 0 20px 0 400px;} .lxtop span{display:block;font-size:18px;line-height:50px;} .Separate {font-size:30px;text-align: center;margin: 30px auto 20px;overflow: hidden;} .Separate strong{color: #333;} .Separate span{display:block;font-size:14px;letter-spacing: 5px;color: #a4a4a4; margin-top: 10px;} .lxfsnr{overflow:hidden;border:1px solid #ccc;border-radius:3px;padding-top:20px;} .lxfsnr ul{overflow:hidden;} .lxfsnr li{margin :0 0 20px 25px;float:left; padding-bottom:10px; width:46%;border-right:1px solid #ccc;border-bottom:1px solid #ccc;} .lxfsnr li img{float:left;} .lxfsnr li p{float:left;line-height:46px;padding-left:5px;font-size:14px;color: #333; width:95%;} .lxfsnr li p span{padding-left:15px;} .lxfsnr li a{font-size:16px;} .lxfsnr li a:hover{color: #d80003;text-decoration:underline;} /*内页在线留言*/ .ny_ly { overflow: hidden; margin-top: 20px; } .ly_box { overflow: hidden; margin-top: 20px; } .ly_box .temp_on_inp .content .temp_on_con h3 { width: 145px;height: 46px;font-size: 18px;line-height: 46px; text-align: center;color: #fff; background: #666666; } .ly_box .temp_on_inp .content .temp_on_con form { border: 1px solid #bbb;background: url(../images/ly_bg.jpg) no-repeat center bottom #fff;padding: 40px 15%; height: 435px;} .ly_box .temp_on_inp .content .temp_on_con form ul li { margin-bottom: 10px; font-size: 14px; line-height: 35px;color: #666; overflow: hidden; } .ly_box .temp_on_inp .content .temp_on_con form ul li span { display: inline-block;width: 120px;color: #666; vertical-align: top; text-align: right;height: 33px;line-height: 33px; overflow: hidden; } .ly_box .temp_on_inp .content .temp_on_con form ul li span em { color: #f00; } .ly_box .temp_on_inp .content .temp_on_con form ul li input { width: 73%;margin-right: 10px;outline: none;padding-left: 10px;border: 1px solid #eee; height: 33px; line-height: 32px;color: #666; box-sizing: border-box; } .ly_box .temp_on_inp .content .temp_on_con form ul li textarea { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; outline: none; resize: none; overflow: auto;margin-right: 10px; padding-left: 10px; box-sizing: border-box; } .ly_box .temp_on_inp .content .temp_on_con form ul li .minp5 { width: 80px;height: 30px;border: 0;text-align: center; color: #fff; padding-left: 0;cursor: pointer; background: #76b52e; margin-left: 125px;} /*内页简介*/ .nyabout_bt { overflow: hidden; } .nyabout_bt .pro_l { width: 1200px;height: 55px;} .nyabout_bt .nlist ul{ display: flex; } .nyabout_bt .nlist ul li { flex: 1;background: #fff; height: 55px; font-size: 18px; line-height: 55px; text-align: center;float: left;border-right: 1px solid #f5f5f5;box-sizing: border-box; cursor: pointer;text-overflow: ellipsis;overflow: hidden; white-space: nowrap; } .nyabout_bt .nlist ul li.cur { background: #76b52e; } .nyabout_bt .nlist ul li.cur a { color: #fff; display: block; } .nyabout_bt .nlist ul li:hover { background: #76b52e; } .nyabout_bt .nlist ul li:hover a { color: #fff; display: block; } .nyabout_nr { overflow: hidden; margin-top: 20px; } .sidebar .sb_box{ float:right; width:900px; background:#fff; overflow:hidden; border: 1px #ddd solid; } .sidebar .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; color:#0853a1; height:35px; line-height:35px; position:relative;} .sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #0853a1; padding:0px 15px;} .sidebar .sb_box h3.title div.position{ float:right;color:#999; font-weight:normal; position:relative; top:3px; right:15px;} .sidebar .sb_box h3.title div.position a{ color:#999;} /* .nyabout_nr .sb_box { width: 100%;overflow: hidden; } .nyabout_nr .sb_box .editor p.on { font-size: 14px; color: #666; line-height: 24px; } */ /* .sb_boxli .rtop { display: none; } .sb_boxli .rtop h5 {display: none; } .sb_boxli .rtop h5 a {display: none; } .sb_boxli .list { width: 285px;float: left;border: 1px solid #ddd;margin-right: 15px;margin-bottom: 15px; } .sb_boxli .active ul { overflow: hidden; margin-top: 20px; } .sb_boxli .active li{width: 24%;float: left; background: #f0f0f0; margin:0 7px;} .sb_boxli .active li:nth-child(4) { margin: 0 0 13px 0; } .sb_boxli .active li:nth-child(8) { margin: 0 0 13px 0; } .sb_boxli .active li dt {border: 1px solid #e5e5e5; padding: 10px 9px; background: #fff; } .sb_boxli .active li img { width: 100%; display: block; padding: 2px;} .sb_boxli .active li a h3 { display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 1; width: 278px; font-weight: normal; line-height: 45px;background: #fff; text-align: center; overflow: hidden; font-size: 16px; padding: 0 5px; height: 45px;} .modelTostChile1 .wenzi { font-size: 16px; line-height: 32px; color: #666; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1; overflow: hidden;width: 500px;text-align: center; padding: 0 50px;} .sb_boxli .active li:hover a h3{background-color:#76b52e; color: #fff;} .sb_boxli .active li dt:hover{border: 1px solid #76b52e;} .sb_box .active { overflow: hidden;background: #000000; padding:23px 0px;} .sb_box .active p{color: #ffffff;font-weight: 500;} */ /* .sb_box .active span{color: #333;font-weight: 300;font-size: 14px;} */ #showproduct>dl.pshow>dt{padding-bottom: 15px;float:left;width:484px;margin-top: 20px;} .prodbaseinfo_a{float:left;width: 400px;margin-left: 10px;z-index:1;margin-top: 16px;} .ul_prodinfo{padding:6px 0;overflow:hidden;zoom:1;} .ul_prodinfos{padding:6px 15px;overflow:hidden;zoom:1;background:#f3f3f3;font-size:14px;font-weight:bold;} .ul_prodinfos li{padding:5px 0 10px;} .ul_prodinfo li{float:left;width:400px;font-size: 14px;line-height:24px; color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10;overflow: hidden; margin: 20px 0px;} .ul_prodinfo li p{ font-size: 18px; font-weight: bold; color: #76b52e;} .ul_prodinfo li span{font-size: 14px;} .li_normalprice,.li_prono{line-height:24px; } .ul_prodinfo .li_prono,.ul_prodinfo .li_marketprice, .ul_prodinfo .li_volume,.ul_prodinfo .li_weight,.ul_prodinfo .li_jf, .ul_prodinfo .li_brand .span_title{color:#999;} .ul_prodinfo .li_brand{width:180px; } .li_prono{line-height:2.9em;} .ul_prodinfo .b_proprice{font-size:14px;color:#ce1919;font-weight:normal;} .ul_prodinfo a.a_brand{color:#c00;} .ul_prodinfo a.a_brand:hover{text-decoration:underline;} .ul_prodinfo .li_jf{clear:both;width:300px; } .ul_prodinfo .li_jf b{font-weight:normal;color:#c00;} .ul_prodinfo .li_jf a.a_usejf{display:-moz-inline-stack;display:inline-block;*display:inline;*zoom:1;width:80px;height:22px;line-height:22px;line-height:25px\9;_line-height:22px;overflow:hidden;background-position:-420px -120px;text-align:center;color:#fff;margin:0 0 0 8px;filter:alpha(opacity=90);opacity:0.9;vertical-align:middle;} .ul_prodinfo .li_jf a.a_usejf:hover{filter:alpha(opacity=100);opacity:1.0;} .nypro-lx{padding-left: 60px;margin-top: 10px;background: url(../images/cpxq-lx.png)5px 15px no-repeat; float: left; width: 340px; padding-top: 15px; border-top: 1px solid #ddd;} .nypro-lx h2{ font-size: 16px; font-weight: normal;color: #666;} .nypro-lx .nypro-lxl { float: left; } .nypro-lx p{ float: left; font-size: 24px; line-height: 24px; color: #333;} .nypro-lx a { width: 130px; height: 45px; background: #76b52e; line-height: 45px; font-size: 16px; text-align: center;color: #fff;display: block; float: right;} /*内页新闻模块列表页*/ .pro_right_news{ float: right; width: 250px;} .pro_right_news>h4{padding: 20px 0;padding-left: 84px;background: #76b52e url(../images/tit6-1-d.png) 30px center no-repeat;} .pro_right_news>h4 a{font-size: 22px;color: #fff; display: block;} .pro_right_news>h4 a span { display: block;font-size: 14px;color: rgba(255,255,255,.3); text-transform: uppercase;font-weight: 400;margin-top: 1px; } .pro_right_news ul li { position: relative;height: 50px; padding-left: 54px; padding-right: 40px;border-bottom: 1px solid #f5f5f5;background: #fff;position: relative; overflow: hidden; line-height: 50px;font-weight: normal;font-size: 16px; } .pro_right_news ul li a { display: block; } .pro_right_news ul li.cur { background: #76b52e; color: #fff;} .pro_right_news ul li.cur a {color: #fff; display: block; } .pro_right_news ul li::after {content: "";width: 8px;height: 8px;border: 2px solid #b8b8b8; border-style: solid solid none none;position: absolute; top: 50%; right: 32px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg); transform: rotate(45deg);} .pro_right_news ul li.on::after { border: 2px solid #fff;border-style: solid solid none none; } .pro_right_news ul li:hover::after {border: 2px solid #fff; border-style: solid solid none none; } .pro_right_news ul li:hover { background: #76b52e; } .pro_right_news ul li:hover a { color: #fff; } .pro_right_news .active1 .nlist ul{ background: #fff;padding: 2px 0px; } #shownews{ padding:0px 20px;} #shownews h1{ font-size:20px; text-align:center; border-bottom:1px dotted #ccc; padding:5px 0px; margin:10px 0px; color:#333;font-weight: bold;} #shownews .editor{line-height:2;font-size:14px;padding:10px 0;} /*内页新闻模块列表页*/ .sb_box1{ width: 930px; float: left; background: #fff; margin-bottom: 15px;} .nynews-tj{ margin-top: 10px;} .nynews-tj h3{ background: #da241c; color: #fff; height: 60px; line-height: 60px; padding-left: 20px; font-size: 20px;} .nynews-tj .nyxwtj{ border: 1px solid #ccc;} .nynews-tj .nyxwtj ul{ padding: 10px 0; padding-left: 20px;} .nynews-tj .nyxwtj ul li{padding-left: 20px;padding-right:15px;line-height: 38px;background: url(../images/iyuan.png) left no-repeat;} .nynews-tj .nyxwtj ul li:hover{ background: url(../images/iyuan_on.png) left no-repeat; } .nynews-tj .nyxwtj ul li a{font-size: 15px;text-decoration: none;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .nynews-tj .nyxwtj ul li a:hover{ color:#da241c; } .fbxx{border-bottom: 1px solid #ccc;height: 40px;line-height: 40px;} .fbxx p{font-size: 14px;float: left;padding: 0 8px;} .fbxx p span{} .jq22{width: 667px;height: 392px;margin: 0px auto;position: relative;border: 2px solid #eee;} .jq22 .border-left{width: 2px;height: 0px;background: #da241c;position:absolute;left:-1px;bottom: 0;} .jq22 .border-bottom{width: 0px;height: 2px;background: #da241c;position:absolute;left:0;bottom: 0px;} .jq22 .border-top{width: 0px;height: 2px;background: #da241c;position:absolute;right:0;top: 0px;} .jq22 .border-right{width: 2px;height: 0px;background: #da241c;position:absolute;right:-1px;top: 0;} .nocontent{padding:15px;min-height:200px;} /*#showtext{ padding:15px; line-height:2;}*/ /*#imglist{padding: 15px 10px;}*/ /*内页文章*/ #newslist{/* margin-bottom:10px; */padding: 15px 20px;} .n_cont dl dd em{ float: right; text-align: right; height: 30px; line-height: 30px; font-size: 12px; } .n_cont dl dd p{color:#666; line-height:20px; font-size:14px;height: 60px; float: left; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;} .n_cont dl dd span { width: 135px; border: 1px solid #ddd; line-height: 35px; height: 35px; font-size: 16px; color: #666;margin-top: 10px; float: right;display: block; text-align: center; } .n_cont dl:hover h5{ background: #dddddd;} .n_cont dl:hover dd h5 a{/* color:#76b52e; */ } .n_cont dl:hover dd span { border: 1px solid #76b52e; background: #76b52e; color: #fff; } .n_cont dl:hover dt{box-shadow: 0 0 5px 0 #dddddd; } .n_cont a:hover dl dd p{color: #333;} .n_cont{ padding-top:5px; overflow:hidden;} .n_cont dl{overflow:hidden; padding:20px;} .n_cont dl dt{ float:left; padding:5px; background:#eaeaea;} .n_cont dl dt img{ display:block; width:200px; height:150px;} .n_cont dl dd{ float:left; margin-left:11px; width:586px;} .n_cont dl dd h5{ border-bottom:1px solid #dedede; color: #333; font-size: 15px; line-height: 32px; overflow:hidden;font-weight: bold;} .n_cont dl dd h5 a{ font-size:14px; color: #0853a1; float:left; padding-left:5px;} .n_cont dl dd h5 em{ float:right;padding-right:10px;} .n_cont dl dd p{ line-height:24px; font-size:13px; padding: 10px 0;} .n_cont dl:hover { background: #eaeaea;} /*.n_cont dl:hover { background: #eaeaea;}*/ #shownews{ padding:0px 20px;} #shownews .editor{line-height:2;font-size:14px;padding:10px 0;} #shownews .editor p{color: #616161;} .RandomNews_ny{ padding:0px 15px} .RandomNews_ny h4{ padding-left:27px;height:36px;line-height:36px;color:#76b52e;background:#ccc;font-weight:bold;} .RandomNews_ny li{ height:28px;line-height:28px; padding:0 17px 0 10px; width:558px; float:left;overflow:hidden;} .RandomNews_ny li a{ background:url(../images/ico55.gif) no-repeat 0 5px; padding-left:12px;} .RandomNews_ny ul{padding: 10px 0px;} .right .RandomNews_ny .news_random{border:1px solid #ccc;border-top:none;background:#fff;} .right .RandomNews_ny ul{padding-top:8px;border:1px solid #ccc;border-top:none;margin-bottom:15px;width:762px;background:#fff;} .dibu-tuijian{ margin-top: 10px; } .dibu-tuijian h2{ font-size: 20px;font-weight: bold;color: #333;} .dibu-tuijian ul{padding-top: 20px; } .dibu-tuijian ul li{overflow: hidden;width: 900px;} .dibu-tuijian ul li a{width: 900px; line-height:42px; border-top: 1px dashed #999; font-size: 14px;color: #444;float: left;} .dibu-tuijian ul li a span {float: right;} .dibu-tuijian ul li:hover a {color: #76b52e; } .cbgg-01 { background: #fff;color: #fff; } .cbgg-01-img { position: relative; } .cbgg-01-img h3 { position: absolute; font-size: 22px; color: #fff; top: 20px;left: 30px;} .cbgg-01-img h3 span { display: block; font-size: 14px; color: rgba(255,255,255,.42); font-weight: 400; margin-top: 2px; } .cbgg-01-img img {width: 100%; display: block;} .cbgg-01 .hot-line { display: block;padding: 15px 16px 0px 16px;background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;font-size: 0; } .cbgg-01 .hot-line i { display: inline-block;vertical-align: middle;width: 40px;height: 40px;background: url(../images/tel-3-d.png) center center no-repeat; -webkit-background-size: cover;background-size: cover;} .cbgg-01 .hot-line .txt { display: inline-block;vertical-align: middle; text-align: left; padding-left: 10px;} .cbgg-01 .hot-line .txt h4 { font-size: 14px;color: #666; font-weight: 400;margin-bottom: 2px; } .cbgg-01 .hot-line .txt p { font-size: 20px;color: #76b52e; font-weight: 700; } .cbgg-01 dl { padding: 0 19px 10px; overflow: hidden; } .cbgg-01 dl dt { padding: 20px 4px 8px;border-top: 1px solid #e1e1e1; background-repeat: no-repeat; background-position: left 14px; } .cbgg-01 dl dt:first-child { border-top: none; } .cbgg-01 dl dt h5 { font-size: 14px;color: #333; margin-bottom: 4px; } .cbgg-01 dl dt p { font-size: 16px;color: #666;line-height: 22px; } /*内页产品列表页*/ .ny-pro ul.navMenu{ border- top: none;overflow: hidden;background: #fff;border: 0px !important; padding: 2px 0px;} .ny-pro ul>li.ny_pro_nav1{line-height: 50px; margin-bottom: 1px;} .ny-pro ul>li.ny_pro_nav1>h3 { background: url(../images/ny_cpico2.png) no-repeat right center #ececeb; } .ny-pro ul>li.ny_pro_nav1.on>h3 { background: url(../images/ny_cpico1.png) no-repeat right center #76b52e; } .ny-pro ul>li.ny_pro_nav1>h3 a{ display: block;font-size: 16px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666; position: relative; } .ny-pro ul>li.ny_pro_nav1.on>h3 a { color: #fff; } .ny-pro ul>li.ny_pro_nav1:hover>h3 { background: url(../images/ny_cpico1.png) no-repeat right center #76b52e; } .ny-pro ul>li.ny_pro_nav1:hover>h3 a { color: #fff; } .ny-pro ul>li.ny_pro_nav1>ul { display: none; } .ny-pro ul>li.ny_pro_nav1.on>ul { display: block; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 h3 { height: 50px; font-size: 16px; line-height: 50px; padding-left: 54px; padding-right: 40px;background: #fff; font-weight: normal; position: relative;border-bottom: 1px solid #f5f5f5; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2:hover h3 a { color:#76b52e;} .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 h3 a { color: #454545; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2.on h3 a{ color: #76b52e; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 h3::after {content: ""; width: 8px; height: 8px; border: 2px solid #b8b8b8;border-style: solid solid none none; position: absolute; top: 50%; right: 32px; margin-top: -4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2:hover h3::after { border: 2px solid #76b52e;border-style: solid solid none none; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2.on h3::after { border: 2px solid #76b52e;border-style: solid solid none none; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul { overflow: hidden; display: none; } .ny-pro ul>li.ny_pro_nav1.on>ul li.ny_pro_nav2.on ul { display: block; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3 a { display: block; line-height: 45px; border-bottom: 1px dashed #ddd; padding-left: 65px; position: relative; color: #333; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3:hover a { color: #76b52e; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3.on a { color: #76b52e; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3 a::after { position: absolute; content: ''; width: 5px; height: 5px; display: block; border: 1px solid #999; border-radius: 50%; left: 50px; top: 19px; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3:hover a::after { border: 1px solid #76b52e; } .ny-pro ul>li.ny_pro_nav1>ul li.ny_pro_nav2 ul li.ny_pro_nav3.on a::after { border: 1px solid #76b52e; } .ny-pro .sub{ margin-top: 10px;} .ny-pro ul dl dt a span{ margin-left: 0;} .ny-pro ul dl dd h4{margin-left: 0;background: none;height: 36px;text-align: initial;} .ny-pro ul dl dd h4 a{ font-size: 16px; line-height: 36px; padding-top: 0;} .ny-pro ul dl dd h4 a span{color: #666;padding-left: 40px;} .t05 a{color:#fff; font-size:14px} .contactn .subnr {overflow:hidden; padding:5px 8px; width:204px; font-size:14px; line-height:30px;margin-bottom: 10px;} .jiathis_txt{ float: left; display:inline-block; line-height:28px; } .sidebar .sb_box_pro{ float:right; width:910px; overflow:hidden; border:1px solid #dedede;} .ny-pro h4{padding:20px 0; padding-left: 84px;background: #76b52e url(../images/tit6-1-d.png) 30px center no-repeat;} .ny-pro h4 a{font-size: 22px;color: #fff;} .ny-pro h4 span {display: block;font-size: 14px;color: rgba(255,255,255,.3);text-transform: uppercase;font-weight: 400; margin-top: 1px;} .ny-pro h4 p{ font-size: 12px !important;} /* /*产品列表推荐新闻*/ .news-tj-nyprolist { overflow: hidden; margin-top: 15px;} .news-tj-nyprolist h4 { padding-left: 12px;height: 36px; line-height: 36px; color: #fff; background: #76b52e; font-weight: bold; } .news-tj-nyprolist ul { margin: 10px 0; overflow: hidden; } .news-tj-nyprolist ul li { height: 28px; line-height: 28px; padding: 0 15px 0 10px;width: 47%;float: left;overflow: hidden; } .news-tj-nyprolist ul li a { font-size: 14px; color: #666; } .news-tj-nyprolist ul li:hover a { color: #76b52e; text-decoration: underline; } .news-tj-nyprolist ul li:hover span { color:#76b52e; } .RandomNews1{padding: 0px 0px;margin: 0 auto;width: 1200px;} .RandomNews1 h4{padding-left: 40px;height:36px;line-height:36px;color:#00ae5f;background: url(../images/new_ico1.gif) #f5f5f5 no-repeat 8px;font-weight: bold;margin-top: 20px;font-size: 15px;} .RandomNews1 li{height:28px;line-height:28px;padding:0 17px 0 10px;width: 573px;float:left;overflow:hidden;} .RandomNews1 li a{background:url(../images/ico55.gif) no-repeat 0 5px;padding-left:12px;text-decoration: none;} .RandomNews1 li:hover a{ color:#00ae5f;} .RandomNews1 li:hover span{ color:#00ae5f;} .RandomNews1 ul{padding: 10px 0px;} .right .RandomNews1 .news_random{border:1px solid #ccc;border-top:none;background:#fff;} .right .RandomNews1 ul{padding-top:8px;border:1px solid #ccc;border-top:none;margin-bottom:15px;width:762px;background:#fff;} .nypro-tj { overflow: hidden;float: left; margin-bottom: 15px; padding: 0px 20px; } .nypro-tj .cp02_t1 {width: 846px; clear: both;margin: 15px 0; position: relative; background-color: #f3f3f3;height: 45px;overflow: hidden;} .nypro-tj .cp02_t1 h2 {display: block;padding: 0px 30px;height: 45px;line-height: 45px;font-size: 18px;border-bottom: 0;color: #76b52e;font-weight: bold;float: left;border-top: 2px solid;background: #f7f7f7;} .nypro-tj .nypro-tuijian ul li {margin-right: 15px; float: left; width: 270px; overflow: hidden; border: 1px solid #ddd; } .nypro-tj .nypro-tuijian ul li:hover { border: 1px solid #76b52e; } .nypro-tj .nypro-tuijian ul li:hover p a{ color: #76b52e; } .nypro-tj .nypro-tuijian ul li:nth-child(3) { margin-right: 0px; } .nypro-tj .nypro-tuijian ul li a { overflow: hidden; } .nypro-tj .nypro-tuijian ul li a img { width: 100%; padding: 1px; overflow: hidden;} .nypro-tj .nypro-tuijian ul li p { line-height: 32px; font-size: 16px; color: #666; text-align: center;} /*内页位置*/ .ninde{width: 1200px;height: 45px;margin: 0 auto;line-height: 45px;font-size: 14px;color: #666;border-bottom: 1px solid #ccc;left: 0;z-index: 9999;border-top: 1px solid #ccc;margin-top: 20px;} .ninde em{/* border-left: 4px solid #ccc; */padding-left: 25px;background: url(../index/ditubiao.png) no-repeat 0px 1px;} .ninde a{color: #666;} .top_lanmu{height: 54px;} .top_lanmu .n_show_1{width: 1200px;margin:0 auto;margin-top: 20px;margin-bottom: 20px;} .top_lanmu .n_show_1 .neiye_show{ } .top_lanmu .n_show_1 .neiye_show a{color: #fff;line-height: 54px;font-size: 16px;float: left;text-decoration: none;background: #666;margin-right: 4px;} .top_lanmu .n_show_1 .neiye_show a li{border-right: 1px solid #e0dfdf;margin-right: 0px;width: 166px;height: 54px;float: left;text-align: center;} .top_lanmu .n_show_1 .neiye_show a:hover li{ background:#76b52e; color:#fff;} /*.neiye_show ul li.on {background: #76b52e;color: #fff;}*/ .top_lanmu .n_show_1 .neiye_show a li.cur{background-color:#76b52e;} /*联系我们*/ .tit {font-size: 30px;text-align: center;margin: 30px 0;background: url(../index/nylxbt.png) no-repeat center -12px;} .wmen { color: #12c4ae } .chi { margin-bottom: 5px; font-weight: bold; color: #000; letter-spacing: 4px; } .eng { text-transform: uppercase; font-weight: 100; font-size: 16px;} .contactus ul {/* height: 180px; */margin: 0 auto;margin-top: 20px;} .contactus ul li {border-bottom: 1px solid #e9e9e9;float: left;height: 45px;line-height: 45px;padding: 0px 30px;width: 530px;font-size: 16px;margin: 10px 0;} .contactus ul li p{padding: 0 20px;} .ysti { color: #2e2e2e } .clear{ clear: both;} .hls{ color: #485a81; } .blk-main { width: 100%; } .blk { margin: 0 auto 20px auto;} .content1 { width: 1200px; margin: 0 auto;} .p12-aboutinfo-1-nr {padding: 0 10px!important;width: 1200px;margin: 0 auto;} .p12-aboutinfo-1-tit {display: none; } .contactus .c1{background:url(../images/nydianhua.png) left top no-repeat;} .contactus .c2{background:url(../images/nycz.png) left top no-repeat;} .contactus .c3{background:url(../images/neqq.png) left top no-repeat;} .contactus .c4{background:url(../images/nyyx.png) left top no-repeat;} .contactus .c5{background:url(../images/nydizi.png) left top no-repeat;} .tp_img{ width: 1200px; margin: 0 auto; } .demoTitle { text-align:center; font-size:30px; font-weight:bold; color:#c00; text-shadow:1px 1px 0 #fff; margin:60px 0 40px; border-bottom:1px dashed #999;border-top:1px dashed #999; padding:20px 0; background:#EEE; } #demo1 { margin:0 auto; } #psWraper { background:#eee; padding:10px 0; margin-top:80px; border-top:1px dashed #999; } #psText { padding-bottom:10px; margin-bottom:20px; border-bottom:1px dashed #bebebe; } #psText samp { font-weight:bold; font-size:14px; letter-spacing:0.1em; } #psText samp a { color:#06F;letter-spacing:0.1em; } #psText h2 { font-size:20px; margin:10px auto; } #psText p { padding:10px 0; line-height:25px; letter-spacing:0.1em; } #psText ul { margin:10px auto; } #psText ul li { line-height:25px; line-height:25px; letter-spacing:0.1em; } #ps { width:800px; margin:0 auto; padding:30px 0; } #ps h1 { padding-bottom:20px; text-shadow:1px 1px 0 #fff; color:#c00; font-size:23px; font-weight:bold; } #ps h2 { line-height:20px; text-shadow:1px 1px 0 #fff; padding:10px 0; } #ps h1 p { display:inline; font-size:16px; font-weight:bold; color:#666; margin-left:20px; } #ps dl { padding-left:0; padding-bottom:40px; } #ps dl dt,#ps dl dd { height:30px; line-height:30px; font-size:13px; text-shadow:1px 1px 0 #fff; } #ps dl dt { padding-left:10px; } #ps dl dd { color:#ff6600; text-shadow:1px 1px 0 #fff; } #ps dl dd span {color:#900; margin-right:50px; letter-spacing:0.01em; padding-left:10px;} .TmpStyle { margin:50px auto; } body { overflow-x:hidden; } .jcSlider {width: 1004px;position:relative;height: 654px;/*background:url(../img/sliderbg.png) no-repeat;*/padding: 8px;margin-bottom: 10px !important;margin-top: 10px !important;} .imgHide {width:1000px;height:650px;overflow:hidden;position:relative;border:2px solid #ccc;box-shadow: 0px 4px 5px 1px #ccc;} .imgList {position:absolute; top:0; left:0; z-index:1;} .imgList li { position:absolute; left:0; top:0; height:650px; width:1000px; list-style:none; display:none; overflow:hidden; } .imgNum { position:absolute; left:0; top:0; z-index:2; display:none; } .imgNum dd { width:14px; height:14px; float:left; list-style:none; cursor:pointer; margin:0 3px; overflow:hidden; } .imgNum dd a { display:block; height:14px; width:14px; text-indent:-999em; overflow:hidden; text-align:center; line-height:14px; } .imgNum dd a:hover,.imgNum dd.select a { background-position:0 -14px; } .imgPrev,.imgNext { position:absolute; left:0; top:10px; z-index:3; display:block; cursor:pointer; height:650px; width:40px; } .imgPrev { background:url(../index/navigation-previous.png) no-repeat left center;} .imgNext { background:url(../index/navigation-next.png) no-repeat right center;} /*.n_cont{padding: 0 10px;} .n_cont dl {width: 100%;padding-top: 28px;height:170px;border: 1px solid #dfdfdf;background: #fff;position: relative;margin: 15px 0;} !*.n_cont dl:first-child { border-top: 1px solid #dfdfdf;}*! .n_cont dt {width: 220px;height: 140px;float: left;margin-left: 22px;overflow: hidden;} .n_cont dt img {display: block;transform: scale(1);transition: all 2s ease-out;width: 220px;height: 140px;} .n_cont dl:hover dt img { transform: scale(1.2); width:220px; height:125px;} .n_cont dd {width: 600px;height: 135px;position: relative;margin-left: 28px;float: left;} .n_cont dd h3 { font-size: 20px; font-weight: normal; width: 650px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .n_cont dd h3 a { color: #000000; text-decoration: none;} .n_cont dd p { font-size: 13px; color: #666666; line-height: 24px; margin-top: 17px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .n_cont dd .label { font-size: 12px; color: #999999; display: block; padding-left: 26px; position: absolute; left: 0; bottom: 0; background: url(../images/newsList_icon03.png) no-repeat left center; line-height: 16px;} .n_cont dd .label a:hover { color: #76b52e;} .n_cont dd .rq { display: block; font-size: 13px; font-family: arial; height: 16px; position: absolute; top: 6px; right: 140px; padding-left: 24px; padding-top: 2px;} .n_cont dd .zan { display: block; font-size: 13px; font-family: arial; height: 16px; position: absolute; top: 2px; right: 74px; padding-left: 24px; padding-top: 2px; cursor: pointer } .n_cont dd .readNum { display: block; font-size: 13px; font-family: arial; height: 16px; background: url(../images/newsList_icon02.png) no-repeat left center; position: absolute; top: 5px; right: 4px; padding-left: 24px; padding-top: 2px;} .n_cont dd a.more { display: block; width: 36px; height: 36px; background: url(../images/list_circle.png) no-repeat left top; overflow: hidden; position: absolute; right: 6px; bottom: 0;} .n_cont dl:hover dd a.more { background-position: left bottom;} .n_cont dl:hover dd h3 a {color: #76b52e;} .n_cont dl:hover { box-shadow: 0 0 10px 6px #eeeeee; z-index: 99;} .mub01Title h3 { font-size: 26px; color: #1e1e1e; font-weight: bold; text-align: center;} .mub01Title h3 em {color: #76b52e;font-weight: bold;} .mub01Title h3 i { display: inline-block; height: 1px; background: #e5e5e5; width: 534px; position: relative; top: -6px;} .mub01Title h3 i.xianL { margin-right: 12px;} .mub01Title h3 i.xianR { margin-left: 12px;}*/ .subNav{ cursor: pointer; font-size: 15px; line-height: 50px; padding-left: 20px; background: url(../images/li1-a.jpg) no-repeat; margin-bottom: 1px; } .subNav a{ color: #fff; text-decoration: none; } .subNav a:hover{ color: #f3791a; } /*input*/ #nymessage form{ text-align: center; } .form-control{ /*display: block;*/ width: 38%; height: 25px; padding: 6px 12px; /*margin: 0px 0;*/ font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } #nymessage .form-group{display:flex;justify-content:center;margin:10px 0;line-height: 40px;color: #fff;} textarea.form-control{ height: auto; } .btna{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .btn-default{ color: #333; background-color: #fff; border-color: #ccc; } /*paner*/ .agent_bg .pbot{ display:block; width:50px; height:50px; position:absolute;} .agent_bg .pbot1{ background:url(../images/pbot1.png) no-repeat center; left:0;} .agent_bg .pbot2{ background:url(../images/pbot2.png) no-repeat center; right:0;} /*.agent_bg .paner{ padding-top:10px; padding-bottom:57px;}*/ .agent_bg .pcont{ position:relative; margin-top:38px; width:1100px; margin:0 auto;} .agent_bg .pcont ul{ overflow:hidden; width:856px; margin:0 auto;} .agent_bg .pcont .bd{ overflow:hidden; width:856px; margin:0 auto;} .agent_bg .pcont li{ float:left; width:200px; height:130px; margin:0 7px;} .agent_bg pcont li img{ border:2px solid #e5e5e5; display:block;} .agent_bg .pcont .pbot{ top:40px;} /* 在线客服 */ .diyos {position:fixed;width:54px;right:0;top:35%;z-index:999999999;} .diyos ul{position:relative;list-style: none;margin: 0;padding: 0;} .diyos ul li {width: 54px;height: 54px;background: #76b52e;float: left;position: relative;border-top:1px solid #333;z-index:1;} .diyos ul li:first-child{ border-top:0;} .diyos ul li:hover{ background:#76b52e;} .diyos ul li .sidebox, .diyos ul li .semail {position: absolute;width: 54px;height: 54px;top: 0;right: 0;color: #fff;font-size:14px;line-height:54px;overflow: hidden;background:#76b52e;} .diyos ul li .sidetop {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li.sideewm {width: 54px;height: 54px;line-height: 54px;display: inline-block;} .diyos ul li .sideewmshow{width: 150px;position:absolute; top:0; left:-151px; z-index:120; display:none;max-width:none;border: 1px solid #e5e5e5;} .diyos ul li.sideewm:hover .sideewmshow{ display:block;} .diyos ul li img {float: left;} .retract{position:absolute;left:-36px;top:50%;margin-top:-30px;width:36px;height:60px;background:url(../images/djt.png) no-repeat center right #76b52e;border-radius: 30px 0 0 30px;box-shadow: -2px 0 7px 0 rgb(0 0 0 / 50%);cursor:pointer;} .loadont{position: absolute;right: 0;top: 0;background: #76b52e;color: #fff;width: 20px;text-align: center;padding: 10px;font-size: 16px;line-height: 20px;box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);cursor:pointer;display:none;} /*面包屑*/ .location{width: 100%;height: 45px;border-bottom: 1px solid #eee;} .location span{display:block;line-height: 45px;font-size: 14px;background: url(../images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666;} .location span a{color: #666;} .location span a:hover{color: #76b52e;} /*内页样式*/ .inside{padding:20px 0;background: #ececec;} /*.bgf5{background:#ececec;}*/ .nocontect{background-image: url(../images/error.png);background-repeat: no-repeat;background-position: 10px 10px;height: 100px;padding-top: 40px;padding-left: 120px;font-size: 14px;} /* marqueeleft */ .marqueeleft{height:136px;width:474px;overflow:hidden;margin:40px auto;} .marqueeleft ul{float:left;} .marqueeleft li{float:left;margin:0 5px;display:inline;width:148px;height:133px;overflow:hidden;} .marqueeleft li .pic{display:block;border:#ccc 1px solid;width:135px;height:104px;padding:2px;overflow:hidden;} .marqueeleft li .txt{text-align:center;height:23px;line-height:23px;} /*鍐呴〉宸︿晶*/ .pro_lny{ width:220px; float:left;} .pro_lny h4{ height:60px; line-height:60px; background:#76b52e;} .pro_lny h4 a{ font-size:18px; color:#fff; margin-left:20px;} /* .active1{ border:1px #ddd solid;} */ .ny_cptj{ margin-top:20px;} .contactn h5 a{ font-size:18px; color:#fff; margin-left:20px;font-weight: bold;} /*.pro_l h5{ height:60px; line-height:60px; background:#76b52e;}*/ /*内页右侧内容*/ .nyshow{width:840px;float:right;background-color: white;border: 1px #ddd solid;} .nyshow-til{line-height: 40px;height: 40px;border-bottom: 1px #ccc solid;margin: 10px 15px;} .nyshow-til>h1, .nyshow-til>h2{float: left;padding-right:15px;text-indent: 25px;height: 40px;line-height: 40px;border-bottom: 2px #76b52e solid;color: #76b52e;font-size: 18px;font-weight: bold;position:relative;} .nyshow-til>h1::before, .nyshow-til>h2::before{content:'';position:absolute;left:0;top:50%;margin-top: -15px;width:6px;height:30px;background:#76b52e ;} .nyshowdesc{font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;padding: 0 15px;} .nyshowdesc img{max-width:100%;height:auto !important;} .nyshow-til span{float: right;} .nyshow-til span{display:block;line-height: 45px;font-size: 14px;background: url(../images/location.png) no-repeat 0 15px;text-indent: 20px;color: #666;} .nyshow-til span a{color: #666;} .nyshow-til span a:hover{color: #76b52e;} /*推荐新闻*/ .nyhotnews{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin: 0 15px 0 15px;} .nyhotnews>h3{float: left;width: 150px;text-indent: 30px;height: 40px;line-height: 40px;border-bottom: 2px #76b52e solid;color: #76b52e;font-size: 18px;font-weight: bold;background:url(../images/new_ico1.gif) no-repeat left;} .nyhotnews-list{margin:10px 15px;overflow:hidden;} .nyhotnews-list li{width:50%;float:left;font-size: 14px;line-height: 30px;padding: 0 15px;background: url(../images/iyuan.png) no-repeat left;background-size: 8px;box-sizing:border-box;} .nyhotnews-list li a{float:left;width:250px;color:#333;} .nyhotnews-list li span{float:right;color:#666;} .nyhotnews-list li:hover{background: url(../images/iyuan_on.png) no-repeat left;background-size: 8px;} .nyhotnews-list li:hover a{color:#76b52e;} /*视频列表*/ .nyvideo-ul{overflow:hidden;} .nyvideo-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyvideo-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyvideo-div a img{display:block;max-width: 100%;width: 311px;} .nyvideo-div a.nyvideo-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyvideo-div:hover a{border-color:#0280f6;color:#0280f6;} /*视频详情*/ .showvideo-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showvideo-top>h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .showvideo-time{text-align:center;} .showvideo-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showvideo-time span:last-child{margin-right:0;} .showvideo-mp{margin-bottom:20px;text-align:center;} .showvideo-mp video, .showvideo-mp iframe{max-width:800px;} .showvideo-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showvideo-con img{max-width:100%;height:auto !important;} /*下载列表*/ .nydown-list{margin-bottom:20px;} .nydown-list table{width:100%;text-align:center;} .nydown-list table thead{background:#0280f6;color:#fff;font-size:16px;line-height:2;} .nydown-list table tbody{line-height:1.6} .nydown-list table tbody tr td{color:#666;} .nydown-list table tbody tr td:first-child{color:#333;} /*下载详情*/ .showdown-top{margin-bottom:20px;} .showdown-top>h1{font-size: 18px;margin-bottom:10px;color:#333;font-weight:bold;padding-left:20px;} .showdown-top>ul{padding:10px;background:#f6f6f6;} .showdown-top>ul>li{border-bottom: 1px solid #eee;font-size:12px;color:#666;margin-bottom:5px;line-height:20px;} .showdown-top>ul>li:last-child{margin-bottom:0;} .showdown-top>ul>li>span{padding: 0px 10px;margin-right: 5px;} .showdown-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showdown-con img{max-width:100%;height:auto !important;} /*图片列表*/ .nyimg-ul{overflow:hidden;} .nyimg-ul li{width:33.33%;float:left;padding:0 10px;margin-bottom:20px;box-sizing:border-box;} .nyimg-div a{display:block;border:1px solid #ddd;padding:2px;overflow:hidden;} .nyimg-div a img{display:block;max-width: 100%;width: 311px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;} .nyimg-div a.nyimg-a{padding:0 10px;border:none;line-height:25px;text-align:center;} .nyimg-div:hover a{border-color:#0280f6;color:#0280f6;} .nyimg-div:hover a img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);} /*图片详情*/ .showimg-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin-bottom:15px;} .showimg-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin:10px 0;} .showimg-time{text-align:center;} .showimg-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .showimg-time span:last-child{margin-right:0;} .showimg-img{margin-bottom:15px;text-align:center;} .showimg-img img{max-width:100%;} .ctitle{margin-bottom:15px;} /*.ctitle h3{padding-left:20px;background: url(../images/dt-7.gif) no-repeat left center;line-height:30px;border-bottom: 1px dotted #ccc;color:#666;font-weight:bold;}*/ .showimg-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;} .showimg-con img{max-width:100%;height:auto !important;} /*新闻列表*/ .nynews-ul{overflow:hidden;} .nynews-ul li{margin: 0 15px 15px 15px;} .nynews-ul li a{overflow: hidden;display: block;} .nynews-ul li a dl{overflow: hidden;border: 1px solid #ddd;padding:15px;width:100%;box-sizing:border-box;} .nynews-ul li a dl dt{float:left;box-shadow: 0 0 5px 0 rgb(0 0 0 / 20%);} .nynews-ul li a dl dt img{display: block;width: 180px;} .nynews-ul li a dl dd{float: left;width: 560px;/*margin-top: 20px;*/margin-left: 30px;} .nynews-ul li a dl dd h5{width: 460px;float: left;font-size: 18px;line-height: 32px;font-weight: normal;color: #333;} .nynews-ul li a dl dd em{float: right;height: 30px;line-height: 30px;font-size: 14px;color: #999;} .nynews-ul li a dl dd p{line-height: 20px;font-size: 14px;margin-top: 15px;height: 40px;color:#666;float: left;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .nynews-ul li a dl dd span{width: 135px;border: 1px solid #ddd;line-height: 35px;height: 35px;font-size: 16px;color: #666;margin-top: 10px;float: right;display: block;text-align: center;} .nynews-ul li a:hover dl{border:1px solid #76b52e;} .nynews-ul li a:hover dl dt{box-shadow: 0 0 5px 0 rgb(2 128 246 / 80%);} .nynews-ul li a:hover dl dd h5{color:#76b52e;} .nynews-ul li a:hover dl dd span{border: 1px solid #76b52e;background: #76b52e;color: #fff;} /*新闻详情*/ .shownews-top{padding-bottom: 10px;border-bottom: 1px solid #f0f2f5;margin: 7px 15px;} .shownews-top h1{line-height: 1.5;color: #333;text-align: center;font-size: 26px;margin-bottom: 5px;} .shownews-time{text-align:center;} .shownews-time span{font-size: 14px;color: #a3afb7;margin-right: 10px;} .shownews-time span:last-child{margin-right:0;} .shownews-con {font-size: 16px;line-height: 1.8;text-align:justify;margin-bottom:20px;padding: 0 15px;} .shownews-con img{max-width:100%;height:auto !important;} /*产品列表*/ .nypro-ul{overflow:hidden;} .nypro-ul li{width:258px;/*margin-right:25px;margin-bottom:25px;*/ margin:0 11px 25px 9px;float:left; border: 1px solid #d3d3d3;} /*.nypro-ul li *{transition: 0.3s all ease-in-out;}*/ .nypro-ul li:nth-child(3n){margin-right:0;} .nypro-ul li a{display:block;position:relative;} .nypro-ul li a .nypro-img{overflow:hidden;position:relative;} .nypro-ul li a .nypro-img img{width:100%;display:block;} /*.nypro-ul li a .nypro-img .nypro-hov{position:absolute;top:100%;width:100%;height:100%;opacity:0;background:url(../images/nyproico.png) no-repeat center rgba(2,128,246,0.6);}*/ .nypro-ul li a .nypro-txt{width: 100%;position: relative;z-index: 4;padding: 5px 0 0;background: #f5f5f5;} .nypro-ul li a .nypro-txt p{padding: 0 20px;font-size: 18px;line-height: 36px;height: 36px;font-weight: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #444;text-align: center;} .nypro-ul li a .nypro-txt span{font-size: 13px;display: block;height: 25px;line-height: 25px;padding: 0 20px; color: #777;font-weight: 100;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /*.nypro-ul li a:hover .nypro-img .nypro-hov{top: 0;opacity: 1;}*/ .nypro-ul li a:hover .nypro-txt{background:#fff;} .nypro-ul li:hover{border-color:#76b52e;} .headliner img:nth-child(1){margin-top: 40px; margin-left: 102px;} .headliner img:last-child{margin-top: 40px; margin-right:112px;} .headliner span{margin-left: -22px;color: #0287cc;font-weight: 800;font-size: 40px;} .headliner p {margin-left: 338px;} /*产品详情*/ .nyproshow-top{overflow:hidden; margin: 0 15px;} .nyproshow-top>dt{padding-bottom: 15px;float:left;width:402px;} /*bigzoompic*/ #MagnifierWrap2{position:relative;} .MagnifierMain{position: relative;padding: 0 14px;} .MagnifierMain img{width: 100%;display:block;height: 300px; border: 1px solid #bcbcbc; padding: 2px;} .MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;} .MagnifierPop{position: absolute;top:0;overflow: hidden;background:#fff url(../images/loading.gif) no-repeat center center; } .MagnifierImg{position: absolute;top:0; left: 0;} .spec-items{position: relative;width: 344px;height: 90px;overflow: hidden;margin: 10px auto 0;} .spec-items ul{width: 500%;position: absolute;top: 20px;left: 0;} .spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .spec-items li{width: 80px;float: left;overflow: hidden;margin-right: 5px;border: 1px solid #ccc;cursor: pointer;margin-top: -12px;} .spec-items li.on{border:1px solid #0287cc;} .spec-items li img{width: 100%;display:block;} span.spe_leftBtn,span.spe_rightBtn{position: absolute;bottom: 0px;display: block;width: 20px;height: 80px;line-height: 80px;font-family: "黑体";text-align: center;font-size: 30px;color: #ddd;cursor: default;background-color: #f9f9f9;} span.on{background-color: #fff;color: #999;cursor: pointer;} span.spe_leftBtn{left: 0;} span.spe_rightBtn{right: 0;} .nyproshow-txt{float:left;width: 380px;margin-left: 28px;z-index:1;} .nyproshow-txt>h1{font-size: 20px;color: #333;border-bottom: 1px dashed #bbbbbb;padding: 2px 0 10px;line-height: 32px;margin-bottom:10px;} /*产品参数*/ .nyproshow-info{line-height:1.8;color:#666;margin-bottom:20px;} .showpro-tel{overflow:hidden;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px 0;} .showpro-telx{float:left;line-height:40px;} .showpro-telx img{float:left;margin-right:12px;} .showpro-telcon{float:left;} .showpro-telcon p{float:left;color:#666;margin-bottom:0;} .showpro-telcon span{float:left;color:#333;font-size:24px;font-family: arial;} .showpro-tel a{float:left;display:block;line-height:40px;padding:0 20px;background:#76b52e;color:#fff;border-radius: 10px;} .showpro-tel a i{margin-right:5px;} .showpro-tel a:hover{background:#034ad8;} .showpro-con{margin-top: 20px;padding: 0 15px;} .showpro-con ul{border-bottom: 1px solid #ccc;line-height: 40px;margin-bottom: 10px;overflow:hidden;} .showpro-con ul li{text-align: center;padding:0 24px;font-size: 16px;background: #e6e6e6;color:#333;float: left;margin-right: 10px;cursor: pointer;} .showpro-con ul li.on{background: #76b52e;color:#fff;} .showpro-con ul li:last-child{margin-right: 0;} .showpro-details{font-size: 14px;line-height: 1.8;overflow: hidden;} .showpro-details .showpro-det{display:none;min-height:100px;margin-left: 34px;} .showpro-details div{margin-bottom: 15px;} .showpro-details img{max-width: 100%;height:auto !important;} .pr_form .form-group{display: flex;justify-content: left;margin: 10px 25px;} /*相关产品*/ .nyaboutpro{line-height: 40px;height: 41px;border-bottom: 1px #ccc solid;margin: 0 15px;} .nyaboutpro>h3{float: left;width: 150px;text-indent: 15px;height: 40px;line-height: 40px;border-bottom: 2px #1f98e4 solid;color: #0280f6 ;font-size: 18px;font-weight: bold;/*background:url(../images/nyaboutproico.png) no-repeat left;*/} #abprolist{/*margin:20px 0;*/} #abprolist li{padding:0 15px;} #abprolist li a{display:block;} #abprolist li a .abpro-img{padding:2px;border:1px solid #ccc;} #abprolist li a .abpro-img img{display:block;max-width:100%;} .en #abprolist li a .abpro-img {padding: 0px;} #abprolist li a p{margin-top:5px;line-height:30px;height:30px;text-align:center;background:#ccc;padding:0 10px;color:#333;} #abprolist li a:hover .abpro-img{border-color:#0280f6;} #abprolist li a:hover p{background:#0280f6;color:#fff;} /*标签*/ .pro_key {line-height: 35px;font-size: 15px;color: #333;font-weight: bold;} .pro_key a{font-size: 14px;background: #9e9c9c;padding: 2px 6px;color:#fff;font-weight: normal;text-decoration: none;} .pro_key a:hover{background:#0853a1;} /*分享按钮*/ .jiathis{ padding:8px 5px; height:35px; line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;} .jiathis .jiathis_txt{float: left;} /*上下页按钮*/ .ny-page{overflow: hidden;margin-bottom:30px;} .ny-pagea{width:50%;float:left;padding:0 10px;box-sizing:border-box;} .ny-page a{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 8px 12px;border: 1px solid #e4eaec;transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;max-width: 80%;} .ny-page a:hover{border-color: #e4eaec;background-color: #f3f7f9;} /*搜索模块*/ .nysearch-ul{overflow: hidden;} .nysearch-ul li.nysearch-li{padding: 0 0 15px 0;/*margin-bottom: 25px;*/border-bottom: 1px dashed #333;overflow:hidden;margin: 10px 20px;} .nysearch-til>a{line-height: 14px;color: #fff;vertical-align: baseline;white-space: nowrap;display: inline-block;background: #2b55af;margin-right: 5px;position: relative;top:0;padding: 4px 6px;} .nysearch-til>a .nysearch-arrow{position: absolute;width: 0;height: 0;vertical-align: top;top: 7px;right: -4px;border-left: 4px solid #000;border-top: 4px solid transparent;border-bottom: 4px solid transparent;border-left-color: #2b55af;} .nysearch-til>h2{display: inline;font-size: 19px;margin: 0;font-weight: bold;position: relative;top: 1px;line-height: 25px;} .nysearch-con p.nysearch-desp{color: #666;font-size: 14px;line-height: 23px;margin: 5px 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;} .nysearch-date {color: #333;line-height: 20px;font-size: 12px;} .nysearch-date span{color: #999;} .nysearch-date p{float: left;margin: 0;} .nysearch-date i{margin-right: 5px;} .nysearch-con a.nysearch-more{position:relative;left:0;color: #ffffff;font-size: 13px;width:100px;height:30px;line-height:30px;background: #999;margin-top: 10px;display: block;border-radius: 20px;float:left;text-align: center;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;-ms-transition: 0.5s all;} .nysearch-con a.nysearch-more:hover{background: #2b55af;left:10px;} .p1-pro-showcase-1-tle { margin-left: 0px; margin-top: 24px; } .p1-pro-showcase-1-tle .p1-pho-1 { /* background: url(images/VISkins-p1.png) no-repeat 0 -3px; */ min-height: 40px; /* padding-left: 44px; */ font-size: 26px; line-height: 30px; margin-right: 50px; color: #1f98e4; } .p1-pho-1 span { display: block; font-size: 18px; line-height: 30px; color: #333; float: left; font-weight: blod; } .p1-pho-1 i { font-style: normal; float: left; color: #1f98e4; } .p1-pho-2 em { display: block; width: 120px; height: 32px; background: #1f98e4; font-size: 16px; font-style: normal; color: #ffffff; text-align: center; line-height: 32px; border-radius: 5px; } /*手机样式*/ .m-header, .m-nav, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location,.ny_body,.g-bd,.g-nynav,.ninde,.m-text{display:none;} @media (max-width: 768px){ html, body{max-width: 640px;min-width: 320px;margin: 0 auto;overflow-x: hidden;position: relative;} body{padding-bottom: 50px;} *{box-sizing:border-box;} .htop, .hcont, .sticky-wrapper, .navBox, #banner, .search, .about, #countup, .product, .news, .footer, .fcopy,.RandomNews1,.diyos,.texten,.location{display:none;} .nyhotpro,.bgf5,.ninde,.nyjc-til,.yin,.proMain,#banner1_bg,#adv_bg,.wrkc,.zxkc,.xc_bj,.newbox,.f_bj,.link,.pro_l,.rtop,#productlist,#showproduct,#imglist,#showimg,#newslist,#shownews,.m-img,.topnew{display:none;} /* .pro_bg,.pwht,.about_sy,.newss{display:none;} */ /* .en .top {height: 58px;} */ .en .top{height: 90px; } .en .logo {margin-top: 0;margin: 0 12%;} /* .clearfix{display:none;} */ .en .clearfix{display:block;} .prohot,.products{display: none;} /* .prod,.yyly,.sy-ys,.sy-about,#gundong,.news_bg,.ft-ft{display:none;} */ .m-header, .m-nav, .g-adv, .m-main, .m-fewm, .m-fbtn, .m-location,.ny_body,.g-bd,.g-nynav,.m-text{display:block;} .container{width:100%;} /* -- 页面整体布局 -- */ /*导航*/ .m-nav{ height:5.875rem; overflow:hidden; background:#0853a1; position:relative;} .m-nav:before{content: '';position: absolute;width: 100%;left: 0;top: 50%;border-bottom: 1px solid #aaa;} .m-nav a{display: block;float: left;width: 25%;font: 1rem/2.92rem "microsoft yahei";height: 2.92rem;color: #fff;text-align: center;border-right: 1px solid #aaa;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;} .m-nav a:nth-child(4n){border-right: none;} .m-nav a:hover{color:#fff;} /*.m-nav a:nth-child(2){font-size: 13px;}*/ .m-header{overflow: hidden;/*padding-bottom: 10px;*/ padding: 12px 9px;} .m-header h1{text-align: center;padding:3px;} .m-header h1 img{width: 36%; max-width: 100%;vertical-align: middle;float: left;/*border-right: 1px solid #ddd;*/} .en .m-header h1 img {display: none;} /* .en .m-header h1 img {visibility: hidden;} */ .m-header .m-slogan{color: #393939;text-align: center;} .m-header .m-slogan p{font-size: 1.2rem;} .m-header .m-slogan span{font-size: 1rem;} .em #showtext em { font-size: 16px; } .m-header .m-dpgone p{font-size: 15px; font-weight: bold;line-height: 0px;text-align: center;padding: 0 15px;} .m-header .m-dpgone span{font-size: 14px;color: #666;margin-top: 10px;font-weight: bold;float: left;} .m-header .m-dpgone {display: block;float: left;padding: 15px 0;background: url(../images/htphone.png) no-repeat left center;} .content{width: 100%;} .inner{width: 100%;padding-top:0px;} .inner_fl{width: 100%;} .sidebar{margin: 0;} .showabout{margin-right:0px;line-height: 25px;overflow: hidden;min-height: 600px;color: #666;padding: 0 10px;} .showabout img{max-width: 100%;} /*ban轮播广告*/ .g-adv{overflow:hidden;} .g-adv img{ display: block;width: 100%;} /*标题*/ .m-title>h2{font-size:1.5rem;color:#000000;text-align:center;font-weight: bold;} .m-title>.mabout_tit{font-size: 1.2rem;} .m-title>p{font-size:1rem;color:#666;text-align:center;} /*产品中心*/ .g-pro{padding:20px 0;background: #ffffff;} .g-pro .wlist{display: flex;flex-wrap: wrap;align-content: flex-start;margin-top:20px;} .g-pro .wlist li{flex:1} .g-pro .wlist li a{display:block;line-height:40px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#ffffff;text-align:center;border: 1px solid #E5E5E5;} .g-pro .wlist li.z-on a{background:#76b52e;color:#fff;border:1px solid #76b52e;} .g-pro .wcont{padding:5px;} .g-pro .wcont li{width:50%;float:left;padding:5px;} .g-pro .wcont li a{display:block;} .g-pro .wcont li a img{width:100%;border:1px solid #ddd;} .g-pro .wcont li a p{line-height:30px;padding:0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} .headliner img:nth-child(1){margin-top: 15px; margin-left: -79px;} .headliner img:last-child{margin-top: 15px; margin-right:-79px;} .headliner span{margin-left: 100px;color: #0287cc;font-weight: 800;font-size: 20px;} .headliner p {margin-left: 45px;} .choo,.newMain,.slideGroup{display: none;} .m-main .g-pro>ul{display: none;} /* .main {display: none;} */ /* .g-advantage {display: none;} */ /* .g-about {display: none;} */ /*优势*/ .g-advantage{ overflow: hidden; margin-bottom: 2.87rem; } .g-advantage h2{ text-align: center; font-size: 1.5rem; color: #282828; background: url(../images/advantage_title_bg.jpg) no-repeat center 0; background-size: 100%; height: 5.34rem; padding-top: 1.7rem; } .g-advantage h2 span{ color: #004ea1; font-size: 19px; font-family: "Arial"; font-weight: bold; } .g-advantage h2 .madv_en{ font-size: 1.5rem; } .g-advantage h2 b{ display: block; font-size: 0.9rem; color: #666; } .g-advantage .con{ width: 100%; display: inline; float: left;} .g-advantage p{ /*height: 18.33rem;*/ overflow: hidden;} .g-advantage p img{ width: 100%; display: block;height: 161px} .g-advantage dl{ overflow: hidden; margin: 0 6.25% 1.25rem 3.125%; } .g-advantage dt{ font-size: 1.1rem; font-weight: bold; color: #393939; margin-bottom: 0.2rem; height: 3.5rem; padding-left: 14%; line-height: 3.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .g-advantage dt span{ display: block; font-size: 1.75rem; text-transform: uppercase; color: #333; font-weight: normal;} .g-advantage .advantage1 dt{ background: url(../images/advantage_title1.jpg) no-repeat center 0.3rem; background-size: 100% 3.17rem;} .g-advantage .advantage2 dt{ background: url(../images/advantage_title2.jpg) no-repeat center 0.3rem; background-size: 100% 3.17rem;} .g-advantage .advantage3 dt{ background: url(../images/advantage_title3.jpg) no-repeat center 0.3rem; background-size: 100% 3.17rem;} .g-advantage .advantage4 dt{ background: url(../images/advantage_title4.jpg) no-repeat center 0.3rem; background-size: 100% 3.17rem;} .g-advantage .advantage5 dt{ background: url(../images/advantage_title5.jpg) no-repeat center 0.3rem; background-size: 100% 3.17rem;} .g-advantage dd{ margin-left: 13%; overflow: hidden; } .g-advantage dd li{ background: url(../images/advant_icon.jpg) no-repeat 0 center; background-size: 0.25rem 0.208rem; font-size: 1rem; line-height: 2rem; color: #666666; padding-left: 4%; border-bottom: 1px dashed #e5e5e5; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } .g-advantage dd li:last-child{ border-bottom: none;} .g-advantage dd li i{ color: #004ea2;} .g-advantage .m-cnt{ height: 0.5rem; margin-top: 0.5rem; text-align: center; padding-left: 14%; } .g-advantage .m-cnt li{ width: 18%; height: 0.5rem; background: #c8c8c8; display: inline-block; float: left; margin-right: 5%; } .g-advantage .m-cnt li.z-on{ background: #3a8acd; } #showtext table td{float: left;} .sidebar .sb_box{width: 100%;} .sb_box .active{max-width: 100%; padding: 0 10px;vertical-align:middle;} /*关于我们*/ .g-about{margin-bottom:20px;} .g-about-box{margin-top:20px;} .g-about-box img{width:100%;display:block} .g-about-txt{margin-top:20px;padding:0 10px;text-align:center;} .g-about-txt h3{text-align: center;font-size: 1.2rem;font-weight: bold;color: #282828;margin-bottom: 0.5rem;} .g-about-txt div{/*text-indent: 30px;*/ color: #242424;font-size: 1rem;/*height: 15rem;*/line-height: 1.5rem;overflow: hidden;margin-bottom:10px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;text-align:justify;} .g-about-txt p{text-indent: 2em;color: #333;} .g-nynav {background: #0853a1;} .about-btn{margin:20px auto 0;display: inline-block; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #f0f0f0; border: 1px solid transparent; border-radius: 4px;} /*留言*/ .form-control{width:70%;height: 35px;} #showtext{padding: 10px;} #showtext img{max-width: 100%;width: 100%;} /* #showtext p{color: #ffffff;} */ .lxtop{margin-top: 0;} .lxtop .on{padding: 10px;} .lxfsnr li{width: 100%;margin: 0 0 20px 0;} .lxfsnr li p{font-size: 12px;} .Separate{font-size: 24px;margin: 15px auto;} .lxfsnr li{border-right: none;} .lxfsnr li p span { padding-left: 12px; } .ny-newsdesc{ /* background: #000; color: #fff; */padding: 0px 0 1px 0} /* .header {background: #313131;} */ /*365体育亚洲唯一官网入口欢迎您*/ .m-new{overflow: hidden;padding-bottom:20px;} .n_q{ height: 3.17rem; line-height:3.17rem; overflow: hidden; background: #f0f0f0; margin-bottom: 1rem;display:flex;} .n_q li{flex:1;font-size: 1rem;color: #393939; font-weight: normal;text-align: center; height: 3.17rem; box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; } .n_q li.z-on{ font-weight: bold; color: #ffffff; background: #0853a1;} .m-new .con{ float: left; display: inline; width: 100%;} .n_c ul{ padding: 0 3.9%;} .n_c ul li{ padding-left: 1.25rem; height:2.46rem; line-height: 2.46rem; font-size: 1rem; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative;} /* .n_c ul li:before{ content: ''; width: 0.33rem; height: 0.33rem; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 1rem; left: 0;} */ .n_c ul li a{ display: block; float: left; width: calc(100% - 150px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1;} /*尾部二维码*/ .m-fewm{text-align:center;padding:10px} .m-wx{display:inline-block;font-size:0;margin: 0 5px;} .m-wx img{width:120px;} .m-wx p{font-size:12px;margin-top:5px;} /*底部按钮*/ .m-fbtn{position:fixed;bottom:0;overflow: hidden;z-index: 999;width: 100%;background: #0853a1;text-align: center;display:flex;min-width: 320px;max-width: 640px;} .m-fbtn a{flex:1;padding:7px 0;color:#fff;} .m-fbtn a i{font-size:16px;display:block;} .m-fbtn a span{display:block;line-height:20px;} /*内页面包屑导航样式 开始*/ .m-btit { line-height: 35px; padding-left: 12px; font-size:14px; color:#666; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-top:1px solid #d9d9d9; box-shadow:0 1px #fff; position:relative; /* background-color:#272727;; */ /* background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eaeaea)); */ /* background-image: -webkit-linear-gradient(top, #f6f6f6, #eaeaea); */ /*背景渐变,针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变,针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变,针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变,针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f6f6f6, #eaeaea); /*背景渐变,正常的写法*/ border-bottom:1px solid #d9d9d9; } /*内页面包屑导航背景*/ .m-btit:before{content:""; /*配合:before这个属性,写 before的时候一定要加上去*/ position:absolute; left:0; top:0; width:100%; border-top: 1px solid #fff;} /*内页面包屑导航背景上面的线条*/ .m-btit a{color:#666;} .m-btit span{ padding:0 8px; position:relative; height:100%; top:3px; left:-2px; display:inline;} .m-btit span:before{content:""; /*配合:before这个属性,写 before的时候一定要加上去*/ position:absolute; background:#7c7c7c; width:8px; height:8px; left:2px; top:3px; z-index:10; -moz-transform: rotate(45deg); /*角度45度,针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度,针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度,针对苹果浏览器写的兼容*/ transform: rotate(45deg);} /*角度45度,内页面包屑箭头样式*/ .m-btit span:after{content:""; /*配合:before这个属性,写 before的时候一定要加上去*/ position:absolute; width:8px; height:8px; left:1px; top:3px; z-index:11; background-color:#f2f2f2; background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#eeeeee)); /*针对苹果老式浏览器写的兼容*/ background-image: -webkit-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变,针对苹果浏览器写的兼容*/ background-image: -moz-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变,针对火狐浏览器写的兼容*/ background-image: -o-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变,针对欧朋浏览器写的兼容*/ background-image: -ms-linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变,针对手机微软浏览器写的兼容*/ background-image: linear-gradient(top, #f2f2f2, #eeeeee); /*背景渐变,正常的写法*/ -moz-transform: rotate(45deg); /*角度45度,针对火狐浏览器写的兼容*/ -o-transform: rotate(45deg); /*角度45度,针对欧朋浏览器写的兼容*/ -webkit-transform: rotate(45deg); /*角度45度,针对苹果浏览器写的兼容*/ transform: rotate(45deg); } /*角度45度,内页面包屑箭头样式*/ /*内页面包屑导航样式 结束*/ /*内页导航*/ /* .g-nynav{background:#f3f3f3;} */ .g-nynav ul{display: flex;flex-wrap:wrap;align-content: flex-start;} .g-nynav ul li{/*flex:1;*/width: 25%;} .g-nynav ul li.cur{/*border-bottom:2px solid #76b52e;*/} .g-nynav ul li.cur a {/*color:#76b52e;*//* background-color:#313131;color: #fff; */} .g-nynav ul li a{color: #fff;display:block;text-align:center;line-height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .g-nynav ul li.on a{border-bottom:2px solid #76b52e;color:#76b52e; } /*内页简介页面*/ .ny-aboutcon{margin-top:10px;padding: 0 10px;line-height:1.6} .ny-aboutcon img{max-width:100%;height: auto !important;} /*内页图片列表*/ .ny-imglist{padding:10px 0;} .ny-imglist>h1{font-size:1.2rem;text-align:center} .ny-imgbox{} .ny-imgbox ul{overflow:hidden;padding:5px;} .ny-imgbox ul li{padding:5px;width:50%;/*min-width:30%;*/float:left;} .ny-imgbox ul li a{display:block;} .ny-imgbox ul li a img{display:block;width:100%;border:1px solid #ddd;/*height:145px;*/} .ny-imgbox ul li a h3{padding:0 5px;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;} /*内页图片详情*/ .ny-imgdesc>h1{font-size: 1.4rem;text-align: center;padding: 15px 5px;/* color: #3a8acd; */} .ny-imgdescimg{width: 90%;margin: 0 auto;text-align: center;} .ny-imgdescimg img{max-width:100%;margin:0 auto;} .ny-imgdesctxt{margin: 8px 10px;} .ny-imgdesccon{line-height:1.6;padding:10px;} .ny-imgdesccon img{max-width:100%;height:auto !important;} .ny-imgdesccon video{max-width:100%;height:auto !important;} .ny-imgdesc .jiathis_style{margin: 8px 15px;} .ny-imgdesc .jiathis_txt{float: left;margin-top: 5px;} /*内页产品中心*/ .ny-prolist{padding:10px 0;} .ny-prolist>h1{font-size:1.2rem;text-align:center} .ny-prolist>dl{padding:10px 0;} .ny-prolist>dl>dt{background:#f4f4f4;margin-top:10px;} .ny-prolist>dl>dt .twodh{padding:10px 10px 10px 20px;font-size:18px;font-weight:bold;background:#f8f8f8;border-bottom:1px solid #00ae5f;} .ny-prolist dl dt .proseries{line-height: 40px;margin-left:30px;font-size:16px;padding-left: 30px;position: relative;display:block;} .ny-prolist dl dt .proseries::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #76b52e;} .ny-prolist>dl>dd{padding:5px;overflow:hidden;} .ny-prolist>dl>dd>proseries{float:left;display:block;width:33.33%;padding:5px;} .ny-prolist>dl>dd>proseries:nth-child(n+4){display:none} .ny-prolist>dl>dd>a>img{max-width:100%;display:block;margin:0 auto;border:1px solid #eee;} .ny-prolist>dl>dd>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .ny-prolist>ul{padding:10px 5px;overflow:hidden;} .ny-prolist>ul>li{float:left;width:50%;min-width:30%;padding:5px;} .ny-prolist>ul>li>a{display:block;} .ny-prolist>ul>li>a>img{display:block;max-width:100%;margin:0 auto;border:1px solid #eee;} .ny-prolist>ul>li>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .dsd{overflow:hidden;background:white;padding:5px;} .dsd>li{float: left;display: block;width: 50%;padding: 5px;} .dsd>li>a>img{ max-width: 100%;display: block; margin: 0 auto; border: 1px solid #eee;} .dsd>li>a>h4{font-size: 0.8rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 30px;} /* .dsd>li:nth-child(n+4){ display: none;}*/ /*内页产品详情*/ .ny-procon{margin: 0 2px;} .ny-procon>h1{font-size:1.4rem;text-align:center;padding:15px 5px;color:#76b52e;} .ny-proconimg{width: 90%;margin: 0 auto;text-align: center;} .ny-proconimg img{max-width:100%;margin:0 auto;} .ny-proconinfo{margin-top:15px;} .ny-proconinfo dd{padding:10px 10px 0;line-height:20px;} .ny-procontxt{margin:15px 0;} .ny-procondesc{line-height:1.6;padding:10px} .ny-procondesc img{max-width:100%;height:auto !important;} .ny-procon .ny-page{margin: 10px 0; } .ny-procon .ny-title{border-bottom: 1px solid #ddd;line-height: 20px;} .ny-procon .jiathis_txt{float: left;} /* .ny-procon {background: #000000;} */ .ny-prolist{padding:10px 0;/* background: #000; */} .ny-prolist>h1{font-size:1.2rem;text-align:center;color: #000000;} .ny-prolist>dl{padding:10px 0;} .ny-prolist>dl>dt{padding-left: 15px;background:#0853a1;} .ny-prolist>dl>dt>a{line-height: 40px;font-size:16px;padding-left: 15px;position: relative;display:block;color: #fff;} .ny-prolist>dl>dt>a::before{content:'';position: absolute;left: 0;top: 50%;margin-top: -7px;width: 2px;height: 16px;background: #ffffff;} .ny-prolist>dl>dd{padding:5px;overflow:hidden;} .ny-prolist>dl>dd>a{float:left;display:block;width:50%;padding:5px;} .ny-prolist>dl>dd>a:nth-child(n+5){display:none} .ny-prolist>dl>dd>a>img{max-width:100%;display:block;margin:0 auto;border:1px solid #eee;} .ny-prolist>dl>dd>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .ny-prolist>ul{padding:10px 5px;overflow:hidden;} .ny-prolist>ul>li{float:left;width:50%;padding:5px;} .ny-prolist>ul>li>a{display:block;} .ny-prolist>ul>li>a>img{display:block;max-width:100%;margin:0 auto;border:1px solid #eee;} .ny-prolist>ul>li>a>h4{font-size:0.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;line-height:30px;} .sb_box #flip {display: none;} /*t推存新闻*/ .m-hotnews{ line-height: 40px; margin: 10px; display: none; } .m-hotnews>h3{background: url(../images/new_ico1.gif) no-repeat left 10px top 10px;padding-left:45px;font-size:18px;border-bottom:2px #3a8acd solid;color:#3a8acd;font-weight: bold;width: 150px;} .m-hotnews ul{padding: 0 3.9%;} .m-hotnews-list li{ width: 100%; padding-left: 15px; height: 40px; line-height: 40px; font-size: 14px; font-family: "microsoft yahei"; overflow: hidden; border-bottom: 1px dashed #e0e0e0; position: relative; margin: 5px 0; } .m-hotnews-list li a{ float: left; width: calc(100% - 150px); } .m-hotnews ul li:before { content: ''; width: 5px; height: 5px; border-radius: 1rem; background: #a9a9a9; position: absolute; top: 17px; left: 0; } .m-hotnews-list li span{font-size: 14px;color: #c1c1c1;float: right;} .sb_box .active .m-text{margin-bottom: 10px;} /*内页新闻列表*/ .RandomNews li {width: 369px;} .RandomNews { padding: 0px 7px; } .ny-newslist{padding-top:10px;/* background: #000; */} .ny-newslist ul{padding: 0 10px;} .ny-newslist ul li{margin-bottom:10px;border:1px solid #ddd;padding:10px;} .ny-newslist ul li h4{line-height:25px;font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .ny-newslist ul li p{line-height:20px;color:#666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .ny-newslist ul li span{color:#999;font-size:12px;} /*内页新闻详情*/ .ny-newsdesc>h1{font-size: 1.4rem;text-align: center;padding: 15px 5px 0;/* color: #ffffff; */} .ny-newsdesccon{line-height:1.6;padding:10px 15px;} .ny-newsdesccon img{max-width:100%;height:auto !important;} .ny-newsdesc .jiathis_style{margin: 5px 15px;} .ny-newsdesc .jiathis_txt{float:left;} /*留言*/ /*.bd_form{ text-align: center; }*/ .form-group{display:flex;justify-content:center;margin:10px 0;} /*内页主体*/ .inside{padding:0;margin-bottom:20px;} .nynav{width:100%;background: #f3f3f3;} .nyjc{margin-bottom:0;} #sidebar{padding: 0px;background: transparent;border: none;display: flex;flex-wrap: nowrap;align-content: flex-start;} #sidebar li{margin-top: 0px;flex:1;} /*#sidebar li a{line-height: 40px;height: 40px;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-left: 25px;background: url(../images/liBg2.png)no-repeat 168px center}*/ .nyshow{width:100%;border:none;} .nyshowdesc{margin-top: 10px;padding: 0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;overflow-x: auto;} .nyshowdesc>div{width:100% !important;} .nyshowdesc table{white-space: nowrap;} .nyhotnews>h3{background: url(../images/nyhotnewico.png) no-repeat left 10px top 10px;padding-left: 10px;} .nyhotnews-list li{width:100%;background:none;border-bottom: 1px dashed #ddd;} .nyhotnews-list li a{width:calc(100% - 90px);} .ny-page a{padding:8px;font-size:12px;} .nyshowdesc .map_img img{display: none;} /*图片模块*/ .nyimg-ul{margin-top:20px;} .nyimg-ul li{width:50%;margin-bottom:10px} .nyimg-div a.nyimg-a{font-size:12px;} .showimg-top{margin-top:20px;} .showimg-top h1{font-size:20px;} .showimg-time span{font-size:12px;} .showimg-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;} /*视频模块*/ .nyvideo-ul{margin-top:20px;} .nyvideo-ul li{width:50%;margin-bottom:10px} .nyvideo-div a.nyvideo-a{font-size:12px;} .showvideo-top{margin-top:20px;} .showvideo-top h1{font-size:20px;} .showvideo-time span{font-size:12px;} .showvideo-mp video, .showvideo-mp iframe{max-width:100%;} /*下载模块*/ .nydown-list{margin-top:20px;} .nydown-list table thead{font-size:14px;white-space:nowrap;} .nydown-list table th{width: 30%;} .showdown-top{margin-top:20px;} /*文章模块*/ .nynews-ul{margin-top:10px;} .nynews-ul li{padding:0 10px;margin-bottom:10px;} .nynews-ul li a dl{padding:8px;} .nynews-ul li a dl dt img{width:130px;} .nynews-ul li a dl dd{width:calc(100% - 140px);margin-top:0;margin-left:10px;} .nynews-ul li a dl dd h5{width:100%;font-size:14px;line-height:20px;} .nynews-ul li a dl dd em{height: 18px;line-height: 18px;font-size: 12px;} .nynews-ul li a dl dd p{font-size:12px;margin-top:0;} .nynews-ul li a dl dd span{display:none;} .shownews-top{margin-top:20px;} .shownews-top h1{font-size:20px;} .shownews-time span{font-size:12px;} .shownews-con{padding:0 10px;line-height: 1.6;font-size:14px;word-break: break-all;width: 100%;} /*标签*/ .pro_key{padding:0 10px;} /*搜索模块*/ .nysearch-ul{margin-top:10px;padding:0 10px;} .nysearch-ul li.nysearch-li{padding-bottom:10px;margin-bottom:10px;} .nysearch-til>h2{font-size:16px;} /*产品模块*/ .nyprojc-til{background-size:100%;} .nyprojc-til a{padding:20px;} .nyprojc-til a span{color:#fff;} /*#sidebar1 li>a{line-height: 40px;height: 40px;} #sidebar1 li>a::before{height:40px;} #sidebar1 li>a>span{font-size:14px;} #sidebar1 li>a>i{top: 12px;} #sidebar1 li>.nypronav2{padding:5px 0;} #sidebar1 li>.nypronav2>a{font-size:12px;line-height:30px;}*/ .pro_list li{background: white;border-bottom: 1px solid #ececec;} .pro_list li>a{font-size: 14px;line-height: 45px;height: 45px;} .pro_list li>a span{font-size:16px;display: block;color: #0a0a0a;height: 100%;position: relative;z-index: 3;padding: 0 50px;background: url(../images/nyprolist_cur.png)no-repeat right;} .nypro-ul li{width:50%;margin:10px 0;padding:0 10px;box-sizing:border-box;border: none;} .nypro-ul li a .nypro-txt{padding:10px 0;} .nypro-ul li a .nypro-txt p{padding:0;font-size: 14px;line-height: 25px;height: 25px;} .nypro-ul li a .nypro-txt span{padding:0;font-size: 12px;line-height: 20px;height: 20px;} .nyproshow-top>dt{width:100%;padding:0 10px;box-sizing:border-box;margin-bottom:20px;} .spec-items{width: calc(100% - 50px);} .nyproshow-txt{width:100%;padding:0 10px;box-sizing:border-box;margin-left:0;} .nyproshow-txt>h1{font-size:18px;text-align:center;} .showpro-telcon span{font-size:20px;} .showpro-tel a{display:none;} .showpro-con ul{margin-bottom:0;} .showpro-details .showpro-det{padding:10px;} .nyaboutpro>h3{padding-left:10px;background: url(../images/nyaboutproico.png) no-repeat 10px;} } .ny-procon{} .ny-procon>h1{font-size:1.4rem;text-align:center;padding:15px 5px;color:#2d2d2d;} .ny-proconimg{width: 90%;margin: 0 auto;text-align: center;} .ny-proconimg img{max-width:100%;margin:0 auto;border: 1px solid#ddd;} .ny-proconinfo{margin-top:15px;display: none;} .ny-proconinfo dd{padding:10px 10px 0;line-height:20px;} .ny-procontxt{margin:15px 0;} .ny-procondesc{line-height:1.6;padding:10px} .ny-procondesc img{max-width:100%;height:auto !important;} @media (max-width: 768px) and (min-width:320px) { html { font-size:75%;} } @media (max-width: 768px) and (min-width:360px) { html { font-size:85%;} } @media (max-width: 768px) and (min-width:375px) { html { font-size:87.5%;} } @media (max-width: 768px) and (min-width:414px) { html { font-size:96%;} } @media (max-width: 768px) and (min-width:480px) { html { font-size:110.5%;} } @media (max-width: 768px) and (min-width:568px) { html { font-size:129%;} } @media (max-width: 768px) and (min-width:639px) { html { font-size:150%;} } /*翻页样式*/ .metpager_1{ text-align:center;} .metpager_2{ text-align:center;} .metpager_3{ text-align:center;} #flip{line-height: 25px;margin-top: 25px;} .digg4{ padding:3px; margin:3px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } /* .digg4 span {color: #ffffff;} */ .digg4 a,.digg4 span.miy{ margin:2px; text-decoration:none;} .digg4 .disabledfy{ font-family: Tahoma, Verdana;} .metpager_4 a,.metpager_4 span.miy{ border:1px solid #aaaadd; padding:2px 5px 2px 5px; color:#009;} .metpager_4 a:hover { border:1px solid #009; color:#000;} .metpager_4 a:active {border:1px solid #009; color:#000;} .metpager_4 span.current { border:1px solid #009; background-color:#009; padding:2px 5px 2px 5px; margin:2px; color:#FFFFFF; text-decoration:none;} .metpager_4 span.disabled { border:1px solid #eee; padding:2px 5px 2px 5px; margin:2px; color:#ddd;} .metpager_5 a,.metpager_5 span.miy{ border:1px solid #ccdbe4; padding:2px 8px 2px 8px; display: inline-block; } .metpager_5 a:hover { border:1px solid #2b55af; color:#fff; background-color:#2b55af;} .metpager_5 a:active {border:1px solid #009; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#2b55af; border:1px solid #2b55af; text-decoration:none;display: inline-block;} .metpager_5 span.disabled { border:1px solid #ccdbe4; padding:2px 8px 2px 8px; margin:2px; color:#999;display: inline-block;} .metpager_6{ color:#ff6500; } .metpager_6 a,.metpager_6 span.miy{ border:1px solid #ff9600; padding:2px 7px 2px 7px; background-position:50% bottom; color:#ff6500; background-image:url(../images/page/page6.jpg);} .metpager_6 a:hover { border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 a:active {border:1px solid #ff9600; color:#ff6500; background-color:#ffc794;} .metpager_6 span.current {border:1px solid #ff6500; padding:2px 7px 2px 7px; margin:2px; color:#ff6500; background-color:#ffbe94; text-decoration:none;} .metpager_6 span.disabled { border:1px solid #ffe3c6; padding:2px 7px 2px 7px; margin:2px; color:#ffe3c6;} .metpager_7 a,.metpager_7 span.miy{ border:1px solid #2c2c2c; padding:2px 5px 2px 5px; background:url(../images/page/page7.gif) #2c2c2c; color:#fff;} .metpager_7 a:hover { border:1px solid #aad83e; color:#fff;background:url(../images/page/page7_2.gif) #aad83e;} .metpager_7 a:active { border:1px solid #aad83e; color:#fff;background:urlurl(../images/page/page7_2.gif) #aad83e;} .metpager_7 span.current {border:1px solid #aad83e; padding:2px 5px 2px 5px; margin:2px; color:#fff;background:url(../images/page/page7_2.gif) #aad83e; text-decoration:none;} .metpager_7 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_8 a,.metpager_8 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#aaa;} .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 a:hover { border:1px solid #a0a0a0; } .metpager_8 span.current {border:1px solid #e0e0e0; padding:2px 5px 2px 5px; margin:2px; color:#aaa; background-color:#f0f0f0; text-decoration:none;} .metpager_8 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;} .metpager_9 a,.metpager_9 span.miy{ border:1px solid #ddd; padding:2px 5px 2px 5px; color:#88af3f; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 a:hover { border:1px solid #85bd1e; color:#638425; background-color:#f1ffd6; } .metpager_9 span.current {border:1px solid #b2e05d; padding:2px 5px 2px 5px; margin:2px; color:#fff; background-color:#b2e05d; text-decoration:none;} .metpager_9 span.disabled { border:1px solid #f3f3f3; padding:2px 5px 2px 5px; margin:2px; color:#ccc;}