/*全局样式*/ @charset "utf-8"; html { overflow-x: hidden; } body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea, select {margin: 0;padding: 0} body {font: 14px "微软雅黑", "Arial Narrow", HELVETICA;color: #000;-webkit-text-size-adjust: 100%;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;} input:required, textarea:required {outline: 0 none;-webkit-box-shadow: none;-moz-box-shadow: none;-ms-box-shadow: none; -o-box-shadow: none; box-shadow: none;-webkit-appearance: none !important;} *{margin:0; padding:0;} a {text-decoration: none !important;cursor: pointer !important;color: #000;} a:focus {outline: none !important;} ul,li,dl,dt,dd{list-style-type:none;} i{font-style:normal} ul {margin: 0;} li {list-style: none;} img{max-width:100%;} .container-fluid {max-width: 1230px !important;} .tr5 {transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s;} .tr2 {transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;} .overflow { overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-height: initial} .bjcover{background-position: 50% 50%; background-size: cover;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;} .vertical_centerbox{display: table;table-layout:fixed;height: 100%;} .vertical_center{display: table-cell;vertical-align: middle;} header .top{border-bottom:1px solid #d1d6d7;} header .top .tt1{line-height: 39px;color: #475a60;font-size: 14px;} header .top .tt2{line-height: 39px;color: #475a60;font-size: 14px;padding-left: 28px;background: url("../images/tu1.png") no-repeat left center;} header .top .tt2 span{line-height: 39px;color: #1b57b4;font-family: 'Arial';font-weight: bold;} header .top ul{font-size:0;margin-right: 20px;} header .top ul li{position: relative;display: inline-block;vertical-align: top;} header .top ul li a{line-height: 39px;color: #475a60;font-size: 14px;padding-left: 30px;display: block;position: relative;z-index: 2;} header .top ul li:nth-child(n+2)::after{content:"";width:1px;height: 10px;background: #888888;position: absolute;left:15px;top:0;bottom:0;margin: auto 0;} header .top ul li a:hover{text-decoration: underline !important;} header .logo{line-height: 112px;height: 112px;font-size: 0;} header .logo img{position: relative;top:-2px;} header .form{width: 322px;margin-top:38px; } header .form form input{width:calc(100% - 54px);float: left;background: #ffffff;line-height: 32px;border: 2px solid #1b57b4;padding: 0 14px;} header .form form button{width:54px;float: left;line-height: 36px;background: #1b57b4 url("../images/tu2.png") no-repeat center center;height: 36px;border: 0;} header .form form button:hover{background-color: #174da1;} /*pc导航*/ header{position: relative;z-index: 111;background: #f4f4f4;padding-bottom: 30px;} header nav{z-index: 2;position: absolute;left: 0;right: 0;bottom: -30px;} header nav .nav{border: 3px solid rgba(27,81,180,.3);} header nav .ul{font-size: 0;margin:0;background: #1b57b4;} header nav .ul > li{position: relative;float:left;text-align: center;width: 14.28%;} header nav .ul > li:nth-child(n + 2):after{content:'';width: 1px;height: 22px;background:rgba(255,255,255,.2);position: absolute;left: 0;bottom:0;top: 1px;margin:auto 0;} header nav .ul > li > a{position: relative; line-height:54px; display:block; color: #fff;font-size: 16px;} header nav .ul > li > ul {display:none;position:absolute;left: 0;top: 100%;width: 100%;z-index: 100;} header nav .ul > li > ul > li{position: relative;font-size: 13px;background:#f39835;line-height:20px;border-top: 1px solid rgba(255,255,255,0.4);} header nav .ul > li > ul > li > a{color: #fff;display: block;width: 100%;padding:10px 6px;} header nav .ul > li:hover > ul{display:block;} header nav .ul > li > ul > li:hover > ul{display: block;} header nav .ul > li:hover{background-color:#f39835;} header nav .ul > li.active{background-color:#f39835;} header nav .ul > li > ul > li:hover{background-color:#1b57b4;} /*移动导航*/ header .sjdnav {display: none;width: 140px;height: auto;position: absolute;right: 0;top:100%; z-index: 2000;} header .sjdnav ul {padding: 0; margin: 0;} header .sjdnav li {display: block;padding: 0;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);background: rgba(0,0,0,0.7);} header .sjdnav li:hover{background: #1b57b4;} header .sjdnav li:last-child { border: none;} header .sjdnav li a {display: block;color: #fff;line-height:38px;font-size: 14px;} header .lanmu{width: 30px;font-size: 0;height: 21px;position: absolute;right: 15px;bottom:44px;cursor: pointer;z-index: 2;} header .lanmu i{display: inline-block;width: 100%;height: 3px;background: #1b57b4;border-radius: 3px;transition: all 0.6s;} header .lanmu i:nth-child(2), .lanmu i:nth-child(3){width: 40%;margin:6px 0;} header .lanmu i:nth-child(2){margin-right: 10%;} header .lanmu i:nth-child(3){margin-left: 10%;} header .lanmu.active i:nth-child(1) {transform: rotate(45deg) translateY(4px) translateX(5px);} header .lanmu.active i:nth-child(4){transform: rotate(-45deg) translateY(-8px) translateX(8px);} header .lanmu.active i:nth-child(2){transform: translateX(-30px);opacity: 0;} header .lanmu.active i:nth-child(3){transform: translateX(30px);opacity: 0;} /*banner*/ .banner{position: relative;z-index: 1;} .banner .bjcover{padding-top:35.51%;} .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#f39835;} /*头部公用*/ .main66{padding: 66px 0 70px 0;} .title{font-size: 0;text-align: center;padding-bottom:36px;overflow: hidden;} .title .div1{display:block;font-size: 30px;color: #000;font-weight: bold;} .title .div1 b{color: #1b57b4;} .title .div2:after{content:"";width:70px;height: 1px;background: #d8d8d8;position: absolute;left: 100%;top:0;bottom:0;margin: auto 0;} .title .div2:before{content:"";width:70px;height: 1px;background: #d8d8d8;position: absolute;right: 100%;top:0;bottom:0;margin: auto 0;} .title .div2{font-size: 12px;color: #999;text-transform: uppercase;display: inline-block;position: relative;padding:6px 20px;font-family: 'Arial';} .title.titlebs .div1{color: #fff;} .title.titlebs .div1 b{color: #f39835;} .title.titlebs .div2{color: #fff;} .title.titlebs .div2:after{background-color: #fff;} .title.titlebs .div2:before{background-color: #fff;} /*产品*/ .main2 .list{display:block;box-shadow: 0 0 2px rgba(0,0,0,.08);padding: 5px;background: #fff;border-radius: 4px;} .main2 .list .imgbox{padding: 5px;border: 1px solid #f0f0f0;} .main2 .list .imgbox .bjcover{padding-top:66%;} .main2 .list .tt{border: 1px solid #f0f0f0;padding: 20px 10px;} .main2 .list .tt1{font-size: 20px;color: #333333;font-weight: bold;text-align: center;line-height: 22px;} .main2 .list .tt2{font-size: 10px;color: #333333;font-family: 'Arial';text-align: center;line-height: 12px;margin-top: 8px;} .main2 .list .tt3{border: 1px solid #f0f0f0;font-size: 12px;color: #333333;font-family: 'Arial';text-transform: uppercase;text-align: center;line-height: 56px;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;} .main2 .list:hover .tt1{color: #1b57b4;} .main2 .list:hover .tt2{color: rgba(27,87,180,.66);} .main2 .list:hover .tt3{background-color: #1b57b4;color: #fff;border-color: #1b57b4;} /*条幅*/ .main3{padding-top: 14.37%;min-height: 220px;} /*案例*/ .title1{font-size: 0;text-align: center;margin-bottom:44px;margin-top: -10px;} .title1 a{font-size: 14px;display: inline-block;text-align: center;min-width: 120px;line-height: 42px;margin: 1px;background: #1b57b4;color: #fff;border-radius: 6px;} .title1 a:hover{background-color: #f39835;} .title1 a.active{background-color: #f39835;} .gd{display:block;width: 160px;line-height: 46px;text-align: center;background: #1b57b4;color: #fff;font-size: 16px;margin:40px auto 0;border-radius: 6px;} .gd:hover{background-color: #f39835;color: #fff;} .main4{background: #f4f4f4;} .main4 .box{margin-top:-10px;max-width: 1250px !important;} .main4 .list{display: block;border: 1px solid #e5e5e5;background: #fff;margin: 10px;box-shadow: 0 0 6px rgba(0,0,0,.03)} .main4 .list .imgbox{padding: 12px;} .main4 .list .imgbox .img{border: 1px solid #e5e5e5;position: relative;padding-top: 82.5%;} .main4 .list .imgbox .img img{position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-width: 88%;max-height: 88%;} .main4 .list .tt{border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;padding: 20px ;} .main4 .list .tt1{font-size: 16px;color: #000;line-height: 18px;} .main4 .list .tt2{font-size: 12px;color: #000;text-transform: uppercase;line-height: 14px;margin-top: 8px;font-weight:700;} .main4 .list .tt3{font-size: 12px;color: #333333;font-family: 'Arial';text-transform: uppercase;line-height: 56px;padding: 0 20px;position: relative;} .main4 .list .tt3:after{content:"";width: 7px;height: 13px;background: url("../images/tu3.png") no-repeat;position: absolute;right: 30px;top:0;bottom: 0;margin: auto 0;opacity: 1;} .main4 .list .tt3:before{content:"";width: 7px;height: 13px;background: url("../images/tu3-1.png") no-repeat;position: absolute;right: 30px;top:0;bottom: 0;margin: auto 0;opacity: 0;} .main4 .list:hover .tt3:after{opacity: 0;} .main4 .list:hover .tt3:before{opacity: 1;} .main4 .list:hover{border-color: #1b57b4;} .main4 .list:hover .tt1{color: #1b57b4;} .main4 .list:hover .tt2{color: rgba(27,87,180,.66);} .main4 .list:hover .tt3{background-color: #1b57b4;color: #fff;} .main5{position: relative;z-index: 3;overflow: hidden;} .main5:after{content: "";width: 100%;height:50%;background: #f4f4f4;position: absolute;left: 0;right: 0;top:0;z-index: 1;} .main5 .box1{background: rgba(255,255,255,.5);padding: 15px;z-index: 2;position: relative;} .main5 .box2{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.06)} .main5 .box2 .list{display: block;width: 25%;float: left;text-align: center;padding: 35px 10px;} .main5 .box2 .list:nth-child(n+2){border-left:1px solid #e5e5e5;} .main5 .box2 .list .tt1{font-size: 16px;color: #000;line-height: 52px;height: 52px;overflow: hidden;} .main5 .box2 .list .tt1 b{font-size: 46px;font-family: 'Arial';padding-right: 4px;} .main5 .box2 .list .tt2{font-size: 16px;color: #999999;line-height: 26px;position: relative;padding-top: 12px;margin-top: 10px;} .main5 .box2 .list .tt2:after{content: "";width:118px;height: 1px;background: #e5e5e5;position: absolute;left: 0;right: 0;top:0;z-index: 1;margin: 0 auto;} .main5 .box2 .list .tt2:before{content: "";width:22px;height: 1px;background: #000;position: absolute;left: 0;right: 0;top:0;z-index: 2;margin: 0 auto;} /*公司简介*/ .main6{position: relative;margin-top: -100px;z-index: 2;padding-top: 100px;} .main6 .zuo{width: 50%;float: left;padding-right: 40px;padding-top: 34px;} .main6 .you{width: 50%;float: left;height: 344px;border: 3px solid #fff;} .main6 .zuo .tt1{font-size: 24px;color: #fff;font-weight: bold;line-height: 36px;} .main6 .zuo .tt2{font-size: 13px;color: rgba(255,255,255,.3);text-transform: uppercase;line-height: 18px;padding: 2px 0;} .main6 .zuo .tt3{width: 52px;height: 3px;background: #fff;position: relative;margin-top: 18px;} .main6 .zuo .tt3:after{content:"";width: 100px;height: 1px;background: rgba(255,255,255,.3);position: absolute;left: 0;bottom: 0;} .main6 .zuo .tt4{color: #fff;line-height: 30px;height: 90px;overflow: hidden;margin-top:28px;} .main6 .zuo .tt5{color: #1b57b4;font-size: 16px;width: 150px;line-height: 44px;border: 2px solid #3d9dff;background: #fff;text-align: center;display: block;border-radius: 24px;margin-top: 30px;} .main6 .zuo .tt5:hover{color: #f39835;} .main7{background: #f4f4f4;} .main7 .lb7{overflow: inherit;max-width: 1380px;} .main7 .list{display:block;} .main7 .list .img{border: 6px solid #ae7d4e;box-shadow: 0 0 6px rgba(174,125,78,.1);padding-top: 134%;background-color: #fff;} .main7 .list .tt{font-size:15px;color: #000;text-align: center;line-height: 50px;display: none;padding: 0 10px;} .main7 .swiper-slide-active .list .tt{display: block;font-size: 17px;} .main7 .swiper-button-prev{width: 44px;height: 44px;background: url("../images/tu7.png") no-repeat;margin-top: -22px;left: -80px;} .main7 .swiper-button-next{width: 44px;height: 44px;background: url("../images/tu7.png") no-repeat;margin-top: -22px;right: -80px;transform:rotate(-180deg);} /*新闻*/ .main8{background: #f4f4f4;border-top: 1px solid #d8d8d8;} .main8 .container-fluid{max-width: 1250px;} .main8 .lb8{max-width: 1380px;overflow: inherit;margin-top: -10px;} .main8 .swiper-button-prev{width: 50px;height: 60px;background: #fff url("../images/tu8.png") no-repeat center center;margin-top: 0;border: 1px solid #e5e5e5;left: inherit;right: -80px;top:inherit;bottom:50px;transform:rotate(-180deg) } .main8 .swiper-button-next{width: 50px;height: 60px;background: #fff url("../images/tu8.png") no-repeat center center;margin-top: 0;border: 1px solid #e5e5e5;left: inherit;right: -80px;top:inherit;bottom:109px;} .main8 .swiper-button-disabled{opacity:0.3;} .main8 .list{background: #fff;border: 1px solid #e5e5e5;display: block;margin:7px;box-shadow: 0 0 5px rgba(0,0,0,.08);border-radius: 6px;overflow: hidden;} .main8 .list .img{position:relative;z-index: 6;padding-top: 84%;min-height: 220px;} .main8 .list .img1{z-index: 4;position: absolute;left: 0;right: 0;top:0;width:50%;opacity: 0;height: 100%;margin: 0 auto;transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s} .main8 .list .img1:after{content:"";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: rgba(0,0,0,.4);} .main8 .list .xg{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 5;right: 0;margin: 0 auto;} .main8 .list .xg1{position: absolute;;z-index: 2;left: 0;top:50%;transform:translateY(-50%);padding: 0 40px;right: 0;} .main8 .list .tt1{color: #999999;font-size: 12px;font-family: 'Arial';margin-bottom: 10px;} .main8 .list .tt1 b{font-size: 26px;padding-right: 10px;} .main8 .list .tt2{font-size: 18px;color: #000000;line-height: 44px;} .main8 .list .tt3{font-size: 14px;color: #999999;line-height: 24px;height: 48px;overflow: hidden;} .main8 .list .txt{width: calc(100% - 80px);margin: 0 auto;border-top: 1px solid #e5e5e5;line-height: 88px;color: #000;font-size: 15px;position: relative;} .main8 .list .txt:after{content:"";width: 0;height: 38px;background: url("../images/tu9.png") no-repeat;position: absolute;right: 38px;top:0;bottom:0;margin: auto 0;transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s} .main8 .list:hover .txt:after{width: 38px;right: 0;transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s} .main8 .list:hover .txt{color: #1b57b4;} footer{background: #0256ac;} footer .box1{padding-bottom:50px;padding-right: 100px;position: relative;} footer .ul{font-size: 0;padding:30px 0 40px 0;} footer .ul a{font-size:14px;color: #fff;line-height: 32px;padding-right: 32px;position: relative;display: inline-block;} footer .ul a:nth-last-child(1){padding: 0;} footer .ul a:hover{color: #f39835;} footer .zuo{width:55%;float: left;padding-right: 30px;} footer .you{width:45%;float: left;padding-left: 30px;} footer .top{font-size: 15px;color: #fff;font-weight: bold;position: relative;line-height: 18px;margin-bottom:22px;padding-left: 26px;} footer .top:after{content:"";width: 10px;height: 10px;background: url("../images/d1.png") no-repeat;position: absolute;left: 0;top:0;bottom:0;margin: auto 0;} footer .zuo .tt{position: relative;font-size: 0;} footer .zuo .tt1{position: relative;font-size: 13px;color: #fff;line-height: 22px;padding: 6px 26px;display: inline-block;min-width: calc(50% - 12px);} footer .zuo .tt1 img{position:absolute;left: 0;top:9px;display: block;max-width: 18px;} footer .zuo .tt1.tt2{margin-top:10px;margin-bottom: 10px;} footer .zuo .tt1.tt2:after{content: "";width: 100px;height: 1px;background: #fff;position: absolute;left: 26px;top:0;bottom:0;margin: auto 0;} footer .you .tt{font-size: 0;padding-right: 18%;} footer .you .tt a{display: block;font-size: 14px;color: #fff;line-height: 22px;padding: 6px 6px 6px 26px;} footer .you .tt a:hover{color: #f39835;} footer .box2{font-size: 13px;color: #7c7c7c;line-height: 24px;padding: 17px 0;background: #ffffff;} footer .box1 .topbox{position: absolute;right: 0;top:30px;width: 100px;background: #ffffff;} footer .box1 .topbox .tt1{background: #ffce37;font-size: 15px;color: #c3251c;text-transform: uppercase;text-align: center;line-height: 36px;position: relative;cursor: pointer;} footer .box1 .topbox .tt1:after{content: ""; width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 8px solid #ffce37;display: block;position: absolute;left: 0;top:-8px;right: 0;margin: 0 auto;} footer .box1 .topbox .ss{border: 4px solid #fff;min-height: 80px;} footer .box1 .topbox .ss img{width:100%;display: block;} .ny{padding:40px 0;min-height: 666px;} .ny .zuo{width: 266px;float: left;margin-right: 34px;background: #1b57b4;padding-bottom: 40px;} .ny .you{width: calc(100% - 300px);float: left;background: #fff;border: 1px solid #e0e0e0;padding:24px 34px;} .ny .zuo .top{background: #024285;line-height: 70px;color: #fff;text-align: center;font-size: 20px;font-weight: bold;} .ny .zuo .ul a{display:block;line-height: 60px;font-size: 16px;color: #fff;text-align: center;position: relative;} .ny .zuo .ul a:after{content: "";width: calc(100% - 80px);margin: 0 auto;position: absolute;left: 0;bottom:0;right: 0;background: rgba(255,255,255,.2);height: 1px;} .ny .zuo .ul a:hover{background: #f39835;color: #fff;} .ny .zuo .ul a.active{background: #f39835;color: #fff;} .ny .you .top{font-size: 24px;color: #000;font-weight: bold;line-height: 60px;position: relative;top:-24px;padding: 0 15px;} .ny .you .top:after{content: "";width: calc(100% + 70px);height: 1px;background: #e0e0e0;position: absolute;left: -35px;bottom:0;right: 0;} .ny .you .top:before{content: "";width: 20px;height: 100%;position: absolute;left: -35px;background: #1b57b4;} .ny .you .top b:before{content: "";width: 0; height: 0;border-top: 10px solid transparent;border-left:6px solid #1b57b4; border-bottom: 10px solid transparent;display: block;position: absolute;left:-15px;top:0;bottom:0;margin: auto 0;} /*内页案例*/ .nyanli{margin:0 -10px;} .nyanli .list{display:block;width:calc(33.33% - 20px);margin: 0 10px;margin-bottom: 20px;float: left} .nyanli .list .img .bjcover{padding-top:66%;} .nyanli .list .tt{padding: 14px 18px;border-top:1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} .nyanli .list .tt .tt1{color: #000000;font-size: 16px;line-height: 28px;} .nyanli .list .tt .tt2{color: #999999;font-size: 12px;line-height: 24px;} .nyanli .list .tt3{font-size: 12px;color: #333;font-family: 'Arial';text-transform: uppercase;line-height:50px;font-weight: bold;padding: 0 18px;position: relative;} .nyanli .list .tt3:after{content:"";width: 7px;height: 13px;background: url("../images/tu3.png") no-repeat;position: absolute;right: 18px;top:0;bottom:0;margin: auto 0;overflow: hidden;z-index: 1;} .nyanli .list .tt3:before{content:"";width: 0;height: 13px;background: url("../images/tu3-1.png") no-repeat;position: absolute;right: 25px;top:0;bottom:0;margin: auto 0;overflow: hidden;z-index: 2;} .nyanli .list:hover {border-color: #1b57b4;} .nyanli .list:hover .tt1{color: #1b57b4;} .nyanli .list:hover .tt3{background: #1b57b4;color: #fff;} .nyanli .list:hover .tt3:before{width: 7px;right: 18px;} /*详情页*/ .danye{color:#000000;font-size: 14px;line-height: 28px;} .danye .bt{color: #1b57b4;font-size: 22px;text-align: center;margin-bottom: 16px;} .danye .rq{color: #555555;font-size: 14px;text-align: center;line-height: 20px;display: block;margin-bottom: 12px;border-top: 1px dashed #d8d8d8;padding-top: 10px;margin-top: -5px;} .danye .img{margin:0 auto 15px auto;display: block;} .danye .img img{display: block;margin: 0 auto;} .danye .ditu{height:400px;position: relative;margin:20px auto;} .nyxw .list{display:block;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;} .nyxw .list .img{width:250px;float: left;} .nyxw .list .img .bjcover{height: 210px;} .nyxw .list .tt{width:calc(100% - 250px);float: left;padding-left: 24px;margin: 30px 0;} .nyxw .list .tt1{font-size: 18px;color: #000000;font-weight: bold;} .nyxw .list .tt2{font-size: 12px;color: #999999;font-family: 'Arial';line-height:32px;} .nyxw .list .tt3{font-size: 14px;color: #000000;line-height: 24px;height: 48px;overflow: hidden;margin:10px 0 20px 0;} .nyxw .list .tt4{font-size: 12px;color: #000;font-family: 'Arial';text-transform: uppercase;} .nyxw .list:hover .tt1{color: #1b57b4} .nyxw .list:hover .tt4{color: #1b57b4} .nyxw .list:hover .tt4:hover{text-decoration: underline !important} /*transition: all 0.3s;*/ /*1b57b4*/ /*f39835*/ /*媒体查询开始*/ @media (min-width:1199px){ .nyxw .list:hover .bjcover, .nyanli .list:hover .bjcover, .main2 .list:hover .img .bjcover {transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);-webkit-transform:scale(1.08);cursor:pointer;} .main8 .list:hover .img1{opacity: 1;width: 100%;transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;-webkit-transition: all 0.5s} .main8 .list:hover .tt1{color:#fff;} .main8 .list:hover .tt2{color:#fff;} .main8 .list:hover .tt3{color:rgba(255,255,255,.66);} } @media (max-width:1199px){ .main2 .list .tt1{font-size:18px;} .main4 .lb8{margin-top:0;} .main4 .list{margin:0;box-shadow: 0 0 0;} .main8 .list{margin:0;box-shadow: 0 0 0;} .main8 .lb8{margin-top:0;} .nyanli .list{width:calc(50% - 20px);} } @media (max-width:991px) { header{padding:0;} .main66{padding: 46px 0 50px 0;} .title{padding-bottom:30px;} .main3{min-height: 168px;} .main5 .box2 .list .tt1 b{font-size:36px;} .main5 .box2 .list .tt2{font-size:14px;} .main5 .box2 .list{padding:20px 10px;} .main5 .box2 .list .tt2{padding-top:8px;margin-top: 4px;} .main6{margin-top:-80px;padding-top: 80px;} .main6 .zuo{padding-right:30px;} .main7 .list .tt{display: block !important;font-size: 14px !important;} footer{margin-bottom:50px;} footer .box1{padding-right: 0;} footer .box1 .topbox{display:none;} footer .you .tt a{display: block;margin-right: 0;} footer .zuo .tt1{display: block;margin-right: 0;} footer .zuo .tt1.tt2{display: none;} .ny{min-height: inherit;padding: 30px 0;} .ny .zuo{width:100%;float: none;margin: 0;padding: 0;margin-bottom: 20px;} .ny .you{width:100%;float: none;padding: 0;background: fixed;border: 0;} .ny .you .top{display:none;} .ny .zuo .top{line-height:60px;font-size: 18px;} .ny .zuo .ul a{line-height: 40px;font-size: 15px;} .ny .zuo .ul a:after{top:0;bottom:inherit;} .ny .zuo .ul a:first-of-type:after{display: none;} .nyanli .list{width:calc(33.33% - 20px);} } @media (max-width:767px) { header .logo{height:84px;line-height:84px;max-width: calc(100% - 50px);} /*大图轮播*/ .banner .bjcover{padding-top:50%;} header .lanmu{bottom:25px;} /*头部公用*/ .main66{padding: 30px 0 34px 0;} .title{padding-bottom:20px;} .title .div1{font-size: 24px;} /*产品*/ .main2 .list{padding:0;} .main2 .list .imgbox{padding:0;border: 0;} .main2 .list .imgbox .bjcover{padding-top:80%;} .main2 .list .tt{padding:15px 6px;} .main2 .list .tt1{font-size: 17px;font-weight: bold;} .main2 .list .tt2{margin-top: 4px;} .main2 .list .tt3{line-height:42px;} /*条幅*/ .main3{min-height: 76px;} /*案例*/ .title1{margin-bottom:30px;margin-top: -6px;} .title1 a{line-height: 38px;} .gd{width: 140px;line-height: 40px;font-size: 15px;margin:26px auto 0;} .main4 .list .imgbox{padding: 0;} .main4 .list .imgbox .img{border:0;} .main4 .list .tt{padding: 15px 6px;text-align: center;} .main4 .list .tt1{font-size: 16px;} .main4 .list .tt2{margin-top: 6px;} .main4 .list .tt3{line-height: 44px;padding: 0 15px;} .main4 .list .tt3:after{right:15px;} .main5 .box1{padding: 10px;} .main5 .box2{padding: 10px 0;} .main5 .box2 .list{width:50%;padding:6px;} .main5 .box2 .list:nth-child(3){border-left:0;} .main5 .box2 .list .tt1 b{font-size:30px;} /*公司简介*/ .main6{margin-top: -122px;padding-top: 122px;} .main6 .zuo{width: 100%;padding: 0;} .main6 .you{width: 100%;height: auto;padding-top: 80%;margin-top: 24px;} .main6 .zuo .tt1{font-size: 19px;line-height: 30px;} .main6 .zuo .tt2{font-size: 12px;} .main6 .zuo .tt3{margin-top: 12px;} .main6 .zuo .tt4{margin-top:16px;height: auto;max-height: 120px;} .main6 .zuo .tt5{font-size: 15px;width: 140px;line-height: 36px;margin-top: 16px;} .main7 .list .tt{line-height: 20px;padding:8px 0 4px;} /*新闻*/ .main8 .main5cont1{margin-top: 0;} .main8 .list{margin:0;box-shadow: 0 0 0} .main8 .list .img{padding-top: 50%;} .main8 .list .xg1{padding:20px;} .main8 .list .tt1 b{font-size: 22px;} .main8 .list .tt2{font-size: 16px;} .main8 .list .txt{width: calc(100% - 40px);line-height: 50px;} .main8 .list .txt:after{width: 0;height: 30px;background: url("../images/tu9.png") no-repeat center center/contain;right: 30px;} .main8 .list:hover .txt:after{width: 30px;} footer .box1{padding-bottom: 22px;padding: 15px 0 20px 0;} footer .ul{padding: 14px 0;margin-bottom: 10px;} footer .zuo{width:100%;float: none;padding: 0;} footer .you{width:100%;float: none;padding: 0;margin-top: 20px;} footer .zuo .tt1{line-height: 22px;display: inline-block;min-width:50%;} footer .you .tt a{min-width: 50%;} footer .box2{padding: 14px 0;line-height: 20px;} .nyanli .list{width:calc(50% - 20px);} .danye .ditu{height:260px;margin: 10px auto;} .danye .bt{font-size: 18px;margin-bottom: 10px;} .danye .rq{margin-top: -6px;padding-top: 6px;} .danye .img{margin-bottom:10px;} .nyxw .list .img{width:220px;} .nyxw .list .tt{width:calc(100% - 220px);} } @media (max-width:600px) { .nyxw .list .img{width:100%;float: none;} .nyxw .list .img .bjcover{padding-top: 58%;height: auto;} .nyxw .list .tt{width:100%;float: none;padding-left: 0;margin:0;margin-top:16px;} .nyxw .list .tt1{font-size: 17px;text-overflow:inherit;white-space:inherit;max-height:inherit;line-height: 27px;} .nyxw .list .tt3{margin:0px 0 12px 0;} } @media (max-width:479px) { .nyanli .list{width:calc(100% - 20px);} } .hot{height:50px; background:#1b57b4; position:fixed; bottom:0; left:0; z-index:99; border-top:solid 2px #fff;width: 100%;} .hot span{ color:#fff; font-size:16px; line-height:20px;} .hot h6{ font-size:12px; line-height:20px;margin: 0;} .hot .row div a{ display:block; color:#fff; padding:7px 0;} .dbbox{ position: fixed; left: 0; bottom:52px; z-index:99; width: 100%; } .dbbox .dbs{ position: relative; padding: 0 15px; display:none;} .dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;} .dbbox .dbs.ewm-box{ text-align:center; } .dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../img/dbtc_jt.png) no-repeat center;} .dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../img/dbtc_jt.png) no-repeat center;} .dbbox .dbs.ewm-box img{ max-width: 140px; } .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; } .dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }