html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;} /*******CSS reset*************/ body{position:relative;z-index:-2; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;} .f12{font-size:12px;} .f16{font-size:16px;} .bold{font-weight:bold;} .white{color:#fff;} .left{float:left;} .right{float:right;} .t_r{text-align:right;} .clear{clear:both;} .relative{position:relative;} .absolute{position:absolute;} .rel_center{position:relative;left:50%;} .hidden{display:none;} *{box-sizing: border-box;} .container{ width: 1200px; margin:0 auto; } .row{ display: flex; flex-wrap: wrap; justify-content: left; } .ror{ display: flex; flex-wrap: wrap; justify-content: right; } .roc{ display: flex; flex-wrap: wrap; justify-content: center; } .rob{ display: flex; flex-wrap: wrap; justify-content: space-between; } .tc{ text-align: center; } .tl{ text-align: left; } .tr{ text-align: right; } .cici{overflow: hidden;} .cici img{width: 100%;height: 100%;object-fit: cover; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .coco{overflow: hidden;} .coco img{width: 100%;height: 100%;object-fit: contain; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .cl1{ overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .cl2{ overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .cl3{ overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .cl4{ overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .cl5{ overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .ts5{ transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; } /********General**********/ /*******Css sprite*******/ /*头部*/ .banner img{ max-width: 100%; } .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px; border-radius: 20px; } .banner .swiper-pagination{ bottom: 20px; } .navget .xt{ font-size: 22px; color: #F30000; width: 200px; padding-top: 10px; margin-left: 20px; } .navget .xt img{ float: left; margin-top: 1px; margin-right: 10px; } .navget ul li{ display: inline-block; text-align: center; color: #fff; } .logo img{height: 50px;margin-top: 5px;} .menu { width: 100%; position: absolute; left: 0px; top: 0px; width: 100%; z-index: 999; } .menu.active{position: fixed;z-index: 9999;background: #fff;box-shadow: 0 0 10px #ccc} .menu.active .ul-list > li > a{ color: #000; } .menu * { box-sizing: border-box; } .menu .ul-list > li { height: 75px; line-height: 75px; font-size: 16px; padding: 0 17px; position: relative; } .menu .ul-list > li:hover{ background: #304EA9; } .menu.active .ul-list > li:hover a{ color: #fff; } .menu .down:after{ content: ''; position: absolute; width: 8px; height: 6px; display: block; top: 34px; right: 6px; background: url(../images/down.png)no-repeat center; } .menu .ul-list > li > a { height: 64px; font-size: 16px; text-decoration: none; color: #fff; } .menu .ul-list > li strong > a:hover{ color: #FDAC00 } .menu .ul-list > li:hover .ol-list { display: block; } .menu .ol-list { display: none; position: absolute; top: 75px; left: 0px; max-height: 300px; overflow-y: auto; width: 200px; line-height: 0px; /*border: 1px solid #ccc;*/ z-index: 9999; } .navget ul .ol-list li{ height: 45px; border-bottom: 1px solid #e3e3e3; background: #333333; color: #fff; padding: 0px; width: 100%; line-height: 45px; z-index: 9999; text-align: left; text-indent: 20px;-webkit-transition: 0.3s all; } .navget ul .ol-list li:hover { background: #304EA9; /*text-indent: 30px;*/ color: #fff; } .navget ul .ol-list li:hover span{ background: url(../images/all.png)no-repeat center; } .headtel{width: 237px;height: 62px;margin: 29px 0 0 35px;background: url(../images/telbox_03.jpg)no-repeat center;} .headtel p:first-child{text-align: center;font-size: 14px;padding: 2px 0 0 26px;} .headtel p:last-child{font-size: 33px;color: #FDAC00;text-align: center;} .nav .right{padding-top: 24px;height: 91px; overflow: hidden;} .nav .right img:last-child{margin-left: 20px;width: 91px;} .nav .right img:first-child{margin-top: 4px;float: left;} .nasa{width: 100%;height: 59px;background: #006CE5;position: relative;float: right;} .navb{height: 60px;margin-top:60px;display: flex;justify-content:center;} .navb li{font-size: 16px;text-align: center; display: inline-block;width: 100px; color: #000;line-height: 60px;transition:all 0.5s ease-in-out;} .navb li:hover{color: #CB011C;} .daohang{width: 250px;height: 60px;position: relative;} .search{margin-top: 18px; width: 284px;height: 36px;background: url(../images/3_03.jpg)no-repeat center;} .search #search_text{width: 230px; height: 35px;background: none;border: none;float: left;color: #939393;text-indent: 20px;} .search .search-btn{width: 44px;height: 35px;float: right;background: none;border: none;} /*轮播图*/ #full-screen-slider {width:100%; height:880px; position:relative; min-width: 1200px;} #slides { display:block; width:100%; height:880px; list-style:none; padding:0; margin:0; position:relative} #slides li { display:block; width:100%; height:880px; list-style:none; padding:0; margin:0; position:absolute} #slides li a { display:block; width:100%; height:100%; text-indent:-9999px} #pagination { display:block; list-style:none; position:absolute; right:26%; top:830px; z-index:9900; padding:5px 15px 5px 0; margin:0} #pagination li { display:block; list-style:none; width:10px; height:10px; float:left; margin-left:15px; border-radius:5px; background:#FFF } #pagination li a { display:block; width:100%; height:100%; padding:0; margin:0; text-indent:-9999px;} #pagination li.current { background:#0092CE} /*标题*/ .glo_title{ padding: 50px 0 30px; } .glo_title .title{ width: 50%; } .glo_title .title h1{ font-size: 150px; line-height: 110px; font-weight: bold; color: #E5E5E5; margin-right: 5px; } .glo_title .title p{ font-size: 16px; } .glo_title .title h3{ font-size: 30px; display: inline-block; } .glo_title .title h3 span{ display: inline-block; width: 40px; border:1px solid #E5E5E5; float: right; margin-top: 20px; margin-left: 30px; } .glo_title .title .sec{ padding-top: 44px; } .glo_title .text{ padding-top: 53px; font-size: 16px; } .glo_title .text p{ margin-bottom: 5px; } .glo_title a.more{ display: inline-block; width: 160px; height: 40px; border:1px solid #0052B3; border-radius: 20px; text-align: center; line-height: 40px; color: #0052B3; margin-top: 67px; } .glo_title a.more:hover{ background: #0052B3; color: #fff; } /*产品中心*/ .product_index .bo{ width: 100%; } .product_index .bo .inner{ width: 380px; height: 315px; border:1px solid #E5E5E5; padding: 45px 28px 30px; margin-right: 20px; } .product_index .bo .inner:last-child{ margin-right: 0px; } .product_index .bo .inner img{ max-width: 131px; max-height: 240px; } .product_index .bo .inner span{ display: inline-block; width: 60px; height: 28px; border:1px solid #F30000; border-radius: 20px; font-size: 16px; text-align: center; line-height: 28px; color: #F30000; } .product_index .bo .inner .title h3{ font-size: 22px; } .product_index .bo .inner .title .param{ margin:20px 0; } .pro_more1{width: 120px;height: 44px;border: 1px solid #EEEEEE;text-align: center;line-height: 44px; font-size: 14px;margin: 30px auto 0 0px;border-radius: 5px;-webkit-transition: 0.6s all; -moz-transition: 0.6s all;background: #fff;color: #000; -o-transition: 0.6s all; } .product_index .bo .inner:hover .pro_more1{background: #2F4EA8;color: #fff;} /*公司简介*/ .company_index{ background: url(../images/com.jpg) no-repeat center; background-size: cover; padding: 30px 0; margin-top: 50px; } .company_index .num{ width: 225px; color: #fff; height: 680px; display: flex; align-items: center; } .company_index .content{ width: 975px; padding: 25px 0 0 55px; } .company_index .content img{ max-width: 100%; } .company_index .content .glo_title{ padding-top: 0px; } .company_index .num .ni{ margin-bottom: 60px; } .company_index .num .ni:last-child{ margin-bottom: 0px; } .company_index .num .ni .big{ width: 125px; margin-bottom: 10px; } .company_index .num .ni p{ width: 170px; } .company_index .num .ni .big h2{ font-size: 50px; line-height: 50px; } .company_index .num .ni .big span{ font-size: 16px; margin-top: 20px; } .company_index .content .des{ font-size: 16px; line-height: 26px; margin:0px 0 20px; } .company_index .video{width: 100%;} .company_index .video video{width: 100%;height: 450px;object-fit: cover;} /*工艺流程*/ .gylc { padding-bottom: 50px; } .gylc .inner .g1{ width: 390px; height: 538px; background: url(../images/lc.jpg) no-repeat center; color: #fff; padding: 75px 30px 0 35px; } .gylc .inner .g1 h3{ font-size: 46px; font-family: 'Impact'; font-weight: bold; line-height: 46px; text-transform: uppercase; margin-bottom: 10px; } .gylc .inner .g1 p{ font-size: 24px; margin-top: 20px; } .gylc .inner .g1 span{ display: inline-block; width: 40px; height: 0px; border:1px solid #fff; margin-top: 30px; } .gylc .inner .g2{ width: 795px; } .gylc .inner .g2 .cici{ width: 390px; height: 260px; position: relative; margin-bottom: 18px; } .gylc .inner .g2 .cici:hover img{ transform: scale(1.05); } .gylc .inner .g2 .cici .bt{ position: absolute; width: 100%; left: 0px; bottom: 0px; color: #fff; font-size: 16px; padding: 25px; text-transform: uppercase; } .gylc .inner .g2 .cici .bt span{ display: inline-block; width: 30px; border:1px solid #fff; } .gylc .inner .g2 .cici .bt h4{ margin:10px 0 5px; line-height: 16px; } /*业务领域*/ .area{ background: url(../images/area.jpg) no-repeat center; height: 712px; width: 100%; overflow: hidden; } .area .tab{ margin-top: -95px; } .area .tab .pane { display: none; } .area .tab .pane .text{ width: 500px; padding-top: 130px; } .area .tab .pane .cici{ width: 590px; } .area .tab .pane .text h3{ font-size: 30px; color: #0052B3; font-weight: bold; } .area .tab .pane .text span{ display: inline-block; width: 40px; border:1px solid #0052B3; margin:20px 0; } .area .tab .pane .text .content{ font-size: 16px; line-height: 32px; } .area ul{ height: 194px; background: #fff; width: 1018px; padding-top: 55px; position: relative; } .area ul:before{ content: ''; display: block; position: absolute; width: 1000px; height: 194px; background: #fff; left: -1000px; bottom: 0px; } .area ul li{ width: 25%; cursor: pointer; font-size: 20px; } .area ul li .cici{ width: 88px; height: 88px; border:4px solid #fff; border-radius: 50%; transition: all .5s; } .area ul li .title{ padding-top: 12px; margin-right: 20px; } .area ul li .title img{ margin-bottom: 5px; } .area ul li:hover .cici, .area ul li.hit .cici{ border-color: #0052B3; } /*新闻中心*/ .casein{padding-bottom: 70px;padding-top: 50px;} .inner-new-top {margin:0px 0 5px 0;} .inner-new-img{width: 598px;height: 335px;} .newsimg{height: 335px; width: 598px;overflow: hidden; } .newsimg img{ width: 100%; height: 100%; -webkit-transition: 0.5s all; } .inner-new-top .inner-new-se{ padding: 70px 28px; background: #F2F2F2; height: 335px; margin-left: 5px; width: 597px; box-sizing:border-box; } .inner-new-top img{ height: 100%; max-width: 100%; object-fit:cover; } .inner-new-se:hover .btn-box a{ color: #304EA8; } .inner-new-top .inner-new-se small{ display: block; color: #7D7D7D; font-size: 18px; } .inner-new-top .inner-new-se small img{margin-right: 8px;} .inner-new-top .inner-new-se h1{ line-height: 36px; color: #000; font-size: 21px; margin: 10px 0; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; } .inner-new-top .inner-new-se:hover h1{ color: #304EA8; } .inner-new-top:hover .newsimg img{ transform: scale(1.1); } .inner-new-top .inner-new-se p{ line-height: 28px; font-size: 16px; font-family: 'yahei'; font-weight: 300; } .inner-new-top .btn-box{ margin-top: 45px; } .inner-new-top .pd-30{ padding-top: 30px; } .raptor{width: 598px;margin-top: 4px;} .fant{-webkit-transition: 0.5s all; width: 297px;height: 237px;padding: 40px 18px 0 18px;box-sizing:border-box;color: #fff;background: #304EA9} .raptor h2{font-size: 18px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; margin-bottom: 13px; } .raptor p{font-size: 14px; line-height: 24px; margin-bottom: 14px; display:-webkit-box; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; text-overflow:ellipsis; } .raptor .jay{width: 297px;height: 237px;overflow: hidden;} .raptor .jay img{width: 100%;height: 100%;object-fit:cover; -webkit-transition: 0.5s all;} .raptor:hover .jay img{ transform: scale(1.1); } /*.raptor:last-child .fant{background: #00B2EB;} .raptor:last-child:hover .fant{background: #304EA9;}*/ .raptor:first-child .fant{background: #304EA9;} .raptor:first-child:hover .fant{background: #00B2EB;} /*新闻中心*/ .newscenter{padding: 70px 0 0 0;} .qqss{padding: 30px 0 70px 0;} .qqss .standing{border:1px solid #CCCCCC; width: 580px;margin-right: 38px;padding: 20px 30px;box-sizing:border-box;} .qqss .standing:nth-child(2n){margin-right: 0px;} .qqss .standing .kojima{margin-bottom: 30px;} .qqss .standing .kojima h4{margin: 0px;font-size: 15px;} .qqss .standing .kojima p{line-height: 24px;color: #747474;margin: 5px 0;} .qqss .hido{line-height: 24px;} .qqss .hido h4{font-size: 16px;margin: 5px 0 7px 0;} .qqss .hido span{color: #000;font-weight: bold;margin-top: 11px;display: block;} .ipp{width: 82px;height: 92px;border: 1px solid #ccc;color: #006CE5;font-size: 50px;font-weight: bold;text-align: center;} .ipp h1{display: block;height: 68px;line-height: 68px;} .ipp p{display: block;height: 25px;color: #fff;background: #006CE5;font-size: 14px;font-weight: normal;line-height: 25px;} .qqss .hido p{color: #989898;} .qqss .standing:hover h4{color: #F00000} .qqss .standing:hover{border-color: #F00000} .qqss .standing:hover span{color: #F00000} .mud{width: 568px;height: 366px;overflow: hidden;position: relative;} .mud img{width: 100%;height: 366px;-webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;} .mud:hover img{transform:scale(1.1);} .mudh{width: 100%;height: 57px;background: rgba(0,0,0,.6);line-height: 57px;text-align: center;color: #fff;position: absolute;bottom: 0px;left: 0px;} /*底部*/ .ind_bottom{width:100%; background: #191919;} .ind_bot_fl{width:100%; height: 58px; line-height: 58px; margin:0 auto; background: #E60000; color: #ffffff;} .ind_bot_fl_mid{width: 800px; margin:0 auto;} .ind_bot_fl_list{width:170px; float: left; color: #ffffff; text-align: center;} .ind_bot_fl_list:hover{ background: #3a3a3a;} .zixun{width: 400px;float: left;} .zixun h1{color: #fff;font-size: 40px;font-weight: bolder;text-transform: uppercase;font-family: 'impact'} .zixun h3{font-size: 20px;position: relative;display: inline-block;color: #fff;} .zixun h3:after{ content: ''; width: 30px; height: 6px; position: absolute; background: url(../images/ss.png)no-repeat center; right: -38px; top: 12px; } .zixun .lxwm{height: 140px;margin-top: 20px;position: relative;} .zixun .lxwm p{font-size: 14px;margin-bottom: 10.9px;padding-left: 26px;color: #AAAAAA;} .zixun .lxwm:before{ content: ''; width: 22px; height: 110px; display: block; position: absolute; background: url(../Image/qq.png)no-repeat center; left: 0px; top: 0px; } .zixun a:hover{color: #2F4DA8;font-weight: bold;} .ind_bot_copyright{width:1200px; margin:0 auto;padding-top: 70px;} .ind_logo_bot{width:280px; height: 72px; background: url(../Image/logo_bot.png)center no-repeat; float: left; margin-top: 65px;} .ind_lx{width:290px; float: right; font-size: 14px; color: #bcbcbc; line-height: 26px; padding-left: 100px;border-left: 1px solid #BFBFBF} .ind_lx span{font-size: 22px;} .ind_bot_hx{ padding-bottom: 55px;} .ind_bot_copyright{width:1200px; margin:0 auto;padding-top: 70px;} .wx{width: 140px;height: 140px;float: right;margin-top: 15px;} .odin{font-size: 16px;font-weight: bold; color: #fff;margin-bottom: 15px;} .ind_dh{width: 160px;float: left;margin-right: 30px;margin-top: 20px;text-align: center;} .ind_dh ul li{line-height: 30px;color: #AAAAAA} .ind_dh ul li:hover{color: #fff} .ind_lx{width:290px; float: right; font-size: 14px; color: #bcbcbc; line-height: 26px; padding-left: 100px;border-left: 1px solid #BFBFBF} .ind_lx span{font-size: 22px;} .copy_right{background: #191919;color: #fff;border-top: 1px solid #2D2D2D} .copy_right a:hover{color: #2F4EA8;} .copy_right_l{width:50%; float: left; line-height: 59px; font-size: 14px; color: #fff} .copy_right_r{width:50%; float: left; text-align: right; line-height: 59px; font-size: 14px; color: #fff} .saoma img{width:113px;height:139px;margin: 15px 0 0 10px;} .bottom{width:100%;height:62px;background:#202020;} .bottom span{color:#aaa;line-height:62px;} .bottom a:hover{color:#fff;} .fozhu{ display: block; height: 0px; border-top: 1px solid #4B4B4B; width: 100%; margin: 50px 0 20px 0; } .article{overflow:hidden;margin:50px auto;} .insidebanner{width: 100%;border: 0px;margin: 0px;margin-bottom: -3px;height: 400px;} .pbanner{background: url(../images/prr.jpg) no-repeat center;} .cbanner{background: url(../images/abb.jpg) no-repeat center;} .newsbanner{background: url(../images/nee.jpg) no-repeat center;} .newsbanner{background: url(../images/nee.jpg) no-repeat center;} .gybanner{background: url(../images/gy.jpg) no-repeat center;} .casebanner{background: url(../images/caa.jpg) no-repeat center;} .contactbanner{background: url(../images/con.jpg) no-repeat center;} .ppp{background: #343434;text-align: center;color: #F1F1F1;line-height: 54px; height: 54px; } .ppp a:hover{color: #FDAC00} .suwx{width: 100%;text-align: center;height: 117px;overflow: hidden;margin-top: 10px;} .suwx img{width: 117px;} /*联系我们*/ .de-contact{ background: #F5F5F5; } .de-contact .contact-list{ width: 600px; padding: 50px; } .de-contact .contact-list h3{ font-size: 24px; color: #0052B3; font-weight: bold; margin-bottom: 15px; } .de-contact .contact-list p{ line-height: 36px; font-size: 16px; } .de-contact .contact-list p:hover a{ color: #0052B3; } .de-contact .contact-map{ width: 600px; } .de-contact .contact-map #dituContent{ width: 100%; height: 370px; } .in_banner{ text-align: center; } .gtit h1{ font-size: 30px; padding-top: 50px; } .gtit h5{ font-size: 16px; margin:0 0 30px 0; font-weight: normal; } /*侧边栏*/ .cup{width: 954px;background: #fff;box-sizing:border-box;padding: 26px 22px} .cup img{max-width: 100%;} .swi{height: 40px;border-bottom: 1px solid #000;line-height: 40px;margin-bottom: 30px;} .side-top{background: #0D3FC9;color: #fff;padding: 25px 20px; font-size: 16px;text-align: center; } .side-top p{font-size: 30px;line-height: 20px;} .side-top span{font-size: 14px;} .side-top img{margin: -10px auto 0 auto;} .usb{padding: 15px 10px;background: #fff;border: 1px solid #D2D2D2;border-top: none;} .usb ul li{height: 42px;background: #ECECED;margin-bottom: 10px; line-height: 42px;color: #7F7F7F; padding-left:25px; } .usb ul li span{width: 4px;height: 4px;display: block;float: left; margin-top: 19px; background: #7F7F7F; margin-right: 10px;-webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; } .usb ul li:hover{color: #12339E;} /*关于我们*/ .titian{height: 70px;background: #fff;line-height: 70px;border-bottom: 1px solid #ccc;} .titian .left p{display: inline-block; padding: 0 20px;border-left: 1px solid #DDDDDD;} .titian .left img{margin: 23px 20px;} .titian a{margin-left: 20px;font-weight: bold;color: #000;} .titian .left a{margin-left: 0px;} .titian a:hover{color: #3750A6} .inside-com{width: 100%;box-sizing:border-box;} .inside-com h3{color: #2F4EA8;position: relative;font-size: 24px;text-transform: uppercase;} /*.inside-com .on{width: 560px;}*/ .inside-com h1{font-size: 30px;margin-top: 10px;} .inside-com h4{font-size: 14px;margin: 0px;} .inside-com .rob{margin: 30px 0;} .inside-com p{line-height: 27px;} .inside-com a:hover{color: #3851A8;font-weight: bold;} /*数字*/ .sz{ width: 100%; height: 200px; color: #fff; padding-top: 67px; margin-top: 50px; background: url(../images/sz.jpg) no-repeat center; } .sz h2{ font-size: 50px; margin-bottom: 8px; } .sz h2 sub{ font-size: 16px; margin-left: 10px; } .sz ul li{ width: 20%; padding: 0 30px; border-right: 1px solid #3D5089; text-align: center; height: 80px; } .sz ul li:last-child{ border-right: none; } /*厂房设备*/ .plant{padding: 50px 0 50px 0;background: #F5F5F5;} .plant h1{font-size: 34px;} .plant h5{font-size: 18px;text-transform: uppercase;margin-bottom: 40px;margin-top: 0px;font-weight: normal;} .plant h4{font-size: 16px;font-weight: normal;margin: 0px;} .plant .tab ul li{ width: 144px; height: 44px; background: #0052B3; color: #fff; line-height: 44px; text-align: center; margin:0 2px; cursor: pointer; } .plant .tab ul{ margin-bottom: 30px; } .plant .tab ul li.hit, .plant .tab ul li:hover{ background: #F30000; } .plant .tab .pane{ display: none; } .plant .tab .pane .img{ width: 580px; } .plant .tab .pane .text{ padding: 48px 58px; background: #fff; width: 700px; margin-top: -300px; } .plant .tab .pane .text h3{ font-size: 24px; font-weight: bold; margin-bottom: 15px; } .plant .tab .pane .text .content{ line-height: 26px; font-size: 15px; } /*企业文化*/ .cul{ width: 100%; background: url(../images/cu.jpg) no-repeat center; height: 497px; padding-top: 110px; } .cul .c1{ width: 600px; color: #fff; } .cul .c1 h3{ font-size: 36px; margin-bottom: 20px; } .cul .c1 h3 span{ font-size: 16px; text-transform: uppercase; } .cul .c1 .content{ line-height: 28px; font-size: 15px; } .cul .c2{ width: 520px; } .cul .c2 h3 { font-size: 30px; margin:10px 0 ; } .cul .c2 h4{ font-size: 16px; margin:0; font-weight: normal; } .proinfo{ padding: 50px 0 40px 0; background: #F7F7F7; } .tea{margin-top: 20px;} .tea .tea1{width: 580px;} .tea .tea1 img{width: 100%;height: 100%;object-fit:contain;} .tea .tea1 .swiper-button-next, .tea .tea1 .swiper-button-prev{ width: 40px; height: 80px; background-color: rgba(0,0,0,.6); color: #fff; } .tea .tea1 .swiper-button-next:hover, .tea .tea1 .swiper-button-prev:hover{ background: #0051B3; } .tea .tea1 .swiper-button-next::after, .tea .tea1 .swiper-button-prev::after { font-size: 24px; } .tea .tea1 .swiper-slide{width: 100%;} .tea .tea2{width: 600px;padding: 40px;box-sizing:border-box;} .tea .tea1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 20px; background: #0051B3; border-radius: 20px; } .tea .tea2 h1{font-size: 26px;margin-bottom: 25px;border-bottom: 1px solid #ccc;padding-bottom: 13px;} .tea .tea2 p{line-height: 28px;} .tea .tea2 .parm{padding-bottom: 20px;font-size: 15px;} .tea .tea2 img{max-width: 100%;} .tea .tea2 .zxx{margin-top: 50px;} .tea .tea2 .zxx .tel{font-size: 16px;} .tea .tea2 .zxx .tel img{ margin:10px 10px 0 0; } .tea .tea2 .zxx .tel span{ color: #df0000; font-size: 30px; font-weight: bold; } .tea .tea2 .back{ font-size: 18px; margin-top: 20px; } .tea .tea2 .back img{ margin-right: 10px; } .ttp{ margin-top: 30px; } .ttp .pane{ display: none; } .ttp .pane img{ max-width: 100%; } .ttp .tab ul{ width: 100%; border-bottom: 2px solid #E5E5E5; height: 68px; } #prev_next{ margin: 30px 0 40px 0; } .ttp .tab ul li{ width: 200px; height: 68px; line-height: 68px; font-size: 20px; text-align: center; transition: all .5s; cursor: pointer; border-bottom: 2px solid #E5E5E5; } .ttp .tab ul li.hit, .ttp .tab ul li:hover{ border-bottom: 2px solid #0051B3; } .ttp .tab .pane{ min-height: 200px; padding-top: 30px; } .ttp .tab .pane video{ width: 750px !important; height: 422px !important; } .ttp .tab .pane ul{ border:none; } .ttp .tab .pane dl.ca dt{ width: 32%; margin-right: 2%; margin-bottom: 2%; } .ttp .tab .pane dl.ca dt .cici{ height: 285px; } .ttp .tab .pane dl.ca dt:nth-child(3n){ margin-right: 0px; } .ttp .tab .pane dl.ca dt p{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 15px; background: #E5E5E5; } .ttp .tab .pane dl.ca dt:hover p{ background: #0051B3; color: #fff; } .ttp .tab .pane .type .g2 .cici{ width: 390px; height: 260px; position: relative; margin-bottom: 18px; margin-right: 14px; margin-bottom: 14px; } .ttp .tab .pane .type .g2 .cici:nth-child(3n){ margin-right: 0px; } .ttp .tab .pane .type .g2 .cici:hover img{ transform: scale(1.05); } .ttp .tab .pane .type .g2 .cici .bt{ position: absolute; width: 100%; left: 0px; bottom: 0px; color: #fff; font-size: 16px; padding: 25px; text-transform: uppercase; } .ttp .tab .pane .type .g2 .cici .bt span{ display: inline-block; width: 30px; border:1px solid #fff; } .ttp .tab .pane .type .g2 .cici .bt h4{ margin:10px 0 5px; line-height: 16px; } #allmap p{line-height:10px;margin:10px;white-space:nowrap;} .page{margin:0px 0px 15px 0;} .page a{display:inline-block;height:25px;line-height:25px;border:1px solid #dddddd;padding: 0 5px;background: #dddddd} .page a:hover{background:#F00000;color:#fff;border:none;height:25px;line-height:25px;} .current {padding:0 10px;height:25px;line-height:25px;background:#F00000;color:#fff;display: inline-block;} /*工艺流程*/ .gylc_com{ padding: 50px 0; } .gylc_com .rob{ margin-bottom: 15px; cursor: pointer; } .gylc_com .rob .cici, .gylc_com .rob .text{ width: 50%; } .gylc_com .rob .cici{ height: 400px; } .gylc_com .rob .cici video{ width: 100%; height: 400px; object-fit: cover; } .gylc_com .rob .text{ padding: 0px 45px 0px; background: #F8F8F8; display: flex; align-items: center; } .gylc_com .rob .text .title h3{ font-size: 24px; font-weight: bold; } .gylc_com .rob .text .title p{ font-size: 14px; text-transform: uppercase; } .gylc_com .rob .text .title b{ float: right; font-size: 50px; margin-top: -60px; font-family: 'Impact'; } .gylc_com .rob .text .title{ margin-bottom: 25px; } .gylc_com .rob .text .content{ font-size: 15px; line-height: 26px; } .gylc_com .rob:hover img{ transform: scale(1.05); } /*6163银河*/ .fw .inner{ width: 285px; background: #F6F6F6; text-align: center; } .fw .inner .img{ height: 210px; position: relative; } .fw .inner .img .cover{ width: 60px; height: 60px; background-color: #0052B3; background-position: center; background-repeat: no-repeat; border:5px solid #fff; border-radius: 50%; left: 50%; bottom:-35px; margin-left: -35px; z-index: 20; position: absolute; } .fw .inner .c{ padding: 50px 20px; position: relative; z-index: 10; } .fw .inner .c h3{ font-size: 20px; } .fw .inner .c span{ display: inline-block; width: 40px; border:1px solid #0052B3; margin:10px 0; } .fw .inner:hover img{ transform: scale(1.05); } /*我们的服务*/ .ff{ background: url(../images/ff.jpg) no-repeat center; background-size: cover; color: #fff; padding-bottom: 50px; } .ff .title h1{ font-size: 30px; padding-top: 50px; } .ff .title h5{ font-size: 18px; margin-bottom: 40px; margin-top: 0px; } .ff .inner{ width: 50%; border:1px solid rgba(255,255,255,.3); padding: 30px 25px; } .ff .inner h3{ font-size: 24px; margin-bottom: 10px; } .ff .inner .content{ line-height: 26px; font-size: 15px; } /*案例内页*/ .caseinin ul li{width: 389px;height: 268px;overflow: hidden;margin: 0 10px 10px 0;position: relative;} .caseinin ul li img{width: 100%;height: 100%;object-fit:cover;} .caseinin ul li .cover-box{border: 4px solid #ccc;box-sizing:border-box; -webkit-transition: 0.5s all; position: absolute; width: 100%;height: 100%;background: rgba(26,144,211,.8);opacity: 0;top: 0px;left: 0px;} .caseinin ul li .cover-box p{-webkit-transition: 0.5s all;padding: 0 15px; font-size: 17px;text-align: center;margin-top: 48px;opacity: 0;} .caseinin ul li .cover-box span{-webkit-transition: 0.5s all; display: block;width: 60px;height: 0px; border: 2px solid #fff;margin: 29px auto;opacity: 0;} .caseinin ul li:hover .cover-box{opacity: 1} .caseinin ul li:hover p{color: #fff;margin-top: 108px;opacity: 1} .caseinin ul li:hover .cover-box span{margin: 9px auto;opacity: 1} /***************global*****************/ .contact{width:480px;} .contact h1{font-size:24px;padding:68px 0 22px 0;color:#333333;font-weight:bold;} .lx-xq{width: 50%} .lx-xq p{line-height:28px;font-size:16px;color:#555555;} .lx-xq p b{font-size: 24px;color: #0D40CA} .lx-xq p a:hover{color: #0D40CA} .wx-img{width:108px;height:108px;margin-right:9px;} .weixin{padding-top:28px;} .lx_ewm{width:100%;clear:both;height:140px;margin-top:28px;} .lx_ewm_l{width:138px;height:138px;float:left;border:solid 1px #dcdcdc;} .lx_ewm_l img{width:138px;height:138px;} .lx_ewm_r{width:180px;float:left;margin-left:18px;color:#868686;font-size:16px;margin-top:7%;} .pro-type{width:100%;overflow:hidden;margin-bottom:20px;} .pro-type li{float:left;margin:0 6px 18px 6px;} .pro-type li a{display:block;padding:0 18px;line-height:40px;border-radius:40px;border:1px solid #dcdcdc;} .pro-type li a:hover{border:1px solid #F00000;color:#F00000;} /*.pro li{float:left;width:284px;height:246px;text-align:center;overflow:hidden;margin:0 7px 24px 7px;} .pro li a{display:block;width:282px;height:244px;border:1px solid #dcdcdc;} .pro li img{width:256px;height:188px;margin:0 auto;padding-top:13px;} .pro li span{display:block;width:100%;height:43px;line-height:43px;} .pro li a:hover{border:1px solid #F00000;color:#F00000;} */ .inforight{padding: 0px;float: right;width: 440px;margin-bottom: 20px;} .info-title {font-size: 22px;border-bottom: 1px solid #C9C9C9;line-height: 45px;margin-bottom: 20px;} .info-desc{line-height: 25px;color: #A0A0A0;margin-bottom: 10px;} .info-desc strong{color: #F00000} .infocot{padding-top: 25px;border-top: 1px solid #C9C9C9;margin-top: 20px;float: left;width: 100%;} .infocot [class^="infot"]{margin-top: 20px; padding: 10px 40px;background: #F00000;color: #fff;width: 70px; text-align: center;margin-right: 20px; } .infocot [class^="infot"]:hover{background: #29349A} .infocot [class^="infot"] img{float: left;margin-right: 5px;} .infot1 img{margin-top: 3px;} .info .bubi{margin: 0px;float: left;width: 210px;height: 100%;} .bubi select{width: 190px;height: 39px;background: none;border: 1px solid #C9C9C9; appearance: none;text-indent: 5px;font-size: 12px;border-radius: 30px; -webkit-appearance: none; -moz-appearance: none; } .infocot a{cursor: pointer;} .info .bbb{background: url(../images/ccc_03.jpg)no-repeat center;top: 15px;} .pro_name{display:block;color:#FE8100;text-align:center;font-size: 20px;font-weight: bold;margin: 30px 0 30px 0;} .info_title{margin:30px 0 0 0px;height:30px;background:#ccc;} .info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#F00000;color:#fff;line-height:30px;} .info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;} .proshow1 ul{margin: 35px auto;width: 720px;} .proshow1 ul li{transition:all 0.5s ease-in-out; display: inline-block;margin: 0 8px; height: 45px;width: 160px;background: #DBDBDB;text-align: center;line-height: 45px;overflow: hidden;} .proshow1 ul li:hover{background: #F00000;color: #fff;} /*案例内页*/ .showcase{width: 280px;margin-right: 25px;float: left;margin-bottom: 30px;} .showcase img{width: 280px;max-height: 220px;} .showcase:hover p{color: #F00000} .showcase:nth-child(4){margin-right: 0px;} .showcase:nth-child(8){margin-right: 0px;} .showcase:nth-child(12){margin-right: 0px;} .showcase p{line-height: 30px;text-align: center;} /********goods_info&jobs_info*******/ /*************index&goods**************/ .example {width: 366px;height: 360px;text-align: center;} .pro_info{width:100%;margin:10px auto 27px auto;width:1200px;} .pro_info_l{width:400px;position:relative;float:left;margin-left: 40px;} .pro_info_r{width:466px;padding-top:6px;float:left;margin-left:40px;} .pro_info_r span{line-height:32px;text-align:left;display:block;} .infoimg{width: 500px;text-align: center;} .pro_more{width:172px;height:47px;margin-top:68px;} .pro_more a{display:block;width:172px;height:48px;background:#aaa;color:#fff;text-align:center;line-height:48px;border-radius:8px;} .pro_more a:hover{background:#F00000;} /*.pro_info .rel_center{margin:22px 0 16px;margin-left:-300px;width:600px;} .pro_name{display:block;color:#F00000;text-align:center;font-size:16px;}*/ .cup .product-box{margin-top: 0px;} .info_title{margin:30px 0 28px 0;width:100%;height:30px;background:#ececec;} .info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#F00000;color:#fff;line-height:30px;} .pro-link{border-bottom: 1px solid #A9A9A9;height: 31px;} .pro-link div{padding: 5px 20px;border: 1px solid #A9A9A9;float: left;border-bottom: none;margin-right: 3px;} .pro-link div:first-child{background: #0D3FC9;color: #fff;} .pro-link div:hover{background: #0D3FC9;color: #fff;} .pro-tt{margin-top: 40px;text-align: center;} .pro-tt h3{text-transform: uppercase;font-size: 24px;color: #948D86;} .pro-tt h1{font-size: 42px;} .pro-tt h4{font-size: 14px;color: #948D86;} .pro-tt span{display: block;width: 28px;border: 1px solid #F84F00;margin: 0 auto;} .biggoods{margin: 35px auto;text-align: center;} .maomao h1{font-size: 24px;font-weight: bold;margin-bottom: 15px;} .biaoti{height: 38px;color: #fff;background: #0D3FC9;margin: 15px 0;} .biaoti span{display: inline-block;height: 38px;line-height: 38px;padding: 0 20px;background: #FDAC00;font-size: 16px;} /********goods_info&jobs_info*******/ .xiangguan h3{width:100%;height:60px;line-height:60px;font-size:18px;border-bottom:1px solid #eee;margin-bottom:24px;overflow:hidden;} .xiangguan h3 a{font-size:14px;color:#666;float:right;padding-top:8px;} .xiangguan h3 a:hover{color:#F00000;} /****************************************************************新闻中心**********************************/ .mt30{margin-top: 30px;} .f24{font-size: 24px;text-align: center;} .c3{margin-bottom: 30px;} .news-list-pc{margin: 35px 0;} .news-list-pc ul{display: flex;flex-wrap:wrap;justify-content:left;} .news-list-pc li{ width: 31.5%;float: left;margin-right: 2.75%;list-style: none;transition:all 0.5s ease-in-out;} .news-list-pc li:nth-child(3n){margin-right: 0;} .news-list-pc li:nth-child(n+4){margin-top: 30px} .news-list-pc li img{height: 100%;transition:all 0.5s ease-in-out;width: 100%;object-fit:cover;} .news-list-pc li a{display: block;width: 100%;} .news-list-pc li a .i{text-align: center; background: #fff; overflow: hidden; width: 100%;height:200px;box-sizing: border-box;border: 1px solid #ddd;position: relative;} .news-list-pc li a .t{width: 100%;padding: 15px 0% 5px 0;} .news-list-pc li a .t .time span{display: inline-block;font-family: bbb;font-size: 16px;color: rgba(0,0,0,0.7);transition:all 0.5s ease-in-out;} .news-list-pc li a .t .time span:nth-child(2){transform: scale(1.5,1);-webkit-transform: scale(1.5,1);margin: 0 5px} .news-list-pc li a .t .title{transition:all 0.5s ease-in-out; font-size: 16px;color: rgba(0,0,0,0.8);padding: 10px 0 15px 0;} .news-line{transition:all 0.5s ease-in-out; width: 100%;height: 1px;position: relative;overflow: hidden} .news-line-a{transition:all 0.5s ease-in-out; width: 100%;height: 1px;position: absolute;left: 0;top: 0;z-index: 1;background: rgba(0,0,0,0.1)} .news-line-b{transition:all 0.5s ease-in-out; width: 100%;height: 1px;position: absolute;left: -100%;top: 0;z-index: 2;background: #0D3EC6 ;opacity: 0} .news-list-pc li a .desc{font-size: 14px;line-height: 1.6;color: rgba(0,0,0,0.6);margin-top: 12px} .news-list-pc li a:hover .t .news-line-b{transform: translateX(100%);-webkit-transform: translateX(100%);opacity: 1} .news-list-pc li a:hover .t .news-line{transform: translateX(10px);-webkit-transform: translateX(10px);opacity: 1} .news-list-pc li a:hover .t .title{color: #0D3EC6 ;transform: translateX(10px)} .news-list-pc li a:hover .t .time span:nth-child(n+2){color: #0D3EC6 } .news-list-pc li a:hover .i img{transform: scale(1.08);-webkit-transform: scale(1.08)} .news_title{text-align: center;font-size: 24px;color: #0051B3;margin-top: 50px;} /*内页*/ .news-ny .content{color: #333;} .news-ny .content img{max-width: 100%} .news-ny .content p:nth-child(n+2){margin: 13px 0;line-height: 1.6} .news-ny .content table{width: 100%;text-indent: 10px} .news-ny .content table td{border-color: #ddd} /*相关*/ .news-other li{width: 530px;float: left;margin-right: 20px;border-bottom: 1px dashed #eee;margin-bottom: 20px;padding-bottom: 15px} .news-other li:nth-child(2n){margin-right: 0;float: right;} .news-other li a{display: block;width: 100%;} .news-other li a .t1{color: #333;border-left: 2px solid #0D40C9; text-indent: 9px; height: 21px;line-height: 21px;background-size: 3px 18px} .news-other li a .t2{color: #666;margin-top: 10px;line-height: 1.6} .news-other li a:hover .t1{color: #0D40C9;} .meta{color:#999;text-align:center;line-height:28px;margin-bottom: 25px;} .meta img{padding:6px 0 12px 0;width:600px;} /***********news_info**************/ .hon li{float:left;width:280px;text-align:center;overflow:hidden;margin:0 10px 20px 10px;} .hon li img{width:280px;height:210px;} .hon li span{display:block;width:100%;height:48px;line-height:48px;} .hon li a:hover{color:#F00000;font-weight:bold;} .case li{float:left;width:380px;height:318px;text-align:center;overflow:hidden;margin:0 10px 24px 10px;} .case li a{display:block;width:378px;height:316px;border:1px solid #dcdcdc;background:#fff;} .case li img{width:344px;height:252px;margin:0 auto;padding-top:18px;} .case li span{display:block;width:100%;height:46px;line-height:46px;} .case li a:hover{border:1px solid #F00000;color:#F00000;} .order{margin:40px 0 120px 46px;line-height:40px;} .order img{vertical-align:-5px;cursor:pointer;} .order input{padding:0 3px;} .order textarea{padding: 3px;} /**************order&message********/ .maptitle{font-size: 24px;margin-bottom: 10px;color: #0D3FC9;font-weight: bold;} /*工程案例*/ #case{padding: 0px;} #case ul li{ width: 297px;height: 238px;margin-right: 14px;margin-bottom: 20px; } #case ul li img{width: 100%;max-height: 196px;} #case ul li div{ width: 100%;height: 196px; } #case ul li p{line-height: 39px;text-align: center;} #case ul a:nth-child(3n) li{margin-right: 0px;} /*sitemap*/ .mesmore{margin-top:5px;} .mesmore:hover{color:#F00000;text-decoration:underline;} .sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;} .m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;} .m2{ margin-left:20px; margin-top:20px; line-height:25px;} .m2 span{ font-size:14px; font-weight:bold;} .m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;} .m2t ul{} .m2t ul li{ list-style-type:none; float:left; width:150px;} .m2t ul li a:hover{ color:red} .f{ float:right; margin-right:10px; _margin-top:7px;} /*上一页_下一页*/ #prev_next{margin: 40px 0px 10px 0;clear: both;overflow: hidden;} #prev_next li{margin: 5px 0;} #prev_next a:hover{color: #0D3FC8} /*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;} .map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;} .map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;} .map li{float:left;margin:0 5px;}*/ .contad{text-align: center;} .contad h1{font-size: 30px;margin: 40px 0 20px 0;} .contad h3{font-weight: bold;} .contad ul li{padding: 0 85px;margin: 50px 0;border-right: 1px solid #DCDCDC;} .contad ul li:last-child{border:none;} .contad ul li h2{font-size: 16px;font-weight: bold;margin: 10px 0;} .contad ul li p{line-height: 21px;margin-bottom: 0px;font-size: 16px;} .contad ul li a:hover{color: #2F4EA8} /*产品详情*/ .o_product{ clear: both; padding: 18px 22px; } .o_product .o_product_img{ float: left; width: 240px; } .o_product .o_product_img .o_product_thumb{ height: 240px; width: 240px; display: table-cell; text-align: center; vertical-align: middle; } .o_product .product_small{ margin-top:10px; height: 55px; position: relative; } .o_product .product_small .arrow-left{ width: 10px; height: 20px; display: block; background: url(../Image/swiper-l.png) no-repeat; position: absolute; left: -15px; top: 16px; transition: all 0.5s; } .o_product .product_small .arrow-right{ width: 10px; height: 20px; display: block; background: url(../Image/swiper-r.png) no-repeat; position: absolute; right: -12px; top: 16px; transition: all 0.5s; } .o_product .product_small ul{ padding: 0px; margin: 0px; overflow: hidden; } .o_product .product_small ul li{ float: left; height: 50px; width: 50px; margin: 0px; display: table-cell; text-align: center; vertical-align: middle; } .o_product .product_small ul li.select img{ border: 1px solid #C4C4C4; } .o_product .product_small ul li img{ height: 50px; width: 50px; display: inline-block; box-sizing: border-box; } .o_product .o_product_img .o_product_thumb img{ max-height:240px; width: 240px; display: inline-block; vertical-align: middle; } .o_product .o_product_info{ float: right; width: 415px; } .o_product .o_product_info h2{ color: #3f3f3f; font-size: 16px; line-height: 25px; font-weight: 600; } .o_product .o_product_info .o_product_detail{ background: #F6F6F6; font-size: 14px; color: #999; padding: 15px 10px; margin-top: 10px; } .o_product .o_product_info .o_product_detail .o_product_data{ clear: both; width: 100%; } .o_product .o_product_info .o_product_detail .o_product_data:after,.o_product:after{ display: block; content: ''; clear: both; height: 0; width: 0; } .o_product_data span{ display: inline-block; float: left; line-height: 22px; } .o_product_data span.key{ width: 56px; text-align: right; } .o_product_data span.val{ width: 339px; } .colhs{ color: #FE4200; } .o_product_data span.val b{ color:#FE4200; font-size: 16px; } .o_product_info .go_order{ padding: 8px 25px; color: #fff; font-size: 16px; border-radius: 5px; background: #ff5e25; border: none; margin-top: 50px; outline: none; } .o_product_info .go_order:hover{ background: #FE4200; } .order-content{ padding: 20px 30px; background: #fff; } .order-content .order-line{ color: #333; height: 30px; line-height: 30px; margin-bottom: 12px; font-size: 14px; } .order-content .order-line:after{ /*display: block;*/ content: ''; clear: both; height: 0; width: 0; } .order-content .order-line lable{ width: 70px; margin-right: 5px; display: inline-block; float: left; text-align: right; } .order-content .order-line .order-zhi{ float: left; padding: 10px; line-height: 30px; padding: 0px 10px; width: 380px; border: 1px solid #d2d2d2; } .order-content .order-line .order-zhi.noborder{ border:none; } .order-content .order-line .order-zhi.overword{ height: 30px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .order-line.bz-line{ height: auto; } .order-content .order-line .beizhu{ padding: 10px; float: left; border: 1px solid #d2d2d2; } .order-content .order-line .dwid{ width: 375px; } .order-content .order-line img{ display: inline-block; float: left; margin-left:15px; } .order-content .go-sub{ margin-left:70px; border: none; color: #fff; background: #ff5e25; font-size: 14px; padding: 8px 28px; margin-top:8px; border-radius: 5px; outline: none; } .order-content .go-sub:hover { background: #FE4200; } #koo{width: 100px;} .yinong{margin: 50px auto;} .prorow li{width: 392px;height: 442px;overflow: hidden; margin-right: 10px;position: relative;margin-bottom: 20px;} .prorow li:nth-child(3n){margin-right: 0px;} .soup{height: 395px;width: 100%;overflow: hidden;} .yinong ul li img{width: 100%;height: 100%;object-fit:cover;} .prorow .proname{text-align: center;height: 47px;line-height: 47px;font-size: 18px;} .proabs{-webkit-transition: 0.5s all; opacity: 0;bottom: -50px; width: 100%;height: 160px; padding: 40px 0;background: #304EA9;position: absolute;left: 0;box-sizing:border-box;} .proabs h2{font-size: 20px;color: #fff;text-align: center;} .prom{width: 220px;height: 40px;background: #fff;margin: 20px auto;} .prom1{width: 110px;height: 40px;font-size: 14px;line-height: 40px;float: left;text-align: center;} .prom a:first-child .prom1{background: #00B2EB;color: #fff;} .yinong ul li:hover .proabs{opacity: 1;bottom: 0px;} .pro-content img{margin: 0 auto;display: block;} /*在线沟通*/ /*悬浮链接*/ .suspension{position:fixed;z-index:999;right:0;bottom:85px;width:70px;height:240px;} .suspension-box{position:relative;float:right;} .suspension .a{display:block;width:44px;height:44px;background-color:#29349A;margin-bottom:4px;cursor:pointer;outline:none;} .suspension .a.active, .suspension .a:hover{background:#F05352;} .suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;} /* .suspension .a-service .i{background-position:0 0;} */ .suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;} .suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;} .suspension .a-qrcode .i{background-position:-44px 0;} .suspension .a-cart .i{background-position:-88px 0;} .suspension .a-top .i{background-position:-132px 0;} .suspension .a-top{background:#D2D3D6;display:none;} .suspension .a-top:hover{background:#c0c1c3;} .suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);} .suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:78px;} .suspension .d .inner-box{padding:8px 22px 12px;} .suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;} .suspension .d-service .d-service-item{border-bottom:none;} .suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;} .suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;} .suspension .d-service-item:hover .i-qq{background-position:center 3px;} .suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;} .suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;} .suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;} .suspension .d-service-intro{padding-top:10px;} .suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;} .suspension .d-service-intro i{height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;} .suspension .d-qrcode{text-align:center;} .suspension .d-qrcode .inner-box{padding:20px 0;} .suspension .d-qrcode p{font-size:16px;color:#93959c;} .suspension .d-qrcode .inner-box img{width: 120px;height: 120px;} /*在线订购*/ .contact-liuyan{ padding-bottom: 40px; } .contact-liuyan .form-right{ display: flex; flex-direction: row; flex-wrap: wrap; width: 50%; } .contact-liuyan .inputbox{ display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; position: relative; } .contact-liuyan input[type=text]{ width: 48.5%; line-height: 45px; border:1px solid #eee; padding-left: 15px; outline: none; background: #F1F1F1; font-size:14px; color:#333; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; margin-bottom: 8px; } .message.ser .contact-liuyan input[type=text]{ width: 33%; } .contact-liuyan input:focus{ border:1px solid #da0000; } .contact-liuyan input[type=text]::placeholder{ font-size:14px; color:#999; } .contact-liuyan input[name=captcha]{ width: 40%; margin-right: 15px; } .contact-liuyan .verify{ height: 45px; width: 20%; } .contact-liuyan .verify img{ height: 100%; } .contact-liuyan textarea{ width:100%; height: 155px; border:1px solid #eee; background: #F1F1F1; padding:15px; outline: none; resize: none; font-size:14px; color:#333; margin-bottom: 8px; font-family: "Microsoft Yahei"; } .contact-liuyan textarea::placeholder{ font-size:14px; color:#999; } .contact-liuyan textarea:focus{ border:1px solid #da0000; } .contact-liuyan .btn{ padding: 12px 145px; background: #0052B3; border:none; color: #fff; cursor: pointer; }