@charset "utf-8"; body{ background-color:#fff; color:#3e413f; overflow-x: hidden; } @font-face { font-family: 'bqregular'; src: url('./fonts/regular-webfont.eot'); src: url('./fonts/regular-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/regular-webfont.woff2') format('woff2'), url('./fonts/regular-webfont.woff') format('woff'), url('./fonts/regular-webfont.svg#bqregular') format('svg'); font-weight: normal; font-style: normal; } .bqregular{ font-family: 'bqregular'; } *{ padding:0; margin:0; } a:link, a:hover, a:active, a:visited{ text-decoration: none; } img{ border:none; } ol, ul , li{ margin-bottom: 0; padding-left: 0; list-style: none; } input,textarea{ outline:none; } .clearfix:after{ content:""; clear:both; display:block; } .toper{ height:40px; background-image:url("../icons/bg/03.jpg"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: none\9; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/03.jpg', sizingMethod='scale'); -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/03.jpg', sizingMethod='scale'); overflow:hidden; } ul, ul li{ list-style: none; } .toptool ul{ font-size:0; } .toptool ul li{ float:right; display:inline-block; height:40px; border-left:1px solid #30ab39; font-size:12px; } .toptool ul li.t-l a{ color:#fff; line-height:40px; padding:0 18px; display: inline-block; } .t-l a .t{ margin-left: 10px; } .navbar{ display:none; float: right; font-size: 26px; color: #3ea436; border: 1px solid #3ea436; padding: 0 15px; margin-right: 15px; margin-top: 24px; border-radius: 4px; } .searchbar{ width:200px; height:30px; background-color:#fff; margin-top:5px; margin-left:20px; border-radius:15px; padding-left:15px; } .searchbar input{ border:none; height:30px; line-height:30px; width: 140px; } .searchbar .searchbtn{ display: inline-block; width:16px; height:16px; background-image:url("../icons/07.png"); background-repeat: no-repeat; overflow:hidden; float: right; margin-top: 7px; margin-right: 15px; cursor: pointer; } .menuer{ height:110px; background-color:#fff; } .logo{ float:left; width:400px; height:110px; overflow:hidden; } .menu{ height:110px; } .menu .mnav{ float:right; display:inline-block; position: relative; height:105px; } .menu a.ma{ display:inline-block; color:#3e413f; font-size:18px; border-bottom:5px solid #fff; margin-left:50px; text-align:center; line-height: 105px; } .menu a.ma:hover,.menu a.ma.active{ display:block; border-bottom:5px solid #319b38; } .menu .submenu{ position:absolute; top:; left:50px; z-index: 99; padding:25px 0; background-color:#fff; width: 300px; display:none; } .menu .submenu .suba{ width:100%; display:block; padding:0 50px; line-height: 50px; background-color:#fff; color:#319b38; font-size:16px; text-align:left; padding-right: 0; } .menu .submenu .suba:hover,.menu .submenu .suba.active{ background-color:#319b38; color:#fff; } .work{ border-top:1px solid #d8d8d8; background-color: #f8f8f8; } .wlist .wli{ height:150px; line-height: 150px; overflow: hidden; text-align:center; } .wlist img,.cli img{ max-width:100%; } .service { background-color: #319b38; } .service .cli{ height:250px; text-align:center; font-size:16px; color:#fff; padding-top:60px; } .contact{ background-image:url("../icons/bg/02.jpg"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: none\9; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/02.jpg', sizingMethod='scale'); -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/02.jpg', sizingMethod='scale'); overflow:hidden; } .contact .tlist{ margin-top:70px; margin-bottom:70px; } .contact .tli{ text-align:left; } .tli .title{ font-size:24px; color:#fff; margin-bottom:30px; } .tli .con{ font-size:16px; color:#b0b2b6; } .tli.pro{ border-left:1px solid #37485d; border-right:1px solid #37485d; padding-left:70px; padding-right:70px; } .tli.about{ padding-left:0; padding-right:70px; } .tli.tact{ padding-left:70px; padding-right:0; } a.m-a,a.m-a:hover,a.m-a:active{ color:#5bb932; } p.cp{ margin-bottom:5px; } .footer{ background-color:#0f151c; } .footer .fline{ font-size:14px; color:#313d4a; text-align:right; padding-top:20px; padding-bottom:10px; padding-right:60px; } /*.banner{ position: relative; overflow: hidden; }*/ .banner{ /*width: 1920px;*/ height: 600px; position: relative; overflow: hidden; } .sdiv{ position: absolute; top: 0; left: 50%; width: 1920px; height: 100%; margin-left: -960px; } .pagination.bnav { position: absolute; z-index: 20; bottom: 42px; width: 100%; text-align: center; } .bnav .swiper-pagination-switch { display: inline-block; width: 14px; height: 14px; border-radius: 7px; background: #555; margin: 0 5px; opacity: 0.8; border: none; background-color: #fff; cursor: pointer; border:2px solid #fff; } .bnav .swiper-active-switch { background-color: #319b38; border:2px solid #fff; } .syproduct{ height:800px; background-color:#fff; position:relative; } .syproductbox{ text-align:center; padding-top:45px; } .syproductbox .title{ font-size:30px; color:#3ea436; } .syproductbox .subdesc{ font-size:14px; color:#7c7c7c; } .syproductbox .syroll{ height: 400px; width: 1200px; padding:0 115px; margin-top:25px; position: relative; } .syroll .pline{ margin-right:22px; display: inline-block; float:left; } .syroll .pline .plimg{ width:220px; overflow: hidden; } .syroll .pline .plimg a{ display:block; } .syroll .pline .plimg img{ width: 100%; } .pdiv{ height:450px; position:relative; } .syroll .pprev,.syroll .pnext{ position:absolute; background-color:#3ea436; width:60px; height:40px; line-height: 40px; top:130px; z-index: 100; cursor: pointer; } .ptxt{ color:#0d813d; font-size:14px; width: 220px; margin-top:20px; } .syroll .pprev{ left:0; } .syroll .pnext{ right:0; } .ppnation { position: absolute; z-index: 20; bottom: 24px; width: 100%; text-align: center; } .ppnation .pag-switch { display: inline-block; width: 60px; height: 60px; border-radius: 30px; font-size:14px; background-color: #fff; cursor: pointer; color:#999; border:1px solid #fff; padding:10px; } .ppnation .pag-switch .pag-num{ display:inline-block; text-align:center; line-height: 36px; width:36px; background-color: #fff; border:1px solid #999; border-radius: 50%; } .ppnation .pag-switch.active-switch { border:1px solid #319b38; } .ppnation .pag-switch.active-switch .pag-num{ display:inline-block; background-color: #319b38; border:1px solid #319b38; color:#fff; } .leftbox,.centerbox,.rightbox{ text-align:center; color:#fff; padding:30px; cursor: pointer; } .leftbox .title,.centerbox .title,.rightbox .title{ font-size:24px; padding:10px 0; } .leftbox .desc,.centerbox .desc,.rightbox .desc{ font-size:14px; } .mworld-box-v .leftbox{ width:400px; height:240px; background-color:#49ad35; position:absolute; left:0; z-index: 100; top:-120px; } .mworld-box-v .rightbox{ width:400px; height:240px; background-color:#49ad35; position:absolute; right:0; z-index: 100; top:-120px; } .mworld-box-v .centerbox{ width:400px; height:344px; position:absolute; left:400px; z-index: 102; top:-194px; background-image:url("../icons/bg/05.png"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: none\9; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/05.png', sizingMethod='scale'); -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/05.png', sizingMethod='scale'); padding-top: 70px; } .mworld{ height:700px; background-image:url("../icons/bg/01.jpg"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: none\9; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/01.jpg', sizingMethod='scale'); -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/bg/01.jpg', sizingMethod='scale'); position:relative; } .mworld .mworld-text{ height:189px; border-top:1px solid #495462; position:absolute; bottom:0; left: 0; right: 0; color:#fff; text-align:center; } .mworld-box{ height:510px; } .mworld-box-v{ position:relative; height: 100%; } .mworld-box-v .dtu{ width:600px; height:276px; background-image:url("../icons/14.png"); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background: none\9; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/14.png', sizingMethod='scale'); -ms-filter: progid: DXImageTransform.Microsoft.AlphaImageLoader( src='../icons/14.png', sizingMethod='scale'); position: absolute; left: 0; bottom:20px; } .mworld-box-v .ddesc{ width:600px; height:276px; position: absolute; right: 0; bottom:20px; } .mwli{ margin-top: 24px; } .mwli .num{ font-size:60px; } .mwli .txt{ font-size:18px; } .ddesc .title{ font-size:24px; color:#fff; } .ddesc .desc{ font-size:14px; color:#cdcdcd; margin:15px 0; } .ddesc .dbtna{ color:#fff; background-color:#319b38; display:inline-block; text-align: center; height:30px; line-height: 30px; font-size:14px; padding:0 20px; } .ours{ background-color:#319b38; text-align:center; color:#fff; } .ours-box{ padding:30px 0; } .ours-box .title{ font-size:36px; } .ours-box .desc{ font-size:16px; margin-top:10px; margin-bottom:40px; } .ours-box .dobtn{ font-size:18px; border:2px solid #fff; padding:10px 30px; color:#fff; } .center{ text-align:center; } .hnews-box{ padding:45px 0; } .hnews-box .title{ color:#3e413f; font-size:36px; } .hnews-box .subdesc{ font-size: 14px; color: #7c7c7c; } .hnews-list{ margin-bottom: 30px; } .hnews-list .head{ height:250px; position: relative; overflow:hidden; margin:40px 0; } .hnews-list .head .thumb{ position: absolute; top:30px; left:0; width:380px; height:190px; overflow:hidden; z-index: 101; } .hnews-list .head .thumb img{ width:100%; } .hnews-list .head .coninfo{ position: absolute; top:0; right:0; bottom:0; width:900px; background-color:#ececec; z-index: 99; } .coninfo{ padding:40px 60px 40px 250px; } .coninfo .title{ font-size:18px; color:#3e413f; } .coninfo .desc{ font-size:16px; color:#7c7c7c; margin:15px 0; height:72px; overflow:hidden; } .coninfo .dcbtn{ background-color:#319b38; display: inline-block; text-align: center; height: 30px; line-height: 30px; font-size: 14px; padding: 0 20px; color:#fff; } .coninfo .date{ color:#3e413f; border:1px solid #3e413f; padding:10px; position:absolute; top:60px; left:130px; z-index: 102; text-align:center; } .coninfo .date .mon{ border-bottom:1px solid #3e413f; font-size:49px; line-height: 78px; } .coninfo .date .day{ font-size:16px; line-height: 34px; } .bodline{ width:380px; display:inline-block; float: left; margin-right:30px; } .bodline .thumb{ width:380px; height:190px; overflow:hidden; } .bodline .thumb img{ width:100%; } .bodline .con{ padding-left: 90px; padding-top:30px; position:relative; } .bodline .date{ position: absolute; top: 40px; left: 10px; color: #3e413f; text-align:center; } .bodline .date .mon{ font-size: 49px; } .bodline .date .day{ font-size: 16px; } .bodline .title{ color:#3e413f; font-size:16px; height: 48px; overflow:hidden; } .bodline .desc{ color:#7c7c7c; font-size:16px; margin: 20px 0; height: 72px; overflow: hidden; } .bodline .lbtna{ color:#3e413f; font-size:16px; } .bodline:last-child{ margin-right:0; } .resbtn{ display: inline-block; font-size:16px; color:#319b38; border: 2px solid #319b38; cursor: pointer; text-align: center; padding: 0 14px; line-height: 36px; background-color:#fff; } .resbtn>a{ color:#319b38; } .flinkbox{ margin-top: 40px; } .flinkbox .flib{ display:inline-block; height:36px; width:36px; background-color:#fff; background-repeat: no-repeat; background-image: url("../icons/19.png"); border-radius:18px; margin-right: 10px; } .flib-a{ background-position: 0 0; } .flib-b{ background-position: -46px 0; } .flib-c{ background-position: -90px 0; } .flib-d{ background-position: -138px 0; } .flib-e{ background-position: -184px 0; } .amin{ width:1200px; margin:0 auto; } .sline img{ /*max-width:1920px;*/ } .banwall{ width:100%; min-width:1200px; height:250px; background-repeat: no-repeat; background-image: url("../icons/img/product_banner.jpg"); background-position:center center; } .banwall.video_index{ background-image: url("../icons/img/video_banner.jpg"); } .banwall.news{ background-image: url("../icons/img/new_banner.jpg"); } .banwall.factory{ background-image: url("../icons/img/factory_banner.jpg"); } .position{ height:45px; background-color:#ececec; color: #282b2e; } .position .position-box{ text-align:left; line-height: 45px; } .position-box .l-top{ font-size:16px; } .position-box .l-top .fa{ font-size:24px; } .position-box .l-txt{ font-size:16px; } .position-box .l-txt>a{ color: #282b2e; } .pfed{ position: relative; } .content .pnav{ position: absolute; top: 186px; left: -270px; width: 240px; border-top: 4px solid #319b38; overflow: hidden; background-color: #ececec; } .content .pnav a{ display:block; line-height: 40px; width:100%; border-bottom: 2px solid #fff; color:#3e413f; padding-left: 20px; } .content .pnav .tit{ line-height: 50px; color:#319b38; font-size:16px; border-bottom: 2px solid #fff; padding-left: 20px; } .casebox.gl{ background-color:#f4f4f4; } .casebox .floor{ padding:60px 0; } .casebox .floor .title{ font-size: 30px; color: #3ea436; } .casebox .floor .subdesc{ font-size: 14px; color: #7c7c7c; } .caselist{ margin-top:40px; margin-right:-60px; } .caselist ul li{ width:360px; overflow:hidden; float:left; margin-right:60px; margin-bottom:60px; } .caselist ul li.downli{ height:470px; border:2px solid #ececec; padding:46px 30px; } .caselist ul li .downpic{ text-align: center; } .caselist ul li .ptitle{ color:#319b38; font-size:16px; margin-top:30px; margin-bottom:20px; overflow: hidden; text-align: center; } .caselist ul li .pdesc{ color:#3e413f; font-size:16px; height:72px; overflow:hidden; margin-bottom:30px; text-align: center; } .caselist ul li .pbtn{ text-align: center; } .caselist ul li .pbtna{ display: inline-block; font-size: 16px; color: #319b38; border: 2px solid #319b38; cursor: pointer; text-align: center; height: 40px; width: 140px; line-height: 40px; } .caselist ul li .dbtna{ height:50px; width:180px; border:2px solid #3e413f; display:inline-block; line-height: 50px; font-size: 16px; color:#3e413f; background:url('../icons/31.png') no-repeat; background-position:20px center; padding-left: 56px; } .caselist ul li .ptitle.dtitle{ color:#3e413f; height:48px; } .caselist ul li .pdesc.ddesc{ color:#7c7c7c; } .ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } a.lemorea{ background-color: #319b38; display: inline-block; text-align: center; height: 40px; border-radius: 20px; line-height: 40px; font-size: 16px; padding: 0 20px; color: #fff; } a.lemorea:hover{ color:#fff; } .lemore{ text-align: center; } .page-box{ display:block; text-align: center; } .page-box a.page{ border:2px solid #3ea436; color:#3e413f; padding:14px 18px; line-height: 18px; font-size:16px; display: inline-block; margin: 0 4px; } .page-box a.page:hover,.page-box a.page.cur{ background-color:#3ea436; color: #fff; } .page-box a.page.prev,.page-box a.page.next{ padding-left: 36px; padding-right: 36px; } .casebox .floor .title.certtit{ font-size: 24px; color:#3e413f; margin:15px 0; } .casebox .floor .subdesc.certdesc{ color:#319b38; width: 520px; margin:0 auto; } .caselist ul li .ptitle.certit{ color: #7c7c7c; margin-top: 20px; } .ppic{ position: relative; } .ppic .pic-mask{ position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; background-color:#319b38; opacity: 0.9; display: none; } .caselist .bodline{ margin-bottom: 40px; } .casebox .floor .bodline .title{ font-size:16px; color:#1b2129; } .faq-item{ border:2px solid #f4f4f4; padding:42px 130px; position: relative; margin-bottom: 42px; } .faq-item .title{ font-size: 18px; color:#3e413f; } .faq-item .desc{ margin-top: 30px; font-size: 16px; color:#888888; } .faq-item .Seh{ position: absolute; left: 60px; top: 40px; border: 1px solid #3ea436; width: 50px; height: 50px; border-radius: 25px; padding:5px; } .faq-item .Seh span{ display: inline-block; background-color:#3ea436; width: 100%; height: 100%; font-size:18px; text-align:center; border-radius: 50%; color: #fff; line-height: 40px; } .faq-item .sea{ position: absolute; left: 65px; top: 108px; width: 40px; height: 40px; text-align:center; border-radius: 50%; color: #fff; line-height: 40px; background-color:#3ea436; font-size: 18px; } .con-head{ height:130px; padding-top: 40px; padding-bottom: 20px; } .con-title{ font-size:24px; color:#282b2e; margin-bottom: 10px; } .con-time{ cont-size:14px; color: #7c7c7c; } .con-time>span{ margin-right:40px; } .con-time span .fa{ font-size:16px; } .con-body{ color: #666666; font-size:16px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding:30px 0; } .con-footer, .con-footer a,.con-footer a:hover{ font-size: 16px; color: #666666; } .con-footer{ padding: 50px 0; } .con-footer .prev{ margin-bottom: 10px; } .pright{ text-align: right; line-height: 45px; } .content.cat{ padding: 50px 0; } .content.cat .pnav{ top: 0; } .con-form{ height: 550px; background-color: #eee; overflow: hidden; position: relative; } .con-form .can-way{ width: 600px; height: 100%; background-color: #3ea436; padding: 60px 90px; } .can-way .way-line{ padding-left: 68px; margin-bottom: 40px; position: relative; color: #fff; } .can-way .way-line .tit{ font-size: 18px; } .can-way .way-line .con{ font-size: 16px; } .can-way .way-line .icon{ display: inline-block; height: 50px; width: 50px; background-color: #fff; background-repeat: no-repeat; background-image: url(../icons/29.png); border-radius: 25px; position: absolute; top: 0; left: 0; } .can-way .way-line .icon-tel{ background-position: 2px 2px; } .can-way .way-line .icon-fax{ background-position: 2px -80px; } .can-way .way-line .icon-mail{ background-position: 2px -168px; } .can-way .way-line .icon-skype{ background-position: 2px -251px; } .can-way .way-line .icon-address{ background-position: 2px -337px; } .can-way .way-line:last-child{ margin-bottom: 0; } .con-form .can-message{ position: absolute; top: 0; right: 0; bottom: 0; width: 600px; padding-top: 70px; font-size:14px; } .f-line{ color:#3e413f; margin-top: 10px; } .f-line .f-label{ display: inline-block; width:158px; text-align: right; padding-right: 15px; } .f-line .f-label.rb:before{ content: "*"; color: red; } .f-line input,.f-line textarea{ width: 400px; border: none; background-color: #fff; height: 40px; padding-left: 14px; } .f-line textarea{ padding-top: 14px; height: 120px; } .f-line .submit{ width: 180px; height: 50px; background-color: #ffa200; color: #fff; background-image: url('../icons/26.png'); background-repeat: no-repeat; border:none; outline:none; background-position: 16px center; padding-left: 30px; margin-top: 10px; } .con-map{ margin-top: 40px; height: 410px; overflow: hidden; } .imgbox{ margin-top: 40px; } .big-preview{ width: 1200px; height: 660px; overflow: hidden; position: relative; } .big-preview img{ width: 100%; height: 660px; text-align:center; } .big-preview .trun{ height: 70px; width: 70px; background-color: #319b38; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; margin-top: -35px; cursor: pointer; } .big-preview .trun.prev{ left: 0; background-image: url("../icons/09.png"); } .big-preview .trun.next{ right: 0; background-image: url("../icons/10.png"); } .thumblist{ height: 100px; padding: 0 60px; overflow: hidden; position: relative; margin-top: 20px; } .thumblist .trun{ height: 100px; width: 40px; background-color: #319b38; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; cursor: pointer; } .thumblist .trun.prev{ left: 0; background-image: url("../icons/09.png"); } .thumblist .trun.next{ right: 0; background-image: url("../icons/10.png"); } .smb,.smb img{ text-align: center; width: 210px; height: 100px; margin:0 10px; } .casebox .floor .subdesc.infodesc { font-size: 16px; width: 800px; margin: 0 auto; margin-top: 60px; } .mworld.info{ background-image:url("../icons/bg/04.jpg"); } .mworld.info .mworld-text{ border-top-color:#90c5ac; } .color1{ #fff; } .allproduct .amin{ background-color: #f4f4f4; height: 460px; padding:50px 80px; overflow: hidden; } .allproduct .title{ font-size: 24px; color: #319b38; margin-bottom: 30px; } .pmb{ text-align: center; } .pmb img{ width:320px; height: 250px; } .pmb .imgtit{ color:#319b38; font-size: 16px; margin-top: 10px; } .protxt .amin{ background-color: #2a3340; padding: 80px; font-size: 16px; color:#b9bcc1; } .prodec{ margin:60px 0; } .prodec .amin{ background-color: #f4f4f4; height: 400px; overflow: hidden; position: relative; } .prodec .ltxt{ position: absolute; top: 0; right: 0; width: 600px; bottom: 0; font-size: 16px; color: #7c7c7c; padding:80px 50px; } .content.cat.info{ background-color: #f4f4f4; } .position.green{ background-color: #3ea436; color: #fff; } .position.green .position-box .l-txt>a{ color: #FFFFFF; } .content .pnav .tit.f,.content .pnav a.f{ border-bottom: 2px solid #f4f4f4; } .prohead{ position: relative; } .prohead .bigimg,.prohead .bigimg img{ width: 595px; height: 450px; background-color: #fff; margin-bottom: 10px; } .prohead .imglist{ height: 140px; width: 595px; background-color: #fff; padding: 24px 48px; position: relative; } .prohead .imglist .trun{ height: 90px; width: 30px; position: absolute; top: 24px; border:2px solid #3ea436; background-position: center center; background-repeat: no-repeat; } .prohead .imglist .trun.prev{ left: 10px; background-image: url('../icons/24.png'); } .prohead .imglist .trun.next{ right: 10px; background-image: url('../icons/24.1.png'); } .prohead .imglist .infothumb .imb{ overflow: hidden; text-align: center; } .prohead .imglist .infothumb .imb img{ width: 119px; height: 89px; border:1px solid #fff; } .prohead .imglist .infothumb .imb img.hover{ border:1px solid #3ea436; } .prohead .imginfo{ width: 595px; position: absolute; top: 0; right: 0; bottom: 0; } .prohead .imginfo .infotop{ height: 340px; background-color: #fff; margin-bottom: 10px; padding:50px 50px 0; overflow: hidden; } .imginfo .infotop .title{ font-size: 26px; color:#3ea436; } .imginfo .infotop .desc{ font-size: 16px; color:#7c7c7c; } .imginfo .infotop .desc .line{ line-height: 26px; } .prohead .imginfo .infobottom{ height: 250px; background-color: #fff; padding:50px 50px 0; } .infobottom .line{ font-size: 14px; color: #7c7c7c; } .infobottom .line span{ color: #d81a0f; } .infobottom .btnlist{ margin-top: 20px; margin-bottom: 25px; } .infobottom .btnlist .pbtn{ width: 190px; height: 40px; display: inline-block; background-repeat:no-repeat; background-position: 26px center; padding-left:69px; color: #fff; line-height: 40px; font-size: 16px; margin-right: 10px; overflow: hidden; } .infobottom .btnlist .down{ height: 40px; width: 40px; display: inline-block; /*border:2px solid #333; */ overflow: hidden; } .infobottom .btnlist .down>img{ margin: 5px; width: 30px; height: 30px; } .infobottom .btnlist .pbtn.send{ background-color: #cc1106; background-image: url("../icons/21.png"); } .infobottom .btnlist .pbtn.price{ background-color: #ffa200; background-image: url("../icons/22.png"); } .infobottom .share{ font-size:16px; color:#282b2e; } .pronav .amin{ font-size: 0; background-color: #fff; padding: 30px 0; } .pronav .nav{ width: 190px; height:30px; font-size: 16px; color: #3ea436; border:2px solid #3ea436; background-color: #fff; display: inline-block; line-height: 30px; text-align: center; margin-right: 10px; } .pronav .nav.hover,.pronav .nav:hover{ color: #fff; background-color: #3ea436; } .meshead{ height: 50px; background-color:#3ea436; color: #fff; font-size:16px; line-height: 50px; } .meshead .np{ display: inline-block; width: 50px; height: 50px; background-color:#333333; background-image: url(../icons/26.png); background-repeat: no-repeat; background-position: center; margin-right: 30px; float: left; } .mesbody{ border:2px solid #f4f4f4; border-top: none; overflow: hidden; margin-bottom:60px; padding:60px 0; } .f-line.mes .f-label{ width: 200px; } .f-line.mes input, .f-line.mes textarea{ border:2px solid #f4f4f4; width: 900px; } /* detail css*/ .dtu{ height: 500px; position: relative; } .dtu-txt{ position: absolute; color: #3ea436; font-size: 24px; left: 120px; top: 150px; } .dtu-txt .b{ font-size: 42px; } .botu{ margin-bottom: 20px; } .video-info{ height: 400px; margin:35px 0; background-color: #f4f4f4; position: relative; } .video-info .video-info-txt{ position: absolute; top: 0; right: 0; bottom: 0; width: 700px; padding:50px 50px 0; font-size: 16px; } .video-info-txt .v-dt{ color: #3ea436; font-size: 30px; } .video-info-txt .v-dec{ color: #7c7c7c; } .video-info-txt .v-dm{ color: #3ea436; margin-top: 30px; } .proct th{ text-align:center; font-weight: normal; } .working{ margin-bottom: 30px; } .working .title{ font-size: 30px; color: #3ea436; } .working .desc{ font-size: 16px; color: #7c7c7c; } .pro-word{ position: relative; height: 300px; margin-bottom: 20px; background-color: #f4f4f4; } .pro-word.right{ text-align: right; } .pro-word .word-info{ padding: 0 80px; font-size: 16px; color: #7c7c7c; } .pro-word.right .word-info{ width: 600px; position: absolute; top: 0; left: 0; bottom: 0; } .pro-word.left .word-info{ width: 600px; position: absolute; top: 0; right: 0; bottom: 0; } .pro-word .word-info .title{ font-size: 30px; color: #3ea436; } .middle-box{ display: table; height: 300px; text-align: left; } .middle-inner{ display: table-cell; vertical-align:middle; } /*service 样式*/ .content-head{ padding: 50px 0 40px; } .ser-title{ font-size: 30px; color: #3ea436; } .ser-subdesc{ font-size: 14px; color: #7c7c7c; } .service-list{ width: 100%; padding: 60px 0 50px; } .service-list:nth-of-type(even){ background-color: #f4f4f4; } .service-title{ text-align: center; font:bold 24px/24px "微Y雅黑"; margin-bottom: 30px; } .service-list>img{ width: 801px; height: 240px; display: block; margin: 0 auto; margin-bottom: 35px; } .Introduction { text-align: center; width: 1200px; margin: 0 auto; font: 16px/30px arial; color: #3e413f; } .Introduction-bold{ text-align: center; width: 1200px; margin: 0 auto; font:bold 18px/30px arial; color: #3e413f; } .contact-btn{ display: block; margin: 20px auto; padding-left: 40px; width: 210px; height: 45px; background-color: #ffa200; color: #FFFFFF; font: 14px/45px arial; text-align: center; cursor: pointer; background-image: url(../icons/22.png); background-repeat: no-repeat; background-position: 30px 5px; }

<em id="jzshi"></em>
  1. <th id="jzshi"></th>
  2. <th id="jzshi"></th>

    1. <tbody id="jzshi"></tbody>
      动漫无码无遮挡在线看中文,日韩一区二区三区电影在线观看,少妇美妻欧美日韩一区二区三区,久久亚洲中文字幕精品一区,日本欧美一级二级三级不卡