/*棣栭〉*/ #dowebok .section img{display: block;} #dowebok .section .img-p{height: 1080px;width: 100%;} #dowebok .section .img-m{display: none;width: 100%;} #dowebok .section .txt-m{text-align: center;position: absolute;left:0;width: 100%;font-size: 21px;} #dowebok .section .txt-m h4{font-size: 55px;font-weight: normal;margin-bottom: 20px;} #dowebok .section .txt-m br{display: none;} #dowebok .section1 .txt-m{color: #fff;top:28%;} #dowebok .section2 .txt-m{color: #fff;top:18%;} #dowebok .section3 .txt-m{color: #000;top:12%;} #dowebok .section4 .txt-m{color: #fff;top:16%;} #dowebok .section5 .txt-m{color: #000;top:15%;} #dowebok .section .btn{text-align: center;width: 100%;position: absolute;left:0;top:660px;} #dowebok .section .btn a{margin: 0 20px 0 60px;padding-top: 120px;font-size: 18px;color: #fff;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;} #dowebok .section .btn a:hover{color: #e60012;} #dowebok .section .btn a.a1{background: url("../images/y1.png") no-repeat center top;} #dowebok .section .btn a.a2{background: url("../images/y2.png") no-repeat center top;} #dowebok .section .btn a.a1:hover{background: url("../images/y1-h.png") no-repeat center top;} #dowebok .section .btn a.a2:hover{background: url("../images/y2-h.png") no-repeat center top;} .hd2 #hd{top:-145px !important;} .hd2 #fix-hd{top:0 !important;} /*绛栧垝妗堜緥*/ .i-menu{height: 44px;line-height: 44px;margin-top: 10px;background-color: #f2f2f2;margin-bottom: 5px;} .i-menu li{float: left;width: 16.6667%;} .i-menu li a{font-size: 18px;float: left;height: 44px;line-height: 44px;width: 100%;text-align: center;} .i-menu li a:hover,.i-menu li.on a{background-color: #c7000a;color: #fff;} .p-txt1{text-align: center;padding: 40px 55px 50px 55px;overflow: hidden;} .p-txt1 h2{height: 60px;line-height: 60px;font-size: 54px;font-weight: normal;margin-bottom: 15px;} .p-txt1 h2 br{display: none;} .p-txt1 p{font-size: 23px;color: #595757;} .ul-pic1{width: 100%;overflow: hidden;} .ul-pic1 li{width: 32.66666%;float: left;margin-right: 1%;margin-bottom: 45px;overflow: hidden;} .ul-pic1 li .pic{width: 100%;padding: 37% 0;position: relative;overflow: hidden;} .ul-pic1 li:nth-child(3n){margin-right: 0;} .ul-pic1 li img{width: 100%;height: 100%;position: absolute;left: 0;top: 0; transition: 0.6s; -ms-transition: 0.7s; -moz-transition: 0.7s; -webkit-transition: 0.7s; -o-transition: 0.7s; } .ul-pic1 li .pic em{position: absolute;display: inline-block;width: 100%;height: 100%;background: url("../images/vido_ok.png") no-repeat center center;left:0;top:0;} .ul-pic1 li .txt{margin-top:10px;} .ul-pic1 li .txt p{font-size: 18px;} .ul-pic1 li h4{font-size: 20px;font-weight: normal;height: 53px;line-height: 65px;} .list-more,.go-top{padding:28px 0;text-align: center;} .list-more a,.go-top a{display: inline-block;padding-top: 56px;background: url("../images/more3.png") no-repeat center top;font-size: 14px;} .list-more a:hover{background: url("../images/more3-h.png") no-repeat center top;color: #000;} .go-top a{background: url("../images/back.png") no-repeat center top;color: #000;} .go-top a:hover{background: url("../images/back-h.png") no-repeat center top;color: #c7000b;} .p-txt2{text-align: center;padding: 25px 0 55px 0;} .p-txt2 h2{font-size: 36px;font-weight: normal;} .p-txt2 h4{font-size: 18px;font-weight: normal;margin-bottom: 10px;} .p-txt2 h4 span{font-size: 24px;} .p-txt2 p a{font-size: 14px;color: #c7000b;display: inline-block;padding-right: 22px;background: url("../images/more2.png") no-repeat right center;} .ul-pic1 li:hover img{-webkit-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} /*濂囩拹鍔ㄦ€?/ #listpic{position: relative;overflow: hidden;left:5px;} #listpic ul{overflow: hidden;} .ul-pic2 li {float: left;background-color: #f2f2f2;padding: 0 18px 25px 18px;overflow: hidden; } .ul-pic2 li:nth-child(3n){margin-right: 0;} .ul-pic2 li h4{font-size: 20px;font-weight: normal;padding-top: 22px;} .ul-pic2 li h5{font-family: "Arial";font-size: 14px;font-weight: normal;margin-bottom: 18px;} .ul-pic2 li .pic{width: 100%;margin-bottom: 20px;} .ul-pic2 li .pic img{width: 100%;display: block;} .ul-pic2 li .txt p{font-size: 14px;line-height: 25px;} .ul-pic2 li .txt p a{color: #c7000b;} /*鍏充簬濂囩拹*/ .a-row1{background-color: #f2f2f2;padding: 105px 0 120px 0;text-align: center;} .a-row1 .txt h2{font-size: 36px;font-weight: normal;margin-bottom: 20px;} .a-row1 .txt p{font-size: 14px;line-height: 24px;} .a-row1 .list .item{width: 140px;height: 140px;border: 1px solid #000;display: inline-block;*display: inline;zoom:1;margin: 0 9px;} .a-row1 .list .item b{color: #9a9a9a;font-size: 48px;font-weight: normal;font-family: "arial";display: inline-block;padding-top: 25px;height: 55px;line-height: 55px;} .a-row1 .list .item p{font-size: 14px;} .a-row2{padding-top: 143px;overflow: hidden;} .a-row2 .list {width: 1100px;} .a-row2 .list li{margin:0 90px 0 0;overflow: hidden;float: left;padding:18px 0 0 145px;width: 280px;height: 280px;} .a-row2 .list li p{font-size: 14px;line-height: 23px;} .a-row2 .list li h2{font-size: 30px;font-weight: normal;margin-bottom: 25px;} .a-row2 .list li.s1{background: url("../images/icon1.png") no-repeat 35px top;} .a-row2 .list li.s2{background: url("../images/icon3.png") no-repeat 35px top;} .a-row2 .list li.s3{background: url("../images/icon2.png") no-repeat 35px top;} .a-row2 .list li.s4{background: url("../images/icon9.png") no-repeat 35px top;} .a-row3{background: url("../images/img1.jpg") center top;text-align: center;height: 1000px; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .a-row3 .txt{padding:230px 0 0 0;} .a-row3 .txt h2{font-size: 36px;font-weight: normal;margin-bottom: 20px;} .a-row3 .txt p{font-size: 14px;line-height: 24px;} .a-row4{padding: 118px 0 138px 0;overflow: hidden;} .a-row4 .list{margin-bottom: 65px;overflow: hidden;} .a-row4 .list li{width: 270px;float: left;margin: 0 25px;} .a-row4 .list li .tit{height: 118px;width: 183px;border: 1px solid #000;border-radius: 50%;text-align: center;font-size: 18px;line-height: 32px;padding-top: 65px;margin: 0 auto;margin-bottom: 35px;} .a-row4 .list li .txt{font-size: 14px;text-align: center;} .a-row4 .con{text-align: center;font-size: 14px;} .a-row4 .con h2{font-size: 36px;font-weight: normal;margin-bottom: 20px;} .a-row4 .con p{line-height: 24px;} .a-row4 .con p a{color: #c8000a;} .a-row4 .step{height: 520px;background: url("../images/numble.png") no-repeat center 80px;} .a-row4 .step h4{font-size: 18px;font-weight: normal;margin-bottom: 60px;text-align: center;} .a-row4 .step .left{float: left;width: 425px;text-align: right;padding-top: 52px;} .a-row4 .step .right{float: right;width: 425px;text-align: left;padding-top: 52px;} .a-row4 .step li{height: 80px;font-size: 14px;line-height: 24px;} .a-row5{background: url("../images/img2.jpg");text-align: center;background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;} .a-row5 .txt{padding: 250px 0 80px 0;} .a-row5 .txt h2{font-size: 36px;font-weight: normal;margin-bottom: 20px;} .a-row5 .txt p{font-size: 14px;line-height: 24px;} .a-row5 .txt p b{font-size: 18px;font-weight: normal;} .a-row5 .txt p a.more{color: #c7000b;display: inline-block;padding-right: 22px;background: url("../images/more1.png") no-repeat right center;} .a-row5 .txt .btn{margin: 75px 0 40px 0;} .a-row5 .txt .btn a{display: inline-block;width: 161px;height: 121px;text-align: center;padding-top: 40px;font-size: 24px;margin: 0 35px;border-radius: 50%;border: 1px solid #000;} .a-row5 .txt .btn a:hover{color: #000;} .a-row5 .show-more{background: url("../images/bg_ic2.png");overflow: hidden;padding-top: 70px;position: relative;display: none;} .a-row5 .show-more li{height: 215px;padding-left: 90px;float: left;width: 205px;text-align: left;} .a-row5 .show-more li h4{font-size: 18px;margin-bottom: 3px;} .a-row5 .show-more li p{font-size: 14px;line-height: 24px;} .a-row5 .show-more a.more{display: inline-block;padding-right: 22px;background: url("../images/more4.png") no-repeat right center;position: absolute;right:90px;bottom:70px;font-size: 14px;} .a-row6{padding:125px 0 20px 0;} .a-row6 h2{font-size: 36px;font-weight: normal;text-align: center;margin-bottom: 45px;} .slideTxt{position: relative;} .zpBox{position: relative;z-index: 99;} .zpBox .slick-prev,.zpBox .slick-next{position: absolute;top:170px;display: inline-block;width: 21px;height: 43px;font-size: 0;overflow: hidden;border:0;outline:none;cursor: pointer;} .zpBox .slick-prev{background: url("../images/prev1.png") no-repeat left top;left:0;} .zpBox .slick-next{background: url("../images/next1.png") no-repeat left top;right:0;} .zpBox .slick-dots{text-align: center;display: none !important;margin-bottom: 40px;} .zpBox .slick-dots li{display: inline-block;*display: inline;zoom:1;margin: 0 5px;} .zpBox .slick-dots li button{border: 0;width: 12px; height: 12px; background: #cecece;color: #fff;border-radius: 50%;outline:none;font-size: 0;} .zpBox .slick-dots li.slick-active button{background:#919191;} .slideTxt .fd{text-align: center;font-size: 14px;width: 100%;position: absolute;left:0;bottom:160px;text-align: center;z-index: 88;} .slideTxt .fd b{font-size: 18px;font-weight: normal;} .ul-zp {width: 100%;} .ul-zp li{float: left;width: 50%;padding: 0 80px 90px 80px;position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;} .ul-zp li .pic{float: left;width: 64px;} .ul-zp li .txt{padding-left: 84px;} .ul-zp li .txt h4{font-size: 18px;font-weight: normal;} .ul-zp li .txt p{font-size: 14px;} .ul-zp li .txt p a.more{color: #c7000b;display: inline-block;padding-right: 22px;background: url("../images/more1.png") no-repeat right center;} .ul-zp li .more-txt{position: absolute;top:80px;left:0;background-color: #f2f2f2;width: 970px;padding: 50px 0;font-size: 14px;display: none;z-index: 999;} .ul-zp li .more-txt .s1{width: 200px;float: left;margin-left: 58px;} .ul-zp li .more-txt .s1 img{width: 175px;} .ul-zp li .more-txt .s2{float: left;width: 255px;border-right: 1px solid #000;min-height: 185px;} .ul-zp li .more-txt .s2 h4{font-size: 18px;font-weight: normal;} .ul-zp li .more-txt .s3{padding-left: 35px;width: 420px;float: left;line-height: 24px;} .ul-zp li .more-txt .sq-btn{ display: inline-block; padding-right: 22px; background: url("../images/more4.png") no-repeat right center; position: absolute; right: 20px; bottom: 20px;color: #000;} .ul-zp li.li2 .more-txt{left:-485px;} .zpBox .slick-list{height: 700px;position: relative;} .m-pic{display: none;height: 340px;width: 100%;background-size: auto 100% !important;background-position: center center !important;} /******************************* -------[=瑙嗛]------- ********************************/ img{max-width: 100%; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .videoBox{width: 100%;padding:28.1% 0;position: relative;background-color: #000;} .videoBox video{width: 100%;height: 100%;position: absolute;left:0;top:0;} .grey-bg-color{background: #f2f2f2;} /*鍒嗘爮*/ .main-cont{width: 655px;overflow: hidden;} .side-cont{width: 280px;overflow: hidden;} .chapter{font-size: 14px;margin-bottom: 30px;} .chapter h1{font-size: 32px;font-weight: normal;margin-bottom: 50px;} .chapter .content{padding-bottom: 30px;} .chapter .content h4{font-size: 16px;} .chapter .content *{padding: 10px 0;} .chapter .content img{display: block;margin: 0 auto;} .request{font-weight: bold;text-align: right;margin: 20px 0;} .request .return{font-size: 18px;color: #c7000b;display: inline-block;padding-right: 25px;background: url("../images/return.jpg") no-repeat right center;margin-top: 10px;} .request .sbtn1{margin-left: 10px;} .sbtn1{display: inline-block;padding: 0 45px;height: 40px;line-height: 40px; font-size: 18px;font-weight: bold;color: #fff;background: #c8000b; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .sbtn1:hover{color: #fff;background: #9c0009;} .cpage{padding: 10px 0;overflow: hidden;margin-top: 20px;} .cpage .prev-page,.cpage .next-page{overflow: hidden;white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;} .cpage .prev-page{width: 49%;float: left;} .cpage .next-page{width: 49%;float: right;text-align: right;} .st1{font-size: 16px;height: 50px;line-height: 50px; border-bottom: 1px solid #a5a5a5;margin: 10px 0;} .s-img-ul{overflow: hidden;;padding: 20px 0;width: 110%;} .s-img-ul li{position: relative;float: left;margin: 0 25px 0 0;} .s-img-ul .pic{width: 200px;height: 145px;} .s-img-ul .pic img{display: block;width: 100%;height: 100%;} .s-img-ul a:hover img{opacity: .8; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 80)'; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);} .s-img-ul .title{height: 30px;line-height: 30px;font-size: 14px;text-align: center;background: #e5e5e5;} .spaddBox{padding: 20px;} .st2{font-size: 20px;height: 50px;line-height: 50px;border-bottom: 1px solid #cecece;} .s-case-det{font-size: 14px;} .s-case-det dt{padding-top: 5px;} .s-case-det dd{border-bottom: 1px solid #cecece;padding-bottom: 5px;} .s-case-so{font-size: 14px;line-height: 2;padding: 10px 0;overflow: hidden;} .s-case-so a{display: inline-block;width: 50%;float: left;} /******************************* -------[=涓夌骇椤甸潰璧勮]------- ********************************/ .sban{height: 400px;} .sban img{display: block;width: 100%;height: 100%;} .bort{border-top: 1px solid #b2b2b2;} .s-txt-list{font-size: 14px;line-height: 2;} .s-txt-list li{padding: 5px 0;border-bottom: 1px solid #b2b2b2;} .s-txt-list li:last-child{border-bottom: 0;} .s-txt-list li a{display: block;height: 1.5em;overflow: hidden;margin-bottom: 5px; white-space: nowrap;word-wrap: normal;text-overflow: ellipsis;} .s-txt-list .datetime{display: block;font-family: 'Arial';font-size: 12px;} /******************************* -------[=涓夌骇椤甸潰妗堜緥]------- ********************************/ #ban{margin-bottom: 10px;} #my-slide{ width:100%; min-width:970px; height:500px; position:relative; background:#fff; text-align:center; margin-bottom: 60px;} #my-slide .bd{ width:750px; position:absolute; left:50%; margin-left:-375px } #my-slide .bd ul{width: 100%} #my-slide .bd li{ overflow:hidden;width: 750px;height: 500px; } #my-slide .bd li img{ display:block; width:750px; height:500px; } #my-slide .tempWrap{ overflow:visible !important } #my-slide .tempWrap ul{ margin-left:-750px !important; /*寮哄埗浣嶇疆*/ } #my-slide .pnBtn{ position:absolute; z-index:1; top:0; width:100%; height:500px; cursor:pointer; } #my-slide .prev{ left:-50%; margin-left:-375px; } #my-slide .next{ left:50%; margin-left:375px; } #my-slide .pnBtn .blackBg{ display:block; position:absolute; left:0; top:0; width:100%; height:500px; background:#000; filter:alpha(opacity=50);opacity:0.5; } #my-slide .pnBtn .arrow{ opacity:0.6;position:absolute; top:0; z-index:1; width:45px; height:500px; } #my-slide .pnBtn .arrow:hover{ filter:alpha(opacity=60);opacity:1.0; } #my-slide .prev .arrow{ right:30px; background: url("../images/s-prev.png") no-repeat center center; } #my-slide .next .arrow{ left:30px; background: url("../images/s-next.png") no-repeat center center; } #my-slide .hd{position: absolute;top:520px;left:0;width: 100%;z-index: 9999;} #my-slide .hd ul{display: block;margin: 0 auto;width: 970px;} #my-slide .hd ul li{width: 40px;height: 5px;float: left;background-color: #D9D9D9;font-size: 0;overflow: hidden;text-indent: -9999em;cursor: pointer;margin-right: 5px;} #my-slide .hd ul li.on{background-color: #C60000;} #m-slide{display: none;margin-top: 60px;width: 100%;text-align: center;margin-bottom: 20px;} #m-slide li img{width: 100%;} #m-slide .flex-control-nav {display: inline-block;*display: inline;zoom:1;} #m-slide .flex-control-nav li{float: left;margin: 0 3px;} #m-slide .flex-control-nav li a{width: 40px;height: 5px;float: left;background-color: #D9D9D9;font-size: 0;overflow: hidden;text-indent: -9999em;cursor: pointer;} #m-slide .flex-control-nav li a.flex-active{background-color: #C60000;} /******************************* -------[=鑱旂郴鎴戜滑]------- ********************************/ .mapBox{height: 800px;overflow: hidden;} .mapBox #map{width: 100%;height: 850px;} .posr{position: relative;} .red{color: #c6010a !important;} .addressBox{background: #fff;position: absolute;top: 55px;right: 50%;margin-right: -480px; width: 340px;padding: 30px;font-size: 14px;color: #333;} .s-tab-ul{border-bottom: 1px solid #000;*zoom:1;margin-bottom: 20px;} .s-tab-ul:after,.s-tab-ul:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .s-tab-ul li{float: left;height: 43px;line-height: 41px;margin: 0 18px;} .s-tab-ul li span{display: inline-block;padding: 0 10px;cursor: pointer;} .s-tab-ul li.on span{border-bottom: 5px solid #000;} .tab-address h3{font-size: 22px;font-weight: normal;margin-bottom: 10px;} .tab-address h4{font-size: 18px;font-weight: normal;line-height: 1.6em;margin-bottom: 10px;} .tab-address h4 b{font-size: 30px;color: #c7000b;} .tab-address p{padding-bottom: 10px;overflow: hidden;line-height: 24px;font-size: 14px;overflow: hidden;position: relative;} .tab-address p span{position: absolute;left:0;top:0;} .tab-address p em{display: inline-block;padding-left: 42px;} .message-dl{margin-top: 20px;} .message-dl dt{font-size: 22px;margin-bottom: 10px;} .message-dl dd{position: relative;margin-bottom: 10px;} .message-dl input,.message-dl textarea{color: #666;width: 100%;padding: 0 10px;border: 1px solid #000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .message-dl input{height: 48px;line-height: 48px \9;} .message-dl textarea{padding: 10px;height: 120px;} .message-dl .sbtn2{position: absolute;right: 0;bottom: 15px;background: #c7000b;color: #fff; width: 70px;height: 35px;text-align: center;border: 0;font-weight: bold;cursor: pointer;} /******************************* -------[=濂囩拹鐞嗚]------- ********************************/ .s-ban2 div{height: 700px;width: 100%;text-align: center;position: relative;} .s-ban2 div .tt1{position: absolute;width: 100%;left:0;top:50%;font-size: 18px;margin-top: -14px;} .fix-bg{ background-repeat: no-repeat !important; background-attachment: fixed !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .s-ban2 .st3{position: absolute;left: 0;top: 50%;width: 100%;} .st3{color: #fff;text-align: center;font-size: 24px;font-family: 'Arial';text-transform: uppercase;} .st3 em{font-size: 18px;text-transform: capitalize;display: block;font-weight: normal;} .s-trend{font-size: 14px;line-height: 2;color: #444;background: #f2f2f2;text-align: center;padding: 90px 0 120px 0;} .s-trend p{padding: 10px 0;} .st4{font-size: 36px;font-weight: normal;margin-bottom: 10px;color: #000;} .trend-ul{display: inline-block;overflow: hidden;margin-top: 20px;} .trend-ul li{float: left;border: 1px solid #000;width: 140px;height: 140px;text-align: center;line-height: 140px;font-size: 21px;margin: 0 20px;} .s-strategy{padding: 100px 0;background: #fff;text-align: center;} .s-strategy h2{font-size: 36px;font-weight: normal;} .s-strategy p{font-size: 14px;line-height: 22px;color: #444;} .s-made{height: 1000px;text-align: center;line-height: 2; background: url("../images/sbg2.jpg");background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; overflow: hidden;} .s-made .st4{padding-top: 500px;} .s-made p{padding: 10px 0;font-size: 14px;color: #fff;} .s-made .wp{overflow: hidden;} .s-made .sBox{width: 100%;padding-right: 20px;height: 1000px;overflow-y: auto;color: #fff;} .s-made .sBox .st4{color: #fff;} .more-btn,.more-btn2{color: #c7000b;display: inline-block;padding-right: 22px;} .more-btn{background: url("../images/more1.png") no-repeat right center;} .more-btn2{background: url("../images/more5.png") no-repeat right center;} .moreBox{display: none;padding: 20px 0;} .brand-t{text-align: center;font-size: 13px;line-height: 1.7;color: #fff;} .brand-t dt{text-transform: uppercase;font-family: 'Arial';padding-top: 10px;} .brand-t dd{padding-bottom: 10px;} .a-row4 .step .m-con{display: none;padding: 0 15px;} .a-row4 .step .m-con p{font-size: 14px;margin-bottom: 15px;position: relative;padding-left: 30px;} .a-row4 .step .m-con p b{display: inline-block;margin-right: 5px;font-size: 12px;font-weight: normal;font-size: 15px;position: absolute;left:0;top:0;line-height: 18px;} .s-strategy .tc{width: 100%;} .strategy-ul{padding-top: 80px;overflow: hidden;width: 100%;} .strategy-ul li{width: 33.333%;text-align: center;float: left;} .strategy-ul li div{display: inline-block;*display:inline;width: 184px;height: 184px;border: 1px solid #000;border-radius: 50%;text-align: center;overflow: hidden;} .strategy-ul li h4{font-size: 24px;padding-top: 40px;font-weight: normal;margin-bottom: 10px;} /*2015-06-18*/ .section{ transition: 1s; -ms-transition: 1s; -moz-transition: 1s; -webkit-transition: 1s; -o-transition: 1s; } .zoom{ -o-transform:scale(0.3); -ms-transform:scale(0.3); -moz-transform:scale(0.3); -webkit-transform:scale(0.3); transform:scale(0.3); transform-origin:50% 100%; } .swipe_tip { display: none; position: fixed; bottom: 0; left: 50%; width: 50px; height: 50px; margin-left: -25px; z-index: 999999; } .swipe_tip p { position: absolute; top: 50%; left: 50%; margin: -7px 0 0 -14px; width: 25px; height: 14px; background: url("../images/swipe_tip.png") no-repeat left top; background-size: 100% 100%; -webkit-animation: start 1.5s infinite ease-in-out; } @-webkit-keyframes start { 0% { opacity: 0; -webkit-transform: translate(0, 10px); } 30% { opacity: 0; -webkit-transform: translate(0, 10px); } 60% { opacity: 1; -webkit-transform: translate(0, 0); } 100% { opacity: 0; -webkit-transform: translate(0, -8px); } } /* 2018.12.11 **************************************************/ .banner{ overflow: hidden; } .banner .txt{ position: absolute; top: 50px; left: 0; right: 0; text-align: center; /*text-shadow: #333 0 0 3px;*/ color: #fff; } .banner .txt h2{ font-weight: normal; font-size: 55px; line-height: 1.4; } .banner .txt p{ font-weight: normal; font-size: 26px; } .banner .item{ position: relative; display: block; height: 702px; outline: none; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; } .banner .slick-dots{ position: absolute; bottom: 32px; left: 0; right: 0; text-align: center; font-size: 0; } .banner .slick-dots li{ display: inline-block; margin: 0 5px; } .banner .slick-dots li:first-child{ background: none; } .banner .slick-dots li button{ font-family: "Arial"; font-size: 0; width: 12px; height: 12px; color: #fff; border-radius: 50%; background-color: #fff; border: none; outline: none; cursor: pointer; padding: 0; } .banner .slick-dots li.slick-active button{ background-color: #c70124; } .banner .slick-arrow{ position: absolute; top: 50%; margin-top: -70px; width: 30px; height: 80px; font-size: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; border: 0; outline: none; cursor: pointer; z-index: 2; } .banner .slick-prev{ left: 13.5%; background-image: url(../images/q-prev.png); } .banner .slick-next{ background-image: url(../images/q-next.png); right: 13.5%; } .banner .slick-arrow:hover{ opacity: 0.8; } .index-row1{ overflow: hidden; padding: 74px 60px 0; } .q-tit1{ text-align: center; color: #000; } .q-tit1 h3{ font-weight: normal; font-size: 54px; margin-bottom: 3px; } .q-tit1 p{ font-size: 23px; } .q-list1{ padding: 70px 0 0; overflow: hidden; margin-right: -45px; margin-bottom: 24px; } .q-list1 li{ float: left; width: 33.33%; } .q-list1 .inner{ display: block; margin: 0 45px 52px 0; } .q-list1 .inner:hover{ color: #000; } .q-list1 .pic{ position: relative; padding-top: 66.6%; margin-bottom: 11px; overflow: hidden; } .q-list1 .pic:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/lu.png) no-repeat center; background-color: rgba(0, 0, 0, 0.6); opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .q-list1 .pic img{ position: absolute; top: 0; left: 0; width: 100%; /*height: 100%;*/ } .q-list1 p{ font-size: 24px; line-height: 1.2; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 56px; } .q-list1 .inner:hover .pic:after{ opacity: 1; } .g-more{ display: block; margin: 0 auto; width: 160px; height: 40px; font-size: 24px; line-height: 40px; text-align: center; border: 1px solid #000; border-radius: 6px; } .g-more span{ display: inline-block; vertical-align: top; padding-right: 22px; background: url(../images/q-arrow.png) no-repeat right center; } .g-more:hover span{ border-color: #c7000b; background: url(../images/q-arrow-on.png) no-repeat right center; } .index-row2{ overflow: hidden; padding: 50px 40px 0; } .slick-news{ padding: 48px 0 78px; } .slick-news .item{ display: block; padding: 20px; background-color: #efefef; margin: 0 20px; outline: none; } .slick-news .pic{ position: relative; padding-top: 61%; overflow: hidden; } .slick-news .pic:after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background: url(../images/lu.png) no-repeat center; */ background-color: rgba(0, 0, 0, 0.6); -webkit-background-size: 150px auto; background-size: 150px auto; opacity: 0; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .slick-news .item:hover .pic:after{ opacity: 1; } .slick-news .pic img{ position: absolute; top: 0; left: 0; width: 100%; /*height: 100%;*/ -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .slick-news .txt{ padding: 7px 0 0; } .slick-news .txt h4{ font-size: 15px; display: block; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } /* .slick-news .item:hover .txt h4{ color: #c7000b; } */ .slick-news .txt .time{ font-size: 12px; color: #000; } .slick-news .txt p{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 13px; color: #000; } .slick-news .slick-dots{ position: absolute; bottom: 36px; left: 0; right: 0; text-align: center; font-size: 0; } .slick-news .slick-dots li{ display: inline-block; margin: 0 5px; } .slick-news .slick-dots li:first-child{ background: none; } .slick-news .slick-dots li button{ padding: 0; font-family: "Arial"; font-size: 0; width: 12px; height: 12px; color: #fff; border-radius: 50%; background-color: #e3e3e3; border: none; outline: none; cursor: pointer; } .slick-news .slick-dots li.slick-active button{ background-color: #c70124; } .index-row3{ position: relative; padding: 62px 0 650px; background-repeat: no-repeat; background-position: bottom center; -webkit-background-size: cover; background-size: cover; } .index-row3 .btn{text-align: center;width: 100%;position: absolute;left:0;top:490px;} .index-row3 .btn a{margin: 0 20px 0 60px;padding-top: 120px;font-size: 18px;color: #fff;-o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s;} .index-row3 .btn a:hover{color: #e60012;} .index-row3 .btn a.a1{background: url("../images/y1.png") no-repeat center top;} .index-row3 .btn a.a2{background: url("../images/y2.png") no-repeat center top;} .index-row3 .btn a.a1:hover{background: url("../images/y1-h.png") no-repeat center top;} .index-row3 .btn a.a2:hover{background: url("../images/y2-h.png") no-repeat center top;} .fd-row2 .count{ float: right; margin-top: 5px; } .fd-row2 .count a{ margin-left: 3px; }