.pgbanner{height:400px;overflow: hidden;position: relative;z-index:9;background-color: #fff;} .pgbanner .banimg{height:400px;background-position: center bottom;background-repeat: no-repeat;position:relative;animation-name: pimg; animation-duration:5s;animation-fill-mode:forwards;animation-timing-function:ease;opacity: .5;position: relative;z-index: 0; } .pgbanner .banimg img{position: absolute;left: 50%;margin-left: -1000px;} .pgbanner .text{position: absolute;left:10%;top:50%;z-index: 9;text-align: center;} .pgbanner .text h3{font-size:4rem;font-weight:normal;text-align: center;text-transform:uppercase; color: rgba(255,255,255,1); line-height: 40px;text-shadow: 0px 0px 10px rgba(0,0,0,0.4);display: inline-block;width: 100%;} .pgbanner .text .arrow{margin-top: 20px;animation: arrow 2s ease infinite;} .textUp{animation: moveUp 1s ease;animation-fill-mode: both;} .textDown{animation: moveDown 1s ease; animation-fill-mode: both;} @keyframes arrow{ 0% {transform: translateY(-10px);opacity: 0;} 90% {transform: translateY(0px);opacity: 1;} 100% {transform: translateY(-4px);opacity: 0;} } @keyframes moveUp{ 0% {transform: translateY(-10px);opacity: 0.1;} 50% {opacity: 0.5;} 100% {transform: translateY(0px);opacity: 1;} } @keyframes moveDown{ 0% {transform: translateY(10px);opacity: 0.1;} 100% {transform: translateY(0px);opacity: 1;} } @keyframes pimg { from { transform: scale(1.1); opacity: .5; } to { transform: scale(1); opacity: 1; } } .pgbar{height: 80px;position: relative;} .pgbar .pgbT{width: 20%;float: left;font-weight: bold; font-size:3rem;margin-top:20px;} .pgnav{width:60%; height: 50px;float: right; position: relative; z-index: 9; line-height: 50px;overflow: hidden;margin-top: 15px;} .pgnav a{display: inline-block;position: relative;z-index: 9;padding: 0 20px;margin-right: 10px; font-size:1.6rem;color: #fcc88b;transition: all .35s;overflow: hidden;} .pgnav a:hover{text-decoration: underline;} .pgnav a.A{color:#fff;} .pgbanbg{width:60%;height:80px;background-color:#CD001A;border-radius: 0 0 0 40px;position: absolute;right: 0;top: 0;z-index: 0;} .pgmain{padding:100px 0;} /************ABOUT************/ #pg-about{color: #666;padding-bottom: 0; no-repeat right -15%;} #pg-about .abbox1 .wrap{display: flex;justify-content: space-between;align-items:center;padding-bottom:40px;} #pg-about .abbox1 p{margin-bottom: 20px;} #pg-about .abbox1 .phowrap{width: 40%;position: relative;} #pg-about .abbox1 .swiper-photo{width:100%;overflow: hidden;} #pg-about .abbox1 .swiper-photo .swiper-slide{width: 100%;} #pg-about .abbox1 .swiper-photo .swiper-slide img{width: 100%;height: auto;cursor: move;} .phowrap .swiper-pagination{width: 80%; height:70px;line-height: 70px; background-color:#CD001A;left:10%;bottom:-35px;border-radius: 50px;padding-left: 10px;} .phowrap .swiper-pagination .swiper-pagination-bullet{width:14px;height:14px;margin: 0 7px!important;border-radius:100%;background-color: #fff;opacity: .5;} .phowrap .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;} #pg-about .abbox1 .ab1-r{width:50%;float: right; font-size:1.6rem;line-height: 200%;} #pg-about .abbox1 .ab1-r .t1 h3{font-size:4rem;font-weight:normal;letter-spacing: 2px;} #pg-about .abbox1 .ab1-r .t1 h3 span{font-weight: bold;color:#CD001A;} #pg-about .abbox1 .ab1-r .t1 p{font-size:1.4rem;font-family: Arial, Helvetica, sans-serif;text-transform:uppercase;color: #999;margin-top: 10px;} #pg-advantage{background:url(../image/pgabout2.jpg) no-repeat 0 0;padding:70px 0;} #pg-advantage .adv-l{width: 100%;float:none;} #pg-advantage .adv-l .advitem{width:28%;margin-right:5%;} #pg-advantage .adv-l .advitem:last-child {margin-right:0;} #pg-advantage .advitem .con h2,#pg-advantage .advitem .con h3,#pg-advantage .advitem .con p{color:#fff;} #ab-history{padding: 100px 0;background:url("../image/pgabout3.jpg") no-repeat center bottom;} #ab-history .ind-tit{text-align: center;} #ab-history .ind-tit p{font-size: 1.6rem; font-weight: normal;color: #999;margin-top: 10px;} .time-wrap{position:relative; margin:50px auto;min-width: 1400px;} .time-wrap .prev,.time-wrap .next{font-family:"宋体";font-size:2.5rem; position:absolute;z-index:998;left:60px;top:118px; width:46px;height:46px;text-align: center;line-height: 46px; background:#f7f7f7; border-radius:100%;transition:all .35s;background-color: #ddd;} .time-wrap .next{left: auto; right:60px;} .time-wrap .prev:hover,.time-wrap .next:hover{background:#CD001A;color: #fff;box-shadow: 0px 0px 15px #CD001A;} .time-wrap>.time-line{position:absolute;z-index:1; top:120px; margin-top:-1px; width:100%; height:280px; background:url("../image/history_time_axis.png") repeat-x;} .time-wrap>.time-axis{ position:relative; z-index:99; width:90%; max-width:1360px;margin:0 auto;padding-top:100px;} .time-wrap>.time-axis .swiper-container{height:100%;} .time-wrap>.time-axis .swiper-wrapper{height:340px;} .time-wrap>.time-axis .swiper-slide{ height:250px; box-sizing:border-box; transition:all .45s ease;cursor: pointer;} .time-wrap>.time-axis .swiper-slide .years{ position:relative;width: 100%;} .time-wrap>.time-axis .swiper-slide .years>.tit{width: 100%;text-align: center; position:absolute;z-index:4;left:0;top:-50px; font-size:40px; font-weight:600; font-family:Arial; color:#CD001A;transition:all .35s;} .time-wrap>.time-axis .swiper-slide .years>.spot{ position:absolute;z-index:3;left:50%;top:24px;width:24px;height:24px; background:#CD001A; border-radius:100%;margin-left: -12px; transition:all .35s;} .time-wrap>.time-axis .swiper-slide .years>.spot:after{position:absolute;z-index:3;left:50%;top:50%; margin-top:-4px; margin-left:-4px; width:8px;height:8px; background:#CD001A; border-radius:100%;opacity:0; content:''; transition:all .35s;} .time-wrap>.time-axis .swiper-slide .text{ padding:30px 0; width:100%; text-align:center;font-size:1.6rem; line-height:180%;color: #999; margin-top: 60px;transition:all .35s;} .time-wrap>.time-axis .swiper-slide:hover .spot{ width:30px; height:30px;margin-left: -15px;margin-top: -3px; background:#fff; box-shadow:0 0 7px rgba(0,0,0,.3);} .time-wrap>.time-axis .swiper-slide:hover .spot:after{opacity:1;} .time-wrap>.time-axis .swiper-slide:hover .years>.tit{transform:translateY(10px);} .time-wrap>.time-axis .swiper-slide:hover .text{color: #333;} /************honor************/ .cerlist a.cur{color:#CD001A;} .cerlist a{display:inline-block;width:130px;height:40px;line-height: 40px;text-align: center; font-size:1.5rem;color: #666;position: relative;overflow: hidden;margin-right:20px;background-color: #e8e8e8;border-radius:20px;} .cerlist a.cur{background-color: #CD001A;color: #fff !important;box-shadow: 0px 0px 15px #CD001A!important;} .cerlist a:hover{color: #CD001A;box-shadow: 0px 0px 15px #eee;} #pg-certificate{padding:40px 0;min-height: 500px;} #pg-certificate .cert-list{margin-top: 30px;} #pg-certificate .cert-list>li{width:20%; height:320px; border:1px solid #eee; margin:0 0 -1px -1px; float:left; transition:all .3s; box-sizing:border-box;background-color: #fff;} #pg-certificate .cert-list>li>a{display:block; width:100%; height:100%; overflow:hidden; position:relative;} #pg-certificate .cert-list>li>a>.img{width:auto; height:240px; margin:auto; margin-top: 20px; text-align:center; overflow:hidden;} #pg-certificate .cert-list>li>a>.img>img{max-width:90%;max-height:100%;} #pg-certificate .cert-list>li>a>p{height:50px; padding:0 10px; line-height:48px; text-align:center; font-size:13px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative; z-index:2; transition:all .25s;} #pg-certificate .cert-list a:after{ position:absolute; z-index:9; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0) url("../image/icon-zoom.png") no-repeat; background-position:50% -50%; content:''; transition:all .35s;} #pg-certificate .cert-list a:hover:after{background:rgba(0,0,0,.7) url("../image/icon-zoom.png") no-repeat;background-position:50% 50%;} /************解决方案************/ .sol-list{} .sol-list{width:102%;margin-left: -1%;} .sol-list li{float: left;width: 23%;margin: 0 1% 20px 1%;} .sol-list li a{text-align: center;display: block;transition:all .35s;position: relative;padding-bottom: 145px;} .sol-list li .img{height: 300px; position:relative; background:#000; text-align:center;overflow:hidden;} .sol-list li .img>img{width:100%;height:auto; transition:all 1s;} .sol-list li .con{width: 100%;height: auto; text-align:left; border:1px solid #eee; box-sizing:border-box;padding:30px 20px;position: absolute;left: 0;bottom: 0;background-color: #fff;transition:all .35s;} .sol-list li .con:after{ position:absolute;z-index:1;left:0;bottom:0; width:0;height:2px;opacity:0;background-image: linear-gradient(to right, #CD001A , #c96e02);content:''; transition:all .35s;} .sol-list li .con .tit{color:#555; font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .sol-list li .con .txt{height: 40px;padding:10px 0; font-size:13px;line-height: 24px; color:#ccc;overflow:hidden;transition:all .35s;} .sol-list li span.iconfont{font-size: 20px; position:absolute;z-index:4; right:15px; bottom:15px;color: #CD001A;} .sol-list li a:hover{box-shadow:0 0 10px rgba(0,0,0,.2);} .sol-list li a:hover .img>img{transform:scale(1.1);opacity:.7;} .sol-list li a:hover .con .txt{height:130px;} .sol-list li a:hover .con .tit{color:#CD001A;} .sol-list li a:hover .con:after{ width:100%;opacity:1;} #pg-solview{padding:60px;min-width: 1400px;box-sizing: border-box;} #pg-solview .sol-fl{width: 20%;float: left;} #pg-solview .sol-fl .t1{font-size: 3rem;font-weight: bold;} #pg-solview .sol-fl .img img{max-width:100%;margin-top: 15px;border-radius:0 50px 0 50px;position: relative;z-index: 2;} #pg-solview .sol-fl .sdnav{min-height:250px; margin-top:20px; background: rgba(255,255,255,8);position: relative;z-index: 9;transition:all .35s;box-sizing: border-box;padding: 15px;} #pg-solview .sol-fl .sdnav.on{margin-top:-200px;} #pg-solview .sol-fl .sdnav a{display: block;font-size: 1.4rem;line-height: 30px;position: relative;padding-left: 30px;} #pg-solview .sol-fl .sdnav a .num{display:inline-block;width: 15px;height: 15px;font-size: 12px;line-height: 15px;text-align: center; background-color:#CD001A;color: #fff;border-radius: 50%;position: absolute;left: 0;top:7px;} #pg-solview .sol-fr{width:75%;float: right;border-left: 1px solid #ddd;padding-left:5%;padding-top: 20px; box-sizing: border-box;} #pg-solview .sol-fr .fr-hd{font-size: 2rem;font-weight: bold;margin-bottom: 20px;padding-bottom: 20px; border-bottom: 1px solid #e8e8e8;} #pg-solview .sol-fr .fr-bd{font-size:1.6rem;color: #888; line-height: 200%;margin-bottom: 20px;} #pg-solview .sol-fr .fr-bd img{max-width: 100%;} #pg-solview .sol-fr .fr-bd h3{font-weight: normal;} /************产品************/ #pg-cate{min-width: 1400px;} .catelist li{width: 50%;height: 400px; float: left;box-sizing: border-box;} .catelist a{display: block;width: 100%;height: 100%;position: relative; overflow: hidden;background:#c6c6c6;} .catelist .img{height:100%;position: absolute;right: 10px;top: 0; z-index: 9;transition: all .8s;} .catelist .img img{height:100%;} .catelist .con{width: 50%; position: absolute;left:60px;top:30%;} .catelist .name{font-size:3rem;font-weight:normal;color: #333; } .catelist .more{display: inline-block; border: 1px solid #CD001A;color:#CD001A;padding: 10px 20px;margin-top: 30px;transition: all .3s;} .catelist li a:hover{background:#cb3044} .catelist li a:hover .name{color: #fff;} .catelist li a:hover .img{transform:translateX(-8px);} .catelist li a:hover .more{border: 1px solid #fff;color:#fff;} .pro-navT{padding:30px 0;background-color: #e8e8e8;text-align: center;} .pro-navT a{display:inline-block;font-size: 1.4rem; padding: 10px 15px;border: 1px solid #999;color:#999;margin: 0 10px;border-radius: 5px;} .pro-navT a.cur{border: 1px solid #CD001A;color:#fff;background-color:#CD001A;} #pg-product{margin-top:40px;} .prolist li{float: left; border: 1px solid #ddd; width:23%; padding: 10px; margin-right:2%; margin-bottom:20px;box-sizing: border-box; position: relative;} .prolist li i{display: block;height:3px;width:0%;position: absolute;left:0;bottom:0px;z-index: 9; background: #CD001A;overflow: hidden;opacity: 0;transition: all .3s;} .prolist li i::before{display: block;content: " "; height:4px;width:600%;position: absolute;left: 0;bottom:0;z-index: 9;background: #CD001A linear-gradient(to right, #c76d00 0%,#CD001A 60%,#c76d00 100%); animation: bgcolor 2s ease infinite;} .prolist li:hover a i{opacity: 1;width: 100%;} @keyframes bgcolor{ 0% {left: 0;} 100% {left: -1000%;} } .prolist li:nth-of-type(4n) { margin-right: 0 !important;} .prolist li a{display: block; width:100%;} .prolist li a .img img{ width:100%;} .prolist li a p{height: 40px;line-height: 40px; font-size: 1.4rem; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} /************产品详情************/ .probar{height: 100px;margin-top: 90px;background: #333 url(../image/probar.jpg) no-repeat top center;overflow: hidden;} .probar .crumbs{float: left;font-size: 1.4rem; margin-top:38px;color: #666;} .probar .crumbs span.iconfont{color: #CD001A;font-size:2rem;margin-right: 8px;} .probar .crumbs a{color: #666;opacity: .8;} .probar .crumbs a:hover{opacity: 1;color: #CD001A;} .probar .crumbs a:last-child{color: #999;} .probar .back{float: right;display: block;width:50px; height: 40px;line-height: 40px; color: #CD001A;background-color:#fff;margin-top:30px;overflow: hidden;padding-left: 15px;border-radius:20px;} .probar .back span.iconfont{display:block;float: left; font-size:3rem;width: 50px;} .probar .back span.b{display:inline-block;float: left;color: #fff; } .probar .back:hover{width:85px;background-color:#CD001A;} .probar .back:hover span.iconfont{width: 40px;color: #fff;} #pg-proview{background: url(http://www.kland.cn/images/bgimg1.png) no-repeat 120% -80%;} #pg-proview .wrap60{min-height:800px;position: relative;} #pg-proview .pro-l{width:600px;position: absolute;left: 60px;top:-10px;} #pg-proview .imgshow{ width:100%;max-width:600px; text-align:center;margin:0 auto;border: 1px solid #eee;} #pg-proview .imgshow>img{ width:100%; height:auto; margin:0 auto;} #pg-proview .focus{ position:relative;margin-top: 15px;} #pg-proview .focus>.swiper-container{ position:relative; width:550px;height: 62px; margin:0 auto;} #pg-proview .focus>.swiper-container .swiper-slide {float: left; cursor:pointer; height:60px; text-align: center;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} #pg-proview .focus>.swiper-container .swiper-slide img{width:auto;height:100%; border:1px solid #ddd;} #pg-proview .focus>.swiper-container .swiper-slide img.A{ border:1px solid #CD001A!important;} #pg-proview .focus>.button-prev{ position:absolute;z-index:99; top:10px; left:0;width:40px; height:40px; opacity:.8; cursor:pointer; background:url("../image/arrow-left-black.png") no-repeat; background-position:50% 50%; background-size:25px auto;} #pg-proview .focus>.button-next{ position:absolute;z-index:99; top:10px; right:0;width:40px; height:40px; opacity:.8; cursor:pointer; background:url("../image/arrow-right-black.png") no-repeat; background-position:50% 50%; background-size:25px auto;} #pg-proview .focus .swiper-button-disabled{ opacity:.2;} #pg-proview .pro-r{padding-left: 660px;} #pg-proview .pro-tit{font-size:4rem;color: #333;font-weight: bold;} #pg-proview .subT{margin-top: 15px;color: #666;font-size: 1.4rem;} #pro_tags{margin-top: 30px;font-size: 14px;} .tags_title{color: #CD001A !important;font-size:2rem;padding-left: 0px !important;border-bottom: none!important;font-weight: normal !important; padding: 8px 0px 8px 10px;margin-bottom: 15px;position: relative;overflow: hidden;} .tags_title:after{content: " ";display: block;width: 100%;border-bottom: 1px solid #ddd;position: absolute;top:20px;left: 0;z-index: 0;margin-left: 100px; box-sizing: border-box;} .tags_content{margin-bottom: 20px;} .tags_content img{max-width:100%;} .tags_content table{width:100%;} .tags_content table td{border:1px solid #ddd;padding:5px;} .tags_content table tr:hover{background-color:#f5f5f5!important;} #pg-proview .pageurl{text-align: left;} #pg-proview .pageurl a{text-align: center;} .searchbar{font-size: 1.6rem;color: #333;text-align: left;margin-top: 90px;} .searchbar span{color: #f6a305;font-size:2rem;margin: 0 8px; } /************应用案例************/ #pg-case .case-t{position: relative;} #pg-case .case-t .swiper-case .swiper-wrapper{overflow: hidden;} #pg-case .case-t .swiper-case .bgl{height:470px;width:600px;background:#CD001A url(../image/ftbg.png) no-repeat -20px 0;position: absolute;left:0;top:0;border-radius: 50px;} #pg-case .case-t .swiper-slide .img{width:620px;float: left;margin: 30px 0 0 30px;} #pg-case .case-t .swiper-slide .img img{width: 100%;border-radius:50px;} #pg-case .case-t .swiper-slide .con{width:50%;min-width: 700px;min-height:350px; float: right;background-color: #fff;margin-top:50px;} #pg-case .case-t .swiper-slide .con h3{font-size: 3rem;} #pg-case .case-t .swiper-slide .con .text{font-size: 1.6rem;margin-top: 20px;line-height: 180%;color: #666;} #pg-case .case-t .butbox{position: absolute;left:51%;bottom: 30px;} #pg-case .case-t .butbox a{display: inline-block;position: relative;width: 100px;height: 40px;text-align: center;line-height: 40px;margin-right: 2px;cursor: pointer;} #pg-case .case-t .butbox a::after{display: block;content: " ";height: 100%;width: 100%;background-color: #eee;position: absolute;left: 0;top: 0;z-index: 2;transition:all .35s;transform:skewX(30deg);} #pg-case .case-t .butbox a span.iconfont{font-size: 2rem; position: relative;z-index: 9;transition:all .35s;} #pg-case .case-t .butbox a:hover::after{background-color:#CD001A;} #pg-case .case-t .butbox a:hover span.iconfont{color:#fff;} #pg-case .case-f{margin-top: 100px;border-top: 1px solid #ddd;padding-top:80px;} #pg-case .case-f .ind-tit{float: left;width: 20%;} #pg-case .case-f .ind-tit p{color: #999;font-weight: normal;} #pg-case .case-f .case-fr{width: 75%;float: right;} #pg-case .case-f .caseitem{margin-bottom:20px;box-shadow: 5px 5px 35px rgba(0,0,0,.08);background: #fff;} #pg-case .case-f .caseitem dt{ font-size:16px; color:#333; height:50px; line-height:50px; padding-left:20px; background:#eee; cursor:pointer; transition:all ease-out .3s; position:relative;border-radius: 10px 0 0 0; } #pg-case .caseitem dt i{ width: 20px; height: 20px; right:20px; top: 50%; margin-top: -10px; position: absolute; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; -mz-border-radius: 50%; } #pg-case .caseitem.cur dt i:before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; filter: alpha(opacity=0); } #pg-case .caseitem dt i:before { content: ""; width: 100%; height:2px; background-color: #CD001A; left: 50%; top: 50%; margin-top: -1px; margin-left: -50%; transition: All .2s ease-in-out; -webkit-transition: All .2s ease-in-out; -moz-transition: All .2s ease-in-out; -o-transition: All .2s ease-in-out; position: absolute; } #pg-case .caseitem.cur dt i:after { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); background-color: #fff; } #pg-case .caseitem.cur dt{background-color: #CD001A;color: #fff;} #pg-case .caseitem dt i:after { content: ""; width:2px; height: 100%; background-color: #CD001A; left: 50%; top: 50%; margin-top: -50%; margin-left: -1px; transition: All .2s ease-in-out; -webkit-transition: All .2s ease-in-out; -moz-transition: All .2s ease-in-out; -o-transition: All .2s ease-in-out; position: absolute; } #pg-case .caseitem dd{display:none;color:#666;line-height:2em;padding:20px 20px 40px 20px;box-sizing: border-box;} #pg-case .caseitem dd a{display: inline-block; width: 30%;font-size: 1.4rem;margin-bottom: 10px;} /************NEWS************/ #pg-news{padding: 0;min-width: 1400px;} .newslist li{display:block;margin:0 auto; transition:all .35s;} .newslist li>a{ position:relative; display:block; width:80%; max-width:1400px;padding:50px 0; margin:0 auto; transition:all .35s;} .newslist li>a:after{ position:absolute;z-index:3;left:0;bottom:0; width:100%;height:1px; background:#ccc;content:''; transition:all .35s;} .newslist li:last-child a:after{opacity:0;} .newslist li a .img{ width:30%;float: left; text-align:left; overflow:hidden;border-radius:30px;border: 3px solid #fff;transition:all 1s;} .newslist li a .img>img{width:100%; height:auto; transition:all 1s;} .newslist li a .con{display:block;float: right; width:64%;} .newslist li a h3{font-weight: normal;font-size:2.4rem;color: #333;margin-top: 10px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .newslist li a p.text{font-size: 1.6rem;line-height:180%;color: #777; margin-top:20px;} .newslist li a p.date{font-size: 1.4rem;color: #999;margin-top: 15px;padding-left: 20px; background: url(../image/indnews1.png) no-repeat 0 2px;} .newslist li a:hover .img img{transform: scale(1.1);} .newslist li a:hover .img{border: 3px solid #CD001A;} .newslist li a:hover h3{color: #CD001A;} .newslist li a:hover p.text{color: #333;} .newslist li:hover{box-shadow: 5px 5px 35px rgba(0,0,0,.08);} .newslist li:hover a:after{ background:none;} #pg-newsview{width:80%;max-width: 1400px;min-width: 1000px; padding-bottom:100px;} #pg-newsview .newsT{font-size:3rem;color: #333;} #pg-newsview .newssubT{font-size: 1.6rem;margin-top: 15px;color: #CD001A;padding-bottom: 15px; border-bottom: 1px solid #ddd;} #pg-newsview .newsC{font-size: 1.6rem;color: #444; line-height: 200%;overflow: hidden;margin-top: 30px;min-height:400px;} #pg-newsview .newsC img{max-width: 100%;} .pageurl{width: 100%;} .pageurl{position:relative;text-align:center; padding-top:35px;border-top: 1px solid #eee;margin-top:40px;} .pageurl a{display:inline-block;width:130px;height:40px;line-height: 40px; font-size:1.5rem;color: #CD001A;position: relative;overflow: hidden;margin:0 20px;background-color: #e8e8e8;border-radius:20px;} .pageurl a:hover{background-color: #CD001A;color: #fff;box-shadow: 0px 0px 15px #CD001A;} .pageurl a.back{color: #f2dabd;background-color: #333;} .pageurl>a.no{ color:#ddd!important;background-color: #f5f5f5!important;box-shadow:none!important;} .pageurl a.back:hover{color: #fff;background-color: #333;box-shadow: 0px 0px 15px #999;} /************手动懒加载 开始***********/ #getmore{height:47px; margin:30px auto 50px auto; text-align:center;} #getmore .loading-box{height:47px; text-align:center; line-height:47px; visibility:visible; display:none;} #getmore .loading-box>div{width:12px; height:12px; background-color:#CD001A; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;} #getmore .loading-box .bounce1{animation-delay:-0.32s;} #getmore .loading-box .bounce2{animation-delay:-0.16s;} @keyframes bouncedelay{ 0%,80%,100% {transform:scale(0.0);} 40%{transform:scale(1.0);} } #getmore .handle{padding:0 45px; font-size:14px; color:#fff; background:#CD001A; height:42px; line-height:40px; display:none; transform:all .2s;} #getmore .handle:hover{background:#eb9f46;} /************手动懒加载 结束***********/ /************CONTACT************/ #pg-contact{height: 100%;padding: 0;position: relative;} #pg-contact::before{content: " ";display: block;width: 100%;height:300px;position: absolute;left: 0;top:90;z-index: 9;background:linear-gradient(to bottom, rgba(255,255,255,1),rgba(255,255,255,0));} #pg-contact .tit{font-size:2.4rem;font-weight: bold; margin-bottom: 15px;} #pg-contact .con{width:380px;padding:50px;position: absolute;right: 10%;top:35%;z-index: 9; background:#fff url(../image/lobg1.png) no-repeat 310px 140px;background-size:110%; box-shadow: 15px 10px 35px rgba(0,0,0,.3);border-radius: 50px;overflow: hidden;} #pg-contact .con .text{line-height: 200%;font-size: 1.4rem;color: #666; margin-bottom: 20px;} #pg-contact .con:after{content: " ";display: block;height:4px;width:0px;background-color:#CD001A;position: absolute;left: 0px;bottom:0px;} #pg-contact .con:hover:after{ animation:width1 .6s ease;animation-fill-mode:forwards;animation-delay:.3s;} #pg-contact .con:before{content: " ";display: block;height:4px;width:0px;background-color:#666;position: absolute;left: 0px;bottom:0px;} #pg-contact .con:hover:before{ animation:width1 .3s ease;animation-fill-mode:forwards;} @keyframes width1{ 0% {width:0%;} 100%{width:100%;} } #map{width:100%;height:100%;box-sizing: border-box;position: absolute;left: 0;top: 0;z-index: 8;} .feedback{width:70%;margin: auto; padding: 100px;} .feedback .ind-tit{margin-bottom: 30px;} .feedback .ind-tit p{font-size:2.6rem;} .formbox{width:100%;} .formbox .fm-item{ display:block; width: 100%; height:55px; border:1px solid #ccc; margin-bottom:20px; transition:all ease-in .2s; overflow:hidden; } .for1{display: flex;justify-content: space-between;} .for1 .fm-item{width: 32%;} .formbox .fm-item input[type="text"],.formbox .fm-item textarea{ width:100%; height:100%; padding:15px; border:none; background-color:inherit; box-sizing:border-box; } .fm-textarea{height:200px !important;} .formbox .fm-item #checksn{width:70%;} .formbox .fm-item #checkimg{ float:right; width:80px; height:auto; margin-right:15px; margin-top:8px; } input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { color:#999;} .formbox .fm-item input[type="text"]:focus,.formbox .fm-item textarea:focus{background-color:#fff;border-color:#CD001A;} .formbox .btnbox{height:50px;line-height:50px;margin-top:25px;} .formbox .btnbox button{ float: left; width:48%; display: inline-block; box-sizing: border-box; background: #666; padding: 20px 10px; font-size: 1.6rem; color: #fff; text-align: center; border: 0; cursor: pointer; } .formbox .btnbox button.sub{float: right;background-color: #CD001A;} /***************分页*************/ .pagewrap{ text-align:center; margin-top:20px; padding:20px; } .pagebtn{ width: 30px !important; height: 30px !important; line-height: 29px !important; border-radius:4px; } .pagewrap .pageleft{float: none;} .pagewrap .pageright{display: none;} .pagebtnA{ background:#3256a6 !important; color:#FFF !important; border:0px none !important; font-weight:normal !important; width: 30px !important; height: 30px !important; line-height: 29px !important; border-radius:4px; } @media (max-width: 1200px) {} @media (max-width: 992px) {} @media (max-width: 768px) {}