锘緻charset "UTF-8"; /* ------------------ 鍏ㄥ眬閲嶇疆 ------------------ */ html { height:100%; } body { position:relative; min-height:100%; font-size:14px; color:#333; font-family:"Microsoft YaHei",SimSun,"\5b8b\4f53",sans-serif; background:#ededed; word-wrap:break-word; } ul, li, h1, h2, h3, h4, h5, label, input[type="radio"] { margin:0; padding:0; } li { list-style:none; } input[type="radio"] { vertical-align:middle; } a { color:#333; } a:hover { color:#1284e5; text-decoration:none; } a:focus { outline:none; } a.a-link { color:#1284e5; } a.a-link:hover { color:#1284e5; text-decoration:underline; cursor:pointer; } a.a-btn { color:#1284e5; } a.a-btn:hover { color:#1284e5; text-decoration:none; cursor:pointer; } /* 澶氫綑瀛楃寮哄埗鎹㈣ */ .f-wordwrap { word-wrap:break-word; word-break:break-all; } /* 澶氫綑瀛楃寮哄埗鎴彇闅愯棌 */ .f-nowrap { word-wrap:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; } /* 绂佺敤 鍒嗗彲鐐瑰嚮鍜屼笉鍙偣鍑讳袱绉嶆儏鍐 */ .disabled { pointer-events:none; cursor:not-allowed; -webkit-box-shadow:none; box-shadow:none; opacity:0.4; filter:alpha(opacity=40); } .disabled-opacity { opacity:0.4; filter:alpha(opacity=40); } .disabled-gray { pointer-events:none; cursor:not-allowed; -webkit-box-shadow:none; box-shadow:none; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#858585', endColorstr='#858585', GradientType=0 ); background:-webkit-gradient(linear, left top, left bottom, from(#858585), to(#858585)); background:-webkit-linear-gradient(top, #858585, #858585); background:linear-gradient(to bottom, #858585, #858585); } /* placeholder棰滆壊璁剧疆 */ input::-webkit-input-placeholder, input:-moz-placeholder, input::-moz-placeholder, input:-ms-input-placeholder { color:#999; } /* ---------------------- bootstrap鏍峰紡閲嶅啓 ---------------------- */ .container { padding:0; width:1170px; } .form-control { height:30px; padding:4px 8px; border-radius:2px; border-color:#d9dadc; } .form-control:focus { -webkit-box-shadow:none; box-shadow:none; outline:none; border-color:#d9dadc; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color:transparent; } label { display:inline-block; max-width:inherit; font-weight:normal; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:none; outline-offset:0; } /* ---------------------- 閫氱敤妯″潡 ---------------------- */ /* 闂撮殧 */ .mt10 { margin-top:10px !important; } .mt20 { margin-top:20px !important; } .mt35 { margin-top:35px !important; } .mt40 { margin-top:40px !important; } .ml10 { margin-left:10px !important; } .ml22 { margin-left:22px !important; } .ml40 { margin-left:40px !important; } .mr15 { margin-right:15px !important; } .mr20 { margin-right:20px !important; } .mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .pt0 { padding-top:0px !important; } .pt10 { padding-top:10px !important; } .pt40 { padding-top:40px !important; } .pb30 { padding-bottom:30px !important; } .pb90 { padding-bottom:90px !important; } .w70 { width:70px !important; } .w80 { width:80px !important; } .w90 { width:90px !important; } .w110 { width:110px !important; } .w150 { width:150px !important; } .w180 { width:180px !important; } .w200 { width:200px !important; } .w260 { width:260px !important; } .w350 { width:350px !important; } .w360 { width:360px !important; } .w500 { width:500px !important; } .txt-12 { font-size:12px !important; } .txt-16 { font-size:16px !important; } .txt-999 { color:#999; } /* 甯冨眬 */ .g-body { position:relative; } .g-box { position:relative; padding:20px; border:1px solid #ccc; -webkit-box-shadow:0 2px 2px #dbe3e9; box-shadow:0 2px 2px #dbe3e9; border-top:0; background-color:#fff; } .btn { display:inline-block; height:30px; line-height:28px; min-width:60px; padding:0 15px; border-radius:2px; vertical-align:middle; -webkit-box-shadow:none; box-shadow:none; } .btn+ .btn { margin-left:5px; } .btn.large { height:36px; line-height:34px; padding:0 25px; } .btn.xlarge { height:60px; line-height:58px; padding:0 25px; font-size:24px; } .btn.btn-blue { background-color:#3a9bf6; color:#fff; border-color:#3a9bf6; } .btn.btn-blue:hover { background-color:#3788d3; border-color:#3788d3; color:#fff; } .btn.btn-blue-o { background:#fff; color:#666; border-color:#ccc; } .btn.btn-blue-o:hover { background:#fff; color:#3788d3; border-color:#3788d3; } .btn.btn-green { background:#48a417; color:#fff; border-color:#48a417; } .btn.btn-green:hover { background:#2aa400; color:#fff; border-color:#2aa400; } .btn.btn-green-o { background:#fff; color:#666; border-color:#ccc; } .btn.btn-green-o:hover { background:#fff; color:#2aa400; border-color:#2aa400; } .btn.btn-pink { background:#fa7c7c; color:#fff; border-color:#fa7c7c; } .btn.btn-pink:hover { background:#fa6767; color:#fff; border-color:#fa6767; } .btn.btn-red { background:#a44c17; color:#fff; border-color:#a44c17; } .btn.btn-red:hover { background:#a43b1a; color:#fff; border-color:#a43b1a; } .btn.btn-white { background:#fff; color:#666; border-color:#ccc; } .btn.btn-white:hover { color:#65c855; border-color:#65c855; } .btn[class*="f-w"] { min-width:inherit; padding:0; } .btn.btn-dash { border:1px dashed #5dc560; color:#5dc560; -webkit-box-shadow:none; box-shadow:none; } /* 鍒嗛〉 */ .pagination { clear:both; display:block; padding:0 0 30px 0; margin:0; line-height:32px; text-align:center; } .pagination strong { background-color:#48a417; color:#fff !important; cursor:pointer; z-index:2; border-radius:4px; line-height:1.42857; margin:0 5px; padding:4px 9px; position:relative; text-decoration:none; width:26px; } .pagination a { border-radius:4px; color:#666; cursor:pointer; line-height:1.42857; margin:0 5px; padding:4px 9px; position:relative; text-decoration:none; width:26px; border:1px solid #ddd; } .pagination a.active { background-color:#48a417; color:#fff !important; cursor:pointer; z-index:2; border-radius:4px; line-height:1.42857; margin:0 5px; padding:4px 9px; position:relative; text-decoration:none; width:26px; border-color:#48a417; } .pagination a.disabled { opacity:0.6; filter:alpha(opacity=60); } .pagination a.disabled span { background-color:#fff; color:#333; font-weight:100; cursor:not-allowed; } .pagination a.disabled span:hover { color:#ccc; } .pagination a:hover { background-color:#48a417; color:#fff !important; border-color:#48a417; cursor:pointer; z-index:2; } .pagination a.disabled { color:#fff !important; cursor:pointer; background-color:transparent; pointer-events:all; -webkit-box-shadow:none; box-shadow:none; opacity:1; filter:alpha(opacity=100); } .pagination a.disabled:hover { color:#666; cursor:pointer; background-color:transparent; } .pagination a.disabled> a, .pagination a.disabled> a:focus, .pagination a.disabled span, .pagination a.disabled span:focus, .pagination a.disabled span:hover { color:#666; cursor:pointer; background-color:transparent; border-color:#ddd; } .pagination .page-pre { height:15px; width:15px; } .pagination .page-next { height:15px; width:15px; } /* 搴曢儴淇℃伅 */ .g-footer { background-color:#d8d8d8; padding:30px 0; text-align:center; } .g-footer .flex { width:600px; margin:auto; } .g-footer .flex .flex-scan p { font-size:12px; margin-top:10px; } .g-footer .flex .flex-1 { text-align:left; margin-left:15px; font-size:12px; line-height:2; } .g-footer .flex .flex-1 .info span { margin-right:10px; } .g-footer .flex .flex-1 .auth img { margin-right:10px; } /* 妯℃€佹 */ .modal .modal-content { -webkit-box-shadow:none; box-shadow:none; border:0; border-radius:3px; } .modal .modal-header { padding:10px 20px; border-radius:2px 2px 0 0; background-color:#1284e5; color:#fff; } .modal .modal-header .modal-title { font-size:16px; } .modal .modal-header .close { opacity:1; color:#fff; } .modal .modal-body { padding:20px; } .modal .modal-footer { text-align:center; padding:0 0 20px 0; border:0; } .modal .modal-footer .btn { width:90px; margin:0 8px; } .modal.pop-small .modal-dialog { width:480px; } .modal.pop-mid .modal-dialog { width:700px; } .modal.pop-large .modal-dialog { width:800px; } .modal.pop-xlarge .modal-dialog { width:1000px; } .pop-import .modal-body { padding:40px 0 50px 30px; } .pop-import .modal-body p { margin-bottom:10px; } .pop-import input[type="text"] { display:inline-block; width:320px; vertical-align:top; } .pop-import a { margin-left:5px; vertical-align:top; } .flex { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start; } .flex:before { content:""; display:table; } .flex:after { display:table; content:""; clear:both; } .flex> * { float:left; } .flex-1 { -webkit-box-flex:1; -ms-flex:1; flex:1; float:left; } .fr { float:right; } @media (min-width: 768px) { .container { width:1170px; } } [class*="ico-"] { display:inline-block; vertical-align:middle; background-repeat:no-repeat; } .ico-about { width:38px; height:38px; background-position:0px -76px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-add { width:12px; height:12px; background-position:-43px -52px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-address { width:38px; height:38px; background-position:-43px -76px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-crm { width:20px; height:27px; background-position:-153px -75px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-job { width:38px; height:38px; background-position:-110px 0px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-load { width:62px; height:28px; background-position:0px 0px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-map { width:38px; height:38px; background-position:0px -33px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-more { width:16px; height:16px; background-position:-67px -43px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-news { width:14px; height:14px; background-position:-133px -43px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-phone { width:13px; height:14px; background-position:-43px -33px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-private { width:38px; height:38px; background-position:-86px -76px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-scan { width:38px; height:38px; background-position:-67px 0px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-search { width:18px; height:18px; background-position:-110px -43px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-step { width:33px; height:33px; background-position:-153px 0px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-top { width:32px; height:32px; background-position:-153px -38px; background-image:url("../images/sprite.png"); background-size:186px 114px; } .ico-wx { width:16px; height:16px; background-position:-88px -43px; background-image:url("../images/sprite.png"); background-size:186px 114px; } /* 鍙橀噺 */ /* 鐧诲綍淇℃伅鏍 */ .m-lgn-top { line-height:32px; background-color:#48a417; } .m-lgn-top .back { color:#fff; font-size:12px; } .m-lgn-top .pull-right .lgn-mani { display:inline-block; vertical-align:top; } .m-lgn-top .pull-right .lgn-mani a { position:relative; display:block; padding:0 12px; float:left; height:30px; font-size:12px; color:#fff; max-width:200px; } .m-lgn-top .pull-right .lgn-mani a:hover { color:#fff; text-decoration:underline; cursor:pointer; } .m-lgn-top .pull-right .lgn-mani a+ a:before { content:""; position:absolute; left:0; top:10px; height:12px; width:1px; background-color:#fff; } .m-search.input-group { float:right; margin-top:4px; margin-left:10px; width:135px; border-radius:12px; overflow:hidden; } .m-search.input-group input { width:105px; padding:1px 10px 1px 12px; height:24px; } .m-search.input-group .input-group-addon { width:35px; padding:2px 12px; background-color:#7b7a7a; border:1px solid #7b7a7a; cursor:pointer; } /* 澶撮儴 */ .g-header { height:110px; line-height:110px; background:#f2f2f2; } .m-logo, .m-logo:hover { display:inline-block; vertical-align:top; font-size:24px; color:#3480c7; font-weight:bold; text-decoration:none; } .m-logo img, .m-logo:hover img { vertical-align:top; margin-top:19px; } /* 瀵艰埅鏍 */ .g-nav { display:inline-block; vertical-align:top; height:40px; line-height:40px; font-size:0; margin-top:35px; margin-left:20px; } .g-nav> ul { display:inline-block; width:100%; } .g-nav> ul> li { float:left; position:relative; margin-left:10px; line-height:40px; height:40px; z-index:99; } .g-nav> ul> li:hover, .g-nav> ul> li.active { border-bottom:2px solid #fbab00; } .g-nav> ul> li:hover:before, .g-nav> ul> li.active:before { content:""; display:block; position:absolute; right:0; bottom:-2px; width:50%; height:2px; background-color:#48a417; } .g-nav a { position:relative; display:inline-block; height:40px; line-height:40px; width:100px; font-size:15px; color:#333; vertical-align:top; text-align:center; cursor:pointer; } .g-nav a:hover, .g-nav a.active, .g-nav a:focus { text-decoration:none; } .g-nav a.pull-right { font-size:14px; font-weight:normal; } .g-nav i { vertical-align:-5px; margin-right:5px; } /* 浜岀骇瀵艰埅 */ .g-nav .g-nav-sec { display:none; position:absolute; top:40px; left:0; width:100%; background-color:#e3e3e3; } .g-nav .g-nav-sec li { line-height:40px; } .g-nav .g-nav-sec li+ li { border-top:1px solid #fff; } .g-nav .g-nav-sec li a { font-size:14px; } .g-nav> ul> li:hover .g-nav-sec { display:block; } .carousel-inner> .item> img { width:100%; } .carousel-indicators { padding:7px 7px; width:130px; margin-left:-65px; background:transparent; bottom:10px; border-radius:12px; } .carousel-indicators li { vertical-align:top; margin:5px 5px 0 5px; width:8px; height:8px; border:none; background-color:#fff; } .carousel-indicators .active { margin:5px 5px 0 5px; width:8px; height:8px; background-color:#fbab00; } .carousel-inner a { height:500px; cursor:pointer; } /* 鍋ュ悍绯诲垪 */ .panel-home { text-align:center; background-color:#fff; padding-bottom:30px; } .panel-home> h4 { font-size:20px; color:#48a417; padding:25px 0 15px; } .panel-home> h4:before { content:""; display:inline-block; height:1px; width:50px; background-color:#a7a7a7; vertical-align:middle; margin-right:20px; } .panel-home> h4:after { content:""; display:inline-block; height:1px; width:50px; background-color:#a7a7a7; vertical-align:middle; margin-left:20px; } .panel-home .desc { font-size:15px; padding-bottom:25px; margin-bottom:0; } .u-series-lst { width:1150px; padding:0 15px; margin:auto; border-top:1px solid #ddd; border-bottom:1px solid #ddd; } .u-series-lst .flex-1 { width:16.66%; height:240px; font-size:16px; border-right:1px solid #ddd; } .u-series-lst .flex-1.series-begin { background:-webkit-gradient(linear, left top, right top, from(#fff), to(#dadada)); background:-webkit-linear-gradient(left, #fff, #dadada); background:linear-gradient(to right, #fff, #dadada); border-right:1px solid #fff; } .u-series-lst .flex-1.series-begin+ .flex-1 { border-left:1px solid #ddd; } .u-series-lst .flex-1.series-end { background:-webkit-gradient(linear, right top, left top, from(#fff), to(#dadada)); background:-webkit-linear-gradient(right, #fff, #dadada); background:linear-gradient(to left, #fff, #dadada); border-left:1px solid #fff; border-right:none; } .u-series-lst .flex-1 .avatar { position:relative; margin:40px auto 30px auto; width:110px; height:110px; border:6px solid #e5e5e5; border-radius:50%; } .u-series-lst .flex-1 .avatar:before { margin:auto; position:absolute; left:0; top:0; right:0; bottom:0; content:""; display:block; width:100%; height:100%; border-radius:50%; -webkit-box-shadow:0px -1px 3px 1px #424041; box-shadow:0px -1px 3px 1px #424041; } .u-series-lst .flex-1 .avatar img { width:100%; height:100%; } /* 鏂伴椈鍔ㄦ€ */ .m-news { position:relative; text-align:center; background-color:#f6f6f6; padding-bottom:30px; min-height:300px; } .m-news> .decorate-left { display:block; position:absolute; left:0; bottom:0; border-bottom:200px solid #eee; border-right:400px solid transparent; } .m-news> .decorate-left:before { content:""; display:block; position:absolute; left:0; bottom:-200px; border-bottom:100px solid #e5e5e5; border-right:200px solid transparent; } .m-news> .decorate-right { display:block; position:absolute; right:0; top:0; border-top:200px solid #eee; border-left:400px solid transparent; } .m-news> .decorate-right:before { content:""; display:block; position:absolute; right:0; top:-200px; border-top:100px solid #e5e5e5; border-left:200px solid transparent; } .m-news> h4 { font-size:20px; color:#48a417; padding:25px 0 15px; } .m-news> h4:before { content:""; display:inline-block; height:1px; width:50px; background-color:#a7a7a7; vertical-align:middle; margin-right:20px; } .m-news> h4:after { content:""; display:inline-block; height:1px; width:50px; background-color:#a7a7a7; vertical-align:middle; margin-left:20px; } .m-news .desc { font-size:15px; padding-bottom:25px; margin-bottom:0; } .m-news .news-type { display:inline-block; width:100%; text-align:center; } .m-news .news-type li { display:inline-block; margin-left:10px; } .u-news-lst { position:relative; z-index:9; width:1000px; margin:30px auto 10px auto; } .u-news-lst .flex-img { float:left; position:relative; width:351px; height:236px; } .u-news-lst .flex-img img { width:100%; height:100%; } .u-news-lst .flex-img .decorate-left { display:block; position:absolute; left:-4px; top:-3px; width:20px; height:4px; background-color:#48a417; } .u-news-lst .flex-img .decorate-left:before { content:""; display:block; position:absolute; left:0; top:0; width:4px; height:20px; background-color:#48a417; } .u-news-lst .flex-img .decorate-right { display:block; position:absolute; right:-4px; bottom:-3px; width:20px; height:4px; background-color:#48a417; } .u-news-lst .flex-img .decorate-right:before { content:""; display:block; position:absolute; right:0; bottom:0; width:4px; height:20px; background-color:#48a417; } .u-news-lst .flex-1 { width:648px; } .u-news { padding-left:30px; margin-bottom:8px; } .u-news:hover { cursor:pointer; } .u-news:hover span { color:#48a417; text-decoration:underline; } .u-news .flex-1 { width:550px; text-align:left; } .u-news .flex-1 span { display:inline-block; vertical-align:top; word-wrap:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:430px; } .u-news .flex-1 .new { font-size:12px; color:#fbab00; } .u-news .flex-time { color:#666; font-size:12px; } .m-advantage { background:#48a417 url("../images/map.png") no-repeat center bottom; min-height:500px; } .m-advantage> h4 { color:#f6ff00; } .m-advantage> h4:before, .m-advantage> h4:after { background-color:#f6ff00; } .m-advantage> .desc { color:#fff; } .u-ad-link { position:relative; margin:auto; width:1200px; height:370px; background:url("../images/ad-link.png") no-repeat; } .u-ad-link .ico-step { text-align:center; line-height:33px; font-style:normal; margin-right:10px; } .u-ad-link [class*="flex-"] { float:left; } .u-ad-link .flex-one { width:300px; text-align:left; color:#fff; } .u-ad-link .flex-one> h4 { margin-left:30px; margin-top:54px; } .u-ad-link .flex-one .desc { font-size:13px; margin-top:40px; margin-left:10px; width:247px; line-height:1.8; } .u-ad-link .flex-two { width:300px; text-align:left; color:#fff; } .u-ad-link .flex-two> h4 { margin-left:43px; margin-top:20px; } .u-ad-link .flex-two .desc { font-size:13px; margin-top:92px; margin-left:50px; width:220px; line-height:1.8; } .u-ad-link .flex-three { width:300px; text-align:left; color:#fff; } .u-ad-link .flex-three> h4 { margin-left:30px; margin-top:44px; } .u-ad-link .flex-three .desc { font-size:13px; margin-top:26px; margin-left:29px; width:252px; line-height:1.8; } .u-ad-link .flex-four { width:300px; text-align:left; color:#fff; } .u-ad-link .flex-four> h4 { margin-left:68px; margin-top:0; } .u-ad-link .flex-four .desc { font-size:13px; margin-top:135px; margin-left:78px; width:220px; line-height:1.8; } .m-xj { padding-bottom:50px; } .m-xj .xj-prod { position:relative; height:370px; width:1170px; margin:auto; background:url("../images/xj.png") no-repeat; } .m-xj .prod-one { position:absolute; left:0; top:0; width:400px; text-align:left; } .m-xj .prod-one img { width:138px; height:138px; border-radius:50%; margin-left:10px; } .m-xj .prod-one p { display:inline-block; vertical-align:top; width:168px; line-height:1.8; margin-left:10px; margin-top:22px; } .m-xj .prod-two { position:absolute; left:0; top:222px; width:400px; text-align:left; } .m-xj .prod-two img { width:138px; height:138px; border-radius:50%; margin-left:10px; } .m-xj .prod-two p { display:inline-block; vertical-align:top; width:164px; line-height:1.8; margin-left:10px; margin-top:22px; } .m-xj .prod-center { margin-top:87px; position:absolute; left:451px; top:0; width:250px; height:250px; border-radius:50%; } .m-xj .prod-three { position:absolute; right:-45px; top:0; width:400px; text-align:left; } .m-xj .prod-three img { width:138px; height:138px; border-radius:50%; margin-left:10px; } .m-xj .prod-three p { display:inline-block; vertical-align:top; width:164px; line-height:1.8; margin-left:10px; margin-top:22px; } .m-xj .prod-four { position:absolute; right:-65px; top:222px; width:400px; text-align:left; } .m-xj .prod-four img { width:138px; height:138px; border-radius:50%; margin-left:10px; } .m-xj .prod-four p { display:inline-block; vertical-align:top; width:168px; line-height:1.8; margin-left:10px; margin-top:22px; } .m-footer-rel { line-height:54px; background-color:#ededed; text-align:center; } .m-footer-rel ul { display:inline-block; margin:auto; } .m-footer-rel ul li { display:inline-block; margin:0 20px; } .m-footer-rel ul li:hover a { color:#48a417; cursor:pointer; } /* 浜у搧 */ .m-prod-box { background-color:#fff; } .m-prod-bg { height:317px; } .panel { background-color:#f2f2f2; padding:40px 50px 20px 50px; } .panel.panel-news { border-bottom:6px solid #507600; } .m-prod { position:relative; top:-40px; margin-bottom:0; } .m-prod .pagination { margin-top:30px; padding-bottom:10px; } .m-series-type { display: block; border-bottom:1px solid #ddd; padding-bottom:25px; margin-bottom:25px; text-align: center; } .m-series-type:before { content:""; display:table; } .m-series-type:after { display:table; content:""; clear:both; } .m-series-type li { padding:0 8px; display: inline-block; width:13.5%; box-sizing: border-box; } .m-series-type li a { display:block; text-align:center; border:1px solid #ddd; background-color:#fff; padding:10px 0; } .m-series-type li a:hover, .m-series-type li a.active { background-color:#779c17; border-color:#779c17; color:#fff; cursor:pointer; } .u-prod-lst { background-color:#fff; padding:25px 15px 10px 15px; } .u-prod-lst ul { display:inline-block; width:100%; } .u-prod-lst ul li { float:left; width:25%; padding:0 15px 15px 15px; } .u-prod-lst ul li a { display:block; border:1px solid #ddd; padding:8px; text-align:center; } .u-prod-lst ul li a:hover, .u-prod-lst ul li a.active { border-color:#48a417; color:#333; cursor:pointer; } .u-prod-lst ul li a .img-box { position:relative; width:100%; padding-top:76.7%; height:0; } .u-prod-lst ul li a .img-box img { margin:auto; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; } .u-prod-lst ul li a p { margin-top:10px; margin-bottom:5px; word-wrap:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .m-prod-env { position:relative; top:-40px; border-bottom:7px solid #779c17; } .u-prod-env { background-color:#fff; padding:30px 0; text-align:center; } .u-prod-env> h4 { margin-bottom:30px; } .u-prod-env ul { display:inline-block; width:100%; } .u-prod-env ul li { float:left; width:25%; padding:0 30px; } .u-prod-env ul li .img-box { position:relative; width:100%; height:0; padding-top:60%; } .u-prod-env ul li .img-box img { margin:auto; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; } .u-prod-env ul li h4 { font-size:16px; color:#48a417; padding-top:12px; padding-bottom:8px; border-bottom:1px dashed #ddd; } .u-prod-env ul li p { font-size:12px; line-height:1.6; margin-top:5px; margin-bottom:0; } .u-tab { border-bottom:1px solid #ddd; padding-bottom:25px; text-align:center; } .u-tab li { display:inline-block; padding:0 6px; } .u-tab li a { display:block; width:120px; text-align:center; border:1px solid #ddd; background-color:#fff; padding:10px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .u-tab li a:hover, .u-tab li a.active { background-color:#779c17; border-color:#779c17; color:#fff; cursor:pointer; } /* 鏂伴椈 */ .u-news-detail { padding-top:30px; padding-bottom:30px; border-bottom:1px solid #ddd; } .u-news-detail .flex-time { width:90px; } .u-news-detail .flex-time .time-box { width:68px; height:68px; background-color:#779c17; text-align:center; color:#fff; padding-top:10px; } .u-news-detail .flex-1 { width:748px; text-align: left; } .u-news-detail .flex-1> a { margin-top:5px; color:#000; font-weight:bold; word-wrap:normal; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; } .u-news-detail .flex-1> a:hover { color:#48a417; text-decoration:underline; } .u-news-detail .flex-1 .news-body { padding-top:10px; color:#666; } .u-news-detail .flex-img { width:230px; text-align:right; } .u-news-detail .flex-img img { width:178px; height:135px; } .m-top { position:fixed; right:15px; bottom:180px; z-index:100; cursor:pointer; } .m-crm-box { border-bottom:1px solid #ddd; padding-bottom:20px; } .m-crm-box .fr { margin-top:-10px; } .m-crm { margin-left:10px; display:inline-block; list-style:outside none none; font-size:12px; padding-bottom:6px; } .m-crm> li { display:inline-block; color:#666; } .m-crm> li:after { color:#333; content:"> "; padding:0 4px; font-size:12px; font-family:SimSun, serif; font-weight:bold; } .m-crm> li> a { display:inline-block; color:#333; font-size:12px; } .m-crm> .active { color:#666; } .m-crm> .active:after { content:""; } .m-crm> li> a:hover { color:#48a417; text-decoration:underline; } .m-article .article-title { text-align:center; margin:30px auto; } .m-article .article-info { margin-bottom:20px; line-height:36px; background-color:#fff; text-align:center; } .m-article .article-info span { margin:0 5%; } .m-article .article-info span a:hover { color:#48a417; cursor:pointer; } .m-article .article-info span i { vertical-align:-3px; } .m-article .article-page { padding:12px 20px; border:1px solid #48a417; background-color:#fff; margin-top:30px; font-size:12px; text-align: left; } .m-article .article-page .article-prev { max-width:40%; } .m-article .article-page .article-next { float:right; max-width:40%; } .m-article .article-page a:hover { color:#48a417; text-decoration:underline; cursor:pointer; } .m-about-body> h4 { display:inline-block; color:#48a417; padding:4px 12px 8px 12px; border-bottom:2px solid #48a417; text-align:center; margin:0 0 30px 0; } .m-company { text-align:left; } .m-company .flex-img { width:409px; height:273px; float:left; } .m-company .flex-1 { width:659px; padding-left:30px; } .m-company .flex-1 p { margin-top:30px; line-height:1.8; text-indent:2em; } .m-company-detail { padding:50px 0; } .m-company-detail> h4 { text-align:center; padding-bottom:30px; } .m-company-detail> p { text-indent:2em; line-height:1.8; margin-bottom:20px; } .u-company-prod { display:inline-block; width:100%; margin-left:-15px; } .u-company-prod li { float:left; width:25%; padding:15px; } .u-company-prod li .img-box { position:relative; width:100%; padding-top:74.4%; height:0; } .u-company-prod li .img-box img { margin:auto; position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; } .u-company-prod li p { font-size:16px; margin:10px 0; } .u-load { text-align:center; padding:30px 0 0 0; } .u-load i { cursor:pointer; } #Form_Msg{padding:20px; margin:0 20px; border-radius: 4px;} .Form_Msg-body{ background:url(../images/ym.png) no-repeat right bottom #F5F9FB;-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border:5px solid #e7ebeb;padding:20px 20px 60px; font-size:15px} .Form_Msg-body p{margin-top:10px; margin-left:60px;} .Form_Msg-body input[type="text"]{width:330px; border:1px solid #ddd; line-height:30px; text-indent:10px; font-size:12px} .Form_Msg-body textarea{width:330px; border:1px solid #ddd; line-height:30px; height:180px; text-indent:10px;font-size:12px; vertical-align:top; resize: none; } #ehong-code{padding:5px 10px;vertical-align:text-bottom; margin-left:2px} .Form_Msg-body .btn{ background:#41a7d2; border:none; margin:10px 0 0 0; height:40px; font-size:18px; width:200px; text-align:center; color:#fff} .Form_Msg-body .btn:hover{background:#6a95a7} .Form_Msg-body .form-margin{margin:20px 0 0 120px; color:#CC3300} .news_box .ul_tab{background:#6894F2;height:36px; line-height:36px;} .news_box .ul_tab li{float:left; width:100px; border-right:1px solid #fff; color:#fff; text-align:center } .news_box .ul_tab li.select{ background:#305fc1} .news_box .ul_tab li a{color:#fff; display:block} .news_box .ul_tab li a:hover{ background:#305fc1} .Form_Msg-body input[type="text"].txtVerification {width: 200px;} #idcode {display: inline-block; width: 120px; margin-left: 10px; height: 34px; border-radius: 4px;} .m-crm-box .u-tab {border-bottom: none;} .m-desc-tab.u-tab {border-bottom: none; padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; border-radius: 4px;} @media all and (max-width: 1440px) { .carousel-inner .item { background-size: 100% 240px !important; height: 240px; } }