.n_box{width:1200px;margin:0 auto;margin-top:20px;} .products1{ width:100%; float:left; background:#f4f4f4; padding:25px 0;} .products1 .pic{ float:left; width:34.18%;} .products1 .pic img{ width:100%; float:left;} .products1 .text{ float:right; /*width:59.82%;*/} .products1 .text .title{ width:100%; margin-top:23px; color:#333; line-height:46px; font-size:30px; letter-spacing:1px;} .products1 .text .jj{ width:100%; margin-top:21px; color:#666; line-height:36px; font-size:18px; letter-spacing:1px;} .products1 .text .fx{ width:100%; margin-top:75px;} .products1 .text .fx .bdsharebuttonbox a{ font-size:16px; color:#888; line-height:32px; letter-spacing:1px; background:none !important; margin:0 !important; padding:0 !important;} .products1 .text .fx .bdsharebuttonbox a img{ vertical-align:middle; margin:-3px 6px 0 0; width:16px;} @media screen and (max-width:991px) { .products1{ padding:40px 0;} .products1 .text .title{ margin-top:0px; line-height:36px; font-size:24px; letter-spacing:0px;} .products1 .text .jj{ margin-top:10px; line-height:30px; font-size:16px; letter-spacing:0px;} .products1 .text .fx{ margin-top:30px;} .products1 .text .fx .bdsharebuttonbox a{ font-size:14px; line-height:26px; letter-spacing:0px;} .products1 .text .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;} } @media screen and (max-width:767px) { .products1{ padding:20px 0;} .products1 .pic{ width:100%;} .products1 .text{ width:100%; margin-top:10px;} .products1 .text .title{ line-height:30px; font-size:18px;} .products1 .text .jj{ line-height:24px; font-size:14px;} .products1 .text .fx{ margin-top:20px; display:none;} .products1 .text .fx .bdsharebuttonbox a{ font-size:14px; line-height:26px; letter-spacing:0px;} .products1 .text .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;} } .products2{ width:100%; float:left; padding:31px 0 0 0;} .products2 .down{ width:100%; text-align:right; float:left;} .products2 .down h4{ float:left; font-size:24px; color:#333; line-height:32px; letter-spacing:1px;} .products2 .down a{ display:block; float:right; font-size:16px; color:#8ec31f; line-height:32px; letter-spacing:1px;} .products2 .down a:hover{ text-decoration:underline;} .products2 .down a img{ vertical-align:middle; margin:-3px 4px 0 0;} .products2 .shaixuan{ width:100%; float:left;} .products2 table{ width:1170px; float:left;} .products2 table td, .products2 table th { border: 1px solid #ddd; font-size: 16px; text-align: center; vertical-align: middle; line-height:26px;} .products2 table thead td { white-space: nowrap; padding: 5px 10px; font-weight: bold; background: #666; color:white; border-color: #cdcdcd; font-weight:normal;} .products2 table thead tr.screen td { background: #f6f6f6; } .products2 table thead tr.screen div.sbox { height: 142px; overflow: hidden; text-align: left; font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: normal; position:relative; padding-right:20px;} .products2 table thead tr.screen div.sbox .scroll_box,.products2 table thead tr.screen div.sbox .scroll_box .scroll_cont{ width:100%;} .products2 table thead tr.screen div.sbox .mCSB_inside > .mCSB_container { margin-right: 0px !important; } .products2 table thead tr.screen .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .products2 table thead tr.screen .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools { right: -7px !important; } .products2 table thead tr.screen div.sbox label { display: block;font-size:12px; color:#333; width:100%; line-height:20px; float:left;} .products2 table thead tr.screen div.sbox label > input { margin-left: 0; margin-right:4px; word-wrap:break-word; word-break:break-all;} .products2 table thead tr.screen div.sbox label span { position:relative; top: -2px; word-wrap:break-word; word-break:break-all;} .products2 table thead tr.screen .ui-slider-vertical { width: 6px !important; } .products2 table thead tr.screen .ui-slider .ui-slider-handle { width: 12px !important; height: 12px !important; border-radius: 2px !important; } .products2 table thead tr.screen div.sbox2 { margin: 10px 5px 14px 5px; font-weight: normal; position: relative; width: 60px; display: inline-block; } .products2 table thead tr.screen div.sbox2 span.max, .products2 table thead tr.screen div.sbox2 span.min { display: block; position: absolute; left: 14px; font-size:12px; color:#333;} .products2 table thead tr.screen div.sbox2 span.max { top: 0; } .products2 table thead tr.screen div.sbox2 span.min { bottom: -4px; } .products2 table thead tr.screen div.sbox2 .maxBtn, .products2 table thead tr.screen div.sbox2 .minBtn { display: block; position: absolute; left: 14px; font-size:12px; color:#333; z-index:3; display:none;} .products2 table thead tr.screen div.sbox2 .maxBtn { top: 0; } .products2 table thead tr.screen div.sbox2 .minBtn { bottom: -4px; } .products2 table thead tr.screen div.sbox2 .maxBtn .mSearch, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch{ width:60px; padding-right:18px; position:relative; overflow:hidden; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px;} .products2 table thead tr.screen div.sbox2 .maxBtn .mSearch .mSearchb, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch .mSearchb{ width:18px; height:18px; text-align:center; position:absolute; right:0; top:0; background:#8ec31f; line-height:18px; color:white; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .products2 table thead tr.screen div.sbox2 .maxBtn .mSearch .mSearchk, .products2 table thead tr.screen div.sbox2 .minBtn .mSearch .mSearchk{ width:100%; height:18px; border:solid 1px #cbcbcb; line-height:16px; padding-left:4px; font-size:10px; color:#333; border-right:0; float:left; text-transform:uppercase;-moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0;} .products2 table thead tr.screen .slider-range { height: 120px; } .products2 table thead a { text-decoration: none; color:white; letter-spacing:1px;} .products2 table thead a:hover { color: #8ec31f; } .products2 table thead a:after { content: '▼'; opacity:0.6; font-size:10px; margin-left:5px; font-family:"宋体";} .products2 table thead a.desc:after { content: '▲'; } .products2 table tbody tr:hover { background: #c9e987; } .products2 table tbody td { white-space: nowrap; padding:11px 5px; position:relative; font-size:12px; color:#333; line-height:20px;} .products2 table tbody td.td1{ font-size:14px;} .products2 table tbody td a { text-decoration: none; color: #8ec31f; font-size:14px;} .products2 table tbody tr:hover td a{ color:#333;} .products2 table tbody tr td a:hover{ text-decoration:underline;} .products2 table tbody td .tc1{ width:170px; background:white; background:rgba(255,255,255,0.89); position:absolute; left:50%; bottom:100%; margin-left:-85px; padding:16px 20px 17px 20px; text-align:left; box-shadow:0 0 7px rgba(0,0,0,0.13); display:none; -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} .products2 table tbody td .tc1:before{ content:'▼'; font-size:20px; color:white; opacity:0.9; position:absolute; left:0; line-height:1; bottom:-10px; width:100%; text-align:center;} .products2 table tbody tr td:hover .tc1{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} .products2 table tbody td .tc1 li{ width:100%;} .products2 table tbody td .tc1 li a{ display:block; font-size:14p; color:#333; line-height:32px; width:100%;} .products2 table tbody td .tc1 li a img{ vertical-align:middle; margin:-3px 8px 0 0;} .p-btns { text-align: right; padding-bottom: 10px; padding-right: 3px; } .p-btns a.btn { font-size: 15px; color: #000; text-decoration: none; background: url(../images/excel-icon.png) left bottom no-repeat; padding-left: 28px; padding-top: 9px; display: inline-block; } .p-btns a.btn:hover { text-decoration: underline; } .scroll_tiao{ width:2px !important; background:#e5e5e5; right:0px !important; opacity:0; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .scroll_huakuai{ width:2px !important; background:#8ec31f !important; right:0 !important; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px} .products2 table thead tr.screen div.sbox:hover .scroll_tiao{ opacity:1;} .products2 .ui-tooltip { font-weight: normal !important; font-size: 13px !important; } .products2 .doc-list a { text-decoration: none; color: #000; } .products2 .doc-list a:hover { text-decoration: underline; color: #cc0000; } .products2 .doc-list li { padding: 3px 0; padding-left: 20px; position: relative; } .products2 .doc-list li:before { content:''; background: url(../images/pdf-icon.png) center center no-repeat; width: 16px; height: 16px; position: absolute; left: 0; top: 50%; margin-top: -8px; } .products2 table thead tr.screen div.sbox2 .mb{ width:55px; height:84px; position:absolute; right:-5px; top:50%; margin-top:-40px;} @media screen and (max-width:767px) { .products2 table{ width:1020px;} .products2 table td, .products2 table th { font-size: 12px; line-height:20px;} .products2 table thead td { padding: 5px;} .mCustomScrollBox{ padding-bottom:0;} .products2 table tbody td { padding: 6px 5px; line-height: 18px; } .products2 table tbody td.td1,.products2 table tbody td a{ font-size: 12px; } .ui-slider-vertical .ui-slider-handle { left: -.3em;} .products2{ padding:20px 0 0 0;} .products2 .down a{ font-size:14px; line-height:28px; letter-spacing:0px;} .products2 .down a img{ width:14px; margin:-3px 2px 0 0;} .products2 .down h4{ font-size:18px; line-height:28px;} } /*产品详情*/ .products3{ width:100%; float:left; padding:80px 0 85px 0;} .products3 .products3Left{ float:left; width:31.62%;} .products3 .products3Left .pic,.products3 .products3Left .pic img{ width:100%; float:left;} .products3 .products3Left ul{ width:100%; float:left; margin-top:20px;} .products3 .products3Left ul li{ width:100%; float:left; margin-bottom:1px;} .products3 .products3Left ul li a{ display:block; width:100%; float:left; padding:0 22px 0 18px; min-height:52px; line-height:52px; background:#f4f4f4; font-size:14px; color:#333;} .products3 .products3Left ul li a .ico{ display:inline-block; vertical-align:middle; margin:-3px 10px 0 0; width:32px; height:52px; background:url(../images/pro6.png) no-repeat center center; background-size:contain;} .products3 .products3Left ul li a span{ float:right; font-size:14px; color:#999;} .products3 .products3Left ul li a:hover span{ text-decoration:underline;} .products3 .products3Left ul li a:hover{ background:#8ec31f; color:white;} .products3 .products3Left ul li a:hover .ico{ background-image:url(../images/pro7.png);} .products3 .products3Right{ float:right; width:62.39%;} .products3 .products3Right table{ width:100%; float:left; border-top:solid 2px #8ec31f; border-bottom:solid 1px #8ec31f;} .products3 .products3Right table td{ font-size:14px; color:#333; line-height:30px; border:solid 1px white; padding:0 10px 0 40px;} .products3 .products3Right table td.td1{ background:rgba(142,195,31,0.05); width:33.69%;} .products3 .products3Right table td.td2{ background:rgba(142,195,31,0.15); width:66.31%;} .products3 .products3Right table td.td3{ background:rgba(142,195,31,0.05); width:16.845%;} .products3 .products3Right table tr.tr1 .td1{ background:rgba(142,195,31,0.15);} .products3 .products3Right table tr.tr1 .td2{ background:rgba(142,195,31,0.05);} .products3 .products3Right table tr.tr1 .td3{ background:rgba(142,195,31,0.15);} .products3 .products3Right .button{ float:right; margin-top:82px;} .products3 .products3Right .button .fx{ float:right;} .products3 .products3Right .button .fx .bdsharebuttonbox a{ font-size:16px; color:#888; line-height:50px; letter-spacing:1px; background:none !important; margin:0 !important; padding:0 !important;} .products3 .products3Right .button .fx .bdsharebuttonbox a img{ vertical-align:middle; margin:-3px 6px 0 0; width:16px;} .products3 .products3Right .button .consult{ float:left; display:block; width:166px; height:50px; line-height:50px; text-align:center; margin-right:30px; color:white; font-size:16px; letter-spacing:1px; background:#8ec31f;} .products3 .products3Right .button .consult img{ vertical-align:middle; margin:-3px 8px 0 0;} .products3 .products3Right .button .consult:hover{ overflow:hidden; box-shadow:0 0 20px rgba(142,195,31,0.2); -moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;} @media screen and (max-width:1199px) { .products3 .products3Left{ width:40%;} .products3 .products3Right{ width:58%;} .products3 .products3Right table td{ padding:0 10px 0 30px;} .products3 .products3Right table td.td1{ width:40%;} .products3 .products3Right table td.td2{ width:60%;} .products3 .products3Right table td.td3{ width:20%;} } @media screen and (max-width:991px) { .products3{ padding:40px 0 43px 0;} .products3 .products3Left ul li a{ padding:0 11px 0 10px; font-size:12px;} .products3 .products3Left ul li a .ico{ margin:-3px 6px 0 0; width:28px; height:48px;} .products3 .products3Left ul li a span{ font-size:12px;} .products3 .products3Right table td{ font-size:12px; line-height:24px; padding:5px 10px;} .products3 .products3Right .button{ margin-top:41px;} .products3 .products3Right .button .fx .bdsharebuttonbox a{ font-size:14px; line-height:40px; letter-spacing:0px;} .products3 .products3Right .button .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;} .products3 .products3Right .button .consult{ width:130px; height:40px; line-height:40px; margin-right:20px; font-size:14px; letter-spacing:0px;} .products3 .products3Right .button .consult img{ margin:-3px 6px 0 0; width:18px;} } @media screen and (max-width:767px) { .products3{ padding:20px 0 22px 0;} .products3 .products3Left,.products3 .products3Right{ width:100%;} .products3 .products3Left ul li a{ padding:0 6px 0 10px; height:48px; line-height:48px;} .products3 .products3Right .button{ margin-top:20px; width:100%;} .products3 .products3Right .button .fx{ display:none;} .products3 .products3Right .button .fx .bdsharebuttonbox a{ font-size:14px; line-height:40px; letter-spacing:0px;} .products3 .products3Right .button .fx .bdsharebuttonbox a img{ margin:-3px 4px 0 0; width:14px;} .products3 .products3Right .button .consult{ width:100%; height:40px; line-height:40px; margin-right:0px; font-size:14px;} .products3 .products3Right .button .consult img{ margin:-3px 6px 0 0; width:16px;} .products3 .products3Right table td.td1{ width:50%;} .products3 .products3Right table td.td2{ width:50%;} .products3 .products3Right table td.td3{ width:25%;} } .spSearch{ width:100%; display:inline-block; vertical-align:middle; height:30px; line-height:30px; padding-right:30px; position:relative; overflow:hidden; border:solid 1px #ddd; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px;} .spSearch .spSearchk{ width:100%; height:28px; line-height:20px; padding:5px; background:white; font-size:14px; color:#333; appearance: none; -moz-appearance: none; -webkit-appearance: none; outline: 0; border:0} .spSearch .spSearchb{ width:30px; height:30px; position:absolute; right:-1px; top:-1px; text-align:center; line-height:30px; background:#8ec31f; color:white; font-size:14px; text-transform:uppercase; cursor:pointer;} .blk-main{width:1200px; margin: 0 auto;} .cbgg-01 { background: #015fa9; text-align: center; color: #fff; } .cbgg-01-img img { width: 100%; display: block; } .cbgg-01 p { padding-top: 15px; } .cbgg-01 p img { vertical-align: middle; margin-right: 5px; } .cbgg-01 span { display: block; font-size: 28px; font-weight: bold; font-family: Arial; padding-bottom: 20px; padding-top: 10px; } .blk-xs{width:240px;} .blk{margin-bottom: 20px;} .blk-xs{width:240px;} .blk{margin-bottom: 20px;} .fdh-01-tit { background: #015fa9; height: 80px; } .fdh-01-tit h2 { height: 75px; font-size: 24px; font-weight: normal; line-height: 75px; color: #fff; border-bottom: 1px solid #fff; text-align: center; } .fdh-01-tit h2 span { font-size: 14px; text-transform: uppercase; } .fdh-01-nav-one h3 { height: 50px; line-height: 50px; background: url(../image/p14-icon5.png) no-repeat right center #ececeb; margin-bottom: 2px; overflow: hidden; } .fdh-01-nav-one h3 a { display: inline-block; font-size: 17px; font-weight: normal; margin-right: 40px; margin-left: 38px; color: #666666; overflow: hidden; } .fdh-01-nav-one h3.sidenavcur, .fdh-01-nav-one h3:hover { background: url(../image/p14-icon2.png) no-repeat right center #015fa9; } .fdh-01-nav-one h3.sidenavcur a, .fdh-01-nav-one h3:hover a { color: #fff; } .fdh-01-nav dl { padding: 2px 0 4px; } .fdh-01-nav dt { height: 50px; font-size: 16px; line-height: 50px; padding-left: 28px; 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: #015fa9; } .fdh-01-nav dt.sidenavcur a, .fdh-01-nav dt:hover a { color: #015fa9; } .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: #015fa9; } .fdh-01-nav p.sidenavcur:after, .fdh-01-nav p:hover:after { background: #0d0d0d; } .fdh-01-nav a { display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .p12-curmbs-1 { font-size: 14px; border-bottom: 1px dashed #dcdcdc; } .p12-curblock{ display: none; } .p12-curmbs-1 b { border-left: 10px solid #0d0d0d; font-weight: normal; padding-left: 8px; } .p12-curmbs-1 i { font-style: normal; } .p12-curmbs-1 span { font-family: '宋体'; padding: 0 5px; height: 46px; line-height: 46px; } .cpcc-ts-01 { position: relative; padding: 12px 0 16px; background: #fff; } .cpcc-ts-01-left { position: relative; width: 40%; float: left; overflow: hidden; border: 1px solid #e7e7e7; margin-left: 20px; } .cpcc-ts-01-left-jt { width: 12px; height: 23px; position: absolute; top: 50%; margin-top: -11px; cursor: pointer; z-index: 33; } .cpcc-ts-01-left-prev { left: 10px; } .cpcc-ts-01-left-next { right: 10px; } .cpcc-ts-01-left-size { position: absolute; right: 0; bottom: 0; width: 56px; height: 26px; font-size: 14px; line-height: 16px; color: #787878; letter-spacing: 3px; } .cpcc-ts-01-left-size em { font-style: normal; } .cpcc-ts-01-left-pic { width: 100%; position: relative; text-align: center; } .cpcc-ts-01-left-pic li { width: 100%; float: left; } .cpcc-ts-01-left-pic img { width: 100%; margin: 0 auto; display: block; } .cpcc-ts-01-right { width: 46%; float: right; margin-right: 6%; } .cpcc-ts-01-right-tit { height: 48px; font-size: 24px; font-weight: normal; line-height: 48px; color: #4a4a4a; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cpcc-ts-01-right-con { font-size: 14px; line-height: 24px; margin-bottom: 86px; max-height: 168px; overflow: hidden; } .pc-cx-tel-1 { width: 46%; height: 56px; border-top: 2px solid #e6e6e6; padding-top: 10px; position: absolute; bottom: 16px; right: 6%; } .pc-cx-tel-1-t1 { width: 114px; height: 44px; background: #015fa9; font-size: 18px; line-height: 44px; text-align: center; float: right; } .pc-cx-tel-1-t1 a { display: block; color: #fff; } .pc-cx-tel-1-t2 { height: 56px; padding-left: 70px; background: url(../image/pc-xc-icon2.png) no-repeat 10px top; font-size: 18px; line-height: 18px; color: #454545; } .pc-cx-tel-1-t2 p { line-height: 24px; } .cplb-1n-ts-01-tit { height: 40px; border-bottom: 2px solid #d4d4d4; margin-bottom: 18px; } .cplb-1n-ts-01-tit-h2 { height: 40px; display: inline-block; font-size: 24px; font-weight: normal; line-height: 40px; padding-right: 24px; border-bottom: 2px solid #0d0d0d; } .cplb-1n-ts-01 dl { border: 1px solid #dedede; margin-bottom: 15px; padding: 15px 0 18px 0; background: #fff; display: inline-block; width: 100%; } .cplb-1n-ts-01 dl:hover { border: 1px solid #015fa9; } .cplb-1n-ts-01 dt { width: 30%; float: left; margin-right: 5.5%; margin-left: 20px; } .cplb-1n-ts-01 dt img { width: 100%; margin: 0 auto; display: block; } .cplb-1n-ts-01 dd { padding-right: 4.5%; } .cplb-1n-ts-01 dd h4 { height: 52px; font-weight: normal; font-size: 18px; color: #154c64; line-height: 48px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .cplb-1n-ts-01 h4 a { display: block; height: 52px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-bottom: 4px; background: url(../image/p15-icon1.png) repeat-x left bottom; } .cplb-1n-ts-01 dl:hover h4 a { color: #015fa9; } .cplb-1n-ts-01-list-desc { max-height: 84px; font-size: 14px; line-height: 28px; color: #626262; overflow: hidden; margin-bottom: 20px; } .cplb-1n-ts-01-list-deta { float: right; width: 125px; height: 38px; display: inline-block; border: 1px solid #aaa; font-size: 16px; line-height: 40px; text-align: center; } .cplb-1n-ts-01 dl:hover .cplb-1n-ts-01-list-deta { background: #015fa9; border-color: #015fa9; } .cplb-1n-ts-01 dl:hover .cplb-1n-ts-01-list-deta a { color: #fff; } /*头*/ .top{ background:white; height:95px; position:fixed; left:0; top:0; z-index:9; background:white; background:rgba(255,255,255,0.8);width:100%} .top.on{background:rgba(255,255,255,1);box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; } .top .logo{ float:left; height:95px; line-height:95px; width:190px;} .top .logo a{ display:inline-block; line-height:0; vertical-align:middle; margin-top:18px;} .top .logo img {max-width:190px;_width:expression(this.width > 190 ? "190px" : this.width);} .top .topRight{ float:right; margin-left:46px;} .top .topRight .lang{ float:left; font-size:16px; color:#333; line-height:95px; text-transform:uppercase;} .top .topRight .lang a{ color:#333; margin-right:16px;} .top .topRight .lang a.hover{ color:#8ec31f; font-weight:bold;} .top .topRight .so_box{ float:right; position:relative; z-index:99; height:95px; width:55px;} .top .topRight .so_box:before{ content:''; width:1px; height:16px; background:#d4d4d4; position:absolute; left:0; top:50%; margin-top:-8px;} .top .topRight .so_but{float:left; width:100%; height:95px; z-index:99; background:url(../images/top1.png) no-repeat center center; cursor:pointer; background-size:15px 15px;} .top .topRight .so{ position:absolute; right:0; top:100%; display:none; width:313px; height:44px; border:solid 1px #8ec31f; padding-right:54px; background:white; z-index:9;} .top .topRight .so .Search{ float:left; width:166px; height:42px; background:none; border:none; line-height:22px; padding:10px; color:#333; font-size:14px;} .so .sear_sub{ width:53px; height:42px; border:none;background:url(../images/top2.png) center no-repeat #8ec31f; background-size:15px 15px; cursor:pointer; position:absolute; right:0; top:0;} .so .sear_sub input{ width:100%; position:absolute; left:0; top:0; height:100%; cursor:pointer; opacity:0;} .so .sear_sub:before{ content:''; display:block;width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 7px solid #8ec31f; position:absolute; left:50%; top:-7px; margin-left:-8px;} .so span{display:block; float:left; width:90px; height:42px; background:url(../images/img_1_11.png) no-repeat 75px center #f5f5f5; cursor:pointer; position:relative; z-index:9999;} .so span input{ display:block; position:absolute; left:0; top:0; width:90px; height:42px; z-index:1; opacity:0; filter:alpha(opacity=00);} .so span div{ float:left; padding:0 20px 0 16px; text-align:center; height:42px; line-height:42px; font-size:14px; color:#4c4c4c; position:relative; z-index:9; width:100%;} .so span ul{ display:none; position:absolute; left:-1px; top:42px; background:#f5f5f5; border:1px solid #8ec31f; border-top:0 none; width:91px; height:auto; z-index:9} .so span ul li{ float:left; width:100%; text-align:center; height:33px; line-height:38px; font-size:12px; color:#4c4c4c;} .so span ul li:hover{ background:#fff;} .menu{ z-index:99; float:right;} .menu > ul{ float:left; width:100%;} .menu ul .nli{ float:left; text-align:center; z-index:99; position:relative;} .menu ul .nli span a{ display:block; white-space:nowrap; width:100%; float:left; height:95px; line-height:95px; color:#333; text-align:center; font-size:16px; letter-spacing:1px; position:relative; padding:0 30px;} .menu ul .nli.on span a,.menu ul .nli:hover span a{ color:#8ec31f;} .menu ul .nli span a:before{ content:''; width:0; height:3px; background:#8ec31f; position:absolute; left:50%; bottom:1px;} .menu ul .nli.on span a:before{ width:52px; margin-left:-26px;} /*下拉菜单（漂浮在menu .nli上）*/ .sub { z-index:21; position:absolute; float:left; clear:both; width:120px; left: 50%; margin-left: -60px;top:100% !important; display:none;} .sub .ul1{ width:100%;} .sub .l2{ width:100%; float: left; position: relative;} .sub .l2 .l2_a{ line-height: 50px; width:100%; display:block; font-size: 14px; float:left; color:#8ec31f; letter-spacing:0.5px; background:black; background:rgba(255,255,255,0.8);} .sub .l2:hover .l2_a { color:#fff; background:#8ec31f;} .sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none; margin:0px; width:100%; overflow:hidden;background:url(../images/bg_8.png);/* box-shadow:0 3px 16px rgba(0,0,0,0.15);*/} .sub .ul2 .l3{ float:left; position:static; padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;} .sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px; width:100%; display:block; float:left; color:#333333; background-position:left center;} .sub .ul2 .l3:hover .l3_a { color:#fff; background: url(../images/bg_3.png);} .menu ul .nli:hover .sub{ display:block; -webkit-animation:fadeInUp1 0.5s 0s ease both; -moz-animation:fadeInUp1 0.5s 0s ease both;} @-webkit-keyframes fadeInUp1{ 0%{opacity:0; -webkit-transform:translateY(30px)} 100%{opacity:1; -webkit-transform:translateY(0)} } @-moz-keyframes fadeInUp1{ 0%{opacity:0; -moz-transform:translateY(30px)} 100%{opacity:1; -moz-transform:translateY(0)} } .pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:6; background:rgba(0,0,0,0.8); display:none;} .pf_menu_bg.on{ display:block;} .pf_menu{ position:fixed; height:100%; width:300px; overflow-y:auto; right:-100%;background:white; top:0; z-index:7; display:block; padding:55px 0 0 0; float: left; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s;} .ph_menu{ float:left; width:100%; text-align:center;} .ph_menu .search{ float:left; width:94%; margin-left:3%; margin-top:15px; padding-right:40px; padding-left:90px; position:relative;} .ph_menu .search .search_k{ float:left; width:100%; height:40px; line-height:20px; padding:10px 10px; color:#8ec31f; font-size:14px; background:white; background:rgba(0,0,0,0.05); -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0; border-radius:0;} .ph_menu .search .search_b{ position:absolute; right:0; top:0; width:40px; height:40px; border:none;background:url(../images/top9.png) center no-repeat #8ec31f; cursor: pointer; background-size:contain;} .ph_menu .search span{display:block; float:left; width:90px; height:40px; background:url(../images/img_1_11.png) no-repeat 75px center #f5f5f5; cursor:pointer; position:absolute; left:0; top:0; z-index:9999;} .ph_menu .search span div{ float:left; padding:0 20px 0 16px; height:40px; line-height:40px; font-size:12px; color:#4c4c4c; position:relative; z-index:9; width:100%;} .ph_menu .search span ul{ display:none; position:absolute; left:0px; top:40px; background:#f5f5f5;width:88px; height:auto;z-index:9} .ph_menu .search span ul li{ float:left; width:100%; text-align:center; height:33px; line-height:38px; font-size:12px; color:#4c4c4c;} .ph_menu .search span ul li:hover{ background:#fff;} .pf_menu.on{ right:0;} .nav_box{ width:100%; float:left; border-top:solid 1px #f0f0f0;} .ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;} .ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;} .ph_menu .nli .l1_a{ float:left; width:100%; color:#8ec31f; font-size:14px; line-height:20px; padding: 12px 0; letter-spacing: 1px;} .ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#8ec31f;} .ph_menu .nli .l2_ul li a{ line-height:34px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.8;} .ph_menu .nli .l2_ul li a:active{ opacity:1;} .ph_menu .nli span i{ position:absolute; right:5%; top:50%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .ph_menu .nli span i:before,.ph_menu .nli span i:after{ content:''; width:6px; height:1px; background:#8ec31f; transform:rotate(45deg); transform-origin:right bottom; position:absolute; right:-3px; top:0;} .ph_menu .nli span i:after{ transform:rotate(-45deg); transform-origin:right top;} .ph_menu .nli.on span i{ transform:rotate(90deg);} .ph_menu .lang{ width:100%; float:left; text-align:center; padding:0 5%; margin-top:20px;} .ph_menu .lang a{ display:inline-block; padding:0 20px; font-size:12px; line-height:24px; color:#8ec31f; letter-spacing:1px; position:relative;} .ph_menu .lang a:before{ content:''; width:1px; height:10px; background:#e6e6e6; opacity:0.8; position:absolute; left:0; top:50%; margin-top:-5px;} .ph_menu .lang a:first-child:before{ display:none;} @media (max-width:1199px){ .menu ul .nli span a{ padding:0 15px;} .top .topRight{ margin-left:14px;} } @media screen and (max-width:991px) { .top .topRight,.menu{ display: none;} .top{ height:55px;} .top.on{ background:white;} .top .logo{ height:55px; line-height:55px;} .top .logo img{ height:43px;} .menuph{ float:right; cursor: pointer; width: 22px; height: 22px; text-align: center; display: block;} .menuph .point { display: inline-block; width: 22px; height: 22px; margin-top: 16px; position: relative; } .menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before { width: 22px; } .menuph .navbtn { position: absolute; top: 8px; right: 0; display: inline-block; width: 16px; height: 2px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #333; } .menuph .navbtn::after, .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 22px; height: 2px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #333; } .menuph .navbtn::after { top:-8px; } .menuph .navbtn::before { top:8px; } .menuph .point.active .navbtn{ background: transparent; } .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; background: #8ec31f;} .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; background: #8ec31f;} .h56{ width:100%; float:left; height:56px;} } @media screen and (max-width:767px) { .ph_menu .nli span i{ width:5px;} } /*首页产品推荐1*/ .indexHead{ width:100%; float:left; text-align:center;} .indexHead h3{ width:100%; font-size:40px; color:#322f30; line-height:58px; letter-spacing:2px;} .indexHead h3 span{ color:#8ec31f;} .indexHead h5{ width:100%; text-align:center; margin-top:16px;} .indexHead h5 span{ display:inline-block; vertical-align:top; padding:0 50px 0 65px; line-height:40px; border:solid 1px #ececec; font-size:18px; color:#888; letter-spacing:14px; position:relative;} .indexHead h5 span:before{ content:''; width:2px; height:21px; background:#8ec31f; position:absolute; left:50%; top:-10px; margin-left:-1px;} @media screen and (max-width: 991px) { .indexHead h3{ font-size:34px; line-height:52px; letter-spacing:1px;} .indexHead h5{ margin-top:10px;} .indexHead h5 span{ padding:0 30px 0 40px; line-height:34px; font-size:16px; letter-spacing:10px;} .indexHead h5 span:before{ height:16px; top:-8px;} } @media screen and (max-width: 767px) { .indexHead h3{ font-size:28px; line-height:42px; letter-spacing:0px;} .indexHead h5{ margin-top:6px;} .indexHead h5 span{ padding:0 20px 0 26px; line-height:28px; font-size:14px; letter-spacing:6px;} .indexHead h5 span:before{ height:12px; top:-6px;} } .index1{ padding:122px 0 0 0;} .index1 .index1Body{ width:100%; float:left; margin-top:62px;} .index1 .index1Body ul,.index1 .index1Body ul li a > img{ width:100%; float:left;} .index1 .index1Body ul li{ width:100%; float:left; position:relative; background:black; overflow:hidden;} .index1 .index1Body ul li a > img{ opacity:0.6; transition: all 0.8s linear 0.1s; -moz-transition: all 0.8s linear 0.1s; -webkit-transition: all 0.8s linear 0.1s; -o-transition: width all 0.8s linear 0.1s;} .index1 .index1Body ul li:hover a > img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .index1 .index1Body ul li .text{ width:100%; text-align:center; position:absolute; left:0; top:50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;} .index1 .index1Body ul li .text h5{ width:100%; font-size:16px; color:white; line-height:24px; text-transform:uppercase; font-weight:bold; font-family: 'OPENSANS-REGULAR'; letter-spacing:2px;} .index1 .index1Body ul li .text h4{ width:100%; overflow:hidden;} .index1 .index1Body ul li .text h4 span{ display:inline-block; vertical-align:top; font-size:24px; color:white; line-height:34px; padding:0 20px; letter-spacing:2px; position:relative;} .index1 .index1Body ul li .text h4 span:before,.index1 .index1Body ul li .text h4 span:after{ content:''; width:85px; position:absolute; left:-85px; top:50%; height:1px; background:white; opacity:0.4;} .index1 .index1Body ul li .text h4 span:after{ left:auto; right:-85px;} .index1 .index1Body ul li .text .detail{ display:inline-block; vertical-align:top; width:96px; height:30px; line-height:28px; font-size:12px; letter-spacing:1px; border:solid 1px white; color:white; margin-top:41px;} .index1 .index1Body ul li .text .detail img{ vertical-align:middle; margin:-3px 0 0 6px;} .index1 .index1Body ul li:hover .text{ margin-top:-60px;} .index1 .index1Body ul li:hover .text .detail{ background:#8ec31f; border-color:#8ec31f;} @media screen and (max-width: 1366px) { .index1 .index1Body ul li .text h4 span:before,.index1 .index1Body ul li .text h4 span:after{ width:65px; left:-65px;} .index1 .index1Body ul li .text h4 span:after{ left:auto; right:-65px;} } @media screen and (max-width: 1199px) { .index1 .index1Body ul li .text h5{ font-size:14px; line-height:22px; letter-spacing:1px;} .index1 .index1Body ul li .text h4 span:before,.index1 .index1Body ul li .text h4 span:after{ width:45px; left:-45px;} .index1 .index1Body ul li .text h4 span:after{ left:auto; right:-45px;} } @media screen and (max-width: 991px) { .index1{ padding:62px 0 20px 0;} .index1 ul{ padding-bottom:30px; position:relative;} .index1 .index1Body{ margin-top:41px;} .index1 .index1Body .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; height:10px; } .index1 .index1Body .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 4px; padding: 0; vertical-align:top; background:#ddd; cursor: pointer; float:none; } .index1 .index1Body .slick-dots li button { display:none;} .index1 .index1Body .slick-dots li.slick-active { background:#8ec31f; } .index1 .index1Body ul li .text h4 span{ font-size:18px; line-height:28px; padding:0 15px; letter-spacing:1px;} .index1 .index1Body ul li .text .detail{ margin-top:20px;} } @media screen and (max-width: 767px) { .index1{ padding:31px 0 20px 0;} .index1 ul{ padding-bottom:20px; position:relative;} .index1 .index1Body{ margin-top:20px;} .index1 .index1Body .slick-dots { height:8px; } .index1 .index1Body .slick-dots li { width: 8px; height: 8px; margin: 0 3px; } .index1 .index1Body ul li .text{ padding:0 10px;} .index1 .index1Body ul li .text h5{ font-size:12px; line-height:20px; letter-spacing:0px;} .index1 .index1Body ul li .text h4 span{ font-size:16px; line-height:24px; padding:0 10px; letter-spacing:0px;} .index1 .index1Body ul li .text .detail{ margin-top:10px;} .index1 .index1Body ul li:hover .text{ margin-top:-30px;} } /*首页产品信息*/ .index2{ background:#f4f4f4;} .index2 .index2Body{ width:100%; float:left; margin-top:30px; padding-bottom:63px; position:relative;} .index2 .index2Body ul{ width:100%; float:left;} .index2 .index2Body ul li{ width:25%; float:left; padding:0 5px; margin-top:10px;} .index2 .index2Body ul li a{ display:block; width:100%; float:left; position:relative; overflow:hidden; /*height:320px;*/} .index2 .index2Body ul li a > img{ width:100%; /*height:320px; position:absolute; left:50%; top:0;*/ /*max-width:none;*/ /*margin-left:-240px;*/ transition: all 0.8s linear 0.1s; -moz-transition: all 0.8s linear 0.1s; -webkit-transition: all 0.8s linear 0.1s; -o-transition: width all 0.8s linear 0.1s;} .index2 .index2Body ul li a .text{ width:100%; position:absolute; left:0; top:100%; height:100%; background:rgba(142,195,31,0.8);padding:66px 30px 55px 30px; -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s;} .index2 .index2Body ul li a .text h4{ width:100%; font-size:24px; color:white; line-height:30px; letter-spacing:1px; text-transform:uppercase;} .index2 .index2Body ul li a .text .title{ width:100%; margin-top:8px; font-size:16px; color:white; line-height:24px; letter-spacing:1px;} .index2 .index2Body ul li a .text .jj{ width:100%; margin-top:8px; font-size:14px; color:white; line-height:24px; letter-spacing:1px; height:48px; overflow:hidden;display: -webkit-box; text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;} .index2 .index2Body ul li a .text .detail{ width:96px; height:30px; line-height:28px; font-size:12px; letter-spacing:1px; border:solid 1px white; color:white; margin-top:41px; text-align:center;} .index2 .index2Body ul li a .text .detail img{ vertical-align:middle; margin:-3px 0 0 6px;} .index2 .index2Body ul li a:hover .text{ top:0;} .index2 .index2Body ul li a:hover > img{transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1);} .index2 .index2Body .slick-dots { position: absolute; bottom: 0px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; height:16px; } .index2 .index2Body .slick-dots li { position: relative; display: inline-block; width: 16px; height: 16px; margin: 0 12px; padding: 0; vertical-align:top; background:#c3c3c3; cursor: pointer; float:none; -moz-border-radius:50%; -webkit-border-radius:50%; -khtml-border-radius:50%; border-radius:50%; } .index2 .index2Body .slick-dots li button { display:none;} .index2 .index2Body .slick-dots li.slick-active { background:#8ec31f; } @media screen and (min-width: 1920px) { .index2 .index2Body ul li a > img{ width:100%; height:auto; left:0; top:0; margin-left:0;} } @media screen and (max-width: 1199px) { .index2 .index2Body ul li a{ /*height:200px;*/} .index2 .index2Body ul li a > img{ /*width:300px; height:200px; margin-left:-150px;*/} .index2 .index2Body ul li a .text{ padding:16px 20px 25px 20px;} .index2 .index2Body ul li a .text .detail{ margin-top:20px;} } @media screen and (max-width: 991px) { .index2{ padding:44px 0 30px 0;} .index2 .index2Body{ margin-top:20px; padding-bottom:32px;} .index2 .index2Body ul li a .text h4{ font-size:18px; color:white; line-height:24px; letter-spacing:0px;} .index2 .index2Body ul li a .text .title{ margin-top:6px; font-size:14px; line-height:22px; letter-spacing:0px;} .index2 .index2Body ul li a .text .jj{ margin-top:6px; font-size:12px; line-height:22px; letter-spacing:0px; height:44px;} .index2 .index2Body ul li a{ /*height:150px;*/} .index2 .index2Body ul li a > img{ /*width:224px; height:150px; margin-left:-112px;*/} .index2 .index2Body ul li a .text{ padding:20px 10px 15px 10px;} .index2 .index2Body ul li a .text .detail{ display:none;} .index2 .index2Body .slick-dots { height:10px; } .index2 .index2Body .slick-dots li { position: relative; display: inline-block; width: 10px; height: 10px; margin: 0 5px;} } @media screen and (max-width: 767px) { .index2{ padding:22px 0 15px 0;} .index2 .index2Body{ margin-top:15px; padding-bottom:21px;} .index2 .index2Body ul li{ width:50%; padding:0 2px; margin-top:4px;} .index2 .index2Body ul li a .text h4{ font-size:18px; color:white; line-height:24px; letter-spacing:0px;} .index2 .index2Body ul li a .text .title{ margin-top:6px; font-size:14px; line-height:22px; letter-spacing:0px;} .index2 .index2Body ul li a .text .jj{ margin-top:6px; font-size:12px; line-height:22px; letter-spacing:0px; height:44px;} .index2 .index2Body ul li a{ height:auto;} .index2 .index2Body ul li a > img{ width:100%; height:auto; margin-left:0; position:relative; left:auto; top:auto; float:left;} .index2 .index2Body ul li a .text{ padding:15px 10px 15px 10px;} .index2 .index2Body ul li a .text .detail{ display:none;} .index2 .index2Body .slick-dots { height:8px; } .index2 .index2Body .slick-dots li { position: relative; display: inline-block; width: 8px; height: 8px; margin: 0 4px;} } .width-1200{ width: 1200px; margin: 0 auto; } .list_tile {width: 1200px; height: 82px; text-align: center; font-size: 36px; color: #fff; line-height: 82px; background: url(../image/qxcp_bg.png) no-repeat;} .list_d li:nth-child(2n) {background: #f5f5f5;} .list_d li {width: 1198px; height: 60px; border: 1px solid #f1f1f1; border-top: 0;} .list_d a:hover {color: #71a12f;} .list_dd {float: left; width: 208px; height: 60px; line-height: 60px; border-right: 1px solid #f1f1f1; background: url(../image/qxcp_span.png) 30px no-repeat;} .list_dd a {padding-left: 70px; font-size: 16px; color: #333; font-weight: bold;} .list_em {float: left; line-height: 60px;} .list_em a {display: block; float: left; padding: 0 10px; font-size: 16px; color: #333;} /*end*/ /*ryzz*/ .ryzz{ width:100%; margin-top:30px; overflow: hidden;} .ryzz-title{ width:1200px; height:55px; margin:0 auto;} .ryzz-title ul{} .ryzz-title ul li{ width:290px; height:40px;text-align:center; border:1px solid #cecece; float:left; position:relative;margin: 0 4px;margin-top: 18px;} .ryzz-title ul li a{ display:inline-block; width:100%; height:40px; line-height:40px; font-size:14px; color:#1a1a1a; text-decoration:none;} .ryzz-title ul li i{display: none; width:7px; height:4px; position: absolute; bottom: -4px; left: 50%; margin-left: -3px;} .ryzz-title li:hover,.ryzz-title li.on{ background: #0077f1;} .ryzz-title li:hover a,.ryzz-title li.on a{ color: #fff;} .ryzz-title li:hover i,.ryzz-title li.on i{ display: block;} .tab_conbox4{ width:100%;margin: 0 auto;background: #fafafa;padding-bottom:60px;margin-top: 15px;} /*.tab_con2{ height: 290px;}*/ .ryzz-r{ padding:25px 0 0 0; position:relative; margin:0 auto; margin-top:25px; width:1200px; height:540px;} .ryzz-r ul{ overflow:hidden;} .ryzz-r ul li{ width:290px; margin:0 6px; text-align:center; overflow: hidden; float:left;position:relative;} .ryzz-r ul li img{ width:290px; height:217px; border:none;} .ryzz-r ul li span{ display: block; font-size:14px; line-height:70px;height: 70px; background:#fff;width: 290px;margin: 0 auto;margin-top:2px;} .ryzz-r ul li span a{ color:#999;} .ryzz-r .input_l{ position:absolute; top:110px; width:38px; left:-45px; height:38px;} .ryzz-r .input_r{ position:absolute; top:110px; right:-45px; width:38px; height:38px;} .ryzz-r .input_l:hover{ background:url(../image/prev_h.png) no-repeat;} .ryzz-r .input_r:hover{ background:url(../image/next_h.png) no-repeat;} .ryzz_ck{ background:url(../image/icon_20.png) no-repeat center; position: absolute; top:0; left: 0; width: 290px;font-size:16px; color:#fff; height: 100%; display: none;} .ryzz_ck i{ background: url(../image/icon_21.png) center no-repeat; display: block; height: 75px; margin-top:80px; margin-bottom:10px;} .ryzz_ck a{ color:#fff;font-family:"Arial";} .hidden { visibility: hidden; } .tabbox222 { margin:0 auto; width:100%; } .tabmenu222 {width:100%; } .tabmenu222 ul { } .tabmenu222 li { float:left; } .tabmenu222 li a{ text-align:center; display:block; height:40px; line-height:40px; font-size:14px;font-weight: bold; color:#FFFFFF; background-color: #333; border-radius: 6px; border: 1px solid #333; padding-left: 11px; padding-right: 11px; margin-right: 10px; } .tabmenu222 .cli a:hover{ color:#FFFFFF; background-color: #ffb506; border: 1px solid #ffb506; } .tabmenu222 .cli a{ color:#FFFFFF; background-color: #ffb506; border: 1px solid #ffb506; } #tabcontent222 { width:100%; } #tabcontent222 ul { margin:0; list-style-type: none; } #tabcontent222 .hidden { display:none; } .pd_sub { width: 32%; height: 280px; overflow: hidden; margin-bottom: 20px; float: left; margin-right: 2%; box-sizing: border-box; padding: 5px 5px 0px 5px; border: solid 1px #dddddd; } .pd_sub:hover{ animation: 1s kk infinite; animation-direction:alternate; } .pd_sub:nth-child(3n+3){ margin-right: 0%; } .pd_sub img { width: 244px; height: 244px; } .pd_sub p { line-height: 30px; text-align: center; font-size: 14px; } .pd_sub p:hover { background-color: dodgerblue; color: white; } .prt { width: 300px; margin: auto; margin-top: 6px; margin-bottom: 20px; } .prt span { width: 20%; display: inline-block; text-align: center; } .prt span:nth-child(4) { width: 36%; } .prt span i { padding: 0px 5px 0px 10px; } .rightl { padding: 0px 10px 20px 10px; border: 1px solid #e2e9f3; } .rightl img { max-width: 100%; } .rightl h2 { color: #2a8ed2; text-align: center; font-size: 30px; margin-top: 20px; } .wulist{ margin-left: 10px; margin-right: 10px; padding-top: 20px; } .wulist ul li{ margin-bottom: 10px; } .wulist .wulist_title{ } .wulist .wulist_title a{ height: 40px; line-height: 40px; border: 1px #e2e9f3 solid; text-align: center; display: block; font-size: 16px; color: #333; } .wulist .wulist_title a:hover{ background-color: #ffb506; color: #FFFFFF; } .wulist .wulist_con{ padding-top: 10px; } .wulist .wulist_con ul li{ float: left; width: 179px; } .wulist .wulist_con a{ font-size: 12px; color: #666; line-height: 30px; padding-left: 10px; background:url(http://www.dg-mtl.com/Public/Home/default/image/20181027160901_424976074.png) left center no-repeat; } .wulist .wulist_con a:hover{ color: #ffb506; text-decoration: underline; } .wuprolist{ float:right; width: 800px; } .sublist { padding-top: 20px; } .sublist dl{height: 345px; overflow: hidden; background: #fff; border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 2px 0px 4px #999; display: block; width: 800px; margin-bottom:22px;} .sublist dd{height: 300px;} .sublist dd img{margin-top:40px;} .sublist .fl{ margin-left: 30px; margin-top: q0px;} .sublist dt{ margin-left:50px; width:370px;} .sublist dt p{font-size:24px; font-weight:bold; color:#183e71; margin-bottom:20px; margin-top:46px;} .sublist dt span{font-size:13px; display:block; margin-bottom:20px; line-height:26px; font-weight:normal; } .sublist dt strong{ display:block; float:left; margin-right:30px;} .sublist dt .strong_01{background:url(http://www.dg-mtl.com/Public/Home/default/images/20181027160901_424976074.png) 72px 4px no-repeat;font-size:16px; color:#183e71; width:88px; display:block;} .sublist dt .strong_01 b{display:block; font-weight:normal; font-size:12px; color:#ccc;} .sublist dt .strong_02{background:url(http://www.dg-mtl.com/Public/Home/default/images/20181027160901_424976074.png) 72px 4px no-repeat;font-size:16px; color:#183e71; width:88px; display:block;} .sublist dt .strong_02 b{display:block; font-weight:normal; font-size:12px; color:#ccc;} .sublist dt .strong_03{background:url(http://www.dg-mtl.com/Public/Home/default/images/20181027160901_424976074.png) 72px 4px no-repeat;font-size:16px; color:#183e71; width:88px; display:block;} .sublist dt .strong_03 b{display:block; font-weight:normal; font-size:12px; color:#ccc;} .sublist .more{float:left;margin-left:50px; margin-top:20px;} .sublist .more a{color:#fff; font-size: 14px; } .sublist .more_01{width:100px; height:32px; background:#183e71; display:block; text-align:center; line-height:30px; color:#fff; border-radius:50px; -webkit-border-radius:50px; float:left;} .sublist .more_02{width:125px; height:32px; background:#ffb506 url() 18px no-repeat; display:block; text-align:center; line-height:30px; color:#fff; border-radius:50px; -webkit-border-radius:50px; float:left; margin-left:10px; text-indent:-10px; transition:0.3s;} .sublist .more_02 img{ margin-top:8px; margin-left:22px; float:left; transition:0.3s;} .sublist .more_02:hover img{transform: rotateY(360deg); transition:0.3s;} .tabbox222 { margin:0 auto; width:100%; } .tabmenu222 {width:100%; } .tabmenu222 ul { } .tabmenu222 li { float:left; } .tabmenu222 li a{ text-align:center; display:block; height:40px; line-height:40px; font-size:14px;font-weight: bold; color:#FFFFFF; background-color: #333; border-radius: 6px; border: 1px solid #333; padding-left: 11px; padding-right: 11px; margin-right: 10px; } .tabmenu222 .cli a:hover{ color:#FFFFFF; background-color: #ffb506; border: 1px solid #ffb506; } .tabmenu222 .cli a{ color:#FFFFFF; background-color: #ffb506; border: 1px solid #ffb506; } /*产品*/ #sort_product { width:100%; margin:0 auto;padding-bottom: 40px;} #product { width:1200px; height:auto; margin:0 auto; padding-top:50px;} #product_zuo { width:380px; height:auto; float:left;} #product_1 { width:380px; height:120px; background:#333; } #product_1 .qi{ font-size:30px; color:#FFF; padding-top:18px; text-align:center;line-height:40px;} #product_1 .qi span { color:#dde7fb; font-weight:bold;} #product_zuo .tp{width:380px; border:1px solid #dddddd;border-top:none;} #product_zuo .tp1 td a {height: 61px !important; width: 228px !important; display: block; line-height: 61px; font-size: 14px;font-weight: normal !important; color:#222 !important; margin:0 auto !important;padding-left: 50px;} #product_zuo .tp1{background: url(http://www.dg-mtl.com/Public/Home/default/images/20180928142850_1838921805.jpg) repeat-y;} #product_zuo .tp1 td a:hover { font-size: 14px; color:#0073e8 !important; text-decoration:none;} .tp1 table{ width:100% !important;} #product_zuo .ta { width:228px; height:240px; background-color:#e3e3e3;} #product_zuo .tc { font-size:12px; color:#222; line-height:27px; padding-top:20px; padding-left:30px;} .sort_c .show{padding-left:12px; font-size:14px; color:#222;} .sort_c .show a{font-size:14px; color:#222;} .sort_c .show a:hover{font-size:14px; color:#006bd8;} .sort_1 { width:228px; height:10px; background-color:#fff; border-left: 20px solid #eee; border-right: 20px solid #eee;} #right-box{width:940px; height:auto; float: right; } .right-img{width:940px;height:82px;border-bottom:1px solid #d0d0d0;} .right-img1{float:left; height:82px;} .right-img1a{ font-size:25px; color:#0073e8; padding-top:10px;} .right-img1a span { color:#222;} .right-img1b { font-size:14px; color:#222;text-transform:uppercase;} .right-img2{ width:78px; height:30px; background-color:#0073e8; float:right;font-size:13px; color:#fff; text-transform:uppercase; text-align:center; line-height:30px; margin-top:12px;} .right-img2 a{ font-size:13px; color:#fff;} .right-img2 a:hover{ color:#fe5f01;} .cptt{ padding-top:15px; padding-left:2px;} .products-bg{width:800px; float: right; overflow:hidden; padding:10px 0px 0px 0px;} /*.products-bg img{border:1px #e8e7e7 solid; padding: 2px;}*/ .products-bg table td br{display:none;} .products-bg table td span{display: block; width:220px;height:40px; line-height:40px; background:#f8f8f8;padding-left:0 !important;margin-bottom: 15px; margin-top: 10px;} .products-bg table td{ padding-left:0 !important;} .products-bg table td span a{line-height: 40px; color:#222; background:#eeeeee;font-size: 12px;font-family:"Microsoft YaHei"; display:block; border:1px #d0d0d0 solid;} .products-bg table td span a:hover{color:#fff; background:#eb4008; } /*中间内容开始*/ #bodycon {width:1300px;margin: 0 auto;} #bodycon #left {float: left;width: 305px; background-color: ; } #bodycon #center {float:left;width: 995px; background-color: ; } #bodycon #right {float:left;width: 0px; background-color: ; } /*中间内容结束*/ /*详细内容开始*/ #bodycontent {width:995px; margin: 0 auto; line-height:180%;text-align:center;} #bodycontent.bodycontent2020 { text-align:left; margin-top:20px; } /*详细内容结束*/