blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,textarea,ul{margin:0;padding:0} table{border-collapse:collapse;border-spacing:0} abbr,acronym,fieldset,img{border:0} ol,ul{list-style:none} caption,th{text-align:left} q:after,q:before{content:''} .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} .col-c,.col-l,.col_c,.col_l,.l{float:left} .col-r,.col_r,.r,.ul-txt li span,.ul_txt li span,dt span{float:right} .c{clear:both} .n,em{font-weight:400;font-style:normal} .b{font-weight:700} .i{font-style:italic} .fa{font-family:Arial} .fg{font-family:Georgia} .ft{font-family:Tahoma} .fl{font-family:Lucida Console} .fs{font-family:'宋体'} .fw{font-family:'微软雅黑'} .tc{text-align:center} .tr{text-align:right} .tl{text-align:left} .tdu{text-decoration:underline} .tdn,.tdn:hover,a.tdl:hover{text-decoration:none} .fc0{color:#000} .fc3{color:#333} .fc6{color:#666} .fc9{color:#999} .fcr{color:red} .fcw{color:#fff} .fcb{color:#00f} .fcg{color:green} .f0{font-size:0} .f10{font-size:10px} .f12{font-size:12px} .f13{font-size:13px} .f14{font-size:14px} .f16{font-size:16px} .f20{font-size:20px} .f24{font-size:24px} .vm{vertical-align:middle} .vtb{vertical-align:text-bottom} .vt{vertical-align:top} .vn{vertical-align:-2px} .vimg{margin-bottom:-3px} .m0{margin:0} .ml0{margin-left:0} .ml5{margin-left:5px} .ml10{margin-left:10px} .ml20{margin-left:20px} .mr0{margin-right:0} .mr5{margin-right:5px} .mr10{margin-right:10px} .mr20{margin-right:20px} .mt5{margin-top:5px} .mt10{margin-top:10px} .mt20{margin-top:20px} .mb5{margin-bottom:5px} .mb10{margin-bottom:10px} .mb20{margin-bottom:20px} .ml-1{margin-left:-1px} .mt-1{margin-top:-1px} .p1{padding:1px} .pl5{padding-left:5px} .p5{padding:5px} .pt5{padding-top:5px} .pr5{padding-right:5px} .pb5{padding-bottom:5px} .p10{padding:10px} .pl10{padding-left:10px} .pt10{padding-top:10px} .pr10{padding-right:10px} .pb10{padding-bottom:10px} .p20{padding:20px} .pl20{padding-left:20px} .pt20{padding-top:20px} .pr20{padding-right:20px} .pb20{padding-bottom:20px} .pr,.rel{position:relative} .abs,.pa{position:absolute} .dn{display:none} .db{display:block} .dib{-moz-inline-stack:inline-block;display:inline-block} .di{display:inline} .ovh{overflow:hidden} .ovs{overflow:scroll} .vh{visibility:hidden} .vv{visibility:visible} .lh14{line-height:14px} .lh16{line-height:16px} .lh18{line-height:18px} .lh20{line-height:20px} .lh22{line-height:22px} .lh24{line-height:24px} .fix{*zoom:1} .fix:after,.fix:before{display:block;content:"clear";height:0;clear:both;overflow:hidden;visibility:hidden} .z{_zoom:1} .h1{height:1px} .h5{height:5px} .h,.h10{height:10px} .h15{height:15px} .h20{height:20px} .h,.h1,.h10,.h15,.h20,.h5{font-size:0;line-height:0;overflow:hidden;clear:both} body{font:12px/1.5 Regular,"微软雅黑","Microsoft Yahei";color:#444;overflow-x:hidden;overflow-y:auto; padding-top:125px;-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; } a{text-decoration:none;color:#444} a:hover{color:#f60} img{max-width:100%;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} input,select,textarea{font-size:12px;color:#444;font-family:Regular,"微软雅黑","Microsoft Yahei";outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} input[type=button],input[type=reset],input[type=submit],select{-webkit-appearance:none;-moz-appearance:none;appearance:none} input[type=button],input[type=reset],input[type=submit]{cursor:pointer} ::-webkit-input-placeholder{color:#999} ::-moz-placeholder{color:#999} ::-ms-input-placeholder{color:#999} select::-ms-expand{display:none} input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none} .ani{transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .wp{width:85%;max-width:1600px;margin:0 auto} .wp2{width:100%;max-width:1400px;margin:0 auto} .h50{height:50px;clear:both;overflow:hidden} .h100{height:100px;clear:both;overflow:hidden} *{outline:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box} /*!字体*/ /*@font-face{font-family:Regular;src:url(../fonts/SourceHanSansCN-Regular.otf)} @font-face{font-family:Normal;src:url(../fonts/SourceHanSansCN-Normal.otf)} @font-face{font-family:Light;src:url(../fonts/SourceHanSansCN-Light.otf)} @font-face{font-family:Medium;src:url(../fonts/SourceHanSansCN-Medium.otf)} @font-face{font-family:Bold;src:url(../fonts/SourceHanSansCN-Bold.otf)} @font-face{font-family:FuturaPT;src:url(../fonts/FuturaPTHeavy.ttf)}*/ @font-face{font-family:MyriadPro-Bold;src:url(../fonts/MyriadPro-Bold.otf)} @font-face{font-family:impact;src:url(../fonts/Impact.ttf)} @font-face{font-family:Avenir;src:url(../fonts/AvenirNextCondensed.otf)} @font-face{font-family:arialB;src:url(../fonts/Arial-Black.ttf)} .header{position:fixed;left:0;right:0;top:0;z-index:100;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.1);height:125px;padding:0 47px;z-index: 101;} .header .con-top{position:absolute;right:0;top:0;height:36px;background:url(../images/img14.png) left center no-repeat;-webkit-background-size:100% 100%;background-size:100% 100%;padding:0 47px 0 79px} .header .con-bot{padding-top:59px} .hdr{float:right} .hd-info{float:left;font-family:Normal;font-size:14px;color:#fff;line-height:36px} .hd-info i{display:inline-block;vertical-align:middle;width:1px;height:13px;background:#fff;opacity:.3;filter:alpha(opacity=30);margin:-2px 42px 0} .hd-info img{display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:12px} .header .lang{float:left;font-family:Normal;font-size:14px;color:#fff;line-height:36px;text-transform:uppercase;position:relative;text-align:center;background:url(../images/img13.png) right center no-repeat;padding-right:18px} .header .lang img{display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:7px} .header .lang a{display:block;color:inherit} .header .lang a:hover{text-decoration:underline} .header .lang .con{position:absolute;left:0;right:0;top:100%;z-index:5;background:#e77610;box-shadow:0 0 3px rgba(0,0,0,.2);display:none} .header .lang:hover .con{display:block} .logo{float:left;height:125px;line-height:125px} .logo img{display:inline-block;vertical-align:middle;margin-top:-2px} .m-soBox{float:right;width:280px;position:relative;border:1px solid #d6d6d6;-webkit-border-radius:0 16px 0 16px;-moz-border-radius:0 16px;border-radius:0 16px;overflow:hidden} .m-soBox .inp{width:100%;height:41px;padding:0 93px 0 24px;background:#fff;border:none;font-size:14px;color:#333;line-height:41px} .m-soBox .inp::-webkit-input-placeholder{color:rgba(40,40,40,.4)} .m-soBox .inp::-moz-placeholder{color:rgba(40,40,40,.4)} .m-soBox .inp::-ms-input-placeholder{color:rgba(40,40,40,.4)} .m-soBox .sub{display:block;width:92px;height:41px;background:#e77610;border:none;cursor:pointer;position:absolute;right:0;top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;font-size:14px;color:#fff;line-height:41px;text-align:center} .m-soBox .sub img{display:inline-block;vertical-align:middle;margin-top:-2px} .m-soBox .sub i{display:inline-block;vertical-align:middle;margin:-2px 8px 0;width:1px;height:16px;background:rgba(255,255,255,.43)} .m-soBox .sub:hover{opacity:.8;filter:alpha(opacity=80)} .nav{float:left;margin-right:20px} .nav li{float:left;position:relative} .nav .v1{display:block;font-family:Medium;font-size:18px;color:#333;line-height:46px;text-align:center;padding:0 20px 20px} .nav .v1:before{content:"";position:absolute;right:0;top:17px;width:1px;height:13px;background:#e77610;opacity:.2;filter:alpha(opacity=20)} .nav li:last-child .v1:before{display:none} .nav .v1:after{content:"";position:absolute;left:5px;right:5px;bottom:-1px;height:3px;background:#e77610;display:none} .nav li.on .v1:after,.nav li:hover .v1:after{display:block} .nav dl{position: absolute;width: 160px;top: 100%;left: 50%; margin-left: -80px;background: rgba(0,0,0,.37);display: none; } .nav dd a{padding: 8px 10px;line-height: 22px;text-align: center;font-size: 14px; color: #fff;display: block;position: relative; } .nav dd a:after{content: '';position: absolute;left: 4px;right: 4px; bottom: 0; height: 1px;background-color: rgba(204,204,204,.22); } .nav dd:hover a,.nav dd.ok a{background-color: #ee780f;} .menuBtn{width:30px;cursor:pointer;position:absolute;right:10px;top:50%;z-index:9;padding-top:4px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:none} .menuBtn b{display:block;height:3px;background-color:#e77610;margin-bottom:5px;border-radius:2px;transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s} .menuBtn.open b{display:none;margin:0;position:absolute;left:0;top:50%;width:30px} .menuBtn.open b:first-child{display:block;transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg)} .menuBtn.open b:last-child{display:block;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .banner{overflow:hidden;position:relative} .banner .slick-list,.banner .slick-slide,.banner .slick-slider,.banner .slick-track{height:100%} .banner .slick-slide{outline:0;position:relative;background-position:center center;background-repeat:no-repeat;-o-background-size:cover;-ms-background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover} .banner .slick-next,.banner .slick-prev{position:absolute;top:50%;margin-top:-25px;overflow:hidden;width:45px;height:50px;font-size:0;line-height:0;z-index:9;background-repeat:no-repeat;background-position:center center;-o-background-size:auto 50px;-ms-background-size:auto 50px;-moz-background-size:auto 50px;-webkit-background-size:auto 50px;background-size:auto 50px} .banner .slick-prev{left:50%;margin-left:-645px;background-image:url(../images/arr-l.png)} .banner .slick-next{right:50%;margin-right:-645px;background-image:url(../images/arr-r.png)} .banner .slick-dots{position:absolute;left:8.333%;bottom:53px;text-align:center;z-index:9} .banner .slick-dots li{display:inline-block;margin:0 2px} .banner .slick-dots li button{display:block;width:12px;height:12px;font-size:0;line-height:0;text-indent:999px;background-color:#fff;border-radius:6px;padding:0;border:none;cursor:pointer} .banner .slick-dots li.slick-active button{background-color:#e77610;width:27px} .banner .pic{height:0;padding-top:40.26%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover} .footer{background:#252629} .footer .con-top{overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1);padding:56px 0 49px} .footer .con-top .col-l{width:30.75%} .footer .con-top .col-c{width:39.8%;padding-left:8.6%;position:relative} .footer .con-top .col-c:after{content:'';position:absolute;left:0;top:0;width:1px;height:159px;background:#3b3c3f} .footer .con-top .col-c:before{content:'';position:absolute;right:0;top:0;width:1px;height:159px;background:#3b3c3f} .footer .con-top .col-r{width:23%} .footer .con-bot{padding:12px 0} .f-share a{display:inline-block;vertical-align:middle;width:24px!important;height:24px!important;background:rgba(255,255,255,.1);border-radius:50%;background-position:center center!important;background-repeat:no-repeat!important;margin:0 12px 0 0!important;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .f-share a:hover{background-color:rgba(255,255,255,.2)} .f-share .img-sina{background-image:url(../images/img3.png)} .f-share .img-qq{background-image:url(../images/img4.png)} .f-share .img-wx{background-image:url(../images/img5.png)} .bd_weixin_popup .bd_weixin_popup_main{padding-top:10px!important;padding-bottom:10px!important} .f-logo{margin-bottom:19px} .f-nav{overflow:hidden} .f-nav .item{float:left;/*width:90px*/;margin-right:38px} .f-nav a{font-size:14px;color:rgba(255,255,255,.6);line-height:35px;display:block;border-bottom:1px solid #3b3c3f} .f-nav .item a:last-child{border:none} .f-nav a:hover{color:#fff} .f-ma{float:right;overflow:hidden;margin-bottom:19px;padding-top:4px} .f-ma .pic{float:left;width:87px;margin-left:29px;font-size:14px;color:rgba(255,255,255,.6);line-height:24px;text-align:center} .f-ma .pic img{display:block;width:100%;margin-bottom:3px} .f-so{float:right;width:323px;position:relative} .f-so .inp{width:100%;height:38px;padding:0 65px 0 27px;background:#3b3c3f;border:none;font-size:14px;color:#fff;line-height:38px} .f-so .inp::-webkit-input-placeholder{color:rgba(255,255,255,.4)} .f-so .inp::-moz-placeholder{color:rgba(255,255,255,.4)} .f-so .inp::-ms-input-placeholder{color:rgba(255,255,255,.4)} .f-so .sub{display:block;width:65px;height:38px;background:url(../images/img9.png) center center no-repeat #e77611;border:none;cursor:pointer;position:absolute;right:0;top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .f-so .sub:hover{opacity:.8;filter:alpha(opacity=80)} .f-cont{font-size:14px;color:rgba(255,255,255,.6);line-height:24px;padding-bottom:14px;padding-top:8px} .f-cont p{overflow:hidden;margin-bottom:5px} .f-cont p span{display:block;float:left} .f-cont p em{display:block;overflow:hidden} .f-cont .tel img,.f-cont p img{display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:8px} .f-cont .tel{color:#fff;font-size:18px;margin-bottom:25px} .f-copy{font-size:13px;color:rgba(255,255,255,.41);line-height:23px;text-align:center} .f-copy a{color:inherit} .f-copy a:hover{color:#fff} .f-copy span{margin:0 5px} .m-float{position:fixed;right:0;top:30%;z-index:100;width:50px} .m-float li{position:relative;width:50px;height:47px;background:rgba(0,0,0,.5);-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;margin:2px 0;text-align:center;line-height:47px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .m-float .con{display:block;width:100%;height:100%} .m-float .pic{width:120px;position:absolute;right:100%;top:0;display:none;box-shadow:0 0 5px rgba(0,0,0,.2)} .m-float .pic img{display:block;width:100%;height:auto} .m-float li:hover .pic{display:block} .m-float .icon{display:inline-block;vertical-align:middle;cursor:pointer;width:35px;height:35px;background-repeat:no-repeat;background-position:center center;border:1px solid rgba(255,255,255,.2);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;margin-top:-3px} .m-float li:hover{background:rgba(0,0,0,.7)} .m-float .tel{position:absolute;right:0;top:0;z-index:5;width:211px;background:#e77610;font-size:20px;color:#fff;line-height:47px;text-align:center;font-weight:700;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px;display:none} .m-float .tel img{display:inline-block;vertical-align:middle;margin-top:-2px;margin-right:4px} .m-float li:hover .tel{display:block} .m-float .go-top .icon{border-color:transparent} .m-notice{position:fixed;left:0;top:0;z-index:999;width:100%;height:100%;overflow:hidden;background:rgba(0,0,0,.2);font-size:16px;color:#000;line-height:28px} .m-notice .inner{position:absolute;left:0;top:20%;right:0;margin:0 auto;width:617px;background:#fff;padding:27px 35px 43px} .m-notice .tit{font-size:30px;color:#e57625;font-weight:700;text-align:center;line-height:2;padding-bottom:25px;border-bottom:1px solid #e5e5e5;margin-bottom:30px} .m-notice p em{color:#e57625} .m-notice .name{text-align:right;padding-top:33px} .m-notice .con{padding:0 30px} .m-notice .close{display:block;width:30px;height:30px;background:url(../images/img19.png) center center no-repeat;cursor:pointer;position:absolute;right:7px;top:5px;z-index:5} /*!公用*/ .g-titq1:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .g-titq1.center{text-align:center} .g-titq1 .en{display:block;font-size:160px;color:#000;line-height:1em;text-transform:uppercase;font-family:FuturaPT,"微软雅黑";opacity:.03;filter:alpha(opacity=3);filter:alpha(Opacity=3);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=3)';overflow:hidden} .g-titq1 h3{font-size:48px;color:#222;line-height:1.5em;font-weight:400;font-family:Bold,"微软雅黑";position:relative;padding-bottom:23px;margin-top:-112px;overflow:hidden} .g-titq1 h3:after{content:'';width:36px;height:3px;background-color:#333;position:absolute;left:0;bottom:0} .g-titq1.center h3:after{right:0;margin:0 auto} .g-titq1 h3 em{color:#e77610} .g-titq1 span{display:block;font-size:18px;color:#e77611;line-height:1.5em;margin-top:5px;overflow:hidden} /*!首页*/ .row-a1{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:118px 0 108px;overflow:hidden} .row-a1 .box{position:relative} .row-a1 .box:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .row-a1 .box .g-titq1{position:absolute;top:-40px;left:0;right:0;z-index:1} .row-a1 .g-titq1 h3{font-family:Medium,"微软雅黑";padding-bottom:0;margin-top:-86px} .row-a1 .g-titq1 h3:after{display:none} .row-a1 .right{float:right;width:49.625%;position:relative;z-index:2;margin-left:75px} .row-a1 .right:after{content:'';width:100%;background-color:#e77610;opacity:.1;filter:alpha(opacity=10);filter:alpha(Opacity=10);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)';position:absolute;top:24px;right:-20px;bottom:-24px;left:20px;z-index:-1} .row-a1 .video{height:0;padding-top:75%;background-color:#000;position:relative} .row-a1 .video video{display:block;width:100%;height:auto;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} .row-a1 .mask{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden} .row-a1 .mask img{display:block;width:100%;height:auto} .row-a1 .mask .play{display:block;cursor: pointer;width:97px;height:97px;background:url(../images/iconq1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .row-a1 .txt{padding-top:180px} .row-a1 .desc{font-size:18px;color:#666;line-height:1.67em;font-family:Normal,"微软雅黑";overflow:hidden} .row-a1 .desc p b{color:#333;font-weight:400;font-family:Medium,"微软雅黑"} .row-a1 .desc p em{color:#e77610;font-family:Medium,"微软雅黑"} .row-a1 .txt .more{display:block;width:218px;height:57px;font-size:18px;color:#fff;line-height:57px;text-align:center;font-family:Medium,"微软雅黑";background-color:#e77610;-webkit-box-shadow:0 9px 16px rgba(231,118,16,.24);-moz-box-shadow:0 9px 16px rgba(231,118,16,.24);-ms-box-shadow:0 9px 16px rgba(231,118,16,.24);-o-box-shadow:0 9px 16px rgba(231,118,16,.24);box-shadow:0 9px 16px rgba(231,118,16,.24);margin-top:56px;overflow:hidden} .row-a1 .txt .more:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'} .row-a1 .txt .more i{display:inline-block;vertical-align:middle;width:30px;height:30px;background:url(../images/iconq2.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin-left:11px;margin-top:-2px} .row-a2{background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;padding:35px 0 20px;overflow:hidden} .row-a2 .g-titq1 .en{color:#222} .row-a2 .box{position:relative;margin-top:-16px} .row-a2 .box:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .row-a2 .cen{display:block;width:502px;height:502px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;position:absolute;top:0;left:0;right:0;bottom:0;margin:75px auto;overflow:hidden} .row-a2 .cen .txt{width:58.57%;position:absolute;top:50%;left:0;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);color:#fff;margin:21px auto 0;overflow:hidden} .row-a2 .cen .pic{width:117px;height:auto;margin:0 auto 18px;overflow:hidden} .row-a2 .cen .pic img{display:block;width:100%;height:auto} .row-a2 .cen h3{font-size:30px;line-height:1.33em;font-weight:400;font-family:Medium,"微软雅黑";text-align:center;margin-bottom:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .row-a2 .cen .desc{height:6.52em;font-size:16px;line-height:1.63em;text-align:center;overflow:hidden} .row-a2 .cen .more{display:block;width:142px;height:44px;font-size:18px;color:#fff;line-height:40px;text-align:center;border:2px solid #fff;border-radius:23px;margin:30px auto 0;overflow:hidden} .row-a2 .cen .more:hover{background-color:#e77610} .ul-imgtxtq1{background-repeat:no-repeat;background-position:50% 24%;margin:0 -30px} .ul-imgtxtq1:after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .ul-imgtxtq1 li{float:left;width:18%;padding:0 30px;margin-bottom:20px} .ul-imgtxtq1 .li2,.ul-imgtxtq1 .li6{margin-right:14%} .ul-imgtxtq1 .li3,.ul-imgtxtq1 .li7{margin-left:14%} .ul-imgtxtq1 .con{display:block;height:368px} .ul-imgtxtq1 .li2 .con,.ul-imgtxtq1 .li3 .con{padding-top:93px} .ul-imgtxtq1 .li5 .con,.ul-imgtxtq1 .li8 .con{padding-top:97px} .ul-imgtxtq1 .pic{width:143px;height:143px;border-radius:50%;background-color:#fff;-webkit-box-shadow:0 2px 16px rgba(0,0,0,.08);-moz-box-shadow:0 2px 16px rgba(0,0,0,.08);-ms-box-shadow:0 2px 16px rgba(0,0,0,.08);-o-box-shadow:0 2px 16px rgba(0,0,0,.08);box-shadow:0 2px 16px rgba(0,0,0,.08);margin:0 auto 20px;overflow:hidden} .ul-imgtxtq1 .pic img{display:block;width:100%;height:100%} .ul-imgtxtq1 a:hover .pic img{-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)} .ul-imgtxtq1 .txt{overflow:hidden} .ul-imgtxtq1 h3{font-size:20px;color:#222;line-height:1.3em;text-align:center;font-weight:400;margin-bottom:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ul-imgtxtq1 a:hover h3{color:#e77610} .ul-imgtxtq1 .desc{height:5.25em;font-size:14px;color:#777;line-height:1.75em;text-align:center;overflow:hidden} .g-titq1.qm .en{margin-left:-40px} .row-a1 .txt .more,.row-a2 .cen .more,.ul-imgtxtq1 .pic img,.ul-imgtxtq1 h3{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .row-a4{padding-top:26px;overflow:hidden;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .m-newsl{position:relative;padding-top:37px;margin-bottom:26px} .ul-listl1{overflow:hidden;position:absolute;right:0;top:-78px;font-size:30px;line-height:1.5em;color:#222} .ul-listl1 li{display:inline-block;vertical-align:middle;margin:0 20px;color:rgba(34,34,34,.6);font-family:Medium,"微软雅黑";position:relative;padding:14px 0;cursor:pointer} .ul-listl1 li.on{color:rgba(34,34,34,1)} .ul-listl1 li.on::after{content:"";position:absolute;left:0;width:100%;bottom:7px;height:2px;background-color:#e77610} .ul-listl1 li.on::before{content:"";position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:8px;height:8px;background-color:#e77610;border:3px solid #f4f8f9;bottom:0;border-radius:50%;z-index:1} .m-newsl .news::after,.m-newsl::after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .m-newsl .left{overflow:hidden;width:65.625%;float:left} .m-newsl .news{margin-bottom:43px} .m-slickl1{overflow:hidden;width:100%;background-color:#fff;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .m-slickl1 .item{overflow:hidden;position:relative} .m-slickl1 .item .pic{width:652px;overflow:hidden} .m-slickl1 .item .pic .img{position: relative;height: 0;padding-top: 89%;overflow: hidden;} .m-slickl1 .item .pic img{display:block;width:100%;height: 100%;position: absolute;top: 0;left: 0;} .m-slickl1 .item .txt{position:absolute;top:0;bottom:0;right:0;left:652px;border:2px solid #f4f4f4;border-left:none;padding:64px 49px 0 59px} .m-slickl1 .txt .date{font-size:22px;color:#e77610;line-height:1.5em;font-family:Bold,"微软雅黑";overflow:hidden;margin-bottom:72px} .m-slickl1 .txt .date em{display:inline-block;vertical-align:middle;width:21px;height:21px;background:url(../images/iconl1.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 10px 0 0} .m-slickl1 .txt .tit a{display:block;font-family:Medium,"微软雅黑";overflow:hidden;font-size:30px;color:#222;line-height:1.33em;font-weight:400;margin-bottom:32px;max-height:2.66em} .m-slickl1 .txt .tit a:hover{color:#e77610} .m-slickl1 .txt .desc{font-size:16px;color:#666;line-height:1.75em;overflow:hidden;max-height:7em;margin-bottom:74px} .m-slickl1 .txt .icon{display:block;width:40px;height:40px;line-height:38px;text-align:center;border:1px solid #e77610;border-radius:50%;background:url(../images/iconl2.png) center center no-repeat;-webkit-background-size:15px auto;-moz-background-size:15px auto;-ms-background-size:15px auto;-o-background-size:15px auto;background-size:15px auto} .m-slickl1 .txt .icon:hover{background-image:url(../images/iconl2-1.png);background-color:#e77610} .m-slickl1 .slick-dots{position:absolute;left:39px;bottom:41px;z-index:9} .m-slickl1 .slick-dots li{display:inline-block;margin:0 4px} .m-slickl1 .slick-dots li button{display:block;width:34px;height:2px;font-size:0;color:#fff;background:rgba(255,255,255,.3);border:none;cursor:pointer;overflow:hidden;text-indent:999px;padding:0} .m-slickl1 .slick-dots li.slick-active button{background:#fff} .m-newsl .right{width:34.375%;float:right} .ul-listl2{position:relative} .ul-listl2::after{content:'';display:block;clear:both;visibility:hidden;width:100%;height:0} .ul-listl2::before{content:"";position:absolute;top:0;height:100%;left:44px;width:2px;background-color:#e9eae9} .ul-listl2 li{padding-left:90px;margin-bottom:44px;position:relative} .ul-listl2 li:last-child{margin-bottom:0} .ul-listl2 .con{display:block;width:100%;overflow:hidden;background-color:#fff} .ul-listl2 .con .icon{position:absolute;top:50%;left:38px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:block;width:13px;height:13px;border-radius:50%;background-color:#b6b6b6} .ul-listl2 .con .icon::after{content:"";position:absolute;top:-6px;left:-6px;width:25px;height:25px;background-color:rgba(231,118,17,0);border-radius:50%} .ul-listl2 .pic{width:185px;float:left;overflow:hidden} .ul-listl2 .pic img{display:block;width:100%;height:100%} .ul-listl2 .con .txt{overflow:hidden;padding:46px 37px 34px 34px} .ul-listl2 .con .txt .tit{font-size:18px;color:#222;line-height:1.33em;overflow:hidden;max-height:2.66em;margin-bottom:10px;font-family:Medium,"微软雅黑";font-weight:400} .ul-listl2 .con .txt .date{font-size:16px;color:#666;line-height:1.5em;overflow:hidden} .ul-listl2 .con .txt .date em{display:inline-block;vertical-align:middle;margin:-2px 4px 0 0;width:14px;height:14px;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background:url(../images/iconl3.png) center center no-repeat} .ul-listl2 .con:hover{-webkit-box-shadow:17px 21px 21px rgba(0,0,0,.1);-moz-box-shadow:17px 21px 21px rgba(0,0,0,.1);-ms-box-shadow:17px 21px 21px rgba(0,0,0,.1);-o-box-shadow:17px 21px 21px rgba(0,0,0,.1);box-shadow:17px 21px 21px rgba(0,0,0,.1)} .ul-listl2 .con:hover .icon{background-color:#e77611} .ul-listl2 .con:hover .icon::after{background-color:rgba(231,118,17,.2)} .m-newsl .btn{display:block;margin:0 auto;width:217px;height:57px;background-color:#e77610;font-size:18px;color:#fff;text-align:center;line-height:57px;font-family:Medium,"微软雅黑";-webkit-box-shadow:9px 0 16px rgba(231,118,16,.24);-moz-box-shadow:9px 0 16px rgba(231,118,16,.24);-ms-box-shadow:9px 0 16px rgba(231,118,16,.24);-o-box-shadow:9px 0 16px rgba(231,118,16,.24);box-shadow:9px 0 16px rgba(231,118,16,.24)} .m-newsl .btn em{display:inline-block;vertical-align:middle;width:22px;height:15px;background:url(../images/iconl4.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;margin:-2px 0 0 15px} .m-newsl .btn:hover{opacity:.8} .row-a3{background-color:#ccc;overflow:hidden} .row-a3 .map-list{padding-top:161px;overflow:hidden;position:relative} .row-a3 .m-mapl{width:787px;overflow:hidden;margin:0 auto} .row-a3 .map{overflow:hidden;position:relative;} .row-a3 .right-map{width:100%;height: 712px; background:url(../images/bgl4-on.png) center center no-repeat; -webkit-background-size:cover;-moz-background-size:cover; -ms-background-size:cover;-o-background-size:cover;background-size:cover } /*.row-a3 .right-map .point-area{text-align:center;position:absolute;width:40px;height:40px;transition:opacity .5s ease-out}*/ .row-a3 .right-map .point-area{text-align:center;position:absolute;width:20px;height:20px;} .row-a3 .right-map .point-area:before{position:absolute;content:'';width:6px;height:6px;border-radius:50%;background:#fff; display:inline-block;margin-left:-3px;margin-top:-3px;top:50%;left:50% } .row-a3 .right-map .point{position:absolute;width:100%;height:100%} .row-a3 .right-map .point:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%; border:1px solid #fff;opacity:1 } /*.row-a3 .right-map .point.point-10:after{animation:4.5s ease-out 225ms infinite ripple} .row-a3 .right-map .point.point-40:after{animation:4.5s ease-out .9s infinite ripple}*/ .row-a3 .right-map .point.point-shadow:after{box-shadow:inset 0 0 5em rgba(0,205,236,.16)} @keyframes ripple{ 0%{opacity:0;transform:scale(.1)} 5%{opacity:1} to{opacity:0;transform:scale(1)} } @-moz-keyframes ripple{ 0%{opacity:0;transform:scale(.1)} 5%{opacity:1} to{opacity:0;transform:scale(1)} } @-ms-keyframes ripple{ 0%{opacity:0;transform:scale(.1)} 5%{opacity:1} to{opacity:0;transform:scale(1)} } @-webkit-keyframes ripple{ 0%{opacity:0;transform:scale(.1)} 5%{opacity:1} to{opacity:0;transform:scale(1)} } @-o-keyframes ripple{ 0%{opacity:0;transform:scale(.1)} 5%{opacity:1} to{opacity:0;transform:scale(1)} } .ul-listl-1{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;z-index:5} .ul-listl-1 li{color:#fff;font-size:14px;line-height:1.5em;text-align:center;position:absolute;cursor:pointer} .ul-listl-1 li em{display:block;margin:0 auto 5px;width:22px;height:22px;background:url(../images/iconl5.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover} .ul-listl-1 li.li1{left:68%;top:20%} .ul-listl-1 li.li2{left:67.5%;top:26%} .ul-listl-1 li.li3{left:69%;top:47.5%} .ul-listl-1 li.li4{left:58.5%;top:25.5%} .ul-listl-1 li.li5{left:53.5%;top:29%} .ul-listl-1 li.li6{left:52%;top:37%} .ul-listl-1 li.li7{left:51%;top:42%} .ul-listl-1 li.li8{left:55%;top:51.5%} .ul-listl-1 li.li8 em{float: left;margin-right: 5px;} .ul-listl-1 li.li9 em{float: left;margin-right: 5px;} .ul-listl-1 li.li9{left:58%;top:62%} .ul-listl-1 li.li10{left:44.5%;top:29%} .ul-listl-1 li.li10 em{display:inline-block;vertical-align:middle;margin-top:-2px 5px 0 0} .ul-listl-1 li.li11{left:37%;top:32.5%} .ul-listl-1 li.li12{left:48%;top:38%} .ul-listl-1 li.li2 em{float: left;} .ul-listl-1 li.li13{left:61%;top:26%} .ul-listl-1 li.li13 em{float: left;} .ul-listl-1 li.li14{left:79.5%;top:8.5%} .ul-listl-1 li.li14 em{float: left;margin-right: 5px;} .ul-listl-1 li.li15{left:83.5%;top:10.5%} .ul-listl-1 li.li15 em{float: left;margin-right: 5px;} .ul-listl-1 li.li16{left:83.5%;top:15.5%} .ul-listl-1 li.li16 em{float: left;margin-right: 5px;} .ul-listl-1 li.li17{left:55.5%;top:24.5%} .ul-listl-1 li.li17 em{float: left;margin-right: 5px;} .ul-listl-1 li.li18{left:42.5%;top:42.5%} .ul-listl-1 li.li18 em{float: right;margin-left: 5px;} .ul-listl-1 li.li19{left:57.5%;top:58.5%} .ul-listl-1 li.li19 em{float: left;margin-right: 5px;} .ul-listl-1 li.li20{left:59.5%;top:64.5%} .ul-listl-1 li.li20 em{float: left;margin-right: 5px;} .ul-listl-1 li.li21{left:65.5%;top:55.5%} .ul-listl-1 li.li22{left:69.5%;top:53.5%} .ul-listl-1 li.li22 em{float: left;margin-right: 5px;} .ul-listl-1 li.li23{left:69.5%;top:49.5%} .ul-listl-1 li.li23 em{float: left;margin-right: 5px;} .ul-listl-1 li.li24{left:77.5%;top:48.5%} .ul-listl-1 li.li24 em{float: right;margin-left: 5px;} .ul-listl-1 li.li25{left:76.5%;top:54.5%} .ul-listl-1 li.li25 em{float: left;margin-right: 5px;} .ul-listl-1 li.li26{left:81.5%;top:44.5%} .ul-listl-1 li.li26 em{float: left;margin-right: 5px;} .ul-listl-1 li.li27{left:75.5%;top:31.5%} .ul-listl-1 li.li27 em{float: left;margin-right: 5px;} .ul-listl-1 li.li28{left:81.5%;top:29.5%} .ul-listl-1 li.li28 em{float: left;margin-right: 5px;} .ul-listl-1 li.li29{left:67.5%;top:34.5%} .ul-listl-1 li.li29 em{float: left;margin-right: 5px;} .ul-listl-1 li.li30{left:69.5%;top:31.5%} .ul-listl-1 li.li30 em{float: left;margin-right: 5px;} .ul-listl-2{overflow:hidden;position:absolute;width:100%;height:100%;top:0;left:0;z-index:6} .ul-listl-2 li{position:absolute;cursor:pointer transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .ul-listl-2 li em{display:block;margin:0 auto 5px;width:36px;height:36px;background:url(../images/iconl7.png) center center no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-ms-background-size:cover;-o-background-size:cover;background-size:cover;z-index:3} .ul-listl-2 li.li1{left:71%;top:47%} .ul-listl-2 li.li2{left:59%;top:22%} .ul-listl-2 li.li3{left:44%;top:44.5%} .ul-listl-2 li.li4{left:54.2%;top:35.5%} .ul-listl-2 li.li2 em{background-image:url(../images/iconl6.png);z-index:1} .ul-listl-2 li.li3 em{background-image:url(../images/iconl8.png)} .ul-listl-2 li.li4 em{background-image:url(../images/iconl9.png)} /*.ul-listl-2 li::after{content:"";position:absolute;width:196px;height:127px;background:url(../images/iconl12.png) center center no-repeat;-webkit-background-size:100% auto;-moz-background-size:100% auto;-ms-background-size:100% auto;-o-background-size:100% auto;background-size:100% auto;bottom:-16px;left:12px;animation:2s ease-out 1s infinite ripplel1} .ul-listl-2 li.li2::after{background-image:url(../images/iconl13.png);bottom:auto;top:0;left:12px;height:267px} .ul-listl-2 li.li3::after{background-image:url(../images/iconl10.png);bottom:16px;left:auto;right:0;width:467px;height:222px} .ul-listl-2 li.li4::after{background-image:url(../images/iconl11.png);bottom:auto;left:auto;right:32px;top:28px;width:438px;height:238px}*/ .ul-listl-2 li:hover{-webkit-transform:translateY(-5px);-ms-transform:translateY(-5px);-o-transform:translateY(-5px);transform:translateY(-5px)} .ul-listl-3{position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;} .ul-listl-3 li{position: absolute;} .ul-listl-3 li.li1{width: 406px;height: 174px;top: 12%;right: 44%; background: url(../images/i-bor1-on.png) no-repeat right center; -o-background-size: 406px auto; -ms-background-size: 406px auto; -moz-background-size: 406px auto; -webkit-background-size: 406px auto; background-size: 406px auto; } .ul-listl-3 li.li2{width: 213px;height: 88px;top: 11%;left: 62%; background: url(../images/i-bor2.png) no-repeat left center; -o-background-size: 213px auto; -ms-background-size: 213px auto; -moz-background-size: 213px auto; -webkit-background-size: 213px auto; background-size: 213px auto; } .ul-listl-3 li.li3{width: 311px;height: 95px;top: 45%;right: 54%; background: url(../images/i-bor3-on.png) no-repeat right bottom; -o-background-size: 311px auto; -ms-background-size: 311px auto; -moz-background-size: 311px auto; -webkit-background-size: 311px auto; background-size: 311px auto; } .ul-listl-3 li.li4{width: 175px;height: 87px;top: 52%;left: 73%; background: url(../images/i-bor4-on.png) no-repeat left center; -o-background-size: 175px auto; -ms-background-size: 175px auto; -moz-background-size: 175px auto; -webkit-background-size: 175px auto; background-size: 175px auto; } /*.ul-listl-3 li .pic{height: 100%;position: absolute;top: 0;right: 0;}*/ @keyframes ripplel1{ 0%,to{opacity:.1} 50%{opacity:1} } @-moz-keyframes ripplel1{ 0%,to{opacity:.1} 50%{opacity:1} } @-ms-keyframes ripplel1{ 0%,to{opacity:.1} 50%{opacity:1} } @-webkit-keyframes ripplel1{ 0%,to{opacity:.1} 50%{opacity:1} } @-o-keyframes ripplel1{ 0%,to{opacity:.1} 50%{opacity:1} } .ul-listl-4{position:absolute;top:120px;left:0;width:100%;bottom:0} .ul-listl-4 li{position:absolute;top:0;overflow:hidden;width:28.6875%;height: 296px;} .ul-listl-4 li.li1{top:0;right:71%} .ul-listl-4 li.li2{top:0;left:68%} .ul-listl-4 li.li3{top:auto;right:71%;bottom:110px} .ul-listl-4 li.li4{top:auto;left:71%;bottom:110px} .ul-listl-4 .con{overflow:hidden;display:block;background:url(../images/imgl5.png) center center no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-ms-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%;padding:35px 40px 35px 38px} .ul-listl-4 .con .left{width:133px;float:left;margin-right:25px} .ul-listl-4 .con .pic{padding-top:169.924812%;height:0;position:relative;overflow:hidden} .ul-listl-4 .con .pic img{display:block;position:absolute;top:0;left:0;width:100%;height:100%} .ul-listl-4 .con .txt{overflow:hidden;overflow-y: auto;max-height: 249px; padding:14px 0; } .ul-listl-4 .con .txt::-webkit-scrollbar { width: 4px; } .ul-listl-4 .con .txt::-webkit-scrollbar-track { background: rgba(255,255,255,.5); } .ul-listl-4 .con .txt::-webkit-scrollbar-thumb { background: #e77610; } .ul-listl-4 .con .txt::-webkit-scrollbar-thumb:window-inactive { background: #e77610; } .ul-listl-4 .con .txt .tit{font-size:17px;color:#fff;line-height:1.5em;font-family:Medium,"微软雅黑";font-weight:400;margin-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .ul-listl-4 .con .info{font-size:14px;line-height:1.79em;overflow:hidden;color:rgba(255,255,255,.6);border-bottom:1px solid rgba(255,255,255,.1);font-family:Normal,"微软雅黑";padding-bottom:6px;margin-bottom:9px;position:relative} .ul-listl-4 .con .info::after{content:"";position:absolute;bottom:0;left:0;width:23px;height:2px;background-color:#e77610} .ul-listl-4 .con .info .desc{max-height:5.37em;overflow:hidden} .ul-listl-4 .con .contact{font-size:12px;line-height:1.5em;color:rgba(255,255,255,.6);font-family:Normal,"微软雅黑"} .m-newsl .btn,.m-slickl1 .txt .icon,.m-slickl1 .txt .tit a,.ul-listl-1 li,.ul-listl2 .con,.ul-listl2 .con .icon,.ul-listl2 .con .icon::after{-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s} .ban{height: 542px; background-position: center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .ban .wp{position: relative;height: 100%;} .ban .tit{color: #fff;position: absolute;left: 0;top: 53%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .ban .tit h2{font-size: 50px;margin-bottom: 5px;letter-spacing: 3px;} .ban .tit p{font-size: 30px;letter-spacing: 11px;} .g-tab1{overflow: hidden; background-color: #f4f8f9; } .g-tab1 ul{overflow: hidden;border-left: 1px solid #e8e9e9;} .g-tab1 li{float: left;width: 14.28%; border-right: 1px solid #e8e9e9; } .g-tab1 li a{display: block;height: 92px;line-height: 92px;text-align: center; font-size: 20px;color: #020202; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .g-tab1 li.on a,.g-tab1 li:hover a{background-color: #e77610;color: #fff;} .g-t1{text-align: center;position: relative;margin-top: 6px;} .g-t1 h2{position: absolute;left: 0;right: 0;top: 50%; font-size: 48px;color: #222; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .g-t1 h2 .yellow{color: #e77610;} .g-t1 em{font-size: 160px;color: rgba(34,34,34,.07); font-weight: bold;text-transform: uppercase;font-family:MyriadPro-Bold; } .m-course{overflow: hidden;margin-bottom: 54px;margin-top: 15px;} .m-course ul{position: relative;padding: 75px 0 25px;} .m-course ul:after{content: '';position: absolute;top: 3px;bottom: 0;left: 50%; width: 2px;background-color: #b2b2b2;margin-left: -1px; } .m-course ul:before{content: '';position: absolute;top: 0;left: 50%; width: 16px;height: 14px;margin-left: -8px; background: url(../images/i-03.png) no-repeat center center; } .m-course li{overflow: hidden;position: relative;padding: 34px 0;position: relative;z-index: 2;} .m-course .date{width: 50%;float: left;text-align: right;padding-right: 30px; font-family:impact;font-size: 36px;color: #e77610;line-height: 75px; } .m-course .con{width: 50%;float: right;padding-left: 68px;position: relative; height: 150px; } .m-course li:nth-child(2n) .date{float: right;text-align: left;padding-left: 30px;} .m-course li:nth-child(2n) .con{float: left;padding-right: 65px;text-align: right;} .m-course .txt{font-size: 16px;line-height: 25px;color: #3c3c3c; position: absolute;top: 50%;left: 65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-course li:nth-child(2n) .txt{left: auto;right: 65px;} .m-course li:after{content: '';position: absolute;top: 50%;left: 50%; width: 20px;height: 20px;border: 3px solid #b2b2b2; border-radius: 50%;background-color: #fff; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .m-course .con:after{content: '';position: absolute;top: 50%;left: 27px; width: 10px;height: 12px;margin-top: -6px; background-position: center;background-repeat: no-repeat; background-image: url(../images/i-01.png); } .m-course li:nth-child(2n) .con:after{left: auto;right: 26px; background-image: url(../images/i-02.png); } .m-course .slick-prev{display: none !important;} .m-course .slick-next{position: absolute;top: 0;left: 50%; width: 50px;height: 50px;border: 0;z-index: 3; margin-left: -25px;font-size: 0;text-indent: 9999px; background-color: transparent;cursor: pointer; } .g-t2{padding: 62px 0 27px;position: relative;} .g-t2 h2{font-size: 48px;color: #333;font-weight: normal;margin-bottom: 5px;} .g-t2 h2 span{color: #e77610;} .g-t2 em{font-size: 18px;color: #e77611;} .g-t2:after{content: '';position: absolute;left: 0;bottom: 0; width: 32px;height: 3px;background-color: #e77610; } .m-txt1{overflow: hidden;margin-bottom: 82px;} .m-txt1 .txt{font-size: 18px;line-height: 32px;color: #666;margin-top: 30px;} .m-txt1 .info{float: right;width: 480px;margin-left: 65px;margin-top: 7px;} .m-txt1 .info li{overflow: hidden;padding-bottom: 33px;margin-bottom: 33px; border-bottom: 1px solid #e5e5e5; } .m-txt1 .info .ico{float: right;width: 80px;height: 80px; background-position: center;background-repeat: no-repeat; } .m-txt1 .info strong{color: #e77610;font-size: 52px;line-height: 1.2;} .m-txt1 .info em{font-family:impact;} .m-txt1 .info i{width: 22px;height: 22px;text-align: center;line-height: 22px; display: inline-block;border-radius: 50%;font-size: 14px;color: #fff; background-color: #e77610;font-style: normal;font-weight: normal; vertical-align: middle;margin-left: 6px; } .m-txt1 .info p{font-size: 16px;color: #6f6f6f;} .m-txt1 .i1 .ico{background-image: url(../images/i-04.png);} .m-txt1 .i2 .ico{background-image: url(../images/i-05.png);} .m-txt1 .i3 .ico{background-image: url(../images/i-06.png);} .m-txt1 li:last-child{border-bottom: 0;} .m-txt1 .pic img{display: block;} .m-list1{overflow: hidden;margin: 0 -26px;padding-top: 10px;} .m-list1 li{width: 25%;float: left;margin-bottom: 56px;} .m-list1 .con{display: block;margin: 0 26px;padding: 28px 26px 0; border: 1px solid #e9e9e9;border-radius: 10px; background-color: #f6f6f6; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list1 .pic{padding-top: 70%;height: 0;position: relative;overflow: hidden; margin-bottom: 2px; } .m-list1 .pic img{position: absolute;top: 50%;left: 50%;max-width: 100%; max-height: 100% -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .m-list1 .ico{display: block;height: 82px; background: url(../images/i-07.png) no-repeat center center; } .m-list1 h3{padding: 10px 0;border-top: 1px solid #ddd;} .m-list1 h3 span{text-align: center;display: block; font-size: 16px;color: #3e3e3e;line-height: 24px;height: 48px; font-weight: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list1 .con:hover{border-color: #eda96c;} .m-list1 .con:hover h3{color: #e77610;} .g-btn1{display: block;margin: 35px auto 78px;height: 64px;width: 317px; border: 1px solid #e9e9e9;border-radius: 40px;text-align: center; line-height: 62px;font-size: 18px;color: #959292; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .g-btn1 i{display: inline-block;vertical-align: middle;margin-left: 33px; font-style: normal;position: relative;top: -1px; } .g-btn1:hover{border-color: #e77610;} .m-list2{overflow: hidden;margin: 0 -3px;} .m-list2 li{width: 15.7%;float: left; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list2 .con{margin: 0 3px;height: 443px; background-position: left center;background-repeat: no-repeat; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list2 .tit{float: left;width: 100%; text-align: center;padding-top: 155px; } .m-list2 .tit h3{line-height: 145px;font-size: 0;margin-bottom: 22px;} .m-list2 .tit h3 img{display: inline-block;vertical-align: middle;} .m-list2 .tit em{font-size: 22px;text-transform: uppercase;color: #fff; font-family:Avenir; } .m-list2 li.on{width: 37.2%;} .m-list2 li.on .tit{width: 38%;} .m-list2 li.on .desc{opacity: 1;} .m-list2 .txt{overflow: hidden;height: 100%;position: relative;} .m-list2 .desc{position: absolute;left: 0;right: 55px;top: 50%;text-align: justify; font-size: 16px;line-height: 31px;color: #fff;opacity: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .row-b1{padding-bottom: 90px;} .row-b2{padding-bottom: 108px;overflow: hidden; background: url(../images/bg-1.png) no-repeat center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-slider1{overflow: hidden; background-color: #fff; } .m-slider1 .col-l{width: 50%;} .m-slider1 .col-r{width: 50%;padding: 80px 80px 0 78px;} .m-slider1 .slick-arrow{position: absolute;bottom: 0;z-index: 2; width: 50px;height: 67px;font-size: 0;text-indent: 9999px; border: 0;background-color: transparent;cursor: pointer; background-position: center;background-repeat: no-repeat; } .m-slider1 .slick-prev{right: 50px;background-image: url(../images/i-l1.png);} .m-slider1 .slick-next{right: 0;background-image: url(../images/i-r1.png);} .m-slider1 .slick-prev:hover{background-image: url(../images/i-l1-on.png);} .m-slider1 .slick-next:hover{background-image: url(../images/i-r1-on.png);} .m-slider1 .txt h3{color: #0f0f0f;font-weight: normal;font-size: 16px; margin-bottom: 5px; } .m-slider1 .txt h3 span{font-family:impact;font-size: 30px;} .m-slider1 .txt{font-size: 16px;line-height: 27px;overflow-y: auto; max-height: 420px;padding-right: 20px; } .m-slider1 .txt::-webkit-scrollbar { width: 4px; } .m-slider1 .txt::-webkit-scrollbar-track { background: rgba(0,0,0,.2); } .m-slider1 .txt::-webkit-scrollbar-thumb { background: #e77610; } .m-slider1 .txt::-webkit-scrollbar-thumb:window-inactive { background: #e77610; } .m-slider1 .txt p{margin-bottom: 40px;} .m-slider1 .txt1{line-height: 29px;color: #0f0f0f;overflow-y: auto; max-height: 460px;padding-right: 20px; } .m-slider1 .txt1::-webkit-scrollbar { width: 4px; } .m-slider1 .txt1::-webkit-scrollbar-track { background: rgba(0,0,0,.2); } .m-slider1 .txt1::-webkit-scrollbar-thumb { background: #e77610; } .m-slider1 .txt1::-webkit-scrollbar-thumb:window-inactive { background: #e77610; } .m-slider1 .txt1 h3{font-size: 20px;margin-bottom: 26px;} .m-slider1 .txt1 .desc{font-size: 16px;margin-bottom: 30px;} #m-slider2{background-color: #f6f6f6;} #m-slider2 .col-l{float: right;} #m-slider2 .col-r{float: left;padding: 73px 80px 0;} #m-slider2 .slick-prev{left: 0;} #m-slider2 .slick-next{left: 50px;} .row-b3{padding-bottom: 84px;} .row-c1{padding-bottom: 90px;} .m-list3{overflow: hidden;margin: 0 -35px;} .m-list3 li{width: 33.33%;float: left;} .m-list3 .con{position: relative;margin: 0 35px;} .m-list3 .pic{padding-top: 123%;height: 0;position: relative;overflow: hidden; margin-bottom: 20px; } .m-list3 .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;} .m-list3 .info{overflow: hidden;line-height: 33px;padding-bottom: 18px; border-bottom: 1px solid #000; } .m-list3 .info h3{font-size: 22px;color: #000;float: left;} .m-list3 .info span{float: right;font-size: 18px;color: rgba(0,0,0,.5);} .m-list3 .mask{position: absolute;top: 100%;left: 0;right: 0;height: 100%; background: rgba(231,118,16,.95); transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list3 .ico{width: 50px;height: 50px;display: block;position: relative; border-radius: 50%;margin: 40px 0 0 40px;margin-bottom: 15px; background: rgba(255,255,255,.2) url(../images/i-08.png) no-repeat center center; } .m-list3 .ico:after{content: '';width: 64px;height: 64px; position: absolute;top: -8px;left: -8px; border-radius: 50%;border: 1px dashed #fff; } .m-list3 .desc{font-size: 16px;line-height: 1.6;color: #fff; padding: 0 30px 50px 40px;position: relative; } .m-list3 .desc:after{content: '';position: absolute;left: 50px;bottom: 0; width: 22px;height: 2px;background-color: #fff; } .m-list3 .con:hover .mask{top: 0;} .m-list3 .con:hover .info{border-color: #e77610;} .m-list3 .con:hover .info h3,.m-list3 .con:hover .info span{color: #e77610;} .m-list4{} .m-list4 li{overflow: hidden;padding-bottom: 80px;background-color: #f4f8f9;} .m-list4 .i2{ background: url(../images/bg-2.jpg) no-repeat right center; } .m-list4 .con{overflow: hidden; background-color: #fff; } .m-list4 .pic{float: right;width: 50%;height: 480px;overflow: hidden;} .m-list4 .pic img{width: 100%;height: 100%;display: block; transition: .5s; -ms-transition: .5s; -moz-transition: .5s; -webkit-transition: .5s; -o-transition: .5s; } .m-list4 .txt{float: left;width: 50%;color: #000; padding: 85px 70px 0 63px; } .m-list4 li:nth-child(2n) .pic{float: left;} .m-list4 li:nth-child(2n) .txt{float: right;} .m-list4 h3{font-size: 32px;position: relative;padding-bottom: 16px;margin-bottom: 13px;} .m-list4 h3:after{content: '';position: absolute;left: 0;bottom: 0; width: 26px;height: 2px;background-color: #e77610; } .m-list4 .desc{font-size: 16px;line-height: 34px;} .m-list4 .con:hover .pic img{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .row-d1{overflow: hidden;padding-bottom: 50px; background: url(../images/bg-3.jpg) no-repeat center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-struc{position: relative;} .m-struc .cont{width: 509px;margin: 0 auto;position: relative;} .m-struc .pic img{width: 100%;display: block;} .m-struc li{position: absolute;} .m-struc .i1{width: 160px;top: 48px;right: 350px;} .m-struc .i2{width: 178px;top: 385px;right: 425px;} .m-struc .i3{width: 160px;top: 246px;right: -115px;} .m-struc .i1 p{width: 100%;height: 19px;float: right; background: url(../images/i-b1.png) no-repeat right center; } .m-struc .i2 p{width: 100%;height: 22px;float: right; background: url(../images/i-b2.png) no-repeat right center; } .m-struc .i3 p{width: 100%;height: 19px; background: url(../images/i-b3.png) no-repeat left center; } .m-struc li span{font-size: 24px;color: #e77610;font-weight: bold; position: absolute;cursor: pointer;overflow: hidden; line-height: 36px;height: 36px; } .m-struc .i1 span{left: 0;top: -40px;} .m-struc .i2 span{left: 0;top: -20px;} .m-struc .i3 span{right: 10px;top: -40px;} .pop-img{position: absolute;top: 0;left: 50%; max-width: 1568px;width: 82%;padding: 23px 30px 40px; background-color: #fff;display: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .pop-img img{width: 100%;display: block;} .pop-img .close{position: absolute;right: 17px;top: 17px; width: 30px;height: 30px;cursor: pointer; background: url(../images/i-09.png) no-repeat center center; } .row-e1{overflow: hidden;padding: 55px 0;} .m-adds{width: 470px;float: left;margin-right: 32px;height: 675px; border: 1px solid #e5e5e5;border-top: 3px solid #e77610; background: #f8f8f8 url(../images/bg-4.png) no-repeat left bottom; padding-top: 46px; } .m-adds li{overflow: hidden;padding-left: 40px;margin-bottom: 50px;} .m-adds .icon{float: left;width: 69px;height: 69px;border-radius: 50%;margin-right: 27px; background-position: center;background-repeat: no-repeat; background-color: #fff;border: 1px solid #dfdfdf; -o-background-size: 100% auto; -ms-background-size: 100% auto; -moz-background-size: 100% auto; -webkit-background-size: 100% auto; background-size: 100% auto; } .m-adds .i1 .icon{background-image: url(../images/i-a1.png);} .m-adds .i2 .icon{background-image: url(../images/i-a2.png);} .m-adds .i3 .icon{background-image: url(../images/i-a3.png);} .m-adds .i4 .icon{background-image: url(../images/i-a4.png);} .m-adds .txt{overflow: hidden;font-size: 14px;line-height: 2;} .m-adds h3{color: #999;font-size: 14px;margin-bottom: 4px;} .m-adds .desc{color: #333;position: relative;font-weight: bold; padding-bottom: 14px; line-height: 24px; } .m-adds .desc:after{content: '';position: absolute;left: 0;bottom: 0; width: 28px;height: 1px;background-color: #000; } .m-map{overflow: hidden;} .m-map #allmap{height: 675px;} .m-map #allmap img{max-width: none;} .m-map .BMapLabel{width: 360px;height: 109px;padding-top: 15px !important;text-align: center; background-color: transparent !important;border: 0 !important; background: url(../images/i-11.png) no-repeat center center; } .m-list5{overflow: hidden;padding-top: 45px;} .m-list5 li{padding: 25px 0;border-bottom: 1px solid #d9d9d9;} .m-list5 .cont{overflow: hidden;display: block;} .m-list5 .pic{float: left;width: 264px;height: 235px;margin-right: 104px;} .m-list5 .pic img{width: 100%;height: 100%;display: block;} .m-list5 .con{overflow: hidden;padding-top: 58px;padding-right: 90px;position: relative;} .m-list5 .date{float: left;text-align: center;font-family: arial; font-size: 16px;color: #999;margin-right: 55px; } .m-list5 .date em{font-size: 60px;color: #57575a;line-height: 1.1; display: block;border-bottom: 1px solid #ddddde;padding-bottom: 2px; margin-bottom: 8px; } .m-list5 .txt{overflow: hidden;} .m-list5 .txt h3{font-size: 20px;color: #333;margin-bottom: 18px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list5 .desc{font-size: 14px;line-height: 24px;color: #7a7a7a; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .m-list5 .btn{position: absolute;right: 0;top: 81px; width: 54px;height: 54px;border: 1px solid #e77610; background: url(../images/i-12.png) no-repeat center center; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .m-list5 .cont:hover .txt h3{color: #e77610;} .m-list5 .cont:hover .btn{background-color: #e77610; background-image: url(../images/i-12-on.png); } .pages{text-align: center;font-size: 0;padding: 45px 0;} .pages ul{display: inline-block;} .pages li{float: left;margin: 0 2px;} .pages li a{display: block;width: 48px;height: 48px;text-align: center;line-height: 48px; border: 1px solid #f0f0f0;font-size: 18px;font-family: arial; color: rgba(34,34,34,.5); } .pages li.on a,.pages li:hover a{background-color: #e77610;color: #fff;} .pages .arrow a{background-position: center;background-repeat: no-repeat;} .pages .prev a{background-image: url(../images/i-13.png);} .pages .next a{background-image: url(../images/i-14.png);} .pages .prev:hover a{background-image: url(../images/i-13-on.png);} .pages .next:hover a{background-image: url(../images/i-14-on.png);} /******************************* -------[=青梅 ]------- ********************************/ .m-training{ background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding: 80px 0 86px; overflow: hidden; } .m-training .box{ overflow: hidden; } .m-training .item{ margin-bottom: 108px; } .m-training .item:after{ content: ''; display: block; clear:both; visibility: hidden; width: 100%; height: 0; } .m-training .item:last-child{ margin-bottom: 0; } .m-training .item h2{ font-size: 36px; color: #E77610; line-height: 1.5em; text-align: center; font-weight: normal; position: relative; padding-bottom: 20px; overflow: hidden; } .m-training .item h2:after{ content: ''; width: 32px; height: 2px; background-color: #E77610; position: absolute; left: 0; right: 0; bottom: 0; margin: 0 auto; } .ul-txtq1{ position: relative; margin-top: 75px; } .ul-txtq1:after{ content: ''; display: block; clear:both; visibility: hidden; width: 100%; height: 0; } .ul-txtq1 .img{ width: 427px; height: 427px; border-radius: 50%; margin: 0 auto; overflow: hidden; } .ul-txtq1 .img img{ display: block; width: 100%; height: 100%; } .ul-txtq1 ul{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; padding-top: 7px; overflow: hidden; } .ul-txtq1 li{ float: left; width: 50%; padding: 0 118px; margin-bottom: 136px; } .ul-txtq1 .li3,.ul-txtq1 .li4{ margin-bottom: 0; } .ul-txtq1 .con{ overflow: hidden; } .ul-txtq1 .pic{ float: right; width: 87px; height: 87px; border-radius: 50%; margin-top: 12px; margin-left: 24px; overflow: hidden; } .ul-txtq1 li:nth-child(even) .pic{ float: left; margin-left: 0; margin-right: 27px; } .ul-txtq1 .pic img{ display: block; width: 100%; height: 100%; } .ul-txtq1 .txt{ text-align: right; overflow: hidden; } .ul-txtq1 li:nth-child(even) .txt{ text-align: left; } .ul-txtq1 h3{ font-size: 24px; color: #333; line-height: 1.25em; font-weight: normal; margin-bottom: 29px; overflow: hidden; } .ul-txtq1 .desc{ height: 5.58em; font-size: 16px; color: #666; line-height: 1.86em; overflow: hidden; } .ul-imgtxtq2{ margin: 45px 98px 0; overflow: hidden; } .ul-imgtxtq2 li{ float: left; width: 18.88%; height: 403px; overflow: hidden; } .ul-imgtxtq2 .li5{ width: 24.48%; } .ul-imgtxtq2 .con{ height: 100%; position: relative; overflow: hidden; } .ul-imgtxtq2 .pic{ width: 100%; height: auto; position: absolute; left: 0; right: 0; bottom: 0; overflow: hidden; } .ul-imgtxtq2 .pic img{ display: block; width: 100%; height: auto; } .ul-imgtxtq2 .cont{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding-top: 28px; overflow: hidden; } .ul-imgtxtq2 .tt{ position: absolute; top: 28px; left: 0; right: 0; bottom: 0; right: 0; overflow: hidden; } .ul-imgtxtq2 .li5 .tt{ right: 21%; } .ul-imgtxtq2 .txt{ position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: 7px; padding: 0 10px; overflow: hidden; } .ul-imgtxtq2 .txt .icon{ display: block; width: 84px; height: 84px; background-color: rgba(255,255,255,.2); border-radius: 50%; padding: 12px; margin: 0 auto 22px; overflow: hidden; } .ul-imgtxtq2 .txt i{ display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,.6); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; border-radius: 50%; overflow: hidden; } .ul-imgtxtq2 h3{ font-size: 24px; color: #fff; line-height: 1.25em; font-weight: normal; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ul-imgtxtq3{ font-size: 0; text-align: center; margin: 79px -47px 0; overflow: hidden; } .ul-imgtxtq3 li{ display: inline-block; vertical-align: middle; position: relative; padding: 0 47px; } .ul-imgtxtq3 .con{ display: block; overflow: hidden; } .ul-imgtxtq3 i{ display: block; width: 30px; height: 30px; background: url(../images/iconq8.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; right: -15px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .ul-imgtxtq3 .iconbox{ width: 134px; height: 134px; border: 1px dashed; border-radius: 50%; position: relative; padding: 14px; overflow: hidden; } .ul-imgtxtq3 .li2 .iconbox{ width: 161px; height: 161px; } .ul-imgtxtq3 .li3 .iconbox{ width: 189px; height: 189px; } .ul-imgtxtq3 .li4 .iconbox{ width: 219px; height: 219px; } .ul-imgtxtq3 .li5 .iconbox{ width: 270px; height: 270px; } .ul-imgtxtq3 .iconbox .icons{ display: block; width: 100%; height: 100%; border-radius: 50%; padding: 16px; overflow: hidden; } .ul-imgtxtq3 .iconbox .icon{ display: block; width: 100%; height: 100%; border-radius: 50%; position: relative; overflow: hidden; } .ul-imgtxtq3 .iconbox .icon span{ display: block; font-size: 18px; color: #fff; line-height: 1.5em; text-align: center; letter-spacing: -1px; position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; } .tab-show-1.hide{height: 0;overflow: hidden;} .ul-imgtxtq3 .li1 .iconbox{border-color: rgba(123,221,249,.5);} .ul-imgtxtq3 .li2 .iconbox{border-color: rgba(72,203,179,.5);} .ul-imgtxtq3 .li3 .iconbox{border-color: rgba(249,211,106,.5);} .ul-imgtxtq3 .li4 .iconbox{border-color: rgba(250,115,92,.5);} .ul-imgtxtq3 .li5 .iconbox{border-color: rgba(247,148,59,.5);} .ul-imgtxtq3 .li1 .iconbox .icons{background-color: rgba(123,221,249,.5);} .ul-imgtxtq3 .li2 .iconbox .icons{background-color: rgba(72,203,179,.5);} .ul-imgtxtq3 .li3 .iconbox .icons{background-color: rgba(249,211,106,.5);} .ul-imgtxtq3 .li4 .iconbox .icons{background-color: rgba(250,115,92,.5);} .ul-imgtxtq3 .li5 .iconbox .icons{background-color: rgba(247,148,59,.5);} .ul-imgtxtq3 .li1 .iconbox .icon{background-color: #7BDDF9;} .ul-imgtxtq3 .li2 .iconbox .icon{background-color: #48CBB3;} .ul-imgtxtq3 .li3 .iconbox .icon{background-color: #F9D36A;} .ul-imgtxtq3 .li4 .iconbox .icon{background-color: #FA735C;} .ul-imgtxtq3 .li5 .iconbox .icon{background-color: #F7943B;} .m-benefits{ background-repeat: no-repeat; background-position: center bottom; -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; overflow: hidden; } .m-benefits .g-t1{ margin-top: 0; } .m-benefits .benefits{ background-color: #f1f1f1; padding-bottom: 93px; overflow: hidden; } .ul-imgtxtq4{ margin: 22px -10px 0; overflow: hidden; } .ul-imgtxtq4 li{ float: left; width: 20%; padding: 0 10px; overflow: hidden; } .ul-imgtxtq4 .con{ display: block; overflow: hidden; } .ul-imgtxtq4 .txt{ background-color: #fff; padding: 50px 0 4px; overflow: hidden; } .ul-imgtxtq4 .txt i{ display: block; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 auto 23px; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .ul-imgtxtq4 .txt h3{ font-size: 22px; color: #333; line-height: 1.55em; font-weight: normal; text-align: center; overflow: hidden; } .ul-imgtxtq4 .pic{ width: 100%; height: auto; overflow: hidden; } .ul-imgtxtq4 .con:hover i{ -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } .ul-imgtxtq4 .pic img{ display: block; width: 100%; height: auto; } .m-benefits .delivery{ padding-right: 149px; margin-top: 51px; margin-bottom: 36px; overflow: hidden; } .m-benefits .delivery a{ display: block; float: right; width: 157px; height: 45px; font-size: 18px; color: #E77610; line-height: 43px; text-align: center; border: 1px #E77610 solid; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; overflow: hidden; } .m-benefits .delivery a:hover{ color: #fff; background-color: #E77610; } .m-benefits .delivery a i{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url(../images/iconq14.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: -2px; margin-right: 8px; } .m-benefits .delivery a:hover i{ background-image: url(../images/iconq14-1.png); } .m-benefits .post{ margin-bottom: 41px; overflow: hidden; } .m-benefits .post .top{ font-size: 18px; color: #fff; line-height: 53px; background-color: #E77610; padding: 0 118px; margin-bottom: 10px; overflow: hidden; } .m-benefits .post .s1,.m-benefits .post .s2,.m-benefits .post .s3,.m-benefits .post .s4,.m-benefits .post .s5{ display: block; float: left; overflow: hidden; } .m-benefits .post .s1,.m-benefits .post .s2,.m-benefits .post .s3,.m-benefits .post .s4{ width: 23%; } .m-benefits .post .s5{ width: 8%; text-align: center; } .m-benefits .post .box{ overflow: hidden; } .m-benefits .post .item{ margin-bottom: 10px; overflow: hidden; } .m-benefits .post .tit{ font-size: 18px; cursor: pointer; color: #666; line-height: 51px; background-color: #fff; border: 1px #eee solid; padding: 0 118px; overflow: hidden; } .m-benefits .post .tit a{ display: block; padding: 5px 0; overflow: hidden; } .m-benefits .post .tit a i{ display: block; width: 41px; height: 41px; border-radius: 50%; background: url(../images/iconq15.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 auto; overflow: hidden; } .m-benefits .post .item:hover .tit a i,.m-benefits .post .item.on .tit a i{ background-image: url(../images/iconq15-1.png); } .m-benefits .post .down{ display: none; border: 1px #E6E6E6 solid; border-top: none; padding: 54px 147px 66px 141px; overflow: hidden; } .m-benefits .post .tt{ border-bottom: 1px #e5e5e5 solid; padding-bottom: 21px; overflow: hidden; } .m-benefits .post .tt span{ display: block; float: right; font-size: 18px; color: #666; line-height: 28px; margin-left: 10px; overflow: hidden; } .m-benefits .post .tt h3{ font-size: 20px; color: #333; line-height: 28px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .m-benefits .post .con{ border-bottom: 1px #e5e5e5 solid; margin-top: 31px; overflow: hidden; } .m-benefits .post .items{ margin-bottom: 52px; overflow: hidden; } .m-benefits .post .items:last-child{ margin-bottom: 28px; } .m-benefits .post .items h3{ font-size: 16px; color: #E77610; line-height: 1.5em; font-weight: normal; margin-bottom: 40px; overflow: hidden; } .m-benefits .post .items .desc{ font-size: 16px; color: #666; line-height: 1.9em; overflow: hidden; } .m-benefits .post .bot{ margin-top: 45px; overflow: hidden; } .m-benefits .post .bot span{ display: block; font-size: 18px; color: #333; line-height: 1.5em; padding-left: 6px; overflow: hidden; } .m-benefits .post .bot span i{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url(../images/iconq16.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: -2px; margin-right: 18px; } .m-benefits .post .bot span a{ color: #333; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .m-benefits .post .bot span a:hover{ color: #E77610; } .m-benefits .more{ display: block; width: 309px; height: 50px; font-size: 18px; color: #fff; line-height: 50px; text-align: center; background-color: #E77610; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; margin: 24px auto 0; overflow: hidden; } .m-benefits .more i{ display: inline-block; vertical-align: middle; width: 30px; height: 30px; background: url(../images/iconq17.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: -2px; margin-right: 8px; } .m-benefits .more:hover{ opacity: .8; filter: alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; } .g-boxq1{ margin: 80px 0 27px; overflow: hidden; } .g-boxq1 .col-l{ width: 75.25%; } .g-boxq1 .col-r{ width: 19.375%; } .m-textq1{ overflow: hidden; } .m-textq1 h1{ font-size: 30px; color: #333; line-height: 1.5em; font-weight: normal; text-align: center; overflow: hidden; } .m-textq1 .info{ font-size: 16px; color: #8B8B8B; line-height: 1.56em; text-align: center; border-bottom: 1px #DEE3E7 solid; padding-bottom: 17px; margin-top: 7px; overflow: hidden; } .m-textq1 .info span{ display: inline-block; vertical-align: middle; margin: 0 6px; } .m-textq1 .txt{ font-size: 14px; color: #666; line-height: 2.2em; margin-top: 22px; overflow: hidden; } .m-textq1 .txt .bot{ overflow: hidden; } .m-textq1 .txt .ll{ float: left; margin-right: 34px; overflow: hidden; } .m-textq1 .tips{ font-size: 14px; color: #B3B1B1; line-height: 2.2em; border-bottom: 1px #DAE0E5 solid; position: relative; padding-bottom: 27px; padding-left: 26px; margin-top: 35px; overflow: hidden; } .m-textq1 .tips i{ display: block; width: 20px; height: 20px; background: url(../images/iconq19.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: absolute; top: 5px; left: 0; } .m-pn{ margin-top: 30px; overflow: hidden; } .m-pn .return{ display: block; float: left; width: 166px; height: 42px; font-size: 14px; color: #fff; line-height: 42px; text-align: center; background-color: #E77610; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; overflow: hidden; } .m-pn .return i{ display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(../images/iconq20.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; margin-top: -2px; margin-right: 11px; } .m-pn .return:hover{ opacity: .8; filter: alpha(opacity=80); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'; } .m-pn .rr{ float: right; overflow: hidden; } .m-pn .rr a{ display: block; float: left; width: 124px; height: 42px; font-size: 12px; color: #666; line-height: 40px; text-align: center; border: 1px #DAE0E5 solid; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; margin-left: 7px; overflow: hidden; } .m-pn .rr a:hover{ color: #fff; border-color: #E77610; background-color: #E77610; } .m-recom{ padding-top: 3px; overflow: hidden; } .g-titq2{ overflow: hidden; } .g-titq2 h3{ font-size: 24px; color: #57575A; line-height: 1.5em; font-weight: normal; position: relative; padding-bottom: 21px; overflow: hidden; } .g-titq2 h3:after{ content: ''; width: 24px; height: 2px; background-color: #57575A; position: absolute; left: 0; bottom: 0; } .ul-imgtxtq5{ margin-top: 28px; overflow: hidden; } .ul-imgtxtq5 li{ margin-bottom: 27px; overflow: hidden; } .ul-imgtxtq5 .con{ display: block; overflow: hidden; } .ul-imgtxtq5 .pic{ width: 100%; height: auto; margin-bottom: 20px; overflow: hidden; } .ul-imgtxtq5 .pic img{ display: block; width: 100%; height: auto; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; } .ul-imgtxtq5 a:hover .pic img{ -webkit-transform: scale(1.08); -moz-transform: scale(1.08); -ms-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); } .ul-imgtxtq5 .txt{ overflow: hidden; } .ul-imgtxtq5 .date{ display: block; font-size: 16px; color: #666; line-height: 1.5em; background: url(../images/iconq18.png) no-repeat left center; padding-left: 25px; margin-bottom: 6px; overflow: hidden; } .ul-imgtxtq5 h3{ font-size: 15px; color: #333; line-height: 1.41em; font-weight: normal; -webkit-transition: .3s; -moz-transition: .3s; -ms-transition: .3s; -o-transition: .3s; transition: .3s; overflow: hidden; } .ul-imgtxtq5 a:hover h3{ color: #E77610; } .pop-cont{position: fixed;top: 0;bottom: 0;left: 0;right: 0; z-index: 1024;display: none; } .pop-bg{position: absolute;top: 0;bottom: 0;left: 0;right: 0; background: rgba(0,0,0,.7); } .pop-cont .cont{width: 530px;position: absolute;top: 50%;left: 50%; background-color: #fff;z-index: 2;border-right: 3px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .pop-cont .tit{height: 63px;line-height: 62px;overflow: hidden; border-bottom: 1px solid #d6d6d6;padding-left: 21px; } .pop-cont .tit h3{font-size: 20px;font-weight: normal;color: #333;} .pop-cont .close{position: absolute;right: 13px;top: 17px; width: 30px;height: 30px;cursor: pointer; background: url(../images/i-close.png) no-repeat center center; } .pop-cont .txt{padding: 44px 75px 48px 0;} .pop-cont .item{overflow: hidden;margin-bottom: 28px;} .pop-cont .item span{float: left;width: 150px;text-align: right; line-height: 42px;font-size: 16px;color: #333;padding-right: 10px; } .pop-cont .item span em{color: #d40000;display: inline-block;vertical-align: bottom;margin-right: 5px; position: relative;top: 2px; } .pop-cont .item .inp{overflow: hidden;} .pop-cont .item .inp input{display: block;width: 100%;height: 42px;border-radius: 2px; border: 1px solid #d2d2d2;padding: 0 20px;font-size: 16px;color: #333; } .pop-cont .code{padding-right: 135px;position: relative;padding-top: 2px;} .pop-cont .code label{position: absolute;right: 0;top: 2px;height: 42px; border: 1px solid #e77610;width: 125px;text-align: center;line-height: 40px; color: #e77610;font-size: 16px;cursor: pointer; } .pop-cont .code label input{position: absolute;left: -9999px;} .pop-cont .btn{width: 154px;height: 40px;display: block;margin: 0 auto; border: 0;text-align: center;font-size: 16px;color: #fff;margin-top: 53px; background-color: #e77610;border-radius: 2px;cursor: pointer; } .pop-cont .tips{font-size: 12px;color: #d40000;margin-left: 150px;padding-top: 6px;} /******************************* -------[=平台概述]------- ********************************/ .g-tab2{overflow: hidden; background-color: #f4f8f9; } .g-tab2 .wp{position: relative;} .g-tab2.fixed{position: fixed;top: 125px;left: 0;right: 0;z-index: 99;} .g-tab2 .swiper-container{overflow: hidden;border-left: 1px solid #e8e9e9;} .g-tab2 .swiper-slide{ border-right: 1px solid #e8e9e9; } .g-tab2 .swiper-slide a{display: block;height: 92px;line-height: 92px;text-align: center; font-size: 18px;color: #020202; transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; -o-transition: .3s; } .g-tab2 .swiper-slide.on a,.g-tab2 .swiper-slide:hover a{background-color: #e77610;color: #fff;} .g-tab2 .swiper-arrow{width: 40px;height: 60px;top: 50%;margin-top: 0;cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -o-background-size: 20px auto; -ms-background-size: 20px auto; -moz-background-size: 20px auto; -webkit-background-size: 20px auto; background-size: 20px auto; } .g-tab2 .swiper-button-prev{left: -40px;background-image: url(../images/prev.png);} .g-tab2 .swiper-button-next{right: -40px;background-image: url(../images/next.png);} .g-tab2 .swiper-button-prev.swiper-button-disabled,.g-tab2 .swiper-button-next.swiper-button-disabled{opacity: 0;} /*.g-tab2 .swiper-button-disabled{display: none;}*/ .row-z1{padding: 78px 0 0;} .m-txt2{overflow: hidden;margin-bottom: 75px;} .m-txt2 .pic{float: left;width: 468px;height: 323px; margin-right: 88px; } .m-txt2 .pic img{width: 100%;height: 100%;display: block;} .m-txt2 .txt{overflow: hidden;} .m-txt2 .desc{font-size: 16px;color: #666;line-height: 2;} .m-txt2 .num{overflow: hidden;margin: 29px 0 0;padding: 21px 0 31px; border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5; } .m-txt2 .num li{float: left;color: #454b51;margin-right: 100px;} .m-txt2 .num span{display: block;font-size: 20px;line-height: 1.2; margin-bottom: 4px; } .m-txt2 .num b{font-family: arialB;font-size: 48px;color: #e77610; margin-right: 8px; } .m-txt2 .num p{font-size: 16px;line-height: 24px;} .m-txt2 .num li:last-child{margin-right: 0; } .m-t1{font-size: 24px;color: #333;margin-bottom: 32px;} .m-list6{overflow: hidden;margin: 0 -29px;} .m-list6 li{width: 25%;float: left;margin-bottom: 48px;} .m-list6 .con{margin: 0 29px;height: 192px;position: relative; border: 1px solid #cfcfcf; background-position: right center;background-repeat: no-repeat; } .m-list6 .txt{position: absolute;left: 53px;right: 80px;top: 50%;margin-top: -4px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list6 .num{font-size: 36px;font-family: arialB;line-height: 1.4; color: #ff8f0b;display: inline-block;padding-bottom: 2px; border-bottom: 1px solid #ccc;margin-bottom: 8px; } .m-list6 .desc{font-size: 24px;line-height: 37px;clear: #333;height: 74px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .row-z2{padding: 70px 0 80px;} .m-t2{font-size: 30px;color: #333;padding-bottom: 26px; border-bottom: 1px solid #dee3e7;margin-bottom: 23px; } .m-txt3 .txt{font-size: 16px;line-height: 2;color: #666;} .row-z3-2{padding: 80px 0 20px; background-color: #f4f8f9; } .m-t3{font-size: 24px;color: #e77610;padding-left: 27px;margin-bottom: 50px; background: url(../images/i-15.png) no-repeat left center; } .m-slide1{*zoom:1;margin-bottom: 97px; background-color: #fff; } .m-slide1:after,.m-slide1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .m-slide1 .col-r{width: auto;float: none; padding: 0 60px;overflow: hidden; } .m-slide1 .col-l{width: 47%;position: relative;top: -47px;} .m-slide1-1 .col-l{float: right;margin-right: 53px;} .m-slide1 .slider{box-shadow: 0px 9px 13px 0px rgba(0, 0, 0, 0.1);} .m-slide1 .pic{padding-top: 68%;height: 0;position: relative;overflow: hidden;} .m-slide1 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;} .m-slide1 .txt{padding: 60px 0 0;} .m-slide1 .txt h3{font-size: 24px;padding-bottom: 40px; border-bottom: 1px solid #e5e5e5;margin-bottom: 25px; } .m-slide1 .desc{font-size: 16px;line-height: 35px;max-height: 310px; color: #666;overflow-y: auto;padding-right: 20px; } .m-slide1 .desc::-webkit-scrollbar { width: 4px; } .m-slide1 .desc::-webkit-scrollbar-track { background: rgba(0,0,0,.2); } .m-slide1 .desc::-webkit-scrollbar-thumb { background: #e77610; } .m-slide1 .desc::-webkit-scrollbar-thumb:window-inactive { background: #e77610; } .m-slide1 .slick-arrow{position: absolute;bottom: 39px;right: 111px; width: 50px;height: 50px;cursor: pointer; border: 0;z-index: 2;font-size: 0;text-indent: 9999px; background-color: rgba(231,118,16,.5); background-position: center;background-repeat: no-repeat; } .m-slide1 .slick-prev{right: 171px;background-image: url(../images/arr-l.png);} .m-slide1 .slick-next{background-image: url(../images/arr-r.png);} .m-slide1 .slick-arrow:hover{background-color: #e77610;} .m-slide1 .slick-dots{position: absolute;right: 17px;bottom: 39px;} .m-slide1 .slick-dots li{display: none;font-size: 18px;color: #fff;line-height: 1;} .m-slide1 .slick-dots li.slick-active{display: block;} .m-slide1 .slick-dots li em{font-size: 48px;} .m-slide1 .slick-dots li span{display: inline-block;vertical-align: top; position: relative;top: 5px; } .row-z4{padding-bottom: 100px;} .m-slide2 .pic{padding-top: 75%;height: 0;position: relative;overflow: hidden;} .m-slide2 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;} .m-slide2 .swiper-slide-next,.m-slide2 .swiper-slide-prev{ opacity: .5; } .m-slide2 .swiper-slide-next h3,.m-slide2 .swiper-slide-prev h3{display: none;} .m-slide2 .swiper-arrow{position: absolute;top: 50%; width: 100px;height: 100px;margin-top: -50px; border-radius: 50%; background-position: center;background-repeat: no-repeat; background-color: rgba(231,118,16,.5); -o-background-size: 41px auto; -ms-background-size: 41px auto; -moz-background-size: 41px auto; -webkit-background-size: 41px auto; background-size: 41px auto; } .m-slide2 .swiper-arrow:hover{background-color: #e77610;} .m-slide2 .swiper-button-prev{left: 9vw;background-image: url(../images/arr-l-1.png);} .m-slide2 .swiper-button-next{right: 9vw;background-image: url(../images/arr-r-1.png);} .m-slide2 h3{font-size: 20px;font-weight: normal;color: #333; border-bottom: 1px solid #e77610;text-align: center;line-height: 78px; text-overflow:ellipsis; white-space: nowrap; overflow: hidden; } .row-z5{padding-bottom: 115px;} .m-txt4{padding: 58px 74px 110px; background: #f4f8f9 url(../images/p-bg1.png) no-repeat right 15px center; } .m-txt4 h3{font-size: 24px;color: #e77610;margin-bottom: 26px;} .m-txt4 .desc{font-size: 16px;line-height: 35px;color: #666;} .row-z6{padding: 60px 0 86px; background: url(../images/bg-5.jpg) no-repeat center center; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; } .m-list7{overflow: hidden;} .m-list7 li{width: 50%;float: left;background-color: #fff;position: relative;} .m-list7 .pic{float: right;width: 50%;position: relative;} .m-list7 .pic span{display: block;position: relative;padding-top: 87%;height: 0;overflow: hidden;} .m-list7 .pic img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;} .m-list7 .pic:after{content: '';position: absolute;top: 50%;left: 0; width: 14px;height: 24px;margin-top: -12px;z-index: 2; background: url(../images/i-16.png) no-repeat center center; } .m-list7 .i2 .pic{float: left;} .m-list7 .i2 .pic:after{left: auto;right: 0; background-image: url(../images/i-17.png); } .m-list7 .con{width: 50%;overflow: hidden;height: 100%;} .m-list7 .num{font-size: 100px;font-family: arialB; color: rgba(231,118,16,.1);display: block;line-height: 1; } .m-list7 .desc{font-size: 24px;line-height: 40px; color: #333;margin-top: -30px; } .m-list7 .txt{position: absolute;left: 78px;top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .m-list7 .i2 .txt{left: 50%;margin-left: 78px;}