@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; } a:hover { text-decoration: underline;} 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%;} .hide{display: none !important;} .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:13px; } 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;/* white-space: break-spaces; */} .contain{width: 1000px; margin: 0 auto;} .container{width:1000px;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:50px; height:50px; position:absolute;} .pbot1{ background:url(../images/pbot1.png) no-repeat center; left:0;} .pbot2{ background:url(../images/pbot2.png) no-repeat center; right:0;} /*头部*/ .header{ z-index: 100000; background: #ffffff; width: 100%; } .htop em{color: #666;font-size: 13px;}.contain .hhh { float: right; color: #666;font-size: 12px;} .contain .hhh a {margin: 12px;} .top_img2 { padding-left: 28px; background: url(../images/tb1.png) no-repeat left; } .top_img3 { padding-left: 28px; background: url(../images/tb2.png) no-repeat left; } .top_img4 { padding-left: 28px; background: url(../images/tb3.png) no-repeat left; } .htop{ border-bottom: 1px solid #e5e5e5;background: #f4f4f4; height: 30px;line-height: 30px;} .top .phone {float: right; position: relative;} .hcont .phone dl { margin-top: 20px; } .hcont .phone dl dt {padding-left: 66px;} .hcont .phone dl dd {background: url(../images/htphone.png) no-repeat left;padding-left: 68px; margin-top: -5px; } .phone p { font-size: 22px; color: #182166; font-weight: bold;} .phone span {font-size: 22px; color: #182166; font-weight: bold;} .navBox{background:url(../images/nav_bj.jpg) repeat-x; height:47px; position:relative; z-index: 9;} .hcont{background: #fff;padding: 19px 0;overflow: hidden;} /*欢迎词*/ #header{width:1100px;margin:0 auto;} .hcont .top{/* height: 130px; */ width: 1000px; margin: 0 auto;} .logo{float:left;margin-bottom: 1px;} /* .logo img {margin-top: 8px;} */ .logo dl dd {float:left; padding-left:16px; margin-top:30px; border-left:1px solid #c6c6c6;} .logo dl a {float: left; margin-top: 1px;} .logo dl { overflow: hidden;} .logo dd h1 {float: left; font-size: 16px; font-weight: normal;} .hcont .logo dd h2 { font-size:20px; color:#314aa4; font-weight:bold;} .hcont .logo dd h2 em { color: #0f8e3a; font-weight: bold;font-size: 24px;} .hcont .logo dd h1 {font-size:16px; font-weight:normal; margin-top:4px;} .hcont .dphone { float: right; position: relative;} .hcont .dphone dl { color:#666; font:16px/19px "微软雅黑"; background:url(../images/tel.gif) no-repeat 30px 6px; overflow:hidden; padding:6px 0 0 92px;} .hcont .dphone dd {font:30px Arial, Helvetica, sans-serif; display:block; color:#636363;} .hcont .dphone p span{padding: 0 10px;} .hcont .dphone p{ color:#c11e26; margin-top:5px; font: bold 16px/18px "微软雅黑"; margin:5px 0 0 0;} .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;} .w1211{width:1200px; overflow:hidden; margin:0 auto; margin-bottom:20px;} /*友情链接*/ .liswk { height:35px; line-height:35px; padding:10px;} .liswk h3{ font-size:18px; color:#FFF; float:left; margin-right:20px;font-weight: bold;} .link_bg{ height: 80px;line-height: 80px;} .link_t{background: url(../images/0097.png)no-repeat center left;height: 80px;} .link_t1{padding-left: 28px;font-size: 18px;} .nav li{float: left; top: 0px; transition: 0.2s all ease-in-out; padding-right: 0px;} .navBox .container>ul>li:last-of-type { background: none;} .nav li a{display:block; height:47px; line-height:47px; padding:0 17px; font-size:15px; color:#fff; text-decoration:none; z-index: 1113;} .navBox .nav .lmbj { width: 230px; background: url(../images/toubian1.png) no-repeat 15px; background-color: #40ceda;} .navBox .nav .lmbj a {color: #fff;font-size: 17px;} .en .nav li a {font-size: 13px; width: auto;text-transform: uppercase;} .nav li:hover a{background: #e00904;} .nav li.cur a{ background: #e00904;} .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 { margin-bottom: 10px; margin-top: -1px; position: absolute; z-index: 2; width: 100%; background: rgba(8,83,161,.8); display: none;} .navBox .container>ul>li dl a dd { line-height: 40px; text-align: center; font-size: 15px; border-bottom: 1px solid #dedede; color: #ffffff; /* border-bottom: 1px solid #dedede; */} /* .navBox .container>ul>li dl a dd:hover{color: #67a81d;} */ .navBox .container>ul>li:hover dl { display: block;} .navBox .container>ul>li dl a {padding: 0;} .erji_menu { display: none; width: 100%; position: absolute; left: 0; background: #fff; z-index: 11111; } .erji_menu .page{ width:1200px; margin:auto;} .erji_menu > .page > .fl { display: block; padding: 90px 0; width: 200px; } .erji_menu > .page > .fl:before,.erji_menu > .page > .fl::before{ content: ''; display: block; width: 60px; height: 3px; background: #be1a24; margin-bottom: 20px; } .erji_menu > .page > .fl > strong{ font-size: 22px; display: block; color: #be1a24; line-height: 30px; } .erji_menu > .page > .fl > a{ display: block; width: 120px; border: 1px solid #be1a24; text-align: center; line-height: 30px; color: #be1a24; font-family: arial; border-radius: 50px; margin-top: 20px; text-transform: uppercase; } .erji_menu > .page > .fr {width: 1200px;height: 250px;padding: 40px 0;} .erji_menu > .page > .fr > ul{ float: left; padding: 0 30px; } .erji_menu.product_list_nav > .page > .fr > ul{width: 130px;padding:0 10px;text-align: center;height: 130px;} .erji_menu > .page > .fr > ul img{width: 100%;display: block;height: auto;transition:0.3s all ease-in-out;padding: 2px;border: 1px solid #ccc;} .erji_menu > .page > .fr > ul a:hover img{ width: 130px; } .erji_menu > .page > .fr > ul > strong{ display: block; } .erji_menu > .page > .fr > ul > strong a{font-size: 15px;font-weight: 100;color: #be1a24;display: block;line-;line-height: 20px;ng-bottom: 5px;} .erji_menu.product_list_nav > .page > .fr > ul > strong a{ color: #444; } .erji_menu > .page > .fr > ul > li > a{ display: block; line-height: 24px; color: #666} .erji_menu .divnews_tag li,.erji_menu .divdgweb2_tag li { float: none !important; width: 220px !important; } .erji_menu .divnews_tag li span, .erji_menu .divdgweb2_tag li span { color: #666; } /*轮播图*/ /* #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:20px;font-size:0;} #banner .swiper-pagination-bullet{ width: 48px; height: 8px;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;} #banner {/* margin-top: 13px; */} .sige { height: 172px; background: #f2f2f2; } .sige .sg1 { width: 970px; float: right; background: url(../images/sigebj.png) no-repeat 10px; height: 172px; } .sige .sg1 ul li { float: left; margin-top: 48px; width: 200px; margin-left: 40px; } .sige .sg1 .ck { float: left; padding-top: 10px; } .sige .sg1 .ck h2 { font-size: 15px; margin-bottom: 20px; font-weight: bold; } .sige .sg1 .ck h2 a { text-decoration: none; } .sige .sg1 .ck p { text-align: center; width: 86px; height: 28px; background: #40ceda; line-height: 28px; border-radius: 10px; word-spacing: -1.5px; } .sige .sg1 .ck p a { color: #fff; text-decoration: none; } .sige .sg1 ul li img { float: right; } .hide {display:none;} .menuNav {float:left;width: 230px;z-index:9999;margin: 0px 9px 0px 0px;position: absolute;} .menuNav h2 {height:39px;margin-top:0px;text-indent:-9999px;cursor:pointer;} .navlist {position:absolute;left:0;top:50px;width: 230px;border-bottom:0;border-left:0;} .navlist dl {position:relative;width: 230px;height: 35px;line-height: 35px;} .navlist dl dt {position:absolute;font-size:13px;z-index:2; border-bottom: 1px dashed #999;} .navlist dl dt a {display:block;width: 202px;padding-left:28px;font-size:14px;height: 35px;background: url(../images/xfb.png) #333333bd no-repeat 12px;line-height: 35px;color: #fff;text-decoration: none;} .navlist dl dt a p{ float:right; padding-right:10px; display:none;} .navlist dl dt a.on {font-weight:700;color:#666; background:#FFF;border-bottom:1px solid #DDDDDD;} .navlist dl dt.icon03 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dt.icon04 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dt.icon05 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dt.icon06 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dt.icon07 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dt.icon08 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dt.icon09 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dt.icon10 a.on {background:#333333a8;color:#FFF; font-weight:normal;} .navlist dl dd {display:none;position:absolute;left: 230px;width: 900px;border:1px solid #DDDDDD;background:#FFF;z-index:999;height: 600px;} .navlist dl dd .sideleft {float:left;width: 620px;} .navlist dl dd .sideright {float:right;width: 260px;background: #f8f8f8;height: 628px;} .sideleft {display:inline;float:left;padding-top:6px;padding-left:20px;background:#fff;padding-bottom:20px;border-right:1px solid #fbf1d8;} .sideleft h3 {width:370px;height:24px;line-height:24px;font-size:12px;font-weight:700;color:#000;} .sideleft li {display:inline;float:left;width:370px;margin-right:5px;border-top:1px solid #f6efe6;} .sideleft li.noline {border-top:none;height: 455px;} .sideleft li b {float:left;} .sideleft li div {float:left;width: 598px;margin-bottom:10px;} .sideleft li div a,.sideleft li div a:visited {float:left;margin: 8px 8px 0 0;+margin-top:10px;padding:0 0 0 10px;white-space:nowrap;border-left:1px solid #d1d1d1;height: 16px;line-height: 16px;color:#000;width: 260px;text-decoration: none;} .sideleft li b {font-weight:normal;color: #333;border:none;border-left: 4px solid #ccc;padding-left: 20px;} .sideleft li b a,.sideleft li b a:hover{font-weight:normal;color: #333;border:none;font-size: 16px;text-decoration: none;} .sideleft li b a:hover{font-weight:bold;} .sideleft li div a:hover {color:#40ceda;text-decoration:underline; text-decoration:none;} .sideright {position:absolute;right:0;top:0;} .sideright h3 {height:28px;line-height:28px;padding-top:5px;padding-left:10px;font-size:12px;font-weight:700;color:#000;} .sideright li {display:inline;float:left;margin-left:14px;overflow:hidden;height: 160px;padding-top: 20px;border-bottom: 1px solid #ccc;} .sideright li p{ padding-right:10px; font-size:14px;} .sideright li a,.sideright li a:visited {color:#666; margin-top:20px;} .sideright li a p{ width:80px; height:26px; background:#40ceda; line-height:26px; text-align:center; color:#fff; border-radius:5px; } .sideright li a:hover {color:#fff;text-decoration:none;} .menv301 {top:0px;} .menv302 {top:-35px;} .menv303 {top:-70px;} .menv304 {top:-105px;} .menv305 {top:-140px;} .menv306 {top:-175px;} .menv307 {top:-210px;} .menv308 {top:-245px;} .menv309 {top:-280px;} .menv3010 {top:-315px;} .menv3011 {top:-350px;} .menv3012 {top:-385px;} .menv3013 {top:-420px;} .menv3014 {top:-455px;} .menv3015 {top:-490px;} .menv3016 {top:-525px;} .menv3017 {top:-560px;} .menv3018 {top:-595px;} .menv3019 {top:-630px;} .menv3020 {top:-665px;} .menv3021 {top:-700px;} /*搜索*/ .search{ border-bottom: 1px dashed #e5e5e5; height: 51px;} .search .gjc{ width: 600px; overflow: hidden; float: left; height: 51px; line-height: 51px; font-size: 13px; } .search .gjc span{float: left;color: #666;font-size: 13px; margin-right: 3px;} .search .gjc a{ font-size:13px;} .search .sc{ float:right; margin-top:12px;} .search .sc form{ display: flex;} .search .sc .tt{ float: left; width: 234px; height: 25px; line-height: 25px; padding: 0 10px; background: none; border: 1px solid #e8e8e8; font-size: 13px;color: #a1a0a0; outline: none;} .search .sc .s_bt{ border: 0px; float: left; width: 50px; height: 27px; line-height: 27px; text-align: center; font-size: 13px; color: #fff; text-decoration: none; /* border-radius: 0 10px 10px 0; */ margin-right: 7px;background: #DF0804;} .search .chaxun { width: 960px; height: 56px; float: right; background: #fff;} .tuijian{background: #f2f2f2;padding-top: 20px;height: 620px;} .tuijian h2{ text-align: center; margin-bottom: 20px; font-size: 24px;font-weight: bold;} .tuijian .tj{background: #fff;height: 570px;} .tuijian .tj span{ width: 480px; height: 480px; float: left; margin-top: 30px; margin-left: 15px; margin-right: 10px;} .tuijian .tj span a img{width: 480px;height: 480px;border: 1px solid #ccc;} .tuijian .tj span p{ height: 40px; line-height: 40px; text-align: center;} .tuijian .tj span p a{ font-size: 18px;} .tuijian .tj .tjbz{padding-top: 30px;} .tuijian .tj .tjbz li{float: left;height: 260px;width: 220px;margin-right: 10px;} .tuijian .tj .tjbz li img{width: 220px;height: 220px;border: 1px solid #ccc;} .tuijian .tj .tjbz li p{ text-align: center; height: 30px; line-height: 30px;} .tuijian .tj .tjbz li p a{ font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cp1{background: #f2f2f2;height: 606px;padding-top: 1px;} .cp1 .title{height: 60px;} .cp1 .title h2{float:left;line-height: 60px;font-size: 20px;font-weight:normal;} .cp1 .title h2 em{ font-weight: bold; color: #40ceda;font-size: 20px;} .cp1 .title h2 a{ text-decoration: none; font-weight: bold; font-size: 18px; padding-left: 6px; } .cp1 .title a{ text-decoration: none; float:right;line-height: 60px;font-size: 14px;} .cp1 .cp_xia{ float: left; } .cp1 .cp_xia .cp_zuo{float: left;} .cp1 .cp_xia .cp_zuo img{} .cp1 .cp_xia .cp_you{float: left;width: 910px;height: 546px;background: #fff;} .cp1 .cp_xia .cp_you ul li{float: left;margin-bottom: 4px;padding-left: 8px;margin-top: 10px;} .cp1 .cp_xia .cp_you ul li:nth-child(4n) { margin-right: 0;} .cp1 .cp_xia .cp_you ul li img{ width: 215px; height: 215px; border:1px solid #ccc;} .cp1 .cp_xia .cp_you ul li p{ text-align: center; height: 40px;} .cp1 .cp_xia .cp_you ul li p a{ line-height: 40px; font-size: 14px; text-decoration:none; display: block; width:215px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cp1 .cp_xia .cp_you ul li p a:hover{ color:#40ceda} .cp2{background: #f2f2f2;height: 606px;padding-top: 1px;} .cp2 .title{height: 60px;} .cp2 .title h2{float:left;line-height: 60px;font-size: 20px;font-weight: normal;} .cp2 .title h2 a{ text-decoration: none; font-weight: bold; font-size: 18px; padding-left: 6px; } .cp2 .title h2 em{ font-weight: bold; color: #155d95;font-size: 20px;} .cp2 .title a{ text-decoration: none; float:right;line-height: 60px;font-size: 14px;} .cp2 .cp_xia{ float: left;} .cp2 .cp_xia .cp_zuo{float: left;} .cp2 .cp_xia .cp_zuo img{} .cp2 .cp_xia .cp_you{float: left;width: 910px;background: #fff;height: 546px;} .cp2 .cp_xia .cp_you ul li{float: left;margin-bottom: 6px;padding-left: 10px;margin-top: 10px;width: 215px;} .cp2 .cp_xia .cp_you ul li:nth-child(4n) { margin-right: 0;} .cp2 .cp_xia .cp_you ul li img{width: 215px;height: 215px;border: 1px solid #ccc;} .cp2 .cp_xia .cp_you ul li p{ text-align: center; height: 40px;} .cp2 .cp_xia .cp_you ul li p a{ line-height: 40px; font-size: 14px; text-decoration:none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cp2 .cp_xia .cp_you ul li p a:hover{ color:#40ceda} .cp3{background: #f2f2f2;height: 606px;padding-top: 1px;} .cp3 .title{height: 60px;} .cp3 .title h2{float: left;line-height: 60px;font-size: 20px;font-weight: normal;} .cp3 .title h2 a{ text-decoration: none; font-weight: bold; font-size: 18px; padding-left: 6px; } .cp3 .title h2 em{ font-weight: bold; color: #ff633f;font-size: 20px;} .cp3 .title a{ text-decoration: none; float:right;line-height: 60px;font-size: 14px;} .cp3 .cp_xia{ float: left;} .cp3 .cp_xia .cp_zuo{float:left;} .cp3 .cp_xia .cp_zuo img{} .cp3 .cp_xia .cp_you{float: left;width: 910px;background: #fff;height: 545px;} .cp3 .cp_xia .cp_you ul li{float: left;margin-bottom: 6px;padding-left: 10px;margin-top: 10px;width: 215px;height: 250px;} .cp3 .cp_xia .cp_you ul li:nth-child(4n) { margin-right: 0;} .cp3 .cp_xia .cp_you ul li img{width: 215px;height: 215px;border: 1px solid #ccc;} .cp3 .cp_xia .cp_you ul li p{ text-align: center; height: 40px;} .cp3 .cp_xia .cp_you ul li p a{ line-height: 40px; font-size: 14px; text-decoration:none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cp3 .cp_xia .cp_you ul li p a:hover{ color:#40ceda} .cp4{background: #f2f2f2;height: 606px;padding-top: 1px;} .cp4 .title{height: 60px;} .cp4 .title h2{float: left;line-height: 60px;font-size: 20px;font-weight: normal;} .cp4 .title h2 a{ text-decoration: none; font-weight: bold; font-size: 18px; padding-left: 6px; } .cp4 .title h2 em{ font-weight: bold; color: #32c980;font-size: 20px;} .cp4 .title a{ text-decoration: none; float:right;line-height: 60px;font-size:14px;} .cp4 .cp_xia{ float: left;} .cp4 .cp_xia .cp_zuo{float: left;} .cp4 .cp_xia .cp_zuo img{} .cp4 .cp_xia .cp_you{float: left;width: 910px;height: 546px;background: #fff;} .cp4 .cp_xia .cp_you ul li{float: left;margin-bottom: 6px;padding-left: 10px;margin-top: 10px;width: 215px;} .cp4 .cp_xia .cp_you ul li:nth-child(4n) { margin-right: 0;} .cp4 .cp_xia .cp_you ul li img{width: 215px;height: 215px;border: 1px solid #ccc;} .cp4 .cp_xia .cp_you ul li p{ text-align: center; height: 40px;} .cp4 .cp_xia .cp_you ul li p a{ line-height: 40px; font-size: 14px; text-decoration:none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .cp4 .cp_xia .cp_you ul li p a:hover{ color:#40ceda} .txtMarquee-top{overflow:hidden;position:relative;width: 508px;background: #fff;} .txtMarquee-top .bd{padding: 25px 15px;} .txtMarquee-top .infoList li{ border:1px dashed #ccc; margin-top:20px; height:90px;} .txtMarquee-top .infoList .riqi{width: 86px; height:90px; text-align: center;border-right:1px dashed #ccc} .txtMarquee-top .infoList .riqi span{padding-top:18px; display: block; font-size: 30px;} .txtMarquee-top .infoList .riqi span em{position: relative; top: -8px;} .txtMarquee-top .infoList .wenzhang{font-size: 14px; padding-left:10px; padding-right:10px; width:360px; padding-top:10px; overflow: hidden; font-weight: normal; overflow: hidden;text-overflow: ellipsis;} .txtMarquee-top .infoList .wenzhang h5{ margin-bottom:6px; } .txtMarquee-top .infoList .wenzhang h5 a{ font-size:14px; font-weight: bold;} .txtMarquee-top .infoList .wenzhang p{ height:50px; font-size:13px;} .latest-designs { padding: 2em 0; /*background:#331d0f;*/ } /* 效果开始 */ .content-four{ width:1050px; margin:5px auto; } .con-four{ width: 252px; height: 230px; float: left; margin-right: 10px; margin-bottom: 15px; position: relative; overflow: hidden; cursor: pointer; } .con-four img{ width:240px; height: 200px; border: 1px #ccc solid; padding-top: 13px; padding-bottom: 13px; padding-left: 5px; padding-right: 5px; } .txt-four{ position: absolute; left: -297px; top: 0; width: 100%; height: 167px; padding-top: 60px; line-height: 45px; text-align: center; color: #fff; background:url(/images/pp.png) no-repeat; /*display: none;*/ } .txt-four h3{ font-weight: normal; } .txt-four p{ font-size: 14px; display: block; line-height: 20px; } .content-four h3 a{color:#fff;font-size:18px;font-weight: bold;font-family:'Microsoft YaHei';} .content-four p a{color:#c8000b;font-size:14px;} /* 效果结束 */ /* 新闻开始 */ .news_b{width:1030px;margin:0px auto;} .mainn{width:1030px;margin:0px auto;position: relative;height:410px;} .main_l{height:410px;/* border-top:3px #000 solid; */z-index: 600;width:320px;background: #f6f7f9;padding: 5px 10px;left:0;margin-top: 14px;} .main_ll{float:left;height:410px;/* border-top:3px #000 solid; */z-index: 600;width:300px; background: #f6f7f9;padding: 5px 10px;left:0;margin-top: 14px;} .main_l ul li a:hover{color:#ff0000;} .top_l{height:39px;background:url(/images/bt_b.jpg) no-repeat bottom;/* border-bottom:1px #000 solid; */} .top_r{height:30px;border-bottom:1px #999a94 solid;} .tit_l{font-size:24px;color:#c8000b;height:38px;width:125px;} .more_r {font-size:14px;color:#666;float:right;line-height: 42px;} .news_l{padding-top: 10px;line-height: 20px;margin-bottom: 10px;} .news_l h2 {color:#b11b19;width:208px;float:right;font-weight:bold;margin-left: 10px;font-family: "宋体";padding-top: 10px;} .news_l h2 a {color:#b11b19;} .n_l{background:url(/images/news_bg.jpg) no-repeat 1px;float:left;padding-left:15px;width:305px;line-height: 40px;font-size: 14px; font-family: "宋体";} /* main左结束 */ .main_r{float:right;height:400px;} .main_rl{width:300px;float:left;margin-right:20px;} .main_ll h4{padding-top:15px;line-height:28px;font-size:15px;padding-bottom:5px;padding-left: 4px;width: 290px;} .con_b{height:40px;background:#c8000b;} .ad_l{width:320px;height:300px;padding-top: 5px;} .main_lb{width:696px;float:left;} .news_lb{height:110px;} /* 商盟开始 */ .smbj{ /*background:#331d0f;*/ border-bottom:1px #CCCCCC solid; border-top:1px #CCCCCC solid;} @media screen and (max-width:1100px){.sm{width:100%;margin:0px auto;line-height: 30px; padding-top:15px; padding-bottom:15px;}} @media screen and (min-width:1200px){.sm{width:1200px;margin:0px auto;line-height: 30px; padding-top:15px; padding-bottom:15px;}} .sm a{color:#666;padding-right:10px;} /*title*/ .title h2{ text-align:center; font-weight:normal; font-size:34px; color:#333} .title h2 a{ color:#000;} .title em{ display:block; text-align:center; font-size:12px; color:#666; font-family:Arial; margin-bottom:5px; text-transform:uppercase; font-style: inherit; margin-top: 1px;} .title i{ display:block; margin:0 auto; width:30px; height:1px; background-color:#666;} .title.wt h2{ color:#fff} .title.wt h2 a{ color:#fff;} .title.wt em{ color:#fff;} .title.wt i{ background-color:#fff;} .eemm{z-index:999; overflow:hidden; width:185px; height:185px; padding:5px; position:fixed; left:67%; bottom:200px; margin-left:-112px; display:none; background-color:#fff; border:1px solid #ccc} .eemm img{ display:block; width:100%; height:100%;} .eemmm{ overflow:hidden; width:185px; height:185px; padding:20px; position:fixed; left:50%; top:50%; margin-left:-112px; margin-top:-112px; display:none; background-color:#fff;} .eemmm img{ display:block; width:100%; height:100%;} .eemmm span{ display:block; position:absolute; right:5px; top:5px; font-size:14px; cursor:pointer;} @media screen and (min-width:1230px){.demo-1.effect li{ position: relative; /* overflow: hidden; */ width:30%; height:auto; float: left; margin-right: 2%; margin-bottom: 10px; /*background-color: #000;*/ } ul.demo-1.effect li img{border: 1px solid #b9b9b9;} ul.demo-1.effect li { list-style: none !important; margin-left:1%; } .latest-designs li { list-style: none; } @media screen and (min-width:1000px){.youshi{width:1000px;margin:0 auto;}} .dingzhi{position: relative;} .dingzhi hr{opacity: 0.5;} .dingzhi .wll .dingnav{ text-align:center; width:100%; } .dingzhi .wll .dingnav img{ width:100%; display:block;} .dingzhi .wll .dzbox img{float: left;} @media screen and (max-width:990px){.dingzhi .wll .dzbox h5{font-size: 12px;color: #8c4d2c;float: left;margin-top: 14px;width: 70%;} .dingzhi .wll .dzbox h5 span{font-size: 12px;color: #bd0a27;margin-right:0px; }} @media screen and (min-width:1000px){.dingzhi .wll .dzbox h5{font-size: 24px;color: #8c4d2c;float: left;margin-top: 4px;width: 87%;font-weight: bold; margin-bottom: 1px; padding-bottom: 4px;} .dingzhi .wll .dzbox h5 span{font-size: 30px;color: #bd0a27;margin-right:10px; }} /*定制盒子1*/ @media screen and (max-width:990px){.dingzhi .wll .dz01{height: 200px;position: relative;} .dingzhi .wll .dz01 .dzbbox{width: 60%;margin-top: 10px;z-index: 1;position: absolute;top: 0px;left: 0px;} .dingzhi .wll .dz01 .dzbbox h5{border-bottom: 1px solid #ccd;} .dingzhi .wll .dz01 .dzbbox ul{line-height: 20px; clear:both;} .dingzhi .wll .dz01 .dzbbox ul li{margin-left: 10px;font-size: 10px;font-family: "微软雅黑";margin-top: 5px;} .dingzhi .wll .dz01 .dzboximg{position: absolute;top: 0px;right: 0px;z-index: 2; width:40%} .dingzhi .wll .dz01 .dzboximg img{ width:100%; display:block} /*定制盒子2*/ .dingzhi .wll .dz02{height: 160px;position: relative;} .dingzhi .wll .dz02 .dzbbox{width: 60%;margin-top: 0px;z-index: 1;position: absolute;top: 0px;right: 0px;} .dingzhi .wll .dz02 .dzbbox h5{border-bottom: 1px solid #ccd;margin-bottom: 20px; } .dingzhi .wll .dz02 .dzbbox ul{line-height: 20px;clear:both;} .dingzhi .wll .dz02 .dzbbox ul li{margin-left: 10px;font-size: 10px;font-family: "微软雅黑";margin-top: 5px; } .dingzhi .wll .dz02 .dzboximg{position: absolute;top: 0px;left: 0px;z-index: 2; width:40%} .dingzhi .wll .dz02 .dzboximg img{ width:100%; display:block} /*定制盒子3*/ .dingzhi .wll .dz03{height: 160px;position: relative;} .dingzhi .wll .dz03 .dzbbox{width: 60%;margin-top: 0px;z-index: 1;position: absolute;top: 0px;left: 0px;} .dingzhi .wll .dz03 .dzbbox h5{border-bottom: 1px solid #ccd;margin-bottom: 10px;} .dingzhi .wll .dz03 .dzbbox ul{line-height: 20px;clear:both;} .dingzhi .wll .dz03 .dzbbox ul li{margin-left: 10px;font-size: 10px;font-family: "微软雅黑";margin-top: 5px;} .dingzhi .wll .dz03 .dzboximg{position: absolute;top: 0px;right: 10px;z-index: 2; width:40%} .dingzhi .wll .dz03 .dzboximg img{ width:100%; display:block} /*定制盒子4*/ .dingzhi .wll .dz04{height: 160px;position: relative;} .dingzhi .wll .dz04 .dzbbox{width: 60%;margin-top: 0px;z-index: 1;position: absolute;top: 0px;right: 0px;} .dingzhi .wll .dz04 .dzbbox h5{border-bottom: 1px solid #ccd;} .dingzhi .wll .dz04 .dzbbox ul{line-height: 20px;clear:both;} .dingzhi .wll .dz04 .dzbbox ul li{margin-left: 0px;font-size: 10px;font-family: "微软雅黑";margin-top: 5px;} .dingzhi .wll .dz04 .dzbbox ul li.telimgbox{margin-left: 35px;} .dingzhi .wll .dz04 .dzboximg{position: absolute;top: -10px;left: 0px;z-index: 2; width:40%} .dingzhi .wll .dz04 .dzboximg img{ width:100%; display:block}} @media screen and (min-width:1000px){.dingzhi .wll .dz01{height: 380px;position: relative;} .dingzhi .wll .dz01 .dzbbox{width: 50%;margin-top: 100px;z-index: 1;position: absolute;top: 0px;left: 0px;} .dingzhi .wll .dz01 .dzbbox h5{border-bottom: 1px solid #ccd;} .dingzhi .wll .dz01 .dzbbox ul{line-height: 28px;} .dingzhi .wll .dz01 .dzbbox ul li{margin-left: 50px;font-size: 16px;font-family: "微软雅黑";margin-top: 5px;} .dingzhi .wll .dz01 .dzboximg{position: absolute;top: 0px;right: 0px;z-index: 2; width:50%} .dingzhi .wll .dz01 .dzboximg img{ width:100%; display:block} /*定制盒子2*/ .dingzhi .wll .dz02{height: 340px;position: relative;} .dingzhi .wll .dz02 .dzbbox{width: 50%;margin-top: 100px;z-index: 1;position: absolute;top: 0px;right: 0px;} .dingzhi .wll .dz02 .dzbbox h5{border-bottom: 1px solid #ccd;margin-bottom: 20px; } .dingzhi .wll .dz02 .dzbbox ul{line-height: 28px;} .dingzhi .wll .dz02 .dzbbox ul li{margin-left: 50px;font-size: 16px;font-family: "微软雅黑";margin-top: 5px; } .dingzhi .wll .dz02 .dzboximg{position: absolute;top: -70px;left: 0px;z-index: 2; width:50%} .dingzhi .wll .dz02 .dzboximg img{ width:100%; display:block} /*定制盒子3*/ .dingzhi .wll .dz03{height: 300px;position: relative;} .dingzhi .wll .dz03 .dzbbox{width: 50%;margin-top: 100px;z-index: 1;position: absolute;top: 0px;left: 20px;} .dingzhi .wll .dz03 .dzbbox h5{border-bottom: 1px solid #ccd;margin-bottom: 10px;} .dingzhi .wll .dz03 .dzbbox ul{line-height: 28px;} .dingzhi .wll .dz03 .dzbbox ul li{margin-left: 50px;font-size: 16px;font-family: "微软雅黑";margin-top: 5px;} .dingzhi .wll .dz03 .dzboximg{position: absolute;top: 0px;right: 30px;z-index: 2; width:50%} .dingzhi .wll .dz03 .dzboximg img{ width:100%; display:block} /*定制盒子4*/ .dingzhi .wll .dz04{height: 280px;position: relative;} .dingzhi .wll .dz04 .dzbbox{width: 50%;margin-top: 30px;z-index: 1;position: absolute;top: 0px;right: 0px;} .dingzhi .wll .dz04 .dzbbox h5{border-bottom: 1px solid #ccd;} .dingzhi .wll .dz04 .dzbbox ul{line-height: 28px;} .dingzhi .wll .dz04 .dzbbox ul li{margin-left: 50px;font-size: 16px;font-family: "微软雅黑";margin-top: 5px;} .dingzhi .wll .dz04 .dzbbox ul li.telimgbox{margin-left: 35px;} .dingzhi .wll .dz04 .dzboximg{position: absolute;top: -10px;left: 0px;z-index: 2; width:50%} .dingzhi .wll .dz04 .dzboximg img{ width:100%; display:block}} .testimonials { margin-top: 8px; padding: 4em 0; text-align:center; background: url(../images/about1.jpg) no-repeat 0px 0px; min-height: 307px; background-size: cover; } .testimonials .container { width: 377px; float: right; height: 355px; background: #c42931; } .testimonials h3 { text-transform: capitalize; color: #fff; font-size:26px; line-height: 55px; font-weight: bold; } .testimonials p { line-height: 28px; color: #fff; width: 81.7%; margin: 0 auto; font-size: 14px; } .testimonials span a{color: #fff;} @media screen and (min-width:1200px){.w1050{width:1200px;margin:0px auto;}} /* 荣誉证书 */ .wout {width: 100%;/*background:#331d0f;*/ height:210px;} @media screen and (min-width:1200px){.w1030{width:1200px;margin:0px auto;background:#fff;position: relative;top: -50px;}} .pt15 { padding-top: 15px; } .honor{color:#0141c4;font-size:18px;border-bottom:2px #cccccc solid;margin-bottom:15px;} .honor span{position:relative;top:15px;background:#fff;padding-right:25px;} .honor_b{height:225px;} /* 滚动效果 */ @media screen and (max-width:1100px){.rollBox{width:100%;overflow:hidden;padding:12px 0 5px 6px;margin:0 auto;}} @media screen and (min-width:1200px){.rollBox{width:1200px;overflow:hidden;padding:12px 0 5px 6px;margin:0 auto;}} .rollBox .LeftBotton{height:52px;width:40px;background:url(../images/ry_l.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:60px 0 0 0;cursor:pointer;} .rollBox .RightBotton{height:52px;width:40px;background:url(../images/gd_r.jpg) no-repeat;overflow:hidden;float:left;display:inline;margin:60px 0 0 0;cursor:pointer;margin-left:10px;}@media screen and (max-width:490px){.rollBox .Cont{width:75%;overflow:hidden;float:left;}} @media screen and (max-width:1100px) and (min-width:500px){.rollBox .Cont{width:85%;overflow:hidden;float:left;}} @media screen and (min-width:1200px){.rollBox .Cont{width:1100px;overflow:hidden;float:left;}} .rollBox .ScrCont{width:10000000px;} .rollBox .Cont .pic{width:210px;float:left;text-align:center;margin-right: 20px;} .rollBox .Cont .pic img{padding:4px;background:#ccc;border:1px solid #ccc;display:block;margin:0 auto;} .rollBox .Cont .pic p{line-height:26px;color:#505050;} .rollBox .Cont a:link,.rollBox .Cont a:visited{color:#000;text-decoration:none;} .rollBox .Cont a:hover{color:#f00;text-decoration:underline;} .rollBox #List1,.rollBox #List2{float:left;} .tac {text-align: center;} /**color**/ .col_f{color:#fff;} .col_3{color:#333;} .col_6{color:#666;} .col_5{color:#515151} .col_9{color:#666;margin-top: 9px;} .col_0{color:#000;} .col_r{color:#ec0000;} .col_b{color:#009bf7;} .col_8{color:#818181} .col_7{color:#666;margin-top: 5px;} .col_c8{color:#000;font-weight: bold;} .wout {width: 100%;/*background:#331d0f;*/ height:210px;} .wfixed {width: 1013px; margin: 0px auto; padding: 0px; } /* font */ .font_w {font-family: 'Microsoft YaHei'; } .font_a {font-family: 'Arial'; } .fs10 {font-size: 10px; } .fs12 {font-size: 12px; } .fs14 {font-size: 14px; } .fs16 {font-size: 16px; } .fs18 {font-size: 18px; } .fs20 {font-size: 20px; } .fs22 {font-size: 22px; } .fs24 {font-size: 24px; } .fs26{font-size:26px;} .fs28{font-size:28px;} .fs30 {font-size: 30px; } .fs32 {font-size: 32px;} .fs44{font-size:44px;} .pt30 { padding-top: 20px; } .fw {font-weight: bold; } .fn {font-weight: normal; } .pb50 {padding-bottom:20px;} margin:0 auto;position:relative;top:-35px;} .new_l h2{position: relative;/*top: -10px;*/width:100%; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .new_l h2 a{color:#000;font-size:16px;font-weight: bold;} .new_l h2 a:hover{color:#c8000b;} .new_if{line-height:25px;font-size:12px;width:100%;margin:0 auto;padding-bottom: 10px; padding-top: 10px; } .new_l h4{width:95px;height:30px;line-height:30px;margin:0 auto;border:1px #666 solid;border-radius:5px;} .new_l h4 a{font-size:14px;color:#666;display:block;} .new_l h4 :hover{background:#f7741a;color:#fff;} .bg1{background: url(../images/ab1.png) no-repeat 30px 25px;} .bg2{background: url(../images/ab2.png) no-repeat 30px 25px;} .bg3{background: url(../images/ab3.png) no-repeat 30px 25px;} .bg4{background: url(../images/ab4.png) no-repeat 30px 25px;} .yd_b span a{color:#eccf81;font-size:16px;line-height: 60px;} .yd_b span a:hover{color:000;} .kfoutbox {right: 20px;} .kfoutbox img {display:inline;border:0 none;} .kfoutbox{clear: both;position: fixed; z-index:10000;margin: 0px;} .kfoutbox .kfboxmenu{width:29px; height:180px; background:url(../images/r.gif) no-repeat;margin: 0px;} .kfoutbox .kfboxmenuleft{background:url(../images/l.gif) no-repeat;margin: 0px;} .kfoutbox .kfbox{height:auto; width:110px; overflow:hidden; font-size:12px; text-align:center; font-family:"宋体",Verdana, Geneva, sans-serif;margin: 0px;} .kfoutbox .kfbox a{text-decoration:none; color:#666666;} .kfoutbox .kfbox img{border:none;VERTICAL-ALIGN: bottom} .kfoutbox .kfbox .kf54kefuqqtop{width:110px; margin: 0px; padding: 0px;} .kfoutbox .kfbox .kf54kefuqqtop img{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqtop .kfboxclose{ width:30px; height:40px; position:absolute; top:0px; right:0px; cursor:pointer; overflow: hidden;text-align:right; } .kfoutbox .kfbox .kf54kefuqqinfo{ background:url(../images/middle.gif) repeat-y; height:25px; line-height:25px; font-weight:700; padding-right: 8px; padding-left: 8px; margin: 0px; } .kfoutbox .kfbox .kf54kefuqqbg{ background:url(../images/middle.gif) repeat-y; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; } .kfoutbox .kfbox .who{clear:both; text-align:right; font-size:9px; padding-right:10px; margin-top:5px;} .kfoutbox .kfbox .kf54kefuqqbottom{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli{ list-style-type:none; margin: 0px; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "宋体"; font-size: 12px; width: 110px; text-align: left; line-height: 22px; background:url(middle.gif) repeat-y; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli p{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetgroup{ list-style-type:none; margin: 0px; float: left; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-family: "宋体"; font-size: 12px; width: 110px; text-align: left; line-height: 22px; background:url(middle.gif) repeat-y; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetgroup p{ margin: 0px; padding: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetpicimg { text-indent: 4px; float: left; margin-left: 5px; padding: 0px; width: 30px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunettxt { text-indent: 4px; float: left; margin: 0px; padding: 0px; width: 70px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetmycode { float: left; width: 110px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; } .kfoutbox .kfbox .kf54kefuqqbg .kefu54kefunetli .kefu54kefunetpicimgcenter { float: left; text-align: center; width: 100px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 4px; margin-left: 5px; } /*底部通用*/ /*底部开始*/ .fbg { height:228px; overflow:hidden; background:url(../images/fbg.gif) repeat-x;} .f_nav { height:49px; font: bold 12px/49px "微软雅黑"; color:#767070; text-align:center;} .f_nav a { padding:0 20px; color:#ececec; display:inline-block;} .f_nav a.nobot { border:0;} .f_con { padding:32px 0 0 0; height:147px; overflow:hidden; width:1000px; margin:0 auto;} .f_con h1 { margin-left:50px;} .f_con p { color:#fff; font:13px/26px "微软雅黑"; text-align:left; padding:0 0 0 30px;} .f_con p a { color:#a4a4a4;} .f_con_wz{ width:500px; float:left;} .f_con p img { vertical-align:middle; margin:0 5px 0 0;} .code {overflow:hidden;} .code img { margin:0 15px; width:120px;} .code span { display:block; text-align:center; color:#fff; font:12px/28px "微软雅黑";} .f_con h1 a img{ margin-top:10px;} /*底部开始*/ .fbg { height:228px; overflow:hidden; background:url(../images/fbg.gif) repeat-x;} .f_nav { height:49px; font: bold 12px/49px "微软雅黑"; color:#767070; text-align:center;border: solid 1px #fff;} .f_nav a { padding:0 20px; color:#ececec; display:inline-block;} .f_nav a.nobot { border:0;} .f_con { padding:32px 0 0 0; height:147px; overflow:hidden; width:1000px; margin:0 auto;} .f_con h1 { margin-left:50px;} .f_con p { color:#fff; font:13px/26px "微软雅黑"; text-align:left; padding:0 0 0 30px;} .f_con p a { color:#a4a4a4;} .f_con_wz{ width:500px; float:left;} .f_con p img { vertical-align:middle; margin:0 5px 0 0;} .code {overflow:hidden;} .code img { margin:0 15px; width:120px;} .code span { display:block; text-align:center; color:#fff; font:12px/28px "微软雅黑";} .f_con h1 a img{ margin-top:10px;} /*产品*/ .service{width:100%; background:url(../index/347634004.jpg) center no-repeat; height:880px; padding:40px 0px;/* margin-top:40px;*/} .service_z{font-size:40px; text-align:center; font-weight:bold; color:#333;} .service_z font{color:#21ad42;} .service_z p{margin-top: -15px;} .service_z span{font-size:18px; color:#9fd6a6; font-weight:normal; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; line-height:40px;} .service_z1{font-size:14px; text-align:center; line-height:30px;} .prod_row2{height: 114px;} .prod_row2 > .col2 > a { display: block; text-align: justify; color: #21ad42; transition: 0.3s all ease-in-out; padding: 32px 0 32px 177px; font-size:22px; line-height: 30px; height:50px;} .prod_row2 > .col2 > a .en { display: block; color:#21ad42; font-weight:100; line-height:20px; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .prod_row2 > .col2 { float: left; width:240px; height: 114px; overflow: hidden;} .prod_row2 > .col2:first-child { margin-left: 0; } .prod_row2 > .col2_1 >a{ background: url(../index/576402460.png) no-repeat center; padding-left: 105px;} .prod_row2 > .col2_2 >a{ background: url(../index/1570600794.png) no-repeat center; padding-left: 110px;} .prod_row2 > .col2_3 >a{ background: url(../index/501188028.png) no-repeat center; padding-left: 110px;} .prod_row2 > .col2_4 >a{ background: url(../index/1235449613.png) no-repeat center; padding-left: 90px;} .prod_row2 > .col2_5 >a{ background: url(../index/1230991298.png) no-repeat center; padding-left: 110px;} .prod_row2 > .col2.on, .prod_row2 > .col2:hover { } .prod_row2 > .col2last { background:#fff; } .prod_row3{width:1200px; overflow:hidden; height:526px; position:relative;} .prod_row3 ul li .fl{ position: relative; padding-top:7px;} .prod_row3 ul li .fl .prod_more1{ position: absolute; display: block; text-align:left; font-size:30px; color: #454545; line-height:40px; top:45px; left:30px; } .prod_row3 ul li .fl .prod_more1 i{ display: block; width:115px; height: 1px; background:#21ad42; position: relative; top: 5px; } .prod_row3 ul li .fl .prod_more1 .en{ display: block; text-align:left; font-size:14px; text-transform: uppercase; color: #999999; font-family:Arial, Helvetica, sans-serif;} .prod_row3 ul li .fl .prod_more2 { position: absolute; display: block; bottom: 45px; left:166px; font-size:16px; color:#777; } .prod_row3 ul li .fl .prod_more2 .en { font-size: 12px; text-transform: uppercase; color: #999; display: inline-block; margin: 0 5px; } .prod_row3 .prod_list {position: absolute; } .prod_row3 .prod_list > li{ width:1200px; float: left; } .prod_row3 .prod_list > li > .fr{ width:870px;} .prod_row3 .prod_list > li > .fr .scps{ width:870px;} .prod_row3 .prod_list > li >.fr .scps ul { float:left;} .product .proright{ width:870px; float:left; overflow:hidden} .prod_row3 .prod_list > li >.fr .scps ul li{ float:left;width:250px; margin:5px 8px 0px 15px; overflow:hidden;} .prod_row3 .prod_list > li >.fr .scps ul li{ float:left; width:250px; margin:5px 8px 32px 25px; overflow:hidden;border:1px solid #d6d6d6;border:1px #ccc solid;box-shadow:-webkit-box-shadow:0 0 15px #ccc; -moz-box-shadow:0 0 15px #ccc; box-shadow:0 0 15px #ccc; } .prod_row3 .prod_list > li >.fr .scps ul li>a{ display:block; width:250x; height:188px; position:relative; overflow:hidden;} .prod_row3 .prod_list > li >.fr .scps ul li>a:hover{} .prod_row3 .prod_list > li >.fr .scps ul li>a>img{display:block;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;overflow:hidden;width:250px;height:188px;} .prod_row3 .prod_list > li >.fr .scps ul li>a>img:hover{ transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);} /*.pro_r .prc .pro li>a i{ display:block; width:235px; height:165px; position:absolute; top:0; left:0; background:url(../index/probg.png) no-repeat center; display:none;}*/ .prod_row3 .prod_list > li >.fr .scps ul li>a i img{} .prod_row3 .prod_list > li >.fr .scps ul li>a i span{} .prod_row3 .prod_list > li >.fr .scps ul li>a:hover i{ display:block;} .prod_row3 .prod_list > li >.fr .scps ul li p{ width:250px; text-align:center;margin-top:10px;line-height:35px; height:35px;overflow:hidden;;white-space: nowrap;text-overflow: ellipsis; font-size:18px;} .prod_row3 .prod_list > li >.fr .scps ul li p a{font-size:14px;} .prod_row3 img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; } .prod_row3 a:hover img {transition: all 0.5s linear; -webkit-transform: scale(1.10, 1.10); transform: scale(1.10, 1.10); -moz-transform: scale(1.10, 1.10);} .prod_row3 table td br{display:none;} .prod_row3 td a{display:block;} .prod_row3 table td span{display: block; height:35px; line-height:35px !important; font-size:18px;} .prod_row3 table td span a{line-height:35px; font-size:18px;} /*.tabcon table td span a:hover{color:#fff; background-color:#0d68ce;}*/ .prod_row3 table td{display: block; float: left; border:1px #ddd solid; padding:10px !important; margin:9px 13px; background: #fff; width: 242px; height:223px;} .prod_row3 table td:hover{ border:1px #ccc solid; box-shadow:-webkit-box-shadow:0 0 15px #ccc; -moz-box-shadow:0 0 15px #ccc; box-shadow:0 0 15px #ccc;} .prod_row3 td a{overflow:hidden;} .service_t{width:295px; height:60px; border:1px #ddd solid; text-align:center; line-height:60px; font-size:18px; margin:0 auto; margin-top:26px;} .service_t a{font-size:18px; color:#777;} /*vedioMain*/ .vedioMain{ background:url(../index/vedioBg.jpg) no-repeat center top; height:641px;} .vedioMain .container{ padding-top:60px;} .vedioMain ul{ overflow:hidden; margin-top:55px;} .vedioMain li{ margin-bottom:19px;} .vedioMain li a{ display:block; position:relative;} .vedioMain li a img{ display:block;} .vedioMain li a span{ position:absolute; top:50%; margin-top:-20px; text-align:center; left:0; width:100%; height:40px; line-height:40px; overflow:hidden; font-weight:bold; font-size:20px; color:#fff;} .vedioMain li a span em{ } /**/ .g_pg{} .g-wt{ width: 100%; margin-top:74px;} .wt{position: relative;height: 618px;margin: 0 auto;} .wt-cen{height: 495px; width:1100px; margin:auto; background:url(../images/20180524212545_164504333.png) no-repeat center ;} .wt h2{background:width: 736px;} .wt .kh a{color: #fff;font-size: 26px;font-family:'Microsoft YaHei';} .wt .kh .a1{position: absolute; top:209px;left: 476px;} .wt .kh .a2{position: absolute; top:342px;left: 411px;} .wt .kh .a3{position: absolute; top:478px;left: 476px;} .wt .kh .a4{position: absolute; top:209px;left: 672px;} .wt .kh .a5{position: absolute; top:342px;left: 724px;} .wt .kh .a6{position: absolute; top:478px;left: 675px;} .kh-l{float: left;margin-left: 70px;} .kh-l p{margin-bottom: 55px; display: block;color:#666666;font-size:18px;font-family:'Microsoft YaHei';line-height: 25px;} .kh-l p i{color: #fe6800;font-size: 18px;font-family:'Microsoft YaHei';font-weight: bold;font-style: normal;} .kh-l .p1{width: 285px;margin-bottom: 65px;margin-top:70px;} .kh-l .p1 a{ font-size:15px;} .kh-l .p2 a{ font-size:15px;} .kh-l .p3 a{ font-size:15px;} .kh-l .p2{width: 269px;} .kh-l .p3{width: 303px;} .kh-r .p3 a{ font-size:15px; line-height:23px;} .kh-r .p1 a{ font-size:15px;} .kh-r .p2 a{ font-size:15px;} .kh-r{float: right ;text-align: right;line-height: 25px; margin-right: 70px;} .kh-r p{margin-bottom: 55px; display: block;color: #666666;font-size: 18px;font-family:'Microsoft YaHei';} .kh-r p i{color: #fe6800;font-size: 18px;font-family:'Microsoft YaHei';font-weight: bold;font-style: normal;} .kh-r .p1{margin-bottom: 65px;margin-top: 70px;} /*流程*/ .liuc{width:100%; background-color:#21ad42; padding:35px 0px;} .liuc_w{font-family:Arial; font-size:80px; text-align:center; font-weight:bold; color:#80c48c; text-transform:uppercase;} .liuc_z{font-size:40px; color:#fff; font-weight:bold; text-align:center; margin: -47px 0px 30px;} .liuc_t{} .liuc_t .tub7{width:171px; float:left; background:url(../images/20181020141849_1777548267.png) no-repeat right 45px;background-position-x: 130px;} .liuc_t .tub7_8{background:none; width:120px; float:right;} .liuc_t .tub7 div{width:118px;height:118px;border-radius:50%;/* border:1px #ddd solid; */display:block;transition:0.3s all ease-in-out;} .liuc_t .tub7 i{background:#fff url(../images/20181115111320_1160134579.png) no-repeat;width:86px;height:86px;display:block;padding:11px;border-radius:50%;overflow: hidden;margin:5px auto;transition:0.3s all ease-in-out;} .liuc_t .tub7.active i{ background-position-y:-77px;} .liuc_t .tub7.active div{/* border: 1px dashed #fff; */} .liuc_t .tub7.active p{font-weight:bold; color:#ff9e1c;} .liuc_t .tub7 p{font-size:16px; color:#fff; display:block; text-align:center; line-height:40px; transition:0.3s all ease-in-out; width:120px;} .liuc_t .tub7_1 i{background-position:28px 24px;} .liuc_t .tub7_2 i{background-position:-62px 24px;} .liuc_t .tub7_3 i{background-position:-160px 20px;} .liuc_t .tub7_4 i{background-position:-260px 20px;} .liuc_t .tub7_5 i{background-position:-367px 19px;} .liuc_t .tub7_6 i{background-position: -474px 14px;} .liuc_t .tub7_7 i{background-position: -595px 16px;} .liuc_t .tub7_8 i{background-position-x: -710px; background-position-y: 19px;} .liuc_f{background:url(../images/20181020142557_378254170.jpg) center no-repeat; height:50px; font-size:24px; text-align:center; color:#fff; line-height:50px; padding-left:45px; margin-top:25px;} .about_bg{ width:100%; height:432px; overflow:hidden; background:url(../index/about_bg.jpg) no-repeat center top;} .about_bg div p{ font-size:16px; line-height:25px; width:750px; float:right; margin-top:35px;} .zs_s{width:1200px; margin-top:55px; border-top:1px #ddd solid;} .zs_s .tit{height:50px; line-height:50px; margin-top:-26px; text-align:center;} .zs_s .tit p a{margin-right:15px; font-size:16px; color:#fff;background:#21ad42; display: inline-block; width:165px; height:50px; line-height:50px; text-align:center;} .zs_s .tit p a:hover,.zs_s .tit p a.cur{ background:#ff9e1c; text-decoration: none; font-size: 16px; color:#fff; text-align:center;} .zs_s ul{line-height: 0;} .zs_s li{float: left;padding-right: 20px;} .zs_s li img{width: 215px;height: 160px;} .zs_s li p{text-align: center;line-height: 45px;} .zs_s li p a{font-size: 14px;color: #333333;} .zs_s a.lft{position: absolute;left: 0;top: 60%;} .zs_s .cet{margin:0 auto; width: 1200px; position: relative;} .zs_s a.rig{position:absolute;right: 0;top: 60%;} .mr0{ margin-right:0px !important;} .roller_content a:link{ color:#fff !important;} /*热销产品*/ .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;} /* 首页产品 */ /*出货柜*/ .paner{ text-align:center;} .paner .pcont{ position:relative; margin-top:20px;} .paner .pcont ul{ overflow:hidden; width:856px; margin:0 auto;} .paner .pcont .bd{ overflow:hidden; width:856px; margin:0 auto;} .paner .pcont li{ float:left; width:200px; height:154px; margin:0 7px;} .paner .pcont li img{ border:3px solid #e5e5e5; display:block; padding:1px; height:146px;} .paner .pcont li img:hover{ border:3px solid #324CA3; display:block; padding:1px; height:146px;} .paner .pcont .pbot{ top:50px;} .paner h2{background:url(../images/barx.gif) no-repeat center;} .paner h2 a{ font-size:30px; color:#414244; margin:0 auto; } .paner h2 span{ font-size:16px; color:#ABA1A1; margin:0 auto; font-weight: normal;} .prolist { width:227px; margin:35px 0 0 -7px; position:relative;border:4px solid #666666;} .prolist .pbt { height:90px; padding:23px 0 0 20px; font: bold 21px "微软雅黑"; overflow:hidden; background:url(../images/listh2.gif) no-repeat center;} .prolist .pbt a { color:#fff; padding:0 0 0 10px; display:block;} .prolist .pr_inp { width:192px; height:29px; margin:10px 0 0 0; display:block; overflow:hidden; clear:both;} .prolist .inpp { width:146px; height:28px; font:12px/28px "宋体"; border:0; text-align:left; background:#fff; padding-left:10px; color:#777; overflow:hidden;} .prolist .pso { width:29px; height:29px; border:0; background:url(../images/pso.gif) no-repeat; margin-left:6px; display:inline;} .list_con { overflow:hidden; padding:10px 0 0; margin-left:10px;} .list_con h3 { height:31px; margin:9px 0 15px; overflow:hidden;} .list_con h3 a { color:#fff; display:block; padding:0 0 0 26px; font: bold 14px/31px "微软雅黑"; background:#df0804 url("../images/n_menu_ico.jpg") no-repeat scroll 10px center;} .list_con h4 { height:30px; margin:0 12px 5px 6px; overflow:hidden;border-bottom:1px dashed #df0804;} .list_con h4 a { color:#767676; font:14px/30px "微软雅黑"; background:url("../images/n_menu_ico1.jpg") no-repeat scroll 0% center; padding:0 0 0 22px;} .list_con h4 a:hover, .list_con .cur a { color:#c30d23; font: bold 14px/30px "微软雅黑"; background:url(../images/lidd.gif) no-repeat left center;} .list_con ul { margin:0 14px 6px 8px; border-top:1px dashed #e0e0e0; overflow:hidden;} .list_con ul li { height:32px; font:12px/32px "微软雅黑"; border-bottom:1px dashed #e0e0e0; _height:28px; _font:14px/28px "微软雅黑"; overflow:hidden;} .list_con ul li a { color:#777; display:block; padding:0 0 0 22px; background:url(../images/lidd-12.gif) no-repeat 5px center;} .list_con ul .nobot { border:0;} .list_con .list02 { float:left; width:90px; margin:0 0 0 6px; display:inline-block;} .list_con .nobot { border:0;} /*pro*/ .pro { width:758px; overflow:hidden; margin-top:40px; margin-bottom:25px;} .barpro { height:41px; overflow:hidden;} .barpro ul li { float:left; height:41px; margin-right:6px; display:inline; overflow:hidden;} .barpro ul li a { height:41px; font:18px/41px "微软雅黑"; text-align:center; background:#c30d23; display:inline-block; color:#fff;padding-left:7px;padding-right:5px;} .barpro ul li a:hover, .barpro ul .cur a { color:#fff; background:#c30d23;} .barpro span {} .pro_c { overflow:hidden;} .pro_c ul li { margin:11px 10px 0 0; width:240px; height:240px; float:left; display:inline; border:1px solid #dedede; overflow:hidden; position:relative;} .pro_c ul li img { width:240px; height:240px; } .pro_c ul li p {line-height:30px; } .pro_c ul li p:hover {} .pro_c ul li span { position:absolute; bottom:0; left:0; color:#fff; width:244px; height:29px; font:12px/29px "微软雅黑"; background:url(../images/p_png.png) repeat; display:block; text-align:center; overflow:hidden;} .pro_c ul .nobot { margin-right:0;} .hy_con ul li a{color:#fff; background:#666; position:absolute; width:240px; text-align:center; bottom:0px;font-size: 12px;} .list_con h5{ background:url(../images/fl_bj.jpg) no-repeat; height:40px;} .list_con h5 a{ line-height:30px; font-size:15px; margin-left:27px; color:#fff; font-weight:normal;} .sedp p{ height:31px; background:url(../images/xfl_bj.jpg) no-repeat; margin-left:6px;} .sedp p a{ line-height:26px; font-size:14px; margin-left:22px;} /*经典案例*/ .jdal { background:url(../images/sha.gif) repeat-x left 7px; height:400px; margin-top:36px;} .sj { background:url(../images/sj.gif) no-repeat center top; width:1000px; margin:0 auto; overflow:hidden;} .sj h2{ font-size:30px; color:#414244; margin-top:45px; text-align:center; background:url(../images/barx.gif) no-repeat center;} .sj h2 span{ font-size:16px; color:#ABA1A1; font-weight:normal;} .hzbg { height:235px; background:#f9f9f9; overflow:hidden;} .hz { width:1000px; height:298px; overflow:hidden; margin:0 auto;} .hz h2 { height:90px; padding:36px 0 0 0; text-align:center; overflow:hidden;} .hz h2 a { color:#444040; font: bold 30px "Microsoft Yahei";} .hz h2 span { display:block; color:#a4a1a1; text-transform:uppercase; font:16px/30px Arial, Helvetica, sans-serif; background:url(../images/barx.gif) no-repeat center;} .hz_c { height:172px; overflow:hidden;} .hz_c ul {} .hz_c ul li { float:left; width:218px; overflow:hidden; display:inline; margin:0 8px;} .hz_c ul li img { width:210px; height:97px; border:1px solid #cfcfcf; padding:2px; background:#fff;} .hz_c ul li a { display:inline-block;} .hz_c ul li a:hover img, .hz_c ul .cur a img { border:1px solid #c11e28; display:inline-block; padding:2px; background:#c11e28;} .hz_c ul li span { text-align:center; overflow:hidden; display:block; font:13px/30px "Microsoft Yahei"; color:#4d4d4d;} .h01 a { margin-top:38px; display:inline-block; background:url(../images/l.gif) no-repeat; width:32px; height:32px;} .h01 a:hover { display:inline-block; background:url(../images/l02.gif) no-repeat;} .h02 a { margin-top:38px; display:inline-block; background:url(../images/r.gif) no-repeat; width:32px; height:32px;} .h02 a:hover { display:inline-block; background:url(../images/r02.gif) no-repeat;} /*about*/ .abg { height:500px; background:#f9f9f9;} .about { width:1000px; height:500px; overflow:hidden; margin:0 auto;} .about h2 { height:90px;text-align:center;} .about h2 span { color:#a4a1a1; background:url(../images/barxa.gif) no-repeat center; font-size:16px;} .about h2 a{ font-size:30px; color:#414244;} .about_nr { height:428px; overflow:hidden;} .aimg {} .aimg dt { width:660px; height:370px; overflow:hidden; float:left;} .aimg dd { overflow:hidden; font-size:14px; line-height:25px; float:right; width:320px;} .aimg dd p { color:#555; overflow:hidden;} .aimg dd p a { display:inline-block; color:#c61b14; border:1px solid #c61b14; width:92px; height:20px; font:12px/20px "宋体"; text-align:center; overflow:hidden; margin:0 0 0 82px; vertical-align:middle;} .aimg h4{float:left; margin-left:20px; font-size:20px; color:#000; line-height:40px;font-weight: bold;} .about_nr ul { float:right; width:537px; overflow:hidden;} .about_nr ul li { width:255px; height:190px; float:left; margin:0 0 14px 13px; display:inline; overflow:hidden; position:relative;} .about_nr ul li img { width:255px; height:190px;} .about_nr ul li .fc { position:absolute; top:0; left:0;z-index:10; width:255px; height:255px; background:url(../images/apng.png) no-repeat; text-align:center; display:none; cursor: pointer;} .about_nr ul li .fc span { display:block; color:#fff; font: bold 16px/22px "微软雅黑"; padding:50px 0 0 0;} .about_nr ul li .fc span a { color:#fff;} .about_nr ul li .fc span em { display:block; color:#fff; text-transform:uppercase; font: bold 16px/22px Arial, Helvetica, sans-serif;} .about_nr ul li .fc a.xq { display:block; color:#fff; margin-top:13px; height:25px; font:12px/25px "宋体"; margin-left:-15px;} /*vedioMain*/ .vedioMain{ background:url(../index/vedioBg.jpg) no-repeat center top; height:641px;} .vedioMain .container{ padding-top:60px;} .vedioMain ul{ overflow:hidden; margin-top:55px;} .vedioMain li{ margin-bottom:19px;} .vedioMain li a{ display:block; position:relative;} .vedioMain li a img{ display:block;} .vedioMain li a span{ position:absolute; top:50%; margin-top:-20px; text-align:center; left:0; width:100%; height:40px; line-height:40px; overflow:hidden; /*background:url(../index/vdbg.png) repeat center;*/ font-weight:bold; font-size:20px; color:#fff;} .vedioMain li a span em{ } /*优势*/ .ys01 { background:url(../images//bg01.jpg) no-repeat center top; height:1631px; margin-top:44px;} .ys02 { background:url(../images//bg02.jpg) no-repeat center 890px; height:1631px;} .ys { width:1000px; height:1631px; margin:0 auto; position:relative;} .ys h2 { text-align:center; color:#fff; font: bold 42px "Microsoft Yahei"; padding:26px 0 0 0;} .ys h2 em { font: normal normal 16px/30px Arial, Helvetica, sans-serif; display:block; text-transform:uppercase; color:#a8a9ab;} .one { position:absolute; top:227px; left:0; background:url(../images/01.png) no-repeat; width:548px;} .one dt { font: bold 23px "Microsoft Yahei"; color:#000; overflow:hidden; padding:48px 0 20px 130px; overflow:hidden;} .one dt em { display:block; color:#919191; font: normal normal 12px Arial, Helvetica, sans-serif;} .one dd { padding:20px 0 0 58px; overflow:hidden;} .one dd p { font:15px/28px "Microsoft Yahei"; color:#333; overflow:hidden; padding:0 20px 10px 18px; background:url(../images//ysd.png) no-repeat left 9px;} .two { position:absolute; top:544px; left:468px; background:url(../images/02.png) no-repeat;} .three { position:absolute; top:901px; left:0; background:url(../images/03.png) no-repeat;} .four { position:absolute; top:1197px; left:442px; background:url(../images/04.png) no-repeat;} /*xb*/ #bd{ width:100%; background:url(../images/xb_bj.jpg) no-repeat;} .bd01 { width:1000px; height:148px; margin:0px auto 0; overflow:hidden; position:relative;} .bdtel { position:absolute; top:75px; left:535px; color:#fff; font:14px "Microsoft Yahei";} .bdtel b { font: bold 24px Arial, Helvetica, sans-serif;} .bdbtn { position:absolute; top:100px; left:600px;} .bdbtn a { color:#fff; background:#3d3d3d; width:78px; height:24px; font:12px/24px "Microsoft Yahei"; text-align:center; display:block;} /*流程*/ .lcbg { background:url(../images/sha.gif) repeat-x left bottom; height:357px; overflow:hidden;} .lc { width:1000px; height:347px; overflow:hidden; margin:0 auto; background:url(../images/sj.gif) no-repeat center bottom;} .lc ul li { float:left; width:96px; height:199px; overflow:hidden; padding:0 54px 0 0; margin-right:30px; display:inline; background:url(../images/jt.gif) no-repeat right 42px;} .lc ul li p { background:url(../images/lc01.gif) no-repeat; display:block; width:96px; height:96px;} .lc ul li p img { width:50px; height:50px; margin:0 auto; padding:23px 0; display:block;} .lc ul li p span { text-align:center; display:block; color:#7e7e7e; font: bold 16px/24px "微软雅黑"; padding:15px 0 0 0;} .lc ul .nobot { margin-right:0; padding:0;} .lc ul li p a:hover { text-decoration:none;} .lc ul li.phover p { background:url(../images/lc02.gif) no-repeat;} .lc ul .nobot { margin-right:0;} /*khjzMain*/ .khjzMain{ padding-top:35px; padding-bottom:30px;} .khjzMain .kcont{ position:relative; margin-top:20px;} .khjzMain .kcont ul{ height:365px; width:873px; margin:0 auto;} .khjzMain .kcont .bd{ height:365px; width:873px; margin:0 auto;} .khjzMain .kcont li{ position:relative; height:347px; background-color:#fff; width:255px; float:left; margin:0 18px; border:1px #ccc solid;} .khjzMain .kcont li:hover{ position:relative; height:347px; background-color:#fff; width:255px; float:left; margin:0 18px; border:1px #314ca3 solid;} .khjzMain .kcont li img{ display:block;} .khjzMain .kcont li h5{width:255px; text-align:center; font-size:14px; height:14px; line-height:14px; overflow:hidden; padding-top:18px; padding-bottom:10px;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;} .khjzMain .kcont li p{ padding:0 16px; font-size:13px; line-height:22px; height:88px; overflow:hidden; text-align:center;} .khjzMain .kcont li .mor{ display:block; width:36px; height:36px; background:url(../images/morbg2.png) no-repeat center; position:absolute; bottom:-18px; left:50%; margin-left:-18px;} .khjzMain .kcont .pbot{ top:145px;} .khjzMain h2{ text-align:center; background:url(../images/barx.gif) no-repeat center;} .khjzMain h2 a{ font-size:30px; color:#414244;font-weight: bold;} .khjzMain h2 span{ font-size:16px; font-weight:normal; } /*资质*/ .ry { width:1000px;height: 353px; overflow:hidden; margin:0 auto;} .ry h2 { height:90px; padding:41px 0 0 0;} .ry h2 span { background:url(../images/barxry.gif) no-repeat center;} .ry_c { /* height:328px; */ overflow:hidden;} .ry_c ul li { float:left; display:inline; width:233px;/* height:317px; */ border:1px solid #a9a9a9; overflow:hidden; margin-right:20px; position:relative;} .ry_c ul li img { width:233px; /* height:287px; */} .ry_c ul li p { height:30px; line-height:30px; background-color:#414141; text-align:center;} .ry_c ul li p:hover { height:30px; line-height:30px; background-color:#324CA3; text-align:center;} .ry_c ul li p a{ text-align:center; color:#fff;} .ry_c ul li span { text-align:center; overflow:hidden; display:block; width:233px; height:32px; font: 13px/32px "微软雅黑"; background:url(../images/p_png.png) repeat; color:#fff; position:absolute; bottom:0; left:0;} .ry_c ul .nobot { margin-right:0;} .hzbg { height:265px; background:#f9f9f9; overflow:hidden;} .hz h2 { height:90px; padding:36px 0 0 0; text-align:center; overflow:hidden;} .hz h2 a { color:#444040; font: bold 30px "Microsoft Yahei";} .hz h2 span { display:block; color:#a4a1a1; text-transform:uppercase; font:16px/30px Arial, Helvetica, sans-serif; background:url(../images/barx.gif) no-repeat center;} .hz_c { height:172px; overflow:hidden;} .hz_c ul {} .hz_c ul li { float:left; width:218px; overflow:hidden; display:inline; margin:0 8px;} .hz_c ul li img { width:210px; height:126px; border:1px solid #cfcfcf; padding:2px; background:#fff;} .hz_c ul li a { display:inline-block;} .hz_c ul li a:hover img, .hz_c ul .cur a img { border:1px solid #c11e28; display:inline-block; padding:2px; background:#c11e28;} .hz_c ul li span { text-align:center; overflow:hidden; display:block; font:13px/30px "Microsoft Yahei"; color:#4d4d4d;} .h01 a { margin-top:50px; display:inline-block; background:url(../images/l.gif) no-repeat; width:32px; height:32px;} .h01 a:hover { display:inline-block; background:url(../images/l02.gif) no-repeat;} .h02 a { margin-top:50px; display:inline-block; background:url(../images/r.gif) no-repeat; width:32px; height:32px;} .h02 a:hover { display:inline-block; background:url(../images/r02.gif) no-repeat;} /**/ .faq { width:284px; height:380px; overflow:hidden; border:1px solid #ddd; margin-top:40px; padding:0 18px;} .faq h2 { height:40px; overflow:hidden; background:url(../images/barfaq.gif) no-repeat left bottom; padding:2px 0 0 0;} .faq h2 a { color:#c11e28; font: bold 14px/40px "微软雅黑"; display:inline-block;} .faq h2 span a { color:#666; font:12px/40px "微软雅黑"; display:inline-block;} .fa_con { height:330px; overflow:hidden; padding:8px 0 0 0;} .fa_con dl { padding:10px 0; border-bottom:1px dashed #ddd; overflow:hidden; width:280px;} .fa_con dl dt { height:24px; font:12px/24px "微软雅黑"; background:url(../images/wen.gif) no-repeat 0 center; padding:0 0 0 30px; overflow:hidden;} .fa_con dl dt a { color:#c11e28;} .fa_con dl dd { color:#666; font:12px/24px "微软雅黑"; background:url(../images/da.gif) no-repeat 0 4px; padding:0 0 0 30px; overflow:hidden;} .fa_con .nobot { border:0;} /*xinwen*/ .new { width:284px; height:380px; overflow:hidden; border:1px solid #ddd; margin:40px 0 0 15px; padding:0 18px;} .barnew { height:40px; overflow:hidden; background:url(../images/bardt.gif) repeat-x left bottom; padding:2px 0 0 0;} .barnew ul li { float:left; height:40px; margin-right:28px; display:inline; overflow:hidden;} .barnew ul li a { color:#666; height:38px; font: bold 14px/38px "微软雅黑"; display:inline-block; overflow:hidden;} .barnew ul li a:hover, .barnew ul .cur a { border-bottom:2px solid #c11e28; color:#c11e28; height:38px; font: bold 14px/38px "微软雅黑"; display:inline-block;} .barnew span a { color:#666; font:12px/40px "微软雅黑";} .n_con { height:338px; overflow:hidden;} .n_con p { width:284px; height:83px; margin:22px 0 10px 0;} .n_con ul li { height:30px; font:12px/30px "微软雅黑"; overflow:hidden; color:#bbb; border-bottom:1px dashed #ccc; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} .n_con ul li a { color:#666; background:url(../images/dd.gif) no-repeat left center; padding:0 0 0 15px;} .n_con ul li a:hover, .n_con ul .cur a { color:#c11e28; background:url(../images/dd2.gif) no-repeat left center;} .n_con ul .nobot { border:0;} .hy_con1 ul dl dt a img{ width:284px; height:80px; margin-top:15px;} .hy_con1 ul dl dd h5{ display:none;} .hy_con1 ul dl dd p{ display:none;} .hy_con1 ul li em{ float:right;margin-left: 8px;} .pro-onlx a{display: block;line-height: 40px;text-align: center;background: #1f99e4;color: #fff;font-size: 15px;border-radius: 5px;} .pro-onlx a:hover{background:#df0805;} /*link*/ .linkbg { height:160px; background:#f9f9f9; padding-top:20px;} .link { width:1000px; overflow:hidden; height:157px; border-bottom:1px solid #f4f4f5; border-right:1px solid #f4f4f5; margin:0 auto;} .link h2 { height:55px; padding:0 30px 0 20px; overflow:hidden; background:url(../images/barlink.gif) no-repeat 20px bottom;} .link h2 a { color:#333; font: bold 16px/54px "微软雅黑";} .link h2 em { color:#b41313; font: bold 16px/54px "微软雅黑"; padding:0 0 0 5px;} .link h2 span a { font:12px/54px "微软雅黑"; color:#888;} .ll_con { height:84px; overflow:hidden;} .ll_con a { padding:0 20px 0 20px; display:inline-block; font:12px/32px "微软雅黑";} .ll_con ul li{ float:left;} /* 首页结束 */ /*右侧客服*/ .footer_zxkf{position:fixed;width:50px;height:253px;right:0;top:200px;z-index:100;} .footer_zxkf ul li{width:50px;height:50px;float:left;position:relative;border-bottom:1px solid #444;} .footer_zxkf ul li .sidebox{position:absolute;width:50px;height:50px; line-height:50px; top:0;right:0;transition:all 0.3s;background:#40ceda;color:#fff;font-size:14px; font-family:"微软雅黑"; overflow:hidden; filter: alpha(opacity=80);-moz-opacity: 0.98;-khtml-opacity: 0.8;opacity: 0.8;} .footer_zxkf ul li .sidebox:hover{cursor:pointer;} .footer_zxkf ul li .sidetop{width:50px;height:50px;line-height:50px;display:inline-block;background:#40ceda;transition:all 0.3s;filter: alpha(opacity=80);-moz-opacity: 0.98;-khtml-opacity: 0.8;opacity: 0.8;} .footer_zxkf ul li .sidetop:hover{background:#080e58; cursor:pointer;} .footer_zxkf ul li img{float:left; background:none} .footer_zxkf uk li a{ blur:expression(this.onFocus=this.blur()); outline-style:none;} #moquu_wxin {width:50px;height:50px;filter: alpha(opacity=80);-moz-opacity: 0.98;-khtml-opacity: 0.8;opacity: 0.8;} #moquu_wxin a {background:#40ceda;right:0;float:left;width:50px;height:50px;text-indent:-9999px} #moquu_wxin a:hover {background:#080e58;} .moquu_wxin a:hover .moquu_wxinh,.moquu_wshare .moquu_wxinh:hover .moquu_wshareh {display:block} .moquu_wxin .moquu_wxinh {position:absolute;display:none;left:-210px;top:-178px;width:204px;height:284px;background:url(../images/weixin_1.png) 0 -2px no-repeat;} .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;} .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;} .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; } .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;} .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; } .yb_conct { position: fixed; z-index: 9999999; top: 200px; right: -127px; cursor: pointer; transition: all .3s ease;} .yb_bar ul li { width: 180px; height: 53px; font: 16px/53px 'Microsoft YaHei'; color: #fff; text-indent: 54px; margin-bottom: 3px; border-radius: 3px; transition: all .5s ease; overflow: hidden;} .yb_bar .yb_top { background: #EA1509 url(../images/fixCont.png) no-repeat 0 0;} .yb_bar .yb_phone { background: #EA1509 url(../images/fixCont.png) no-repeat 0 -57px;} .yb_bar .yb_QQ { text-indent: 0; background: #EA1509 url(../images/fixCont.png) no-repeat 0 -113px;} .yb_bar .yb_skype { text-indent: 0; background: #EA1509 url(../images/skype.png) no-repeat;} .yb_bar .yb_ali { text-indent: 0; background: #EA1509 url(../images/ali.png) no-repeat;} .yb_bar .yb_ercode { /*height:200px;*/background: #EA1509 url(../images/fixCont.png) no-repeat 0 -169px;} .hd_qr { padding: 0 29px 25px 29px;} .yb_QQ a,.yb_skype a,.yb_ali a { display: block; text-indent: 54px; width: 100%; height: 100%; color: #fff;} .copy { background: url(../images/20180522141750_1491413597.jpg) no-repeat center bottom; text-align: justify; /* margin-top: 40px; */background-attachment: fixed; border-top:#69bb00 5px solid;} .copy_row1 { padding: 45px 0 0; width: 950px; margin-left: auto; height: 220px; } .copy_row2 { width: 950px; margin-left: auto; } .copy_row1 .col4 { float: left; margin-right: 50px; padding-right:50px; } .copy_row1 .col4:nth-last-child(1){ margin-right: 0; background: none; } .copy_row1 .col4 .c4title { position: relative; padding: 0 0 25px 0; margin-bottom: 5px; display: inline-block; } .copy_row1 .col4 .c4title::after { content: ''; position: absolute; width: 20px; height: 2px; display: block; background: #fff; left: 0; bottom: 10px; transition:0.6s all ease-in-out; } .copy_row1 .col4 .c4title a{ font-size: 17px; color: #fff; display: block; line-height: 35px; } .copy_row1 .col4:hover .c4title::after{ width: 100%; background: #fff} .copy_row1 .col4 ul li a { color: #fff; font-size: 14px; display: block; line-height: 30px; } .copy_row1 .col4 ul li a:hover{ text-decoration: underline !important; color: #fff; } .copy_row1 .fr{ text-align: right; } .copy_row1 .cr_2 {font-size: 15px;color: #fff;line-height: 30px;padding: 5px 0; font-family: arial,microsoft yahei;} .copy_row1 .cr_2 p {font-size: 15px;display: block;line-height: 30px;color: inherit;font-family: arial,microsoft yahei;} .copy_row1 .cr_3{ font-size: 14px; color: #fff; line-height: 30px; } .copy_row1 .cr_4 { font-size: 14px; border-top: #fff 1px solid; display: inline-block; padding: 5px; border-bottom: #fff 1px solid; margin: 0 0 5px 0; color: #fff; line-height: 25px; } .friendlink { margin-top: 10px; width: 229px; margin-left: auto; } .friendlink .fri_L { background: url(../images/20180523105631_118869163.png) no-repeat; width: 77px; height: 28px; float: left; color: #fff; font-size: 17px; letter-spacing: 1px; padding: 6px; text-align: center; } .friendlink .fri_R { height: 37px; display: block; float: right; width: 140px; background: #fff; } .friendlink .linkTagcs { width: 140px; max-height: 37px; background: rgba(228,228,228,0.8) url(../images/20180523105717_410424053.png) no-repeat 122px 18px; overflow: hidden; transition: 0.3s all ease-in-out; } .friendlink .linkTagcs:hover { max-height: 110px; overflow-x: hidden; overflow-y: auto; } .friendlink .fri_R .linkTagcs li { float: none; line-height: 37px; text-align: left; text-indent: 10px; } .friendlink .fri_R .linkTagcs li a{ display: block; } .cr4button { float: right; color: #fff;} .copy_row2 { line-height: 60px; background: url(../images/20180523105739_1695012174.png) no-repeat center top; margin-top: 25px; } .copy_row2 { height: 80px; line-height: 29px; color: #fff; font-size: 13px; letter-spacing: 0px; } .copy_row2 a{ display: inline-block; color: #fff; font-size: inherit; } .cr4button a { position: relative; font-size: 13px; color: #fff; display: inline-block; line-height: 25px; padding: 0 3px; } .ine{ background: url(../images/20180522153812_607521271.png) no-repeat center; width: 11px; height: 11px; display: inline-block; padding: 0 5px; } .copy_row2 .fr > a { font-size: 14px; display: inline-block; color: #fff; height: 60px; line-height: 60px; } .copy_row2 .fr{ position: relative; } .copy_row2 a:hover{ text-decoration: underline; } .copy_logo { float: left; width: 140px; padding: 30px; background: #fff; height: 290px; } .copy_logo a{ display: block; } .copy_logo a img{ display: block; margin: 0 auto} .copy_logo p{ display: block; text-align: center; line-height: 30px; font-size: 14px; padding-top:10px; } .copy_logo p img { display: block; margin: 0 auto; border: 3px solid #e9e9e9; padding: 4px; width: 116px; } /*内页*/ /*产品页左侧*/ .cpMain{ overflow:hidden;background: #ececec;padding-bottom: 10px;} /*内页面包屑导航*/ .pageMenu { overflow:hidden; width:100%; height:50px; line-height:47px; border-bottom:1px solid #e3e3e3; background-color:#fff;margin-bottom: 10px;} .pageMenu .mbxNav{ overflow:hidden; float:left;font-size: 14px;} .pageMenu .mbxNav li{ float:left; font-size:14px; color:#666; margin:0 5px;} .pageMenu .mbxNav li em{ margin-left:5px;} .pageMenu .mbxNav li a{ color:#666;} .pageMenu .mbxNav li.home{ width:50px; height:50px; border-left:1px solid #e3e3e3; border-right:1px solid #e3e3e3; background:url(../images/mbxNav_home.png) no-repeat center; margin-right:10px; margin-left:0} .pageMenu .mbxNav li.home a{ display:block; width:100%; height:100%;} .pageMenu .mbxNav li.last{ color:#1144a3;} .pageMenu .pageErjiNav{ overflow:hidden; float:right;} .pageMenu .pageErjiNav li{ float:left; height:49px; font-size:14px; color:#666; margin-left:40px;} .pageMenu .pageErjiNav li a{ color:#666; text-decoration:none} .pageMenu .pageErjiNav li.cur,.pageMenu .pageErjiNav li:hover{ border-bottom:1px solid #1144a3;} .pageMenu .pageErjiNav li.cur a, .pageMenu .pageErjiNav li:hover a{ color:#1144a3; font-weight:bold} .sidebar{width:1000px; margin:0px auto;overflow: hidden;margin-top: 20px;} .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 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_r{ float:right; width:910px;} /*pro_l*/ .pro_l h4 { display: block; height:80px; line-height:80px; color: #fff; font-size:26px; padding-left: 20px; text-decoration: none; background:url(../images/ny_dh.jpg) no-repeat center;font-weight: bold;} .pro_l .zy {} .pro_l .zy a{display: block; height:80px; line-height:80px; color: #fff; font-size:26px; text-decoration: none; background:url(../images/ny_dh.jpg) no-repeat center;} .pro_l .ny_cptj h4 { height: 60px; line-height: 60px; background: #0f8e3a; color: #fff;text-align: left; font-size:18px; color:#fff; padding-left:20px;} .pro_l li h5{padding-left: 20px;background:url(../images/liaBg.png) no-repeat left;height: 40px;line-height: 40px;overflow:hidden;} .pro_l li h5 a{font-size: 15px;color: #fff;text-decoration:none;} .pro_l li h5:hover{ background:url(../images/liaBg1.png) no-repeat left;} .pro_l li .sedp{margin-top: 10px;} .pro_l li .sedp p{margin-bottom: 4px;} .pro_l li .sedp p a{font-size: 12px;display:block;padding-right: 20px;padding-left: 20px;height:25px;line-height:25px;text-decoration:none;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pro_l li .sedp p a:hover{background: #f5f5f5;color: #333;} .pro_l li .sedp p a.on{ background:url(../images/prolistbg2.png) no-repeat center; color:#fff;} /*产品页左侧*/ .sidebars {width: 1000px;margin: 30px auto;/* margin-top: 30px; */} .sb_nav{ float:left; width:220px;} .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;} .sb_nav h3.line{ margin-top:15px; } .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:#1C57C4; } #sidebar dl h4.on a{ font-weight:bold;} .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; color:#1f98e4; height:35px; line-height:35px; position:relative;} .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #1f98e4; padding:0px 15px;} .sb_box h3.title div.position{ float:right;color:#999; font-weight:normal; position:relative; top:3px; right:15px; background: #E1E6ED;} .sb_box h3.title div.position a{ color:#999;} .pro_l{width: 220px;float:left;} .pro_l ul{border-top:none;overflow:hidden;background:#fff;border: 0px !important;} .active1 .product_li ul li{ position: relative;} .active1 .product_li ul li a h3{ padding-left:42px; background:url(../images/fl_bj1.jpg) no-repeat center; overflow:hidden; height:40px; margin-top:6px;font-size: 14px;} .active1 .product_li ul li a{font-size:14px; color:#fff; text-decoration:none; font-size:14px; font-weight:normal; line-height:28px;} .active1 .product_li ul li.on a h3{ background: #0f8e3a ;color: #fff;} .active1 .product_li ul li:hover{ background: #0f8e3a color: #fff;} /* .active1 .product_li ul li.cur h3 {background: #0f8e3a;} .active1 .product_li ul li:hover a h3{ background: #0f8e3a color: #fff;} */ .active1 .product_li ul li.cur a { color: #e00904;} .nlist .nt{ font-weight:normal; padding:14px 0 14px 22px; background:#1f98e4 url(../index/hhBg.png) no-repeat 190px center; /*background: url(../images/hhBg.png) no-repeat center;*/} .nlist .nt a{ font-size:18px; color:#fff; font-weight: bold;text-decoration: none;} .nlist .nt span{ } .nlist .nt span a{font-size:14px;font-family:"Arial"; margin-left:6px; text-decoration:none; font-weight:normal;} /* .nlist ul{padding: 10px;} */ .nlist .leftli a:hover,.nlist li.cur a{background: url(../images/liaBg.png) no-repeat center; color:#fff;} .nlist .cur a{background: #40ceda;color:#fff;} .nlist li{ margin:0px !important} .t05 {line-height:40px;background:#1f98e4;} .t05 {padding:0 10px; color:#fff;font-size:14px;} /*左边标题块*/ .t05 a{color:#fff; font-size:14px} .contactn .subnr { border:1px solid #ddd; overflow:hidden; padding:5px 8px; width:210px; font-size:14px; line-height:30px;} /* marqueetop */ .marqueetop{height:429px; overflow:hidden; border:1px solid #ddd;padding: 15px;} .marqueetop ul li a img{ max-width: 100%;border: 1px solid #dedede;} .marqueetop ul li a img:hover {border: 1px solid #1F76E5;} #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 { background: url(../images/liaBg.png) no-repeat center; color:#fff;} .nlist .leftli a {display: block; height:40px; line-height:40px; background:url(../images/liBg2.png) no-repeat 162px center; font-size:14px; color:#333; padding:0 18px; text-decoration:none;} .nlist{ float:left; width:220px; background:#fff;} .nlist .nt{ font-weight:normal; padding:14px 0 14px 22px; background:#1f76e5 url(../images/hhBg.png) no-repeat 190px center; /*background: url(../images/hhBg.png) no-repeat center;*/} .nlist .nt a{ font-size:18px; color:#fff; font-weight: bold;text-decoration: none;} .nlist .nt span{ } .nlist .nt span a{font-size:14px;font-family:"Arial"; margin-left:6px; text-decoration:none; font-weight:normal;} .nlist ul{ padding:15px; padding-top: 8px; padding-bottom: 0px;} .nlist .leftli{} .nlist .leftli a{ display:block; height:40px; line-height:40px; background: url(../images/liBg2.png) no-repeat 162px center; font-size:14px; color:#333; padding:0 18px; text-decoration:none;} .nlist .leftli a h3{font-size:14px;} .nlist .leftli a:hover,.nlist li.cur a:hover{ background:url(../images/liaBg.png) no-repeat center; color:#fff;} .nlist .on a{ background:url(../images/liaBg.png) no-repeat center; color:#fff;} .nlist{float:left; width:220px; background: #fff; padding-bottom: 0px !important;} .contactn{margin-top:10px;} .nlist li{ margin:0px !important} .t05 {line-height:40px;background:#898989;} .t05 {padding:0 10px; color:#fff;font-size:14px;} /*左边标题块*/ .t05 a{color:#fff; font-size:14px} .contactn .subnr { border:1px solid #ddd; overflow:hidden; padding:5px 8px; width:222px; font-size:14px; line-height:30px;} .blank3 { height: 30px; font-size: 0; line-height: 0; clear: both; overflow: hidden;} .nylx h3{ width:112px; border:1px solid #e8e8e8; border-top:none; text-align:center; padding:20px 0;} .nylx h3 p{ font-size:16px; margin-top:18px;font-weight: bold;} .nylx h3 p:hover{text-decoration: underline;} .nylx h3 a{ color:#666;} .nylx dl{ border:1px solid #e8e8e8; padding:25px; overflow:hidden; border-top:none;} .nylx dt{ width:38px;} .nylx dd{ width:130px; font-size:16px; color:#999;} .nylx dd p{ font-size:17px; color:#666666;} .nylx dd i{ font-size:14px; color:#666666; display:block; font-style:normal;line-height:22px;} /*右侧*/ .rtop { overflow:hidden; padding-top:24px; padding-bottom:9px; border-bottom:1px solid #dbdbdb; margin:0 20px;} .rtop h5 {float:left; padding-left: 10px; border-left: 3px solid #df0805; font-weight: normal; line-height: 16px;} /* .rtop h5 a:hover {text-decoration: underline;} */ .rtop h5 a { font-size: 16px; color: #df0805; font-weight: bold;} .rtop span { float: right;font-size: 12px;} .rtop span em { color: #999;} .rtop span a { color: #999;} .cpshow{ overflow:hidden; padding-top:15px; margin:0 20px;} .cpshow li{float:left;width: 217px;margin: 0 11px;} .cpshow li.noMl{ margin-right:0;} .cpshow li img{display:block;border:1px solid #d3d3d3;width: 100%;} .cpshow li h4{text-align:center;width: 217px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;height: 40px;line-height: 40px;} .cpshow li h4 a{ font-size:14px; color:#333; 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; display:none;} .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 img:hover{ border-color:#df0805;} .cpshow li span .zx:hover{ background:#1f76e5; border-left-color:#1f76e5;} #productlist li:hover img{border:1px solid #df0805;} /* #productlist li:hover h4 { color: #0853a1;border-top: 1px solid #0853a1;} */ .qq-client-content{display: block;} .RandomNews{ padding:0px 15px} .RandomNews h4{ padding-left:27px;height:36px;line-height:36px;color:#df0805;background:#ccc;font-weight:bold;} .RandomNews h4::before{ position: absolute; content: ''; width: 3px; /* background: #009943; */ left: 0; bottom: 8px; height: 18px; background: #0853a1;} .RandomNews li{ height:28px;line-height:28px; padding:0 17px 0 10px; width:328px; float:left;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .RandomNews li span {color: #666;font-size: 12px;} .RandomNews li a{ background:url(../images/ico55.gif) no-repeat 0 5px; padding-left:12px;font-size: 12px;} .RandomNews li a:hover{ color:#1C57C4; text-decoration: underline;} .RandomNews ul{ padding: 10px 0px;} #showtext {padding: 15px;line-height: 2;color: #333;} #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:15px 15px;} #imglist li{float:left;display:inline;text-align:center;padding: 0 10px;} #imglist .list img{width: 100%; border:1px solid #ccc; /* height: 196px; */} /* #imglist .list img:hover{ border:1px solid #0853a1;} */ /* #imglist .list:hover h3{color: #0853a1;} */ #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 10px;font-weight:normal;line-height:1.5;font-size:12px;color:#6c6c6c;overflow: hidden;white-space: nowrap; text-overflow: ellipsis;} #imglist li h3:hover{text-decoration: underline;color: #1C57C4;} #showimg{ padding:15px;} #showimg h1.title{ font-size:18px; padding:5px 0px; text-align:center;font-weight: bold;color: #666;margin-bottom: 10px;} #showimg .imgshow{ text-align:center; margin-bottom: 30px;} #showimg .imgshow img{width: 100%;} #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; } .cplx h3{width: 250px;border:1px solid #e8e8e8;text-align:center;padding:20px 0;} .cplx h3 p{ font-size:16px; margin-top:16px;font-weight: bold;} .cplx h3 p:hover {text-decoration: underline;} .cplx h3 a{ color:#666;} .en .h2_prodtitle {font-size: 20px;} .mod_goods_info {clear:both; margin-top:10px;position:relative} .mod_goods_info .hds {border-bottom:1px solid #df0805;height:33px;_overflow:hidden;} .mod_goods_info .hds li {float:left;cursor:pointer;border:1px solid #d7d7d7;border-bottom:0;margin-right:-1px;} .mod_goods_info .hds li h3 {display:block;width:128px;height:30px;line-height:30px;text-align:center;font-size:14px;border-bottom:0;background-color:#f3f3f3;border:1px solid #fff;} .mod_goods_info .hds li h3 a {color:#333;font-weight: normal;text-decoration:none;outline:none} .mod_goods_info .hds .status_on {border-color:#df0805;border-bottom:0;position:relative;} .mod_goods_info .hds .status_on h3 {height:31px;background-color:#fff;color:#df0805;} .mod_goods_info .hds .status_on h3 a {color:#df0805;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:#df0805;} .mod_goods_info .more a:hover{color:#D4105A;} /*栏目页推荐新闻*/ .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;} /*内页联系我们*/ .g_lc .w1200{ width: 1200px; margin: 0 auto} .clear { height: 0;clear: both;} /* .lxtopn {border: 1px solid #dadada;} */ .lxtop{overflow:hidden;margin-top: 30px;border-radius: 3px;border: 1px solid #ccc; margin: 3px;} .lxtop img{float:left;} .lxtop .on{font-size:15px;line-height:27px;padding: 2px 20px 0 340px;color:#666;} .lxtop .contit_en{padding: 0 20px 0 400px;} .lxtop span{display:block;font-size:17px;line-height:40px;} .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; margin: 3px;} .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:37px;padding-left:5px;font-size:13px;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; background:#fff; overflow:hidden; border: 1px #ddd solid; width: 760px;} .sidebars .sb_box{ float:right;/* background:#fff; */overflow:hidden; border: 1px #ddd solid;width: 75%; } .sb_box h3.title{ border-bottom:1px solid #ddd; background:#f8f8f8; color:#0853a1; height:35px; line-height:35px; position:relative;} .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:14px; border-bottom:2px solid #0853a1; padding:0px 15px;} .sb_box h3.title div.position{ float:right;color:#999; font-weight:normal; position:relative; top:3px; right:15px;} .sb_box h3.title div.position a{ color:#999;} #showproduct>dl.pshow>dt{padding-bottom: 15px;float:left;} .prodbaseinfo_a{float:left; width: 298px; margin-left: 16px;z-index:1; } .prodbaseinfo_a .h2_prodtitle{ font-size: 16px; color: #414141; border-bottom: 1px dashed #bbb; line-height: 50px;font-weight: bold;} .prodbaseinfo_a ul{ padding: 10px 0;} .prodbaseinfo_a ul li{ line-height: 30px;} .ul_prodinfo{padding:6px 0;overflow:hidden;zoom:1;} .prodbaseinfo_a .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;} .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;} /*内页新闻模块列表页*/ .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: 35px; line-height: 35px; font-size: 14px; } .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:25px 0 21px 29px;} .n_cont dl dt{ float:left; padding:5px; background:#eaeaea;} .n_cont dl dt img{ display:block; width:160px; height:102px;} .n_cont dl dd{ float:left;margin-left:23px; width:478px;} .n_cont dl dd h5{ border-bottom:1px solid #dedede; color: #333; line-height: 35px; overflow:hidden;font-weight: bold;color: #df0805;padding-left: 5px;margin-top: -6px;} .n_cont dl dd h5:hover{text-decoration: underline;} .n_cont dl dd h5 a{ font-size: 14px; color: #df0805;float:left;width: 382px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .n_cont dl dd h5 em{ float:right;padding-right:10px;font-size: 12px;color: #666;} .n_cont dl dd p{ line-height:21px; font-size:13px; padding: 8px 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;color: #333;} #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;font-weight: bold;} .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;} /*联系我们*/ .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;} .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;} 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; } .title-line {position: relative; text-shadow: none; color: rgb(33, 33, 33); font-size: 20px; padding-top: 0px; padding-bottom: 12px; font-family: ;margin-top: 15px; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } /*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;} /*.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;} #showproduct{padding:2px 15px 15px 15px;} /*bigzoompic*/ #MagnifierWrap2{position:relative;/* border: 1px solid #cacaca;height: 462px; */} .MagnifierMain{position: relative;} .MagnifierMain p{width: 400px;} .div_prothumb .span_prev,.div_prothumb .span_next {background:url(../images/sprite.png) no-repeat;} .div_prothumb{position:relative;padding:15px 15px 0;} .thumbporbox{position:relative;width:275px;overflow:hidden;} .ul_prothumb{position:relative;width:7500px; overflow:hidden;} .ul_prothumb li{float:left;width:69px;text-align:center;} .ul_prothumb img{padding:1px;border:1px solid #ddd;width:60px !important;height: 42px !important;} .ul_prothumb li.now img{border: 1px solid #009943 !important; } .div_prothumb .span_prev,.div_prothumb .span_next{position:absolute;top: 7px;width:22px;height: 63px; text-indent:-999em;overflow:hidden;cursor:hand;cursor:pointer;} .div_prothumb .span_prev{left:0px;_left:-25px;background-position:-90px -282px;} .div_prothumb .span_prevb{background-position:-112px -282px;cursor:default;} .div_prothumb .span_next{right:0px;background-position:-156px -282px;} .div_prothumb .span_nextb{background-position:-134px -282px;cursor:default;} /* .pshow {margin-left: 7px;} */ .MagnifierMain img{width: 100%;display:block; /* border: 1px solid #ccc; 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: 312px;height: 82px;overflow: hidden;margin: 2px auto 0;} .spec-items ul{width: 500%;position: absolute;top: 17px;left: 2px;} .spec-items ul *{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;} .spec-items li{width: 69px;float: left;overflow: hidden;margin-right: 8px;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: 82px;line-height: 80px;font-family: "黑体";text-align: center;font-size: 20px;color: #ddd;cursor: default;/* background-color: #fdfdfd; */} span.on{/* background-color: #fff; */color: #999;cursor: pointer;} span.spe_leftBtn{left: 14px;} span.spe_rightBtn{right: 9px;} .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{min-height:100px;padding: 15px 20px;} /* .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;} .cp { border: 1px solid #d7d7d7; background: #fff; padding-bottom: 12px; margin-bottom: 10px; } .cptab { line-height: 25px; font-size: 14px; color: #df0805; text-decoration: none; padding: 0 8px; border-bottom: 1px solid #d7d7d7; background: #f7f7f7; } .cp dl { width: 215px; overflow: hidden; float: left; display: inline; padding: 12px 2px 0 12px;} .cp dt { width: 215px; overflow: hidden; } .cp dt a { width: 210px; display: block; border: 1px solid #D5D5D5; padding: 1px; } .cp dt img { width: 210px; /* height: 146px; */ display: block; } .cp dt a:hover {border: 1px solid #df0805;} .cp dd { white-space: nowrap; text-overflow: ellipsis; line-height: 24px; padding-top: 8px; overflow: hidden; display: block; width: 215px; text-align: center; } .cp dd a {font-size: 12px;} .cp dd a:hover{color: #1C57C4;;} /*标签*/ .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:#df0805;} /*分享按钮*/ .jiathis{ margin-top: 10px; height:35px; line-height:30px;border-top:1px dotted #ccc; text-align:right; position:relative; color:#666;padding:8px 0;} .jiathis .jiathis_txt{float: left;} /*上下页按钮*/ .ny-page{overflow: hidden;margin-bottom:20px;} .ny-pagea{width:50%;float:left;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:#df0805;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: #df0805;} .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: #df0805;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; } .g-hd,.msy-ewm,.msy-video,.sa,.g-ft {display: none;} /*手机样式*/ .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,.tuijian{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;} */ .header { background: #ffffff; } #wwww,.abg,.ys01,#bd,.khjzMain,.ry,.lcbg,.hzbg,.linkbg{display: none;} .sypro,#tedian,#adv,.adv_b,.adv_a,.adv_d,.adv_e,.syhzkh,.company,.g_lc{display: none;} .en .top{height: 90px; } .en .logo {margin-top: 0;margin: 0 12%;} /* .clearfix{display:none;} */ .en .clearfix{display:block;} .hzhb_2,.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%;} .latest-designs,.youshi,.testimonials,.wout,.ns_b,#body6all{display: none;} /* -- 页面整体布局 -- */ /* .g-pro,.g-advantage{display: none;} */ /*导航*/ .m-nav{ overflow:hidden; background:#666666; position:relative;} nav { overflow: hidden; background: #40ceda; position: relative; padding-left: 12px; } .yb_conct {display: none;} .ny-page{overflow: hidden;/* margin-bottom:67px; */ margin: 10px 5px;} .digg4{margin: 8px;} nav:before { content: ''; position: absolute; width: 100%; left: 0; top: 50%; /* border-bottom: 1px solid #bbe7ea; */ } .cpMain { padding-bottom: 0px; } .newMain {display: none;} nav li { display: block; float: left; width: 20%; font: 1rem/3.2rem "microsoft yahei"; color: #fff; text-align: center; /* border-right: 1px solid #bbe7ea; */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .m-nav nav li a { color: #fff; } .kfoutbox {display: none;} .headrg { width: 55px; float: right; padding-top: 10px; padding-right: 20px; } a:link { color: #666; } .pageMenu{display: none;} .headrg a img { width: 100%; } .msy-ewm { display: flow-root; margin: 0 20px; padding: 10px 0; overflow: hidden; display: block; } .msy-ewm>p { float: left; font-size: 15px; color: #333; /* font-weight: bold; */ padding: 8px 0px 8px 40px; background: url(../images/msy-ewm.jpg) left no-repeat; background-size: 34px; } .msy-ewm .copywechat1 { float: right; font-size: 15px; font-weight: bold; background: #19ac19; border-radius: 20px; color: #fff; height: 36px; width: 100px; line-height: 35px; display: block; text-align: center; border: none; } .qq-client-content,.footer_zxkf{display: none;} .prod,.zl_bj,.fys,.g_ys{display: none;} .m_nav{/* display:block; */position:fixed;top:0;left:0;width:0;height:0;overflow:hidden;z-index:10000} .m_nav .closecover{position:absolute;width:100%;height:100%;background:#0b0d19;filter:alpha(opacity=0);opacity:0;left:0;top:0;z-index:1} .m_nav .closeicon{position:absolute;width:20%;left: 10px;top:5%;z-index:100;text-align:center;filter:alpha(opacity=0);opacity:0;} .m_nav .m_navList{position:absolute;width:80%;right:0;top:0;background:#0b0d19;height:100%;z-index:100;right:-80%;overflow-y:scroll} .m_nav .m_navList ul{padding-left:5%;padding-right:5%} .m_nav .m_navList ul li{border-bottom:1px solid #232530} .m_nav .m_navList ul li a{display:block;height:45px;color:#fff;line-height:45px;padding-left:5%;font-size:16px;overflow: hidden;} .m_nav .m_navList ul li .m_f_a{display:flex;align-items:center;justify-content:space-between;width:100%} .m_nav .m_navList ul li .m_f_a a{flex:1} .m_nav .m_navList ul li .m_f_a i{width:40px;height:35px;box-sizing:border-box;padding:0 5px;display:block} .icon{background:url(../images/plus.png) 100% no-repeat;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .icon_on{background:url(../images/reduce.jpg) 50% no-repeat!important;background-position:50% 50%;-webkit-transition:all 0s;-moz-transition:all 0s;transition:all 0s} .m_nav .m_navList ul li .m_s_nav{display:none;width:100%} .m_nav .m_navList ul li .m_s_nav a{display:block;height:40px;line-height:40px;font-size:14px;padding-left:10%;overflow:hidden;white-space:nowrap;width:90%;text-overflow:ellipsis} nav:before { content: ''; position: absolute; width: 100%; left: 0; top: 50%; /* border-bottom: 1px solid #bbe7ea; */ } .ny-prolist li .on { border-bottom: 1px solid #ffffff; background-color: #fbfbfb; background-image: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#e1e1e1)); background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); } .ny-prolist li { color: #2a93cd; height: 38px; line-height: 38px; border-bottom: 1px solid #e1e1e1; padding-left: 33px; position: relative; /* white-space: nowrap; */ overflow: hidden; } .ny-prolist .list1 li:before { content: ""; overflow: hidden; position: absolute; left: 20px; top: 17px; z-index: 8; width: 3px; height: 3px; border-width: 1px; border-style: solid; transform: roate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); /* border-color: #fff #fff transparent transparent; */ } .prolist ul {display: none;} .ny-prolist .list1 li:before { border-color: #40ceda #40ceda transparent transparent; } .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 !important;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;} .pro,.ys,.g_ya,.g_pg,.liuc,.jjfa,.Faq,.jjfa_w{display: none;} .m-header{/*overflow: hidden;padding-bottom: 10px;*/ padding: 0px 5px;} .m-header h1{text-align: center;padding:3px;} .m-header h1 img{width: 60%;max-width: 100%;vertical-align: middle;/* float: left; *//*border-right: 1px solid #ddd;*//* margin-right: 10px; padding-left: 5px; */ margin-bottom: 3px;} .en .m-header h1 img {display: none;} /* .en .m-header h1 img {visibility: hidden;} */ .m-header .m-slogan{ float: left; font-size: 1rem; color: #393939; /* padding-top: 18px; */ width: 42%; padding-left: 2%;} .m-header .m-slogan b{color: #171f67; display: block; } .m-header .m-slogan p{font-size: 1.2rem;} .m-header .m-slogan span{font-size: 1rem;} .em #showtext em { font-size: 16px; } .footWrap .container ,.footWrap .fotWrp,.fbg{display: none;} .social_nav {display: block;} .m-header .m-dpgone p{font-size: 20px; font-weight: bold;/* line-height: 0px; */text-align: center;color: #333; width: 73%; float: left;padding: 6px 0px;/* background: url(../images/htphone.png) no-repeat left center; */} .m-header .m-dpgone span{font-size: 14px;color: #333; margin-top: -4px;font-weight: bold;float: left; padding-left: 13px;} .m-header .m-dpgone {display: block;/* padding: 15px 0; */} .m-dpgone em {color:#0f8e3a;font-size: 20px;padding-top: 18px; width: 42%;font-weight: bold; } .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%;} .g-ft {display: block;} .g-hd { display: block; /* background: url(../images/Common/top_bg.jpg) no-repeat center 0; */ height: 5.4rem; /* overflow: hidden; */ background-size: 100% 9.5rem; border-bottom: 1px solid #f5f5f5; } .about-tit h2 {font-weight: bold; color: #171f67;} .about-tit em { font-size: 1rem; } .g-hd h1 { float: left; padding-top: 13px; width: 40%; } a:link { color: #666; } .g-hd h1 img { display: block; width: 100%; height: auto; } .g-hd .m-slogan { float: left; font-size: 1rem; color: #393939; padding-top: 18px; width: 42%; padding-left: 2%; } .g-hd .m-slogan b { color: #171f67; display: block; font-size: 1.1rem; } .htsearch { float: left; /* margin-top: 22px; */ position: relative; width: 15%; } .htsearch-btn { background: #fff; border: none; color: #444; text-align: center; font-size: 24px; padding: 0; } .htsearch-btn i { display: block; } .htsearch-btn i img { margin-left: 18px; margin-top: 5px; width: 38px; } .htsearch-con { display: none; /* background: #f6f6f6; */ position: absolute; top: 65px; right: -19px; /* padding: 20px; */ /* box-shadow: 0 3px 10px 0 rgb(0 0 0 / 30%); */ z-index: 99999999; } .htsearch-con form { position: relative; background: #fff; border-radius: 100px; z-index: 999999; } .htsearch-con input[type='text'] { border: 1px solid #d5d5d5; border-radius: 20px; line-height: 38px; width: 280px; padding-left: 20px; padding-right: 50px; } .htsearch-con input[type='submit'] { position: absolute; right: -4px; top: 0; width: 50px; height: 40px; background: url(../images/m-cx.png) no-repeat center; text-indent: -999999px; background-size: 40px; } .down { height: 40px; display: block; padding-left: 10px; line-height: 40px; } .msy-video {display: block;} /*ban轮播广告*/ .g-adv{overflow:hidden;} .g-adv img{ display: block;width: 100%;} .m-sg1 { background: #eee; display: block; overflow: hidden; padding: 1%; } .m-sg1 ul li { width: 48%; float: left; position: relative; padding: 4% 0% 4% 4%; background: #fff; display: inline-block; margin: 1%; } .m-sg1 .ck { float: left; } .m-sg1 .ck h2 a { font-size: 16px; /* font-weight: bold; */ } .m-sg1 .ck p a { width: 72px; height: 28px; line-height: 28px; display: inline-block; background: #40ceda; margin-top: 12px; text-align: center; border-radius: 6px; color: #fff; } .m-sg1 ul li img { width: 76px; position: absolute; top: 50%; right: 3px; transform: translateY(-50%); height: 66px; } .m-sda { margin: 12px 6px; border-radius: 6px; width: 97%; height: 36px; display: inline-block; text-align: center; line-height: 36px; font-size: 1.1rem; background: #40ceda; color: #fff !important; } .cp1,.cp2,.cp3,.cp4,.foot {display: none;} .sa {display: block;} .prod_list { display: block; overflow: hidden; /* height: 24.05rem; */ margin-top: 1.5rem; } .m-tit1 { text-align: center; background: url(../images/m-tit.png) center no-repeat; background-size: 81%; } .m-tit1 h2 { font-size: 1.5rem; font-weight: bold; color: #171f67; padding-bottom: 3px; } .m-tit1 p { font-size: 0.8rem; } .prod_list ul { margin: 0 3.125%; overflow: hidden; margin-top: 2rem; } .prod_list li { width: 48.3%; float: left; height: auto; margin-bottom: 0.7rem; position: relative; } .prod_list li img { display: block; width: 100%; padding: 0.42rem; /* background: url(../images/Index/bg1.jpg); */ border: 1px solid #e2e2e2; box-sizing: border-box; } .prod_list li span { display: block; height: 1.92rem; line-height: 1.92rem; font-size: 1rem; color: #333; /* background: #000; */ /* opacity: .6; */ text-align: center; position: absolute; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; left: 0.48rem; bottom: 0.42rem; width: 92%; } .prod_list a:nth-child(2n) li { float: right; } .gczsnr{padding-top: 16px;} .gczsnr .sss1{ text-align: center;} .gczsnr .sss1 li{ float: left; display: contents;} .gczsnr .sss1 li.active a{background: #171f67;color:#fff;} .gczsnr .sss1 li a{background: #fff;width: 88px;line-height: 28px;height: 28px;color: #171f67;font-size: 14px;display: inline-block;border-radius: 8px;margin: 6px 3px;} .gczsnr .sss1 li:hover a{ background:#0065b6; color:#fff; } .gczsnr .sss2{} .gczsnr .sss2 .qht{} .gczsnr .sss2 .qht img{width: 134px;} .slidermar{ padding:10px 35px; height:144px; overflow:hidden; background:#eee;} .bx-wrapper { position: relative; padding: 0; *zoom:1; margin:0 auto; } .bx-wrapper .img {border:1px solid #ccc; padding:1px; background:#fff;} .slide {float: left;margin-right: 5px;} .bx-wrapper img { max-width: 100%; height: auto; } .bx-wrapper .slide{ text-align:center;} .bx-wrapper .bx-viewport { left: 0px; -webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0) } .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100% } .bx-wrapper .bx-loading { min-height: 50px; /* background: url(../bx_loader.gif) center center no-repeat #fff;*/ height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000 } .bx-wrapper .bx-pager { display:none; text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px } .bx-wrapper .bx-pager .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; *zoom:1;*display: inline } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px } .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active { background: #000 } .bx-wrapper .bx-prev { left: -34px; background: url(../images/prev.png) no-repeat center center; background-size:90%; } .bx-wrapper .bx-next { right: -34px; background: url(../images/next.png) no-repeat center center; background-size:90%; } .bx-wrapper .bx-prev:hover { background-position: 0 0 } .bx-wrapper .bx-next:hover { background-position: -0 0 } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999 } .bx-wrapper .bx-controls-direction a.disabled { display: none } .bx-wrapper .bx-controls-auto { text-align: center } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../controls.png) -86px -11px no-repeat; margin: 0 3px } .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0 } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../controls.png) -86px -44px no-repeat; margin: 0 3px } .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80% } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px } .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80,80,80,.75); width: 100% } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px } /* .g-test{margin-bottom: 50px;background: #f6f6f6;} */ .slidermar { padding: 10px 35px; height: 144px; overflow: hidden; background: #eee; } .slidermar { height: auto !important; background: initial !important; margin-top: 12px; } .bx-wrapper { position: relative; padding: 0; *zoom: 1; margin: 0 auto; } .bx-wrapper .img { border: 1px solid #ccc; padding: 1px; background: #fff; } .bx-wrapper .slide p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; } .bx-wrapper img { max-width: 100%; height: auto; } .bx-wrapper .bx-pager { display: none; text-align: center; font-size: .85em; font-family: Arial; font-weight: 700; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper { position: relative; padding: 0; *: ; zoom: 1; margin: 0 auto; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-prev { left: -34px; background: url(../images/prev.png) no-repeat center center; background-size: 90%; } .bx-wrapper .bx-next { right: -34px; background: url(../images/next.png) no-repeat center center; background-size: 90%; } .g-honor { overflow: hidden; /* background: #eee; */ padding: 1rem 0; padding-top: 1.3rem; } /*标题*/ .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:10px 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;text-align:center;border: 1px solid #E5E5E5;} .g-pro .wlist li.z-on a{background:#c30d23;color:#fff;border:1px solid #c30d23;} .g-pro .wcont{padding:5px;overflow: hidden;} .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;} */ /* .copy {display: none;} */ /* .main {display: none;} */ /* .g-advantage {display: none;} */ /* .g-about {display: none;} */ .yd_b {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/05.jpg) no-repeat center 0; */ background-color: #666666; background-size: 100%; height: 7rem; padding-top: 1.7rem; } .g-advantage h2 span{ color: #ffffff; font-size: 24px; font-family: "Arial"; font-weight: bold; } .g-advantage h2 .madv_en{ font-size: 1.5rem; } .g-advantage h2 b{ display: block; font-size: 0.99rem; color: #a8a9ab; margin-top: 4px; } .g-advantage .con{ width: 100%; display: inline; float: left;} .g-advantage p{ /*height: 18.33rem;*/ /* overflow: hidden; */text-align: center;} .g-advantage p img{ margin-top: 10px;/* margin-left: 80px; *//* width: 100%; */ /* display: block; */height: 168px} .g-advantage dl{ overflow: hidden; margin: 0 6.25% 1.25rem 3.125%; } .g-advantage dt{ font-size: 1.4rem; font-weight: bold; color:#c30d23; 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: #bd0a27;margin-right: 5px;} .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: 17%; } .g-advantage .m-cnt li{ width: 17%; height: 0.5rem; background: #c8c8c8; display: inline-block; float: left; margin-right: 4%; } .g-advantage .m-cnt li.z-on{ background:#c30d23; } #showtext table{width:100% !important;} #showtext table td{/* float: left; */} .sidebar .sb_box{width: 100%;border: none;} .sb_box .active{max-width: 100%; padding: 0 10px;vertical-align:middle;} .sidebars .sb_box {float: none;width: 100%;} .lxtopn{border: none;} .sidebars .sb_box .nyjoblist-ul {padding: 5px;} /*关于我们*/ .g-about{margin-bottom:20px;} .g-about-box{ margin: 20px 4px 0px 4px;} .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: #666666;font-size: 1rem;/*height: 15rem;*/line-height: 1.5rem;overflow: hidden;margin-bottom:0px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 11;text-align:justify;} .g-about-txt p{text-indent: 2em;color: #666;} .g-nynav {background: #c30d23;} .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;/* margin-bottom: 44px; */} #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: 15px;} .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 10px 0} /* .header {background: #313131;} */ /* .RandomNews {padding: 0;margin-bottom: 20px;} */ /*新闻资讯*/ /* .m-box ul li{ display: inline-block; padding-bottom: 16px; padding-top: 16px; border-bottom: 1px solid #ccc;} .m-box ul li a{} .m-box .m-news2-rq{float: left;width: 22%;background: #40ceda;text-align: center;padding: 10px 0;border-radius: 10px;margin-left: 6%;} .m-box .m-news2-rq h2{color: #fff;font-size: 24px;border-bottom: 1px solid #fff;margin: 0 10px;font-weight: bold;padding-bottom: 4px;} .m-box .m-news2-rq p{font-size: 14px;color: #fff;padding-top: 4px;} .m-box .m-news2-wz{ float: left; width: 70%;} .m-box .m-news2-wz h2{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;font-size: 17px;font-weight: bold;color: #333;padding-top: 4px;} .m-box .m-news2-wz p{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;padding-top: 8px;font-size: 12px;line-height: 20px;} .n_q li.z-on { color: #fff; background: #171f67; } */ .g-ft { font-family: "Microsoft yahei"; /* height: 10rem; */ /* overflow: hidden; */ position: relative; background: #333; /* padding-bottom: 70px; */ } .ft-mlx { margin: 0 12px; position: relative; top: -48px; background: #40ceda; padding: 20px; border-radius: 10px; } .ft-mlx ul li { width: 100%; display: inline-block; margin: 10px 0; } .ft-mlx .ft-mtu { float: left; width: 42px; } .ft-mlx .ft-mtu img { width: 100%; } .ft-mlx .ft-mtel { float: left; padding-left: 20px; margin-left: 20px; border-left: 1px solid #fff; } .ft-mlx .ft-mtel h2 { color: #fff; font-size: 1.1rem; font-weight: bold; line-height: 1.2rem; } .ft-mlx .ft-mtel p { color: #fff; font-size: 1.1rem; padding-top: 6px; } .ft-mewm { /* width: 100%; */ display: block; overflow: hidden; padding: 0px 32px; } .ft-mewm ul li { width: 42%; float: left; text-align: center; margin: 0 3%; } .ft-mewm ul li img { width: 100%; } .ft-mewm ul li p { line-height: 42px; font-size: 1rem; color: #fff; } .ft-mdb { margin-bottom: 24px; background: #222; text-align: center; padding: 10px 0; margin-top: 10px; } .ft-mdb p { height: 15px; color: #fff; line-height: 0px; } .ft-mdb p a { color: #fff; } /*新闻资讯*/ .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: #c30d23;} .m-new .con{ float: left; display: inline; width: 100%;} .n_c ul{ padding: 0 3.9%;} .n_c ul li{ 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); padding-left: 3px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;/* background: url(../images/diamImg.png) no-repeat 5px 13px; */} .n_c ul li span{ float: right; font-size: 1rem; color: #c1c1c1;} /* .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; -webkit-box-sizing:border-box; } .n_q li.z-on{ font-weight: bold; color: #ffffff; background: #009943;} .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 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;} /*底部按钮*/ .social_nav { background: #252525; overflow: hidden; position: fixed; bottom: 0; min-width: 320px; max-width: 640px; width: 100%; z-index: 999; } .social_nav li:first-child { background: #171f67; float: left; width: 25%; border-right: 1px solid #fff; } .social_nav li:nth-child(2) { width: 25%; border-right: 1px solid #fff; box-sizing: border-box; background: #171f67; } .social_nav li:nth-child(3) { width: 25%; border-right: 1px solid #fff; box-sizing: border-box; background: #40ceda; } .social_nav li:nth-child(4) { width: 25%; background: #40ceda; } .social_nav li { float: left; padding: 10px; text-align: center; font-size: 1rem; font-weight: bold; overflow: hidden; box-sizing: border-box; } .social_nav li img { display: inline-block; width: 28px; } .social_nav li a p { color: #fff; padding-top: 2px; font-size: 1rem; font-weight: normal; } .m-fbtn{position:fixed;bottom:0;overflow: hidden;z-index: 999;width: 100%;background:#666666;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;/* margin-bottom: 54px; */} .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>h1{font-size:1.2rem;text-align:center} .ny-prolist>dl>dt{border-bottom: 1px solid #e1e1e1;background: #fff;} .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%;padding:5px;} .ny-prolist>ul>li>a>img{display:block;max-width:100%;margin:0 auto;border:1px solid #eee;} .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;} /* .RandomNews li {background: none;} */ .RandomNews li a {font-size: 14px;} /* .RandomNews{display: none;} */ /* .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;margin: 0 10px} .ny-procon .jiathis_txt{float: left;} /* .ny-procon {background: #000000;} */ .ny-prolist{/* background: #000; */-webkit-border-radius: 5px; /* border: 1px solid #e1e1e1; margin: 13px 10px 66px 10px; */} .ny-prolist>h1{font-size:1.2rem;text-align:center;color: #000000;height: 40px;line-height: 40px;} .ny-prolist>dl>dt{padding-left: 15px;background: #c30d23;} .ny-prolist>dl>dt.cur { background-image: -webkit-linear-gradient(top, #fbfbfb, #e1e1e1); } .jiathis_style {margin: 0 15px;border-top: 1px solid #c5c5c5;} .ny-prolist>dl>dt>a{line-height: 40px;font-size:14px;padding-left: 15px;position: relative;display:block;color: #ffffff;} .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{ border-bottom: 1px solid #ffffff; height: 210px; text-align: center; /* box-shadow: 0 1px #e6e6e6; margin-bottom: 2px; padding: 12px 36px 12px 10px; position: relative; */} table {width: 100% !important;} .ny-prolist>ul>li>a{display:block;} .ny-prolist>ul>li .bagedt { float: left; display: block; border: 1px solid #ccc; margin-right: 11px; } .ny-prolist td { padding: 0; } .ny-prolist li img { display: block; border: 1px solid #e2e2e2; } .ny-prolist li h3 { display: block; height: 24px; line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-right: 10px; font-size: 14px; font-weight: normal; } .ny-prolist li p { font-size: 12px; height: 65px; line-height: 22px; margin: 5px; margin-right: 3%; overflow: hidden; color: #666; } .clear, .cl { clear: both; } /* .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: 345px;height: 36px;border-bottom: 1px solid #e6e6e6;line-height: 36px;} .xx {display: none;} .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; margin-bottom: 50px;} .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;} } @media (max-width: 479px){ .ft-mdb{margin-bottom: 10px;} } .ny-procon{} .ny-procon>h1{font-size:18px;text-align:center;padding:15px 5px;color:#c30d23;font-weight: bold;} .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 {margin: 5px 12px;} /* .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:15px; 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 #df0805; color:#fff; background:#df0805;} .metpager_5 a:active {border:1px solid #df0805; color:#000;} .metpager_5 span.current { padding:2px 8px 2px 8px; margin:2px; color:#fff; background:#df0805; border:1px solid #df0805; 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;}