锘 @charset "utf-8"; /*鍏ㄥ眬鍒濆鍖栨牱寮?23*/ body{padding:0; margin:0 auto; font-size: 14px;line-height:24px;font-family:arial,'Microsoft YaHei','SimSun';color: #333;min-width: 320px;width: 100%; zoom:1; /*绂佺敤Webkit鍐呮牳娴忚鍣ㄧ殑鏂囧瓧澶у皬璋冩暣鍔熻兘*/ -webkit-text-size-adjust:none; /*鍙栧嚭鐐瑰嚮鍑虹幇鍗婇€忔槑鐨勭伆鑹茶儗鏅?/ -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); /*鎺у埗鏂囨湰鍙€夋€?/ /*-webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; user-select: none; */ /*璁剧疆瀛椾綋鐨勬姉閿娇鎴栬€呰鍏夋粦搴?/ -webkit-font-smoothing: antialiased; background: #fff; } * { -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; word-wrap:break-word; } /*榛樿鍘婚櫎ul銆乴i鐨勯粯璁ゆ牱寮?/ .p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0; } .ul,.ul li,.dl,.dl dd,.dl dt{ list-style:none; margin: 0; padding: 0;} /*鍒濆鍖栦笅鎷夎彍鍗曘€佸崟琛岃緭鍏ユ銆佸琛岃緭鍏ユ鐨勬牱寮?/ select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;} /*琛ㄥ崟鍏冪礌鑾峰緱鐒︾偣鏃朵笉鏄剧ず铏氱嚎妗?/ input:focus { outline: none;} input,button,select,textarea{font-size: 14px;font-family:'Microsoft YaHei';outline:none;/*-webkit-appearance:none;*//*强锟斤拷去锟斤拷锟斤拷锟斤拷源锟斤拷锟斤拷锟绞?/ } /*涓嶅厑璁稿琛岃緭鍏ユ枃鏈鏈夋粴鍔ㄦ潯*/ textarea{ resize:none;/*-webkit-appearance:none;*//*寮哄埗鍘婚櫎textarea鑷甫鐨勬牱寮?/ } /*鍒濆鍖栬〃鍗曞厓绱犳牱寮?/ textarea,input,select { background:none; border:none; margin:0; padding:0;} /*鍒濆鍖朒TML5鏍囩鏍峰紡*/ audio,canvas,progress,video { display: inline-block; vertical-align:baseline;} article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;} /*鍘婚櫎figure杈硅窛*/ figure,figcaption{ margin:0px; padding:0px;} /*鍒濆鍖栧浘鐗囨牱寮?/ img{ border:none; border:0;vertical-align:top;} /*鍒濆鍖朼鐨勬牱寮忓拰瀛椾綋鏍峰紡*/ a{color:#666;text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0);} a:focus{outline:none; -moz-outline:none;} a:hover{color:#000;} /*娓呴櫎娴姩*/ .clear{clear:both;height:0px;overflow:hidden;} /*鍏ㄥ眬鏍峰紡*/ .WarpBox{max-width: 915px;margin:0 auto;} .WarpBox2{max-width: 760px;} .PIC{position: relative;overflow: hidden;width: 100%;padding-bottom: 50%;height: 0;} .PIC img{position: absolute;width: 100%;min-height: 100%;display: block;} .dot{display: block;overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;} /*棰滆壊*/ .ColorJh{color: #c8a069;} /*閲戦粍鑹?/ /*椤甸潰妗嗘灦缁撴瀯*/ .MainBox{padding: 50px 0 220px;overflow: hidden;min-height: 200px;} .SinglePage{text-justify:inter-ideograph;text-align:justify;overflow:hidden;word-wrap:break-word;} .SinglePage img{max-width: 100%;} .TxtPage{text-justify:inter-ideograph;text-align:justify;word-wrap:break-word;} .TxtPage img{max-width: 100%;} .slick-slider { position: relative; display: block; -webkit-touch-callout: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent } .slick-list { position: relative; z-index: 1; display: block; overflow: hidden; margin: 0; padding: 0; text-align: center; } .slick-list:focus { outline:none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); border: 1px solid #000; } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; min-height: 1px; border: 1px solid #000; } [dir = 'rtl'] .slick-slide { float: right; } .slick-slide .slick-loading img { display: none; } .slick-slide .dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid #000; } .slick-arrow .slick-hidden { display: none; } /*缃戠珯鍦板浘*/ .ul_sitemap li{ border-bottom:dotted 1px #ddd; padding:5px 0px;} .ul_sitemap li strong{display:inline-block;} .HomeBan{position: relative;overflow: hidden;background: #000;} .HomeBan .swiper-container{overflow: visible;} .HomeBan .ul li a img{display: block;width: 100%;} .HomeBan .ul li a img.wap{ display:none;} .HomeBan .swiperBox{position: relative;} .HomeBan .BanBtn{width: 150px;opacity: 0;height: 100%;position: absolute;top: 0;transition:all .4s ease-out;z-index: 99;} .HomeBan .BanBtn:hover{opacity: 1;} .HomeBan .BanBtn1{right: 2%;} .HomeBan .BanBtn2{left: 2%;} .HomeBan .swiper-button-next, .HomeBan .swiper-button-prev{width: 52px;height: 52px;margin-top:-26px;} .HomeBan .swiper-button-next, .HomeBan .swiper-container-rtl .swiper-button-prev{background: url(../images/hb_btn2.png) center no-repeat;right: 0;} .HomeBan .swiper-button-prev, .HomeBan .swiper-container-rtl .swiper-button-next{background: url(../images/hb_btn1.png) center no-repeat;left: 0;} .HomeBan .swiper-button-next:hover, .HomeBan .swiper-container-rtl .swiper-button-prev:hover{opacity: 1;} .HomeBan .swiper-button-prev:hover, .HomeBan .swiper-container-rtl .swiper-button-next:hover{opacity: 1;} .HomeBan .swiper-pagination{height: 0;bottom: 40px!important;} .HomeBan .swiper-pagination-bullet{opacity: 1;width: 40px;height: 3px;background: #fff;border-radius:0;position: relative;line-height: 0;} .HomeBan .swiper-pagination-bullet:after{position: absolute;height: 100%;content: '';right: 0;top: 0;width: 0;background: #9e9e9e;transition:all .05s ease-out;} .HomeBan .swiper-pagination-bullet-active:after{width: 100%;transition:all 3.5s ease-out;left: 0;right: auto;} /* .HomeBan .ul li.swiper-slide{} */ .HomeBan .ul li.swiper-slide-next{transition: all 1s ease-in-out!important;opacity: .2;} .HomeBan .ul li.swiper-slide-prev{transition: all 1s ease-in-out!important;opacity: .2;} .HomeBan .ul li.swiper-slide-active{transition: all 1s ease-in-out!important;opacity: 1;} .HomePage{overflow: hidden;padding: 0;width: 100%;} .HomePage .ul li{width: 25%;padding: 0;overflow: hidden;float: left;border: 3px solid #fff;border-right: none;} .HomePage .ul li:first-child{border-left: none;} .HomePage .ul li a{display: block;overflow: hidden;position: relative;} .HomePage .ul li a img{display: block;width: 100%;} .HomePage .ul li a img.Img2{display: none;} .MbShow{display: none!important;} .PcShow{display: block!important;} /*澶撮儴*/ .Top{z-index: 8;} .Top1{background: #333;position: relative;} .Top1 a.Logo{display: block;width: 118px;height: 47px;padding: 15px 0;overflow: hidden;float: left;transition:all .4s ease-out;} .Top1 a.Logo:hover{opacity: .5;} .Top1 a.Logo img{display: block;max-width: 100%;overflow: hidden;height: 100%;} .Top1 a.Logo .PcShow{ width:118px; height:17px;} .Top1 .SeaBtn{cursor: pointer;width: 20px;height: 47px;background: url(../images/search_bg.png) center no-repeat;padding: 6.5px 0;float: right;transition:all .4s ease-out;} .Top1 .SeaBtn:hover{opacity: .5;} .Top1 nav{margin: 0 120px 0 120px;text-align: center;} .Top1 nav .ul{width: 33.333333%;float: left;} .Top1 nav .ul li{display: inline-block;vertical-align: top;} .Top1 nav .ul li>a{display: block;height: 47px;line-height: 47px;color: #fff;} .Top1 nav .ul li.aon>a{color: #989797;} .Top1 nav .ul li:hover>a{color: #989797;} .Top1 nav .ul li dl.dl{position: absolute;width: 100%;top: 100%;left: 0;background: #1a1a1a;text-align: left;z-index: 999;display: none;} .Top1 nav .ul:hover li dl.dl{display: block;} .Top1 nav .ul li dl.dl dd{display: inline-block;padding: 7px 45px;font-size: 14px;} .Top1 nav .ul li .WarpBox{font-size: 0;} .Top1 nav .ul li dl.dl a{color: #fff;display: inline-block;font-size: 12px;min-width:50px;text-align: center;} .Top1 nav .ul li dl.dl dd:hover>a{color: #959595;} .Top1 nav .ul li#nav1 .WarpBox{padding-left: 23px;} .Top1 nav .ul li#nav2 .WarpBox{text-align: center;} .Top1 nav .ul li#nav3 .WarpBox{text-align: right;} .SubDiv{position: absolute;width: 100%;text-align: center;left: 0;top: 100%;background: #212121;padding: 15px 0;overflow: hidden;display: none;} .AddSubDiv{display: block!important;} .AddSubDiv .SubDiv{position: fixed;top: 0;display: block;z-index: 999;} .Top1 nav .ul li dl.dl dd:hover .SubDiv{display: block;} .SubDiv .SubDivB{display: inline-block;vertical-align: top;border-right: 1px solid #39312f;padding: 0 10px;margin: 5px 0;} .SubDiv .SubDivB3{border: none;} .Top1 nav .ul li dl.dl .SubDiv a{display: inline-block;vertical-align: top;height: 50px;margin: 0 15px;text-align: center;color: #aca8a7;transition:all .4s ease-out;} @media (max-width: 768px) { .Top1 nav .ul li dl.dl .SubDiv a{margin: 0 5px;} } .Top1 nav .ul li dl.dl .SubDiv a:hover{opacity: .6;} .Top1 nav .ul li dl.dl .SubDiv i{margin: 0 auto;display: block;height: 100%;overflow: hidden;} .Top1 nav .ul li dl.dl .SubDiv a img{display: block;margin: 0 auto;height: 100%;} .Top1 nav .ul li dl.dl .SubDivB2 i{height: 30px;} .Top1 nav .ul li dl.dl .SubDivB2 span{display: block;line-height: 12px;overflow: hidden;margin-top: 8px;} .Top1 nav .ul li dl.dl .SubDivB3 .ADDA i{height: 30px;} .Top1 nav .ul li dl.dl .SubDivB3 span{display: block;line-height: 12px;overflow: hidden;margin-top: 8px;} .BdOvh{height: 100%;/*overflow-y:scroll;position: fixed;*/ overflow: hidden;} .TopClick{position: absolute;width: 100%;height: 100%;overflow: auto;background:url(../images/black_bg67.png) repeat;z-index: 9999;top: 0;left: 0;display: none;} .TopClick2 a.Logo{display: block;width: 118px;height: 47px;padding: 15px 0;overflow: hidden;float: left;transition:all .4s ease-out;} .TopClick2 a.Logo:hover{opacity: .5;} .TopClick2 a.Logo img{display: block;max-width: 100%;overflow: hidden;height: 100%;} .TopClick2{background: #333;} .TopClick2 .SearchBox{margin: 0 180px 0 180px;position: relative;} .TopClick2 .SearchBox1{height: 47px;padding-top:8.5px;} .TopClick2 .SearchBox1 .div{display: block;color: #fff;padding: 0;background: none;border: none;margin-left: 40px;} .TopClick2 .SearchBox1 input{display: block;width: 100%;height: 30px;line-height: 30px;color: #fff;font-size: 14px;} .TopClick2 .SearchBox1 a{display: block;width: 30px;height: 30px;background:url(../images/search_bg.png) center no-repeat;float: left;} .TopClick2 .SearchBox2{background: #fff;padding: 20px 30px;overflow: hidden;position: absolute;width: 100%;top: 100%;left: 0;color: #8e8e8e;font-size: 12px;} .TopClick2 .SearchBox2 a{color: #242424;display: block;font-size: 14px;padding: 5px 0 5px 15px;line-height: 20px;} #nav1 .GongYi_dl{ position:relative;} .GongYi_dl .GongYi_navr{ position:absolute; left:115px; top:0; min-width:220px; padding-left:16px; display:none;} .GongYi_dl .GongYi_navr::before{ content:''; display:block; width:1px; height:10px; background:#fff; position:absolute; top:14px; left:0;} #nav1 .GongYi_dl:hover .GongYi_navr{ display:inline-block;} .Top1 nav .ul li dl.dl .GongYi_navr a{ display:inline-block; transition: all .4s ease-out;opacity: 1;transform: scale(1); padding:7px 16px;} .Top1 nav .ul li dl.dl .GongYi_navr a:hover{color: #959595;} /*鍔ㄧ敾*/ .Top1 .ul li a{transition:all .4s ease-out;opacity: 1;transform:scale(1);} .BdOvh .Top1 .ul li a{opacity: .2;transform:scale(.5);} .TopClick2 .SearchBox1{transition:all .4s ease-out;margin-left: 80px;opacity: .2;} .BdOvh .TopClick2 .SearchBox1{opacity: 1;margin-left: 0;} .TopClick2 .SearchBox2 .div1{transition:all .4s ease-out;margin-left: 20px;} .BdOvh .TopClick2 .SearchBox2 .div1{margin-left: 0;} .TopClick2 .SearchBox2 a{transition:all .4s ease-out;margin-left: 30px;} .BdOvh .TopClick2 .SearchBox2 a{margin-left: 0;} .TopClick2 .ClsBtn{cursor: pointer;width: 17px;height: 17px;background: url(../images/cls_bg.png) center no-repeat;margin: 15px 0;float: right;transition:all .4s ease-out;} .TopClick2 .ClsBtn:hover{opacity: .5;} /*搴曢儴*/ .Bottom{background: #f2f2f2;font-size: 12px;padding-top: 30px;} .Bottom0 .WarpBox{padding-top: 15px;border-top: 1px solid #dcdcdc;} .Current{color: #454545;line-height: 20px;font-size: 0;} .Current a:first-child{background: url(../images/home_bg.png) center no-repeat;background-size: 70% auto;width: 25px;transition:all .4s ease-out;} .Current a:first-child:hover{opacity: .5;text-decoration: none;} .Current a{color: #454545;display: inline-block;vertical-align: top;padding: 0 5px;position: relative;margin-right: 10px;font-size: 12px;} .Current a:after{display: block;width: 10px;height: 14px;top: 50%;margin-top: -7px;left: 100%;content: '';position: absolute;background: url(../images/cur_bg.png) center no-repeat;} .Current span{color: #454545;display: inline-block;vertical-align: top;padding: 0 10px;font-size: 12px;} .Current a:hover{text-decoration: underline;} .Bottom1 .WarpBox{padding: 20px 2% 25px;} .Bottom1 .DlBox{width: 33.333333%;float: left;padding: 0 1%;text-align: center;} .Bottom1 .dl{display: inline-block;text-align: left;line-height: 20px;} .Bottom1 .dl a{color: #555;display: block;} .Bottom1 .dl a:hover{text-decoration: underline;color: #333;} .Bottom1 .dl dt{font-weight: bold;color: #2d2d2d;font-size: 14px;margin-bottom: 5px;position: relative;} .Bottom1 .dl dt:after{display: none;} .HavThree .SubThree{display: none;} .Bottom2 .WarpBox{border-top: 1px solid #dcdcdc;padding: 10px 2% 20px;} .Bottom2 .div1{float: left;color: #9a9a9a;padding-right: 2%;} .Bottom2 .div1 a{display: inline-block;vertical-align: top;color: #9a9a9a;} .Bottom2 .div1 a:hover{text-decoration: underline;color: #333;} .Bottom2 .div2{float: left;line-height: 0;} .Bottom2 .div2 a{position: relative;display: inline-block;vertical-align: top;color: #454545;line-height: 24px;margin: 0 10px;} .Bottom2 .div2 a:hover{text-decoration: underline;color: #333;} .Bottom2 .div2 em{display: inline-block;vertical-align: top;position: relative;top: 11px;left: 2px;color: #bdbdbd;font-style: normal;} .Bottom2 .div2 a:first-child:after{display: none;} .Bottom2 .div2 a:first-child{margin-left: 0;} .Bottom2 .div2 .EwmBox{width: 14px;height: 24px;line-height: 24px;display: inline-block;vertical-align: top;position: relative;margin-left: 3px;cursor: pointer;} .Bottom2 .div2 .EwmBox1{background: url(../images/ewm_bg1.png) right 5px no-repeat;} .Bottom2 .div2 .EwmBox2{background: url(../images/ewm_bg2.png) right 5px no-repeat;} .Bottom2 .div2 .EwmBox3{background: url(../images/ewm_bg3.png) right 5px no-repeat;} .Bottom2 .div2 .EwmBox figure{position: absolute;bottom: 100%;background: #fff;padding: 15px;left: -22px;border: 1px solid #c6c6c6;display: none; width:138px;} .Bottom2 .div2 .EwmBox figure:after{position: absolute;display: block;width: 6px;height: 4px;background: url(../images/ewm_jiao.png) center no-repeat;bottom: -4px;left: 25px;content: '';} .Bottom2 .div2 .EwmBox figure img{display: block;width: 105px;height: 105px;margin-bottom: 10px;} .Bottom2 .div2 .EwmBox figure span{line-height: 16px;color: #d3965c;display: block;text-align: center;max-height: 72px;overflow: hidden;} .Bottom2 .div2 a:hover figure{display: block;} .animated{opacity: 0;} /*鏂板搴曢儴鏍峰紡*/ .BotTel{line-height: 24px;} .BotTel .tel{display: inline-block;vertical-align: top;margin-right: 10px;} .BotTel .tel:last-child{margin-right: 0;} .BotTel a{color: #333;cursor: text;font-weight: 900;margin: 0!important;} .BotTel a:hover{text-decoration: none!important;} .Bottom2 .div2 .BotTel em{left: -5px;top: 0;} @media screen and (max-width:410px){ .Bottom2 .div2 .BotTel em{display: none;} .BotTel .tel{display: block;} } /* .BotLinks_a2{} */ .hover_qr{ position:relative; display:inline-block;} .hover_qr figure{position: absolute;bottom: 100%;background: #fff;padding: 15px;left:0;border: 1px solid #c6c6c6; width:145px; display: none;} .hover_qr figure:after{position: absolute;display: block;width: 6px;height: 4px;background: url(../images/ewm_jiao.png) center no-repeat;bottom: -4px;left: 25px;content: '';} .hover_qr figure img{display: block;width: 113px;height: 113px;margin-bottom: 10px;} .hover_qr figure span{line-height: 16px;color: #d3965c;display: block;text-align: center;max-height: 72px;overflow: hidden;} /*鎼滅储涓績*/ .SearchTop{padding-top: 25px;border-bottom: 1px solid #d7d7d7;} .SearchTop2{border: 1px solid #bfbfbf;border-radius: 3px;display: inline-block;vertical-align: top;margin-bottom: 5px;} .SearchTop2 a{display: block;width: 28px;height: 35px;background: url(../images/search_bg2.png) center no-repeat;float: left;} .SearchTop2 .div{margin-left: 30px;width: 270px;max-width: 100%;position: relative;} .SearchTop2 input{display: block;width: 100%;height: 35px;line-height: 35px;padding: 0 35px 0 0;color: #393939;} .SearchTop2 .div .span{position: absolute;right: 10px;cursor: pointer;display: block;width: 13px;height: 13px;top: 50%;margin-top: -6.5px;background: url(../images/sea_cls.png) center no-repeat;} .SearchTop3 .ul li{float: left;margin-right: 30px;} .SearchTop3 .ul li a{display: block;color: #434343;height: 40px;line-height: 40px;border-bottom: 1px solid transparent;margin-bottom: -1px;} .SearchTop3 .ul li.on a, .SearchTop3 .ul li:hover a{border-color: #434343;} .SearchList{margin-bottom: 100px;} .SearchList .TIPS{font-size: 12px;color: #a7a7a7;margin: 10px 0 60px;} .SearchList .ul{border-bottom: 1px solid #d5d5d5;} .SearchList .ul li a{display: block;overflow: hidden;margin-bottom: 60px;} .SearchList .ul li .h3{color: #454545;font-weight: normal;} .SearchList .ul li .div{color: #a5a5a5;overflow: hidden;max-height: 48px;} .SearchList .ul li a:hover .h3{font-weight: bold;color: #000;} /*鍒嗛〉寮€濮?/ .Pages{ padding:0;margin: 45px 0;zoom:1; overflow:hidden;line-height: 26px;text-align: center;position: relative;} .Pages span{display:inline-block;vertical-align: top;overflow: hidden;} .Pages a{display:inline-block;vertical-align: top;background-position: center;background-repeat: no-repeat;overflow: hidden;} .Pages a.a_prev{background-image: url(../images/page_l.png);margin-right: 70px;text-indent: -99em;width: 28px;height: 28px;} .Pages a.a_next{background-image: url(../images/page_r.png);margin-left: 70px;text-indent: -99em;width: 28px;height: 28px;} .Pages a.a_prev:hover{background-image: url(../images/page_l2.png);} .Pages a.a_next:hover{background-image: url(../images/page_r2.png);} .Pages b{color:#3b3b3b;font-weight: normal;display:inline-block;vertical-align: top;} .Pages .i_text{width:24px;padding:0px;text-align:center;font-size:12px;border:solid 1px #dbdbdb; background:#fff;display: block;height: 26px;line-height: 26px;border-radius: 5px;padding: 0 5px;} .Pages .i_button{position:absolute;width:28px; height:28px; cursor:pointer; border:none;background: #ccc;display: block;right: 0;top: 0;filter:alpha(opacity=0);opacity:0;} /*鍒嗛〉缁撴潫*/ .MBAAA{display: none;} .MbClick{display: none;} .CurNone .Bottom0{display: none;} @media screen and (max-width:1240px){ .Top1 nav .ul li dl.dl dd{padding: 7px 25px;} .WarpBox{/*padding: 0 4%;*/} .SearchTop{padding-top: 2%;} .SearchTop2{margin-bottom: 0;} .SearchList .TIPS{margin: 2% 0;} .SearchList .ul li a{margin-bottom: 25px;} .Pages{margin: 25px 0;} .SearchList{margin-bottom: 0;} } @media screen and (max-width:640px){ .HomeBan .swiper-pagination{bottom: 35px!important;} .HomeBan .ul li a img.wap{display: block;} .HomeBan .ul li a img.pc{ display:none;} .Top1 a.Logo{margin: 0 auto;float: none;height: 60px;width: 209px;padding:15px 0;line-height:30px;} .Top1 a.Logo img{width: auto;margin:0 auto;height: 100%;} .Top1 .SeaBtn{display: none;} .Top1 nav{display: none;} .HomeBan .owl-nav{display: none;} .Top{position: relative; z-index:5;} .NavBtn{display: block;width: 32px;height: 32px;position: absolute;left: 2%;top: 50%;margin-top: -16px;z-index: 9;transition:all .4s ease-out;opacity: 1;} .BdOvh .NavBtn{transform: rotate(45deg);transition:all .4s ease-out;opacity: 0;} .NavBtn:after{display: block;position: absolute;width: 25px;height: 2px;background: #fff;left: 0;top: 7px;content: '';left: 50%;margin-left: -12.5px;} .NavBtn:before{display: block;position: absolute;width: 25px;height: 2px;background: #fff;left: 0;bottom: 7px;content: '';left: 50%;margin-left: -12.5px;} .PcShow{display: none!important;} .MbShow{display: block!important;} .HomePage .ul{border-top: 3px solid #fff;} .HomePage .ul li{width: 100%;border: none;border-bottom: 3px solid #fff;} .HomePage .ul li a{max-height: none;} .MbClick{background: #000;position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: auto;color: #fff;z-index: 999;display: none;} .MbClick .WarpBox{padding: 0 2%;} .MbClick a.Logo{margin: 0 auto;height: 60px;width: 209px;padding:15px 0;display: block;position: relative;z-index: 3;} .MbClick a.Logo img{width: auto;margin: 0 auto;display: block;height: 100%;} .MbTop{position: relative;} .MbBtn{transition:all .4s ease-out;opacity: 0;display: block;width: 32px;height: 32px;position: absolute;left: 0;top: 50%;margin-top: -16px;z-index: 2;} .ADDClass a.LogoBtn{z-index: 4;} .MbBtn:after, .MbBtn:before{display: block;position: absolute;width: 2px;height: 25px;background: #fff;content: '';top: 50%;margin-top: -12.5px;transition:all .4s ease-out;left: 50%;margin-left: -1px;} .BdOvh .MbBtn{transition:all .4s ease-out;opacity: 1;} .BdOvh .MbBtn:before{transform: rotate(-45deg);transition:all .4s ease-out;} .BdOvh .MbBtn:after{transform: rotate(45deg);transition:all .4s ease-out;} .MbClick .MbNav{margin: 0 10%;margin-top: 40px;} .MbClick .MbNav li{border-bottom: 1px solid #1E1E1E;} .MbClick .MbNav li a{display: block;color: #fff;font-size: 16px;line-height: 20px;} .MbClick .MbNav li .One a{ display: block;} .MbClick .MbNav li .One{ padding: 15px 0; position: relative;} .MbClick .MbNav li .subnav{ padding: 20px; display: none;} .MbClick .MbNav li .three{ padding: 20px; margin: 0;display: none;} .MbClick .MbNav li .three a{ display: block; padding: 5px;} .MbClick .MbNav li .One,.MbClick .MbNav li .subnav dl dt{ position: relative;} .MbClick .MbNav li i{ position: absolute;transition:all .4s ease-out; width: 12px; height: 12px; display: block; right: 0; top: 50%; margin-top: -6px; cursor: pointer;} .MbClick .MbNav li i:after, .MbClick .MbNav li i:before{display: block;position: absolute;background: #fff;content: '';} .MbClick .MbNav li i:after{ width: 100%; height: 2px; top: 50%; margin-top: -1px; left: 0;} .MbClick .MbNav li i:before{ height: 100%; width: 2px; left: 50%; margin-left: -1px; top: 0;} .MbClick .MbNav li i.up{ transform: rotate(-45deg);} .MbClick .MbSearchBox{border-bottom: 1px solid #fff;margin: 0 10%;} .MbClick .MbSearchBox .div{display: block;padding: 0;margin-left: 40px;} .MbClick .MbSearchBox input{display: block;width: 100%;height: 60px;line-height: 20px;color: #fff;font-size: 18px;padding: 20px 0;background: none;border: none;} .MbClick .MbSearchBox a{display: block;width: 30px;height: 30px;background:url(../images/search_bg3.png) center no-repeat;float: left;margin: 15px 0;} .MbClick a.LogoBtn{display: block;width: 100px;height: 30px;position: absolute;left: 50%;top: 50%;margin-top: -15px;margin-left: -50px;z-index: 2;opacity: 0;transition:all .4s ease-out;} .MbClick a.LogoBtn:after, .MbClick a.LogoBtn:before{display: block;position: absolute;width: 15px;height: 2px;background: #fff;content: '';top: 50%;margin-top: -1px;transition:all .4s ease-out;} .MbClick a.LogoBtn:before{left: 35.5px;} .MbClick a.LogoBtn:after{right: 35.5px;} .MbClick a.Logo{opacity: 1;transition:all .4s ease-out;} .MbClick a.Logo img{margin-top: 0;transition: all .4s cubic-bezier(0.86, 0, 0.07, 1);opacity: 1;} .ADDClass a.Logo{opacity: 0;transition:all .4s ease-out;} .ADDClass a.Logo img{margin-top: -100px;transition: all .4s cubic-bezier(0.86, 0, 0.07, 1);opacity: 0;} .ADDClass a.LogoBtn{opacity: 1;z-index: 4;transition:all .4s ease-out;margin-top: -21px;} .ADDClass a.LogoBtn:before{transform: rotate(-45deg);transform-origin:100% 0;transition:all .4s ease-out;} .ADDClass a.LogoBtn:after{transform: rotate(45deg);transform-origin:0 100%;transition:all .4s ease-out;} .MbClick .MbNav1 li a{opacity: 1;transition:all .4s ease-out;} .ADDClass .MbNav1 li a{opacity: 0;} .ADDClass .MbSearchBox input{color: #868384;} .MbNavBox{display: none;} .MbNavBox .TIPS{margin: 0 0 25px;color: #D5D5D5;} .MbNavBox .MbNav{padding-bottom: 35px;} .MbNavBox1 .MbNav{border-bottom: 1px solid #fff;} .MbNavBox2 .MbNav li a{padding-left: 40px;background: url(../images/search_bg3.png) left center no-repeat;} .Bottom{padding: 4% 2%;} .Bottom0 .WarpBox{padding: 0 2%;border-top: none;} .Bottom1 .dl dt:after{display: block;color: #868384;font-weight: normal;transition:all .1s ease-out;line-height: 20px;text-align: center;position: absolute;right: 0;top: 50%;margin-top: -10px;width: 20px;height: 20px;content: '+';} .Bottom1 .ADDDl dt:after{transform: rotate(45deg);} .Bottom1 .DlBox{padding: 0;width: 100%;float: none;} .Bottom1 .dl{display: block;border-bottom: 1px solid #D5D5D5;} .Bottom1 .dl dt{color: #434343;line-height: 20px;padding: 10px 0;font-weight: normal;} .Bottom1 .dl .ddbox{display: none;padding-bottom: 15px;margin: 0 15px;} .Bottom1 .WarpBox{margin-bottom: 20%;} .Bottom1 .dl a{display: block;line-height: 20px;padding: 5px 0;} .Bottom2 .WarpBox{padding: 0 2% 2%;border: none;} .Bottom1 .dl a{animation-duration:0.2s;} .MBAAA{display: block;} .Bottom2 .div2 em.em{display: none;} .Bottom2 .div2 a.AAA .EwmBox figure{left: auto;right: -22px;} .Bottom2 .div2 a.AAA .EwmBox figure:after{left: auto;right: 25px;} .HavThree .SubThree{margin: 0 15px;} .HavThree .HavA{position: relative;} .HavThree .HavA:after{display: block;color: #868384;font-weight: normal;transition:all .1s ease-out;line-height: 20px;text-align: center;position: absolute;right: 0;top: 50%;margin-top: -10px;width: 20px;height: 20px;content: '+';} .HavThreeHover .HavA:after{transform: rotate(45deg);} .Bottom2 .div2 a.ANONE{margin-left: 0;} .HomeBan .BanBtn{display: none;} } /*璁捐*/ .DesBg{background: #231815;overflow: hidden;height: 178px;} .TxtBan{position: relative;} .TxtBan .WarpBox{position: absolute;width: 915px;left: 50%;margin-left: -457.5px;top: 0;height: 100%;} .TxtBan .DesTxt{color: #fff;margin-top: 90px;margin-left: 95px;max-width: 305px;} .TxtBan .DesTxt .h3{font-size: 40px;line-height: 44px;position: relative;display: inline-block;} .TxtBan .DesTxt .h3:before, .TxtBan .DesTxt .h3:after{display: block;width: 40px;font-size: 30px;position: absolute;height: 25px;} .TxtBan .DesTxt .h3:before{content: '鈹?;top: -14px;left: -40px;} .TxtBan .DesTxt .h3:after{content: '鈹?;bottom: 0;right: -40px;text-align: right;} .TxtBan .DesTxt .h4{font-weight: normal;font-size: 22px;line-height: 34px;margin: 10px 0;} .TxtBan .DesTxt .p{font-size: 20px;letter-spacing: 4px;color: #ba9d6c;} .TxtBan .DesTxt .more{display: block;float: right;margin-top: 15px;color: #cca978;font-size: 12px;} .TxtBan .DesTxt .more:hover{ color:#ba9d6c;} .add_TxtBan .DesTxt{ text-align:center;} .add_TxtBan .DesTxt .more{ margin-top:10px; margin-right:35px;} @media screen and (max-width:1240px){ .TxtBan .WarpBox{width: 100%;left:0;margin-left:0;} .TxtBan .DesTxt{margin: 0;background: none;max-width: 249px;padding: 25px 0} .TxtBan .DesTxt .more{float: left;} .TxtBan .DesTxt .h3{font-weight: normal;font-size: 30px;line-height: 34px;margin-left: 40px;} .TxtBan .DesTxt .h4{font-size: 26px;line-height: 30px;} .DesBg{height: 0;padding-bottom: 4%;} .add_TxtBan .DesTxt{ text-align:left;} .add_TxtBan .DesTxt .h4{ font-size:24px;} } @media screen and (min-width:1920px){ .TxtBan .DesTxt{color: #fff;margin-top:17%;margin-left: 0;} .TxtBan .DesTxt .h3{ font-size:60px; line-height:60px;} .TxtBan .DesTxt .h3:before{ left:-50px;} .TxtBan .DesTxt .h3:before, .TxtBan .DesTxt .h3:after{ font-size:40px;} .add_TxtBan .DesTxt{ text-align:center;} .add_TxtBan .DesTxt .h3{ margin-bottom:10px;} .add_TxtBan .DesTxt .h4{ font-size:30px;} .add_TxtBan .DesTxt .more{ font-size:16px;} } /*鍏ㄧ悆鎷涘晢*/ .ZhaoFormBg{padding: 325px 0;background: #040000;overflow: hidden;} .ZhaoFormBg .InputBox1{max-width: 680px;margin: 0 auto;text-align: center;} .ZhaoFormBg .div1{margin-bottom: 55px;} .ZhaoFormBg .div1 .h3{font-size: 70px;line-height: 46px;color: #bb9e6c;letter-spacing: 4px;font-weight: bold;margin-bottom: 15px;} .ZhaoFormBg .div1 .p{font-size: 30px;color: #bb9e6c; line-height:3;} .ZhaoFormBg .InputDiv{position: relative;width: 33.333333%;float: left;overflow: hidden;margin: 20px 0;} .ZhaoFormBg .InputDiv-w-2{width: 66.666666%;} .ZhaoFormBg .InputDiv label{position:absolute; height:45px; line-height:45px; left:15px; top:0; z-index:10;color: #b7b7b7;text-align: left;font-size: 16px;cursor: text;} .ZhaoFormBg .InputDiv .text{border: 1px solid #d4d4d4;background: #fff;border-radius: 3px;width: 200px;padding: 0 15px;height: 45px;line-height: 45px;display: block;font-size: 16px; color: #b7b7b7;} .ZhaoFormBg .InputDiv .xin{position:absolute; height:45px; line-height:45px; right:13px; top:0; z-index:10;color: #ff0000;text-align: left;} .ZhaoFormBg .InputDiv select{border: 1px solid #d4d4d4;background: #fff;border-radius: 3px;width: 200px;padding: 10px 10px;height: 45px;font-size: 16px;color: #b7b7b7;line-height: 25px;display: block;} .ZhaoFormBg .InputDiv .text2{width: 110px;float: left;} .ZhaoFormBg .InputDiv .Send{display: block;float: left;margin-left: 15px;border: 1px solid #fff;background: #939393;border-radius: 3px;width: 130px;padding: 0 15px;height: 45px;line-height: 45px;color: #fff;text-align: center;} .ZhaoFormBg .DivBtn{margin-top: 55px;} .ZhaoFormBg .DivBtn .btn{display: block;margin: 0 auto;text-align: center;width: 280px;height: 50px;line-height: 50px;color: #fff;font-size: 22px;border-radius: 3px;background: url(../images/btn_bg.jpg) repeat;cursor: pointer;} .ZhaoFormBg .DivBtn .TIPS{font-size: 12px; margin-top: 20px;color: #999;} .ZhaoLastBg{background: #040000;padding: 105px 0;overflow: hidden;} .ZhaoLastBg2{max-width: 1000px;margin: 0 auto;width: 96%;background: #1a1a1a;padding: 80px 50px 50px;text-align: center;} .ZhaoLastBg2 .divbox{max-width: 515px;margin: 0 auto;overflow: hidden;} .ZhaoLastBg2 .h3{font-size: 50px;letter-spacing: 2px;color: #bb9e6c;margin-bottom: 25px;} .ZhaoLastBg2 .divbox1{width: 160px;float: left;overflow: hidden; padding-left: 30px;} .ZhaoLastBg2 .divbox1 figure{width: 130px;height: 130px;padding: 7px;overflow: hidden;background: #fff;} .ZhaoLastBg2 .divbox1 figure img{display: block;width: 100%;height: 100%;} .ZhaoLastBg2 .divbox1 div{letter-spacing: 2px; color: #b9b9b9;font-size: 12px;font-weight: bold;margin-top: 10px;} .ZhaoLastBg2 .divbox2{float: right;color: #b9b9b9;font-size: 12px;margin-top: 18%;} .ZhaoLastBg2 .divbox2 b{display: block;font-size: 26px;line-height: 10px;} @media screen and (max-width:640px){ .ZhaoLastBg2 .divbox2{width:100%;} } .FormTips{text-align: center;padding: 265px 0;} .FormTips .div1{font-size: 28px;color: #323232;display: inline-block;vertical-align: top;background: url(../images/yes_bg.png) left top no-repeat;padding-left: 42px;padding-top: 18px;margin-bottom: 25px;} .FormTips .div2{color: #999;font-size: 12px;margin-bottom: 60px;} .FormTips .div3 a{color: #323232;background: #fafafa;display: inline-block;vertical-align: top;margin: 0 15px;border-radius: 5px;padding:0 15px;min-width: 90px;text-align: center;border: 1px solid #cacaca;line-height: 30px;} @media screen and (max-width:1240px){ .FormTips{padding: 20% 0;} .FormTips .div1{margin-bottom: 4%;} .FormTips .div2{margin-bottom: 8%;} .ZhaoFormBg{padding: 6% 4%;} .ZhaoFormBg .div1{margin-bottom: 4%;} .ZhaoFormBg .DivBtn{margin-top: 4%;} .ZhaoFormBg .DivBtn .TIPS{margin-top: 5%;} .ZhaoFormBg .InputDiv{max-width: 400px;width: 85%;margin: 2% auto;float: none;overflow: visible;} .ZhaoFormBg .InputDiv .text{width: 94%;margin: 0 auto;} .ZhaoFormBg .InputDiv select{width: 94%;margin: 0 auto;position: relative;z-index: 11;} .ZhaoFormBg .InputDiv .text2{width: 60%} .ZhaoFormBg .InputDiv .Send{width: 38%;float: right;margin: 0;} .ZhaoFormBg .InputDiv .xin{position:absolute; height:45px; line-height:45px; right:-2px; top:0; z-index:10;color: #ff0000;text-align: left;} .ZhaoFormBg .InputDiv label{left: 3%;padding-left: 15px;} .ZhaoFormBg .div1 .h3{font-size: 34px;line-height: 28px;} .ZhaoFormBg .InputDiv-w-22{width: 94%;margin: 0 auto;} .ZhaoLastBg{padding: 4% 2%;} .ZhaoLastBg2{padding: 4%;} .ZhaoLastBg2 .h3{font-size: 24px;font-weight: 900;letter-spacing: 0;margin-bottom: 2%;} .ZhaoFormBg .MbW-w-2{margin: 0 auto;max-width: 352px;} .ZhaoFormBg .MbW-w-2 .InputDiv{width: 50%;float: left;margin: 2% 0;} .ZhaoFormBg .MbW-w-2 .InputDiv select{margin: 0;} .ZhaoFormBg .MbW-w-2 .InputDiv-w-22{position: relative;} .ZhaoFormBg .MbW-w-2 .InputDiv-w-22:after{display: block;height: 0;width: 100%;position: relative;overflow: hidden;content: '';} .ZhaoFormBg .InputDiv-w-33{position: relative;left: 3%;} } @media screen and (max-width:640px){ .FormTips{padding: 40% 0;} .ZhaoLastBg{padding: 7%; padding-bottom: 80px; padding-top:80px;} .ZhaoLastBg2{padding: 20% 4%;width: 100%;} .ZhaoLastBg2 .h3{font-size: 22px} .ZhaoLastBg2 .divbox2{margin-top: 10%;} } /*鐢熸椿鏂瑰紡*/ .WayBox00{padding: 265px 4% 150px;} .WayBox00 .divbox{max-width: 605px;margin: 0 auto;width: 96%;text-align: center;line-height: 26px;letter-spacing: 1px;} .WayBox00 .divbox img{display: block;margin: 0 auto;max-width: 100%;} .WayBox00 .divbox .h3{font-size: 22px;line-height: 26px;margin-bottom: 25px;} .WayBox00 .divbox1{margin-bottom: 230px;} .WayBox00 .divbox2{margin-bottom: 25px;} .WayBox00 .divbox3{margin-bottom: 30px;} .WayBox{position: relative;overflow: hidden;} .WayBox img{display: block;width: 100%;} @media screen and (max-width:1920px){ .WayBox img.PcShow{width: 1920px;margin-left: -960px;position: relative;left: 50%;max-width: none;} } .WayWarp{max-width: 884px;position: absolute;overflow: hidden;width: 100%;height: 100%;left: 50%;margin-left: -442px;top: 0;} .WayTxt2{position: absolute;top: 285px;left: 0;} .WayTxt2 .h3{font-size: 32px;line-height: 34px;} .WayTxt2 .h4{font-size: 20px;font-weight: normal;line-height: 28px;margin: 15px 0;} .WayTxt2 .h4 span{font-size: 22px;font-weight: bold;} .WayTxt2 .p{margin-bottom: 14px;line-height: 26px;letter-spacing: 1px;} .WayTxt2 a.more{color: #cca978;} .WayTxt2 a.more:hover{ color:#ba9d6c;} .WayBox2 .WayTxt2{top: 565px;} .WayBox3New .WayTxt2{ position:static;} .WayBox3New .WayWarp{display: block;} .WayBox3New .WayWarp .waybox3_item3{ display:none;} .WayBox3New .WayWarp .WayBox3_item1{ position:absolute; top:350px; right:56px;} .WayBox3_item1 .p{ font-size:40px; color:#231815; margin-bottom:31px;} .WayBox3New .WayWarp .WayBox3_item2{ position:absolute; top:546px; right:63px; width:278px;} .WayBox3_item2 .h3{ font-size:40px; text-align:center; margin-bottom:15px; color:#231815;} .WayBox3_item2 .p{ font-size:16px; background:#ff8c0d; height:22px; color:#231815; text-align:center;} .WayBox3_item2 .more{ float:right;} .WayBox3_item2 .more:hover{ color:#ba9d6c;} .WayBox4 .WayTxt2{left: 60px;top: 135px;} .WayBox5 .WayTxt2{left: auto;right: 0;top: 240px;} .WayBox6 .WayTxt2{left: 50%;margin-left: -125px;top: 270px;} .WayBox7 .WayTxt2{left: 40px;top: 270px;} .WayBox7 .WayTxt2 .h3{display: none;} .WayBox8 .WayTxt2{top: 570px;} .WayBox8 .WayTxt2 .h3{display: none;} .BanBoxAuto{overflow: hidden;} .BanBoxAuto img{display: block;margin: 0 auto;max-width: 100%;} .WayInfoTop1{text-align: center;padding: 165px 0 70px;} .WayInfoTop1 .txtbox{text-align: left;display: inline-block;max-width: 510px;font-size: 20px;line-height: 32px;} .WayInfoTop1 span{font-size: 44px;} .WayInfoTop2{text-align: center;padding: 60px 0 155px;} .WayInfo{background: #f5f5f5;overflow: hidden;padding: 135px 0; letter-spacing: 1px; color: #000;font-size: 20px;line-height: 1.85;} .WayInfoWarp{margin: 0 auto;max-width: 750px;} .WayInfoTxt{padding: 20px 0;overflow: hidden;} .WayInfoWarp .WayInfoTxt{ padding:30px 0;} .WayInfoTxt .Name{overflow: hidden;max-width: 470px;margin:0 auto;padding: 10px 0;display: inline-block;vertical-align: top;} .WayInfoTxt .Name .h3{font-size: 36px;font-weight: normal;padding-bottom: 15px;margin-bottom: 15px;line-height: 40px;border-bottom: 1px solid #656565;} .WayInfoTxt .Name .h4{font-size: 16px;font-weight: normal;color: #4c4c4c;padding: 0 25px;} .ShengdnBg22 .WayInfoTxt .Name .h4{color: #fff;} .WayInfoTxt .ULLIST{text-align: center;font-size: 0;} .WayInfoTxt .ULLIST li{font-size: 14px;display: inline-block;vertical-align: top;margin: 10px 25px;} .WayInfoTxt .ULLIST li .i{display: block;width: 80px;height: 80px;overflow: hidden;} .WayInfoTxt .ULLIST li .i img{display: block;width: 100%;height: 100%;} .WayInfoTxt .ULLIST li .span{display: block;line-height: 20px;font-size: 16px;margin-top: 15px;} .MB230{margin-bottom: 230px;} .MB110{margin-bottom: 110px;} .MB80{margin-bottom: 80px;} .MB40{margin-bottom: 40px;} .ShiyeBg{background: #000;color: #fff;} .ShiyeBg .WayInfoTxt .Name .h4{color: #fff;} .ShiyeBg .WayInfo{background: none;color: #fff;} .WayNewBox{background: #fbf7f0;padding: 220px 0;} .WayNewTxt{max-width: 660px;margin: 0 auto;font-size: 20px;line-height: 32px;} .WayNewTxt .h3{color: #994d1a;font-size: 55px;line-height: 65px;font-weight: normal;text-align:right;display: inline-block;margin-bottom: 100px;} .WayNewTxt .div{display: inline-block;font-size: 18px;text-align: left;} .WayNewTxt2{text-align: center;} .HHH290{height: 290px;background: #fbf7f0;} @media screen and (max-width:1240px){ .MB230{margin-bottom: 4%;} .MB110{margin-bottom: 4%;} .MB80{margin-bottom: 4%;} .MB40{margin-bottom: 4%;} .WayBox00{padding:100px 4%;background:#f5f5f5;} .WayNewBox{padding: 4% 0;} .WayNewBox .WarpBox{padding: 0 4%;} .HHH290{height: 0;padding-bottom: 4%;} .WayNewTxt{font-size: 16px;line-height: 26px;} .WayNewTxt2{text-align: left;} .WayNewTxt .h3{font-size: 24px;line-height: 30px;margin-bottom:3%;} .WayNewTxt .div{display: block;font-size: 16px;} .WayBox00 .divbox1{margin-bottom: 80px;} .WayBox00 .divbox2{margin-bottom: 30px;} .WayBox00 .divbox .h3{font-size: 20px;line-height: 24px;} .WayBox img.PcShow{width: 100%;margin-left:0;left:0;} .WayTxt2{position: relative;top: 0!important;left: 0!important;margin: 0!important;padding:6% 4%; display:block !important;} .WayTxt2 .h3{font-size: 26px;line-height: 30px;} .WayTxt2 .h4{font-size: 18px;font-weight: normal;line-height: 24px;margin: 10px 0;} .WayTxt2 .h4 span{font-size: 20px;} .WayTxt2 .p{margin-bottom: 10px;} .WayWarp{max-width: 100%;position: relative;margin: 0;left: 0;height: auto;} /*.WayBox3 .WayWarp{display: block;}*/ .WayBox3New .WayWarp .waybox3_item1{ display:none;} .WayBox3New .WayWarp .waybox3_item2{ display:none;} .WayBox3New .WayWarp .waybox3_item3{ display:block;} .WayBox7 .WayTxt2 .h3{display: block;} .WayBox8 .WayTxt2 .h3{display: block;} .WayInfoTop1{padding: 4% 0;} .WayInfoTop2{padding: 4% 0;} .WayInfoWarp{padding: 0 4%;} .WayInfo{text-align: left;font-weight: normal;padding: 6% 0;} .WayInfoTxt .ULLIST li{margin: 10px 20px;} .WayInfoTxt .ULLIST li .i{width: 70px;height: 70px;} .WayInfoTxt{padding:2% 0;} } @media screen and (max-width:640px){ .WayTwoBox{background: #fff;background-color: rgba(255,255,255,0.9);transition: all 0.4s ease-in-out;position: relative;z-index: 99;} .WayTwoBox .WayOne{color: #323232;font-size: 16px;padding: 4% 3%;max-width: 45%;float: left;overflow: hidden;} .WayTwoBox .WayTwo{color: #929292;font-size: 14px;padding: 4% 3%;max-width: 45%;float: right;overflow: hidden;} .WayTwoBox .WayTwo a{color: #929292;} .WayTwoBox .WayBtn{display: block;position: absolute;width: 24px;height: 30px;left: 50%;top: 50%;margin-top: -15px;margin-left: -12px;} .WayTwoBox .WayBtn:before, .WayTwoBox .WayBtn:after{transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);content: "";display: block;position: absolute;top: 60%;width: 15px; height: 2px;z-index: 1;background: #434343;} .AddBtn .WayBtn:before, .AddBtn .WayBtn:after{top: 30%;transition: all 1s cubic-bezier(0.86, 0, 0.07, 1);} .WayTwoBox .WayBtn:before{transform: rotate(45deg);left: -2.5px;transform-origin: 100% 0;} .WayTwoBox .WayBtn:after{transform: rotate(-45deg);right:-2.5px;transform-origin: 0 100%;} .AddBtn .WayBtn:before{transform: rotate(-45deg);} .AddBtn .WayBtn:after{transform: rotate(45deg);} .AddWayTwoBox{position: fixed;left: 0;top: 0;width: 100%;transition: all 0.4s ease-in-out;} .WayTwoBox .ul{overflow: hidden;padding: 4% 6%;display: none;position: absolute;width: 100%;left: 0;top: 100%;background-color: rgba(255,255,255,0.9);} .WayTwoBox .ul li a{display: block;line-height: 20px;padding: 7px 10px;color: #323232;margin: 5px 0;font-size: 15px;} .WayTwoBox .ul li a:hover{background: #f1f1f1;} .WayTwoBox .ul li{animation-name:DDD;transition: all .05s ease-in; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .WayTwoBox .ul li.ON{animation-name: UUU;transition: all .05s ease-out;} @keyframes UUU{ 0%{transform:translate3d(0,-100%,0);visibility:visible;opacity: 0;} to{transform:translate3d(0,0,0);opacity: 1;} } @keyframes DDD{ 0%{transform:translate3d(0,0,0);visibility:visible;opacity: 1;} to{transform:translate3d(0,-100%,0);opacity: 0;} } .WayInfo{font-size: 14px;line-height: 26px;} .WayInfoTop1 .txtbox{max-width: 100%;font-size: 18px;line-height: 28px;} .WayInfoTop1 span{font-size: 30px;} } @media screen and (min-width:1920px){ .WayBox2 .WayTxt2{ top:58%;} .WayBox4 .WayTxt2{ top:18%;} .WayBox8 .WayWarp{ overflow:initial;} .WayBox8 .WayTxt2{ top:59%; left:-17%;} } /*0鍏冭璁?/ .ZrDesBg{background: #f2f2f2;} .ZrDesBox1 .ZhaoFormBg{background: #f2f2f2;padding: 120px 0 155px;} .ZrDesBox1 .ZhaoFormBg .DivBtn .btn{width: 284px;background-image: url(../images/btn_bg2.png);padding: 0 50px 0 110px;overflow: hidden;} .ZrDesBox1 .BanBoxAuto1{margin-bottom: 35px;} .ZrDesBox1 .BanBoxAuto1 img{max-width: 300px;} .ZrDesBox1 .BanBoxAuto2{margin: 35px auto 20px;} .ZrDesBox1_wx{width: 120px;margin: 0 auto;} .ZrDesBox1_wx figure{width: 100%;height: 120px;background: #fff;padding: 10px;overflow: hidden;} .ZrDesBox1_wx figure img{display: block;width: 100%;height: 100%;} .ZrDesBox1_wx div{margin-top: 5px;} .ZrDesBanBox{margin: 250px auto 0;padding: 0 3%;} .ZrDesLine{background: #c8a069;height: 50px;position: relative;} .ZrDesLine div{position: absolute;top: -65px;width: 200px;height: 200px;text-align: center;background: #c8a069;color: #fff;font-size: 48px;line-height: 50px;padding: 50px 0;border-radius: 100%;overflow: hidden;z-index: 9;right: 20%; padding-top:65px;} .ZrDesLine div aside{overflow: hidden;height: 50px;padding: 0 5px;} .ZrDesBanBoxOdd .ZrDesLine div{left: 20%;} .ZrDesTxt{text-align: center;padding: 65px 3%;background: #d6d6d6;overflow: hidden;} .ZrDesTxt .div{font-size: 22px;line-height: 32px;color: #323232;max-width: 490px;margin: 0 auto;text-align: left;} .ZrDesTxt .div span{font-size: 26px;font-family: 'Bell MT';} .ZrDesTxt .h3{display: inline-block;position: relative;padding: 0 130px;font-size: 45px;color: #4d4d4d;font-weight: normal;line-height: 48px;} .ZrDesTxt .h4{position: relative;font-size: 45px;color: #4d4d4d;font-weight: normal;line-height: 48px;} .ZrDesTxt .h4 b{color: #c8a069;} .ZrDesTxt .h3:after, .ZrDesTxt .h3:before{display: block;position: absolute;top: 50%;margin-top: -.5px;width: 95px;height: 1px;background: #747474;content: '';} .ZrDesTxt .h3:before{left: 0;} .ZrDesTxt .h3:after{right: 0;} .BanBoxMT6{margin-top: 160px;} .ZrImgBox1{border: 40px solid #c8a069;background: #fff;overflow: hidden;padding: 180px 0;} .ZrImgBox1 .ULLIST{margin-top: 135px;overflow: hidden;text-align: center;} .ZrImgBox1 .ULLIST li{display: inline-block;vertical-align: top;font-size: 22px;color: #323232;margin: 5px 35px;} .ZrImgBox1 .ULLIST li i{display: block;overflow: hidden;width: 65px;height: 65px;margin: 0 auto;} .ZrImgBox1 .ULLIST li i img{display: block;width: 100%;height: 100%;} .ZrImgBox1 .ULLIST li .div{line-height: 32px;margin-top: 5px;} .WarpW950{max-width: 950px;margin: 0 auto;} .ZrImgBox2{overflow: hidden;background: #d6d6d6;padding: 80px 0;} .ZrImgBox2 .ul{overflow: hidden;} .ZrImgBox2 .ul li{width: 33.33333%;float: left;overflow: hidden;padding: 13px;} .ZrImgBox2 .ul li figure{padding-bottom: 100%;} .ZrImgBox2 .div{font-size: 40px;line-height: 50px;color: #333;text-align: center;padding: 30px 0 0;} @media screen and (max-width:1240px){ .ZrDesBox1 .ZhaoFormBg{padding: 4%;} .ZrDesBox1 .BanBoxAuto1{margin-bottom: 3%;} .ZrDesBox1 .BanBoxAuto2{margin: 3% 0;} .WarpW950{padding: 0 4%;} .WarpW1790{padding: 0 4%;} .ZrDesBanBox{margin-top: 6%;padding: 0 2%;} .ZrDesLine{height: 25px;} .ZrDesLine div{font-size: 18px;line-height: 25px;width: 80px;height: 80px;top: -15px;padding: 15px 0;} .ZrDesLine div aside{height: 25px;} .ZrDesTxt{padding: 3%;} .ZrDesTxt .h3{padding: 0 35px;font-size: 22px;line-height: 26px;} .ZrDesTxt .h4{padding: 0 35px;font-size: 22px;line-height: 26px;} .ZrDesTxt .h3:after, .ZrDesTxt .h3:before{width: 25px;} .BanBoxMT6{margin-top: 2%;} .ZrDesTxt .div span{font-size: 20px;} .ZrDesTxt .div{font-size: 16px;line-height: 26px;} .ZrImgBox1{border: 7px solid #c8a069;padding: 0;} .ZrImgBox1 .WarpBox{padding: 4%;} .ZrImgBox1 .ULLIST{margin-top: 4%;font-size: 0;} .ZrImgBox1 .ULLIST li{padding: 5px 15px;margin: 0;} .ZrImgBox2{padding: 4% 0;} } @media screen and (max-width:950px){ .ZrImgBox2 .ul li{padding: 5px;} .ZrImgBox2 .div{padding-top: 3%;font-size: 26px;line-height: 34px;} } @media screen and (max-width:640px){ .ZrImgBox1 .ULLIST li{min-width: 50%;font-size: 18px;line-height: 28px;} } /*鍦h癁楦?/ .ShengdnBg{background: #091d34;overflow: hidden;} .ShengdnBg img{max-width: 100%;} .ShengdnTxt .TxtPage{font-size: 18px;color: #f5f5f5;line-height: 32px;max-width: 595px;margin: 0 auto;padding: 315px 0;} .ShengdnTxt .TxtPage .h3{font-size: 64px;line-height: 70px;margin-bottom: 40px;} .ShengdnTxt .TxtPage .div{letter-spacing: .5px;} .ShengdnTxt2{color: #f5f5f5;padding: 315px 0;} .ShengdnTxt2 .h3{font-size: 58px;font-weight: normal;line-height: 64px;margin-bottom: 25px;text-align: center;} .ShengdnTxt3{color: #f5f5f5;padding: 315px 0 270px;} .ShengdnTxt3 .h3{font-size: 58px;line-height: 64px;margin-bottom: 65px;} .ShengdnTxtBox{text-align: center;} .ShengdnTxtBox .WarpBox{display: inline-block;vertical-align: top;text-align: left;} .ShengdnBan{overflow: hidden;position: relative;} .ShengdnBan img{display: block;width: 100%;} @media screen and (max-width:1920px){ .ShengdnBan img{width: 1920px;margin-left: -960px;position: relative;left: 50%;max-width: none;} } @media screen and (max-width:768px){ .ShengdnBan img{width: 768px;margin-left: -384px;} } .ShengdnBan1 .ShengdnBanTxt{position: absolute;left: 20%;top:10%;background: #091d34;padding: 95px;border-radius: 15px;color: #f5f5f5;max-width: 540px; z-index: 2;} .ShengdnBan1 .ShengdnBanTxt:after{display: block;content: '';width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #091d34;position: absolute;top: 100%;left: 65px;} .ShengdnBan1 .ShengdnBanTxt .h3{font-size: 54px;line-height: 65px;font-weight: normal;margin-bottom: 45px;} .ShengdnBan1 .ShengdnBanTxt .div{font-size: 16px;line-height: 30px;} .ShengdnBan2 .ShengdnBanTxt{position: absolute;left: 50%;top:10%;background: #091d34;padding: 95px;border-radius: 15px;color: #f5f5f5;width: 750px;margin-left: -375px; z-index: 2;} .ShengdnBan2 .ShengdnBanTxt:after{display: block;content: '';width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-top: 40px solid #091d34;position: absolute;top: 100%;right: 175px;} .ShengdnBan2 .ShengdnBanTxt .h3{font-size: 54px;line-height: 65px;font-weight: normal;margin-bottom: 45px;} .ShengdnBan2 .ShengdnBanTxt .div{font-size: 16px;line-height: 30px;} .ShengdnTxt4{color: #f5f5f5;padding: 345px 0 285px;} .ShengdnTxt4 .TxtPage{padding-right: 180px;max-width: 700px;margin: 0 auto;} .ShengdnTxt4 .h3{font-size: 56px;line-height: 62px;margin-bottom: 35px;font-weight: normal;} .ShengdnTxt4 .div{font-size: 18px;line-height: 32px;} .ShengdnTxt4 .divimg{margin-top: 20px;float: right;} .ShengdnBanW img{display: block;width: 100%;} .ShengdnTop{padding: 10% 0;text-align: center;} .ShengdnTop .h3{font-size: 24px;color:#f5f5f5;line-height: 30px;text-align: left;display: inline-block;vertical-align: top;margin-top: 2%;} @media screen and (max-width:1240px){ .ShengdnTxt .TxtPage{padding: 10% 0;font-size: 16px;line-height: 26px;} .ShengdnTxt .TxtPage .h3{font-size: 24px;margin-bottom: 2%;line-height: 30px;text-align: left;} .ShengdnTxt2{padding: 10% 0;} .ShengdnTxt2 .h3{font-size: 24px;margin-bottom: 2%;line-height: 30px;text-align: left;} .ShengdnTxt3{padding: 10% 0;} .ShengdnTxt3 .h3{font-size: 24px;margin-bottom: 2%;line-height: 30px;text-align: left;} .ShengdnTxt4{padding: 10% 0;} .ShengdnTxt4 .TxtPage{padding: 0;} .ShengdnTxt4 .h3{font-size: 24px;margin-bottom: 2%;line-height: 30px;text-align: left;} .ShengdnTxt4 .div{font-size: 16px;line-height: 26px;} } @media screen and (max-width:768px){ .ShengdnBan1 .ShengdnBanTxt{left: 50%;padding: 4%;max-width: 356px;margin-left: -178px;top: 50%;margin-top: -152px;} .ShengdnBan1 .ShengdnBanTxt .h3{font-size: 24px;margin-bottom: 2%;line-height: 30px;text-align: left;} .ShengdnBan1 .ShengdnBanTxt .div{line-height: 24px;} .ShengdnBan1 .ShengdnBanTxt:after{border-width: 20px;} .ShengdnBan2 .ShengdnBanTxt{left: 50%;padding: 4%;max-width: 356px;margin-left: -178px;top: 50%;margin-top: -118px;} .ShengdnBan2 .ShengdnBanTxt .h3{font-size: 24px;margin-bottom: 2%;line-height: 30px;text-align: left;} .ShengdnBan2 .ShengdnBanTxt .div{line-height: 24px;} .ShengdnBan2 .ShengdnBanTxt:after{border-width: 20px;} } @media screen and (max-width:640px){ .ShengdnBan1 .ShengdnBanTxt,.ShengdnBan2 .ShengdnBanTxt{ position:relative;left: 0; padding: 4%; max-width: none; margin-left: 0; top: 0; margin-top: 0; width: 100%;} } @media screen and (max-width:400px){ .ShengdnBan1 .ShengdnBanTxt{max-width: 300px;margin-left: -150px;} .ShengdnBan2 .ShengdnBanTxt{max-width: 300px;margin-left: -150px;} .ShengdnBg .ShengdnBan1 .ShengdnBanTxt{margin-left: 0;} .ShengdnBg .ShengdnBan2 .ShengdnBanTxt{margin-left: 0;} } .JobTxt{padding: 165px 0;max-width: 450px;margin: 0 auto;} .JobTxt .div1{font-size: 28px;line-height: 38px;color: #313232;margin-bottom: 35px;} .JobTxt .div2{color: #313232;font-size: 17px;line-height: 26px;margin-bottom: 105px;} .JobTxt .div3{color: #313232;font-size: 17px;line-height: 26px;text-align: center;} .JobTxt .div3 a{color:#cca978;} .JobTxt2{padding-left: 25px;margin: 150px 0;background: url(../images/job_ico.png) 0 2.5px no-repeat;max-width: 440px;font-size: 12px;color: #939393;} @media screen and (max-width:1240px){ .JobTxt{padding: 15% 0 6%;} .JobTxt .div1{font-size: 20px;line-height: 24px;margin-bottom: 4%;} .JobTxt .div2{margin-bottom: 6%;} .JobTxt2{margin: 0 0 15%;} } /*鑱旂郴鎴戜滑*/ .ConTxt1{font-size: 17px;color: #717171;line-height: 27px;max-width: 565px;margin: 0 auto;padding: 110px 0 80px;} .ConTxt1 .h3{font-size: 52px;line-height: 60px;text-align: center;margin-bottom: 50px;font-weight: normal;color: #1a1a1a;} .ConTxt2{padding: 0 0 140px;max-width: 400px;margin: 0 auto;text-align: center;} .ConTxt2 img{max-width: 100%;} .ConTxt2 figure{margin: 40px auto 0;width: 115px;height: 115px;background: #fff;border-radius: 2px;overflow: hidden;padding: 5px;} .ConTxt2 figure img{display: block;width: 100%;height: 100%;} .ConTxt2 .divewm div{line-height: 30px;font-size: 12px;} .ConTxt3{font-size: 0;margin-bottom: 130px;} .ConTxt3 .h3{font-weight: normal;font-size: 21px;text-align: center;color: #333;padding-bottom: 35px;margin-bottom: 60px;border-bottom: 1px solid #d0d0d0;} .ConTxt3 dl.dl{display: inline-block;vertical-align: top;font-size: 12px;line-height: 21px;color: #7d7d7d;margin-bottom: 75px;width: 33.333333%;padding: 0 4%;} .ConTxt3 dl.dl dt{font-weight: normal;font-size: 21px;color: #333;margin-bottom: 15px;} @media screen and (max-width:1240px){ .ConTxt1{padding: 6% 0;} .ConTxt1 .h3{font-size: 22px;line-height: 26px;margin-bottom: 4%;} .ConTxt2 figure{margin: 4% auto 0;} .ConTxt2{padding-bottom: 6%;} .ConTxt3{margin-bottom: 2%;} .ConTxt3 .h3{padding-bottom: 4%;margin-bottom: 4%;} .ConTxt3 dl.dl dt{margin-bottom: 10px;} .ConTxt3 dl.dl{margin-bottom: 4%;padding: 0 1%} } @media screen and (max-width:768px){ .ConTxt3 dl.dl{width: 50%;} } @media screen and (max-width:640px){ .ConTxt3 dl.dl{width: 100%;padding: 0 4%;} .ConTxt3 dl.FirstDl{border-bottom: 1px solid #d0d0d0;width: 100%;padding-bottom: 4%;} } /*娉曞緥淇℃伅*/ .CurNameBox{max-width: 915px;margin: 0 auto 85px;color: #231815;font-size: 16px;padding: 10px 0;border-bottom: 1px solid #e3e3e3;} .INFO201801031102{overflow: hidden;margin-bottom: 50px;color: #231815;font-size: 13px;line-height: 23px;} .INFO201801031102 .h3{font-size: 18px;color: #231815;margin-bottom: 25px;} @media screen and (max-width:1240px){ .MainBox{padding: 0 0 4%;} .CurNameBox{padding:3% 4%;margin-bottom: 4%;} .INFO201801031102 .h3{margin-bottom: 2%;font-size: 16px;} .INFO201801031102{margin-bottom: 4%;} } /*缃戠珯鍦板浘*/ /* .INFO201801031131{} */ .INFO201801031131 .dl{display: inline-block;vertical-align: top;min-width: 110px;margin-right: 100px;font-size: 12px;color: #454545;margin-bottom: 35px;} .INFO201801031131 .dl dt{font-size: 15px;color: #2d2d2d;font-weight: bold;} .INFO201801031131 .dl a{color: #454545;} .INFO201801031131 .dl a:hover{text-decoration: underline;} .INFO201801031148 .div1{margin: 0 auto 15px;color: #231815;font-size: 16px;padding: 10px 0;border-bottom: 1px solid #e3e3e3;} .INFO201801031148 .div2 a{font-size: 12px;color: #454545;} @media screen and (max-width:1240px){ .INFO201801031148 .div1{margin-bottom: 2%;} } @media screen and (max-width:640px){ .INFO201801031131 .dl{width: 100%;padding:0 0 4%;margin: 0;} .INFO201801031131 .OneDlEnd{border-bottom: 1px solid #e3e3e3;margin-bottom: 4%;} } /*鑱旂郴鎴戜滑*/ .MapBox1{padding: 80px 0 30px;text-align: center;border-bottom: 1px solid #e7e7e7;margin-bottom: 15px;} .MapBox1 .h3{font-size: 30px;color: #1a1a1a;line-height: 36px;font-weight: normal;margin-bottom: 45px;} .MapBox1 .divbox{overflow: hidden;font-size: 0;} .MapBox1 .divbox .text{font-size: 14px;color: #1a1a1a;width: 155px;height: 45px;line-height: 45px;padding: 0 15px;border: 1px solid #d8d8d8;border-radius: 5px;display: inline-block;vertical-align: top;margin: 0 15px;} .MapBox1 .divbox select{font-size: 14px;color: #1a1a1a;width: 155px;height: 45px;line-height: 20px;padding: 10px 15px;border: 1px solid #d8d8d8;border-radius: 5px;display: inline-block;vertical-align: top;margin: 0 15px;} .MapBox1 .divbox a.btn{display: inline-block;vertical-align: top;margin: 0 auto;text-align: center;width: 120px;height: 45px;line-height: 45px;color: #fff;font-size: 16px;border-radius: 3px;background: url(../images/btn_bg.jpg) repeat;cursor: pointer;margin: 0 15px;} .MapBox2{text-align: center;padding-bottom: 30px;} .MapBox2 .div{display: inline-block;vertical-align: top;margin: 0 10px;color: #1a1a1a;} .MapBox2 .div span{color: #ff0000;} .Map002{margin-bottom: 90px;} .Map002 .map{margin-left: 300px;} .Map002 .map #dituContent{ height:555px; width:100%; position:relative;} .Map002 .map #dituContent img{ max-width: none; } .Map002 .map #allmap *{ font-size:12px !important;} .Map002 .info{float:left;width:290px;height: 555px;overflow: hidden;position: relative;} .Map002 .info .TOPTIP{padding:0 20px 15px;overflow: hidden;color: #666;text-align: center;} .Map002 .info .TOPTIP b{color: #3c9de9;} .Map002 .info ul{height:420px;padding: 0;margin: 0;} .Map002 .info li{list-style: none;cursor: pointer;padding:20px 45px;color:#666;border-top:1px #f5f5f5 solid;font-size: 12px;height: auto!important;} .Map002 .info li .Num{float: left;font-size: 18px;padding-top: 12px;color: #c8a069;} .Map002 .info li .TxtPage{margin-left: 25px;} .Map002 .info li h1{margin:0;font-weight: normal;font-size: 12px;color: #c8a069;} .Map002 .info li p{margin:0;} .Map002 .info li p .DHID{display: block;float: right;padding-left: 24px;background: url(../images/loc_bg.png) left center no-repeat;background-size: 24px auto;} .Map002 .info li.on{background:#fafafa;} .Map002 .info li.on .Num{color: #3c9de9;font-size: 20px;} .Map002 .info li.on h1{color: #3c9de9;font-size: 14px;} .Map002 .info li.on p{font-size: 14px;} .Map002 .info li.on p .DHID{color: #3c9de9;} /*宸︿笅瑙掔櫨搴︾増鏉?/ /*.Map002 .BMap_cpyCtrl{display: none!important;} .Map002 .anchorBL{bottom: 0!important;}*/ .Map002 .Btn{position: absolute;width: 100%;left: 0;bottom:0;height: 95px;background: #f5f5f5;border: 1px solid #e9e9e9;} .Map002 .Btn .swiper-button-next, .Map002 .Btn .swiper-button-prev{width: 50%;height: 100%;margin-top:0;top: 0;} .Map002 .Btn .swiper-button-next, .Map002 .Btn .swiper-container-rtl .swiper-button-prev{background: url(../images/map_btn_d.png) center no-repeat;right: 0;} .Map002 .Btn .swiper-button-prev, .Map002 .Btn .swiper-container-rtl .swiper-button-next{background: url(../images/map_btn_u.png) center no-repeat;left: 0;border-right: 1px solid #e9e9e9;} .Map002 .Btn .swiper-button-next.swiper-button-disabled, .Map002 .Btn .swiper-button-prev.swiper-button-disabled{opacity: 1;} @media screen and (max-width:1240px){ .MapBox1{padding: 4% 0;margin-bottom: 4%;} .MapBox1 .h3{font-size: 22px;margin-bottom: 2%;} .MapBox1 .divbox select{margin: 0 10px;width: 120px;} .MapBox1 .divbox .text{margin: 0 10px;width: 120px;} .MapBox1 .divbox a.btn{margin: 0 10px;} .MapBox2{padding-bottom: 4%;} .Map002{margin-bottom: 4%;} } @media screen and (max-width:640px){ .MapBox1 .divbox select{width: 46%;margin:2%;float: left;} .MapBox1 .divbox .text{width: 96%;margin:2%;} .MapBox1 .divbox a.btn{width: 96%;margin:2%;} .Map002 .info{width: 100%;float: none;} .Map002 .map{margin:4% 0 0;display: none;} .Map002 .map #dituContent{height: 0;position: relative;padding-bottom: 65%;} .Map002{margin: 0;} .BMap_bubble_content{max-height: 72px;overflow: auto;} .MbWarpW1000{padding: 0!important;} .Map002 .info li{padding: 15px 20px;border-top: 1px solid #d5d5d5;} .Map002 .info li .Num{font-size: 20px;} .Map002 .info li h1{color: #3c9de9;font-size: 16px!important;} .Map002 .info li p{font-size: 14px;} } /*鏂囧寲姝f枃*/ .WarpW1500{max-width: 1500px;margin: 0 auto;} .WarpW1000{max-width: 1000px;margin: 0 auto;} .WarpW805{max-width: 805px;margin: 0 auto;} .WarpW505{max-width: 505px;margin: 0 auto;} .WarpW355{max-width: 355px;margin: 0 auto;} .WenhuaTxt_1_1{padding: 150px 0;overflow: hidden;line-height: 30px;font-size: 16px;color: #454545;} .WenhuaTxt_1_1 .span{font-size: 45px;} .WenhuaTxt_1_2 .ul{overflow: hidden;} .WenhuaTxt_1_2 .ul li{float: left;overflow: hidden;width: 50%;padding: 55px 15px;} .WenhuaTxt_1_2 .ul li figure{padding-bottom: 62%;} .WenhuaTxt_1_2 .ul li div.dot{text-align: right;padding: 15px 25px;line-height: 20px;color: #000;font-size: 22px;position: absolute;width: 100%;left: 0;bottom: 0;font-weight: 400;} .WenhuaTxt_1_2 .ul li.List1{width: 56%;} .WenhuaTxt_1_2 .ul li.List1 figure{padding-bottom: 91%;} .WenhuaTxt_1_2 .ul li.List2{width: 44%;} .WenhuaTxt_1_2 .ul li.List2 figure{padding-bottom: 117%;} .WenhuaTxt_1_2 .ul li.List2 div.dot{padding: 15px 75px;} .WenhuaTxt_1_2 .ul li.List5{width: 67.2%;} .WenhuaTxt_1_2 .ul li.List5 figure{padding-bottom: 47%;} .WenhuaTxt_1_2 .ul li.List6{width: 32.8%;} .WenhuaTxt_1_2 .ul li.List6 figure{padding-bottom: 100%;} .WenhuaTxt_1_3{padding: 120px 0 215px;overflow: hidden;} .WenhuaTxt_1_3 .divtxt{color: #454545;font-size: 16px;line-height: 30px;margin-bottom: 100px;} .WenhuaTxt_1_3 .divtxt .div1{font-size: 18px;} .WenhuaTxt_2 img{max-width: 100%;} .WenhuaTxt_2 .divimg{text-align: center;} .WenhuaTxt_1 img{max-width: 100%;} .WenhuaTxt_1 .divimg{text-align: center;} .WenhuaTxt_2_1{text-align: center;padding: 220px 0;} .WenhuaTxt_2_1 .divtxt{margin-top: 140px;color: #323232;font-size: 36px;line-height: 44px;} .WenhuaTxt_2_1 .divtxt .div{font-size: 45px;line-height: 53px;} .WenhuaTxt_2_2{padding: 110px 0;overflow: hidden;max-width: 1000px;margin: 0 auto;} .WenhuaTxt_2_2 .ul li{width: 33.33333333%;float: left;overflow: hidden;padding: 8px;} .WenhuaTxt_2_2 .ul li figure{padding-bottom: 100%;} .WenhuaTxt_2_3{padding: 80px 0;overflow: hidden;} .WenhuaTxt_2_3 .divtxt{color: #323232;line-height: 30px;font-size: 20px;margin-top: 75px;} .WenhuaTxt_2_4{padding: 190px 0;overflow: hidden;} .WenhuaTxt_2_4 .divtt{color: #323232;font-size: 20px;padding: 30px 0 95px;text-align: center;} .WenhuaTxt_2_4 .divtxt{color: #323232;line-height: 30px;font-size: 20px;} .WenhuaTxt_2_5{padding: 70px 0 335px;overflow: hidden;} @media screen and (max-width:1530px){ .WarpW1500{padding: 0 15px;} .WenhuaTxt_1_2 .ul li{padding: 15px;} } @media screen and (max-width:1240px){ .WarpW1000{padding: 0 4%;} .WarpW805{padding: 0 4%;} .WenhuaTxt_2_1{padding: 20% 0 40%;} .WenhuaTxt_2_2{padding: 0 4%;} .WenhuaTxt_2_3{padding: 6% 0;} .WenhuaTxt_2_4{padding: 0 0 6%;} .WenhuaTxt_2_1 .divtxt{margin-top: 10%;font-size: 22px;line-height: 36px;} .WenhuaTxt_2_1 .divtxt .div{font-size: 26px;line-height: 36px;} .WenhuaTxt_2_3 .divtxt{font-size: 16px;line-height: 26px;margin-top: 2%;} .WenhuaTxt_2_4 .divtt{font-size: 14px;padding: 2% 0 4%;color: #999;} .WenhuaTxt_2_4 .divtxt{line-height: 26px;font-size: 16px;} .WenhuaTxt_1_1{padding: 20% 0;} .WenhuaTxt_1_1 .span{font-size: 30px;} .WenhuaTxt_1_2{padding: 6% 0;} .WenhuaTxt_1_3{padding: 6% 0;} .WenhuaTxt_1_3 .divtxt{margin-bottom: 6%;} } @media screen and (max-width:640px){ .WarpW505{padding: 0 4%;} .WarpW355{padding: 0 4%;} .WenhuaTxt_2_2{padding: 0;} .WenhuaTxt_2_2 .ul li{padding: .5px;} .WenhuaTxt_2_4 .WarpW1000{padding: 0;} .WenhuaTxt_1_3{display: none;} .WenhuaTxt_Bg{background: #050301;} .WenhuaTxt_1_1{color: #fff;font-size: 14px;line-height: 26px;color: #c8c7c7;} .WarpW1500{padding: 0 4%;} .WenhuaTxt_1_2 .ul li{padding: 0 0 2%;} .WenhuaTxt_1_2 .ul li{width: 100%!important;} .WenhuaTxt_1_2 .ul li div.dot{text-align: center;padding: 10px 15px!important;color: #fff;font-size: 18px;position: relative;} .BrandBg2{background: #f4f4f4;} .PicsBox{background: #fff;} } /*娓呴櫎娴姩*/ .clear{ clear:both; height:0px; overflow:hidden;} .clearfix:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; font-size: 0px;} .clearfix { zoom: 1;} /*鍝佺墝-涓変釜鍋忔墽鐙?/ .aspz_m{ width:640px; max-width:100%; margin:0 auto;} .aspz_m img{ max-width:100%;} .aspz_m .aspz_h{ color:#10100d; padding:17.18% 0 11.25%; padding-left:10.93%;} .aspz_h .p{ font-size:100px; line-height:110px;} .aspz_h span{ font-size:60px; line-height:76px; border-bottom:2px solid #645c4d; display:inline-block;} .aspz_m .aspz_img1{ margin-bottom:14.06%;} .aspz_m .aspz_img2{ margin-bottom:10%;} .aspz_m .aspz_text{ padding-left:11.71%;} .aspz_m .aspz_text .p{ font-size:24px; color:#1f2123; line-height:48px;} .aspz_m .aspz_img3{ margin-top:7.8%;} .aspz_m .aspz_line{ width:90%; height:2px; background:#7a6d58; margin:10% auto 10%;} .aspz_m .aspz_img4{ margin-bottom:3.1%;} .aspz_text .aspz_p{ margin-bottom:9.37%;} .aspz_m .aspz_img5{ margin-bottom:6.25%;} .aspz_img6{ height:682px; background-repeat:no-repeat; background-position:center;} .aspz_img6 img{ display:none;} .aspz_m2{ padding-bottom:11%;} .aspz_m .aspz_img7{ margin-top:16.4%;} @media screen and (max-width:640px){ .aspz_m{ width:80%;} .aspz_img6{ background:none !important; height:auto;} .aspz_img6 img{ display:block; width:100%;} .aspz_h .p{ font-size:55px; line-height:60px;} .aspz_h span{ font-size:38px; line-height:45px;} .aspz_m .aspz_text .p{ font-size:16px; line-height:32px;} } @media screen and (max-width:440px){ .aspz_h .p{ font-size:45px; line-height:50px;} .aspz_h span{ font-size:30px; line-height:38px;} .aspz_m .aspz_text .p{ font-size:14px; line-height:24px;} .aspz_m .aspz_img7{ margin-bottom:22%;} } /*鍝佺墝-涓変釜鍋忔墽鐙 缁撴潫*/ /*鍝佺墝鈥斾唬瑷€浜?/ .asRepresent_m1{ width:407px; max-width:100%; margin:0 auto; color:#fff; padding-top:75px;} .asRepresent_m1 .h3{ font-size:40px; line-height:45px; font-weight:normal; padding:17.19% 0 7.37%;} .asRepresent_m1 .h3 span{ font-weight:bold;} .asRepresent_m1 .p{ font-size:12px; line-height:25px;} .asRepresent_m2{ width:717px; max-width:100%; margin:0 auto; color:#fff; padding:13% 0 17.18%;} .asRepresent_m2 .h3{ font-weight:normal; font-size:18px; padding:6% 0 2%;} .asRepresent_m2 .p{ font-size:14px; color:#8d8d8d;} .asRepresent_m2 .asRepresent_img2{ position:relative;} .asRepresent_img2 .asRepresent_h{ display:none;} .asRepresent_img2 .p{ position:absolute; top:45%; left:0; width:100%; text-align:center; font-size:16px; color:#fff;} .asRepresent_img2 .p .asRepresent_i{ display:inline-block; width:20px; height:20px; background:url(../images/asRepresent_i.png) no-repeat; vertical-align:middle; margin:-2px 0 0 5px;} .asRepresent_img2 img{ width:100%;} @media screen and (max-width:640px){ .asRepresent_m1{ width:81%;} .asRepresent_m1 .h3{ font-size:32px; line-height:40px;} .asRepresent_m1 img{ width:100%;} .asRepresent_m1 .p{ font-size:16px;} .asRepresent_m2{ width:87%; padding:50% 0 55%;} .asRepresent_m2 .h3{ display:none;} .asRepresent_m2 .p{ padding-top:30px;} .asRepresent_img2 .asRepresent_h{ display:block;} .asRepresent_img2 .p{ position:static; margin:40px auto; padding-top:0; font-size:20px; color:#25a6d8;} .asRepresent_img2 .p .asRepresent_i{ width:22px; height:22px; background:url(../images/asRepresent_i2.png) no-repeat; background-size:100% 100%;} .asRepresent_h span{ display:block; text-align:center; font-size:35px; line-height:45px; color:#fff; font-weight:bold;} } @media screen and (max-width:480px){ .asRepresent_m1 .h3{ font-size:24px; line-height:32px;} .asRepresent_m1 .p{ font-size:14px;} .asRepresent_h span{ font-size:24px; line-height:32px;} .asRepresent_img2 .p{ font-size:16px;} } /*鍝佺墝鈥斾唬瑷€浜 缁撴潫*/ /*缁存剰鍔ㄦ€?/ .asNews_h{ background:#fff;} .asNews_m{ max-width:915px; width:100%; margin:0 auto; color:#1a1a1a; font-size:16px; line-height:36px;} .asNews{ padding:25px 0 7.3%;} .asNews .asNews_mobile{ display:none;} .asNews .ul{max-width:915px;margin: 0 auto;} .asNews .ul li{ margin:0 auto 10px; background:#fff;} .asNews .asNews_pc{ width:75.1%;} .asNews .asNews_text{ width:24.89%; float:left; padding:5% 3.2% 0;} .asNews_text span{ display:block; font-size:12px; color:#717171; margin-bottom:20px;} .asNews_text .p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;} .asNews_text .p a{ font-size:16px; color:#414141;} .asNews_text .p a:hover{ color:#cca978;} .asNews_text .h4{ display:none;} .asNews_text .asNews_i{ display:none;} .asNews .asNews_more{ text-align:center; padding-top:25px;} .asNews .asNews_more a{ color:#cca978;} .asNews .asNews_more a:hover{ text-decoration:underline;} @media screen and (max-width:768px){ .asNews_m{ padding:4% 3%;line-height: 24px;} } @media screen and (max-width:640px){ .asNews .asNews_pc{ display:none;} .asNews .asNews_mobile{ display:block; width:100%;} .asNews .asNews_text{ float:none; width:100%; padding:6.45% 6.45% 50px; position:relative;} .asNews_text .h4{ display:block; color:#f8a539; font-weight:normal;} .asNews_text span{ color:#5a5448; margin-bottom:10px;} .asNews .ul li{ border-bottom:2px solid #e8e6e6; margin-bottom:15%;} .asNews .ul li:last-child{ margin-bottom:5%;} .asNews_text .asNews_i{ display:block; width:22px; height:22px; background:url(../images/asNews_i.png) no-repeat; position:absolute; bottom:20px; right:20px;} } .asNews_select .asNews_sm{ max-width:915px; height:48px; line-height:48px; width:100%; margin:0 auto;} .asNews_sm .asNews_smh, .asNews_sm .asTopic, .asNews_sm .asYear, .asNews_sm .asMonth, .asNews_sm .asNews_reset{ float:left;} .asNews_sm .asTopic, .asNews_sm .asYear, .asNews_sm .asMonth{ margin-left:10%; position:relative;} .asNews_sm .asNews_smh{ font-size:10px; color:#a8a8a8;} .asNews_sm .asNews_reset{ margin-left:11%; font-size:12px; color:#cca978; cursor:pointer;} .asNews_sm .asNews_reset:hover{ text-decoration:underline;} .asNews_sm .asTopic span, .asNews_sm .asYear span, .asNews_sm .asMonth span{ display:block; position:relative; padding-right:15px; cursor:default;} .asNews_sm .asTopic span::before, .asNews_sm .asYear span::before, .asNews_sm .asMonth span::before{ content:''; display:block; width:8px; height:5px; background:url(../images/asSelect.png) no-repeat; position:absolute; right:0; top:43%;} .asNews_sm .dl{ height:290px; line-height:26px; overflow:auto; position:absolute; right:0; width:160px; padding:0 12px; padding-top:15px; display:none; background:#fafafa; z-index:99;} .asNews_sm .asYear .dl{ right:-50px;} .asNews_sm .asMonth .dl{ right:-86px;} .asNews_sm .dl dt{ color:#666; cursor:pointer; padding:0 10px;} .asNews_sm .dl dd{ font-size:12px; color:#999; cursor:pointer; padding:0 10px;} .asNews_hover .asNews_sm .dl dt:hover, .asNews_hover .asNews_sm .dl dd:hover{ background:#f2f2f2; color:#666;} .asNews_hover .asNews_sm .asTopic:hover .dl, .asNews_hover .asNews_sm .asYear:hover .dl, .asNews_hover .asNews_sm .asMonth:hover .dl{ display:block;} .asNews_hover .asNews_sm .asYear .dl dd:hover, .asNews_hover .asNews_sm .asMonth .dl dd:hover{ color:#cca978;} @media screen and (max-width:768px){ .asNews_select .asNews_sm{padding: 0 4%;} } @media screen and (max-width:640px){ .asNews_select{ display:none;} } /*缁存剰鍔ㄦ€ 缁撴潫*/ /*缁存剰鍔ㄦ€佽鎯呴〉*/ /* .asNews_dc{} */ .asNews_detail{ width:94%; max-width:100%; margin:0 auto;} .asNews_detail img{ max-width:100%;} .asNews_detail .asNews_dh{ padding:10.34% 0 5%; border-bottom:1px solid #e6e6e6;position: relative;} .asNews_detail .asNews_dh .look {margin: 0;position: absolute;right: 0;bottom: 0;} .asNews_dh span{ display:block; font-size:10px; color:#999; margin-bottom:30px;} .asNews_dh em{ display:none;} .asNews_dh .p{ font-size:30px; line-height:35px; color:#333;} .asNews_detail .asNews_dinfo{ padding:4% 0 6%;} .asNews_b{ width:740px; max-width:100%; height:195px; margin:0 auto; background:#333;} .asNews_b .asNews_bm{ width:435px; max-width:100%; margin:0 auto; padding:50px 38px 0;} .asNews_bm .h3{ font-weight:normal; font-size:18px; color:#fff; margin-bottom:10px;} .asNews_bm .h3 i{ display:inline-block; width:25px; height:20px; background:url(../images/asNews_bi.jpg) no-repeat; vertical-align:middle; margin:-3px 5px 0 0;} .asNews_bm .p{ font-size:12px; color:#b2b2b2;} .asNews_bm .asNews_bmore{ font-size:12px; color:#cca978;} .asNews_bm .asNews_bmore:hover{ text-decoration:underline;} .asNews_white{ width:100%; height:0; padding-bottom:6.5%; background:#fff;} .asNews_dh .bdshare-button-style0-16 a, .asNews_dh .bdshare-button-style0-16 .bds_more{ margin:12.64% 0 0 0!important; padding: 0!important; width: 16px!important; height: 16px!important; background-image: url(../images/asNews_dhi.png)!important; background-size:auto 100%!important; } /*.asNews_dh .bdsharebuttonbox{display: none;}*/ @media screen and (max-width:640px){ .asNews_dh .bdsharebuttonbox{display: block;} .asNews_dc{ background:#fff;} .asNews_dh span{ margin-bottom:12px; line-height:16px;} .asNews_dh .p{ font-size:24px;} .asNews_detail, .asNews_b{ width:88.6%;} .asNews_b{ height:auto;} .asNews_b .asNews_bm{ padding:60px 35px;} .asNews_dh em{ display:block; font-style:normal; font-size:10px; color:#f9b04e;} .asNews_white{ padding-bottom:40px;} } /*缁存剰鍔ㄦ€佽鎯呴〉 缁撴潫*/ /*鍏泭-蹇冩剰琛屽姩*/ .asWelfare_top{ height:895px; background-position:center; background-repeat:no-repeat;} .asWelfare_top .asWelfare_m{ width:917px; height:100%; max-width:100%; margin:0 auto; position:relative;} .asWelfare_m .asWelfare_topwap{ display:none;} .asWelfare_m .asWelfare1{ width:272px; color:#f2f2f0; position:absolute; bottom:200px; right:0;} .asWelfare1 .asW_p1{ font-size:20px; line-height:30px;} .asWelfare1 .asW_p2{ font-size:12px; line-height:20px; padding:20px 0 16px;} .asWelfare1 .ul{ margin-bottom:25px;} .asWelfare1 .ul li{ width:183px; font-size:12px;} .asWelfare1 .ul .asWelfare1_span1{ float:left;} .asWelfare1 .ul .asWelfare1_span2{ float:right;} .asWelfare1_span2 em{ font-style:normal; color:#00a0e9; padding-right:5px;} .asWelfare1 .asW_p3{ font-size:12px; line-height:20px;} .asWelfare1 .h3{ font-size:20px; color:#ff0000; margin-top:12px;} .asWelfare_m .asWelfare1_logo{ display:none;} .asWelfare2{ text-align:center; padding-top:180px;} .asWelfare2 .h3{ font-size:50px; color:#323232; font-weight:normal; line-height:60px; margin-bottom:90px;} .asWelfare2 .h3 em{ font-size:20px; vertical-align:middle; padding:0 15px;} .asWelfare2 .p{ font-size:20px; color:#6e6e6e; line-height:40px;} .asWelfare2 .p em{ font-size:12px; padding:5px 0;} .asWelfare_more{ text-align:center; font-size:16px; color:#323232; padding:109px 0 200px;} .asWelfare_more a{ color:#cca978;} .asWelfare_more a:hover{ text-decoration:underline;} .asWelfare_img{ display:block; margin:0 auto 170px;} .asWelfare3{ height:996px; background-position:center; background-repeat:no-repeat;} .asWelfare3 .p{ text-align:center; padding-top:160px; font-size:40px; color:#323232;} .asWelfare3 img{ display:none;} @media screen and (max-width:640px){ .asWelfare_top{ background:none !important; height:auto;} .asWelfare_m .asWelfare_topwap{ display:block; width:100%;} .asWelfare_m .asWelfare1{ position:static; width:250px; color:#323232; margin:0 auto;} .asWelfare1 .asW_p1{ font-size:24px;} .asWelfare1 .ul li{ width:230px;} .asWelfare1 .h3{ display:none;} .asWelfare_m .asWelfare1_logo{ display:block; padding:17.73% 0;} .asWelfare_m .asWelfare1_logo img{ display:block; margin:0 auto;} .asWelfare2{ padding-top:27%;} .asWelfare2 .h3{ font-size:28px; line-height:35px; margin-bottom:10%;} .asWelfare2 .p{ font-size:14px; line-height:28px;} .asWelfare2 .p span{ display:block;} .asWelfare_more{ padding:10% 0;} .asWelfare_img{ width:68%; margin-bottom:26%;} .asWelfare3{ background:none !important; height:auto;} .asWelfare3 img{ display:block; width:100%;} .asWelfare3 .p{ font-size:28px; padding:0 0 26%;} } /*鍏泭-蹇冩剰琛屽姩 缁撴潫*/ /*甯屾湜灏忓*/ .asTop{ background:#000; color:#fff;} .asTop .asTop_m{ width:915px; max-width:100%; margin:0 auto; line-height:72px; position:relative;} .asTop_m .ascrumbs{ float:right;} .ascrumbs a{ font-size:12px; color:#fff; margin:0 14px;} .ascrumbs a i{ font-family: "瀹嬩綋"; font-style: normal; font-weight: bold; padding-left: 5px;} .ascrumbs a:hover{ color:#959595;} .ascrumbs a.on{ font-size:12px; color:#959595;} .asTop_m .ascrumbs_mobile{ display:none;} .asTop_m .asTop_logo{ height:46px; margin-top:12px;} .asTop_m .asTop_name{ font-size:24px; padding-left:20px;font-weight: bold;} @media screen and (max-width:1240px){ .asTop .asTop_m{ padding:0 2%;} } @media screen and (max-width:640px){ .asTop .asTop_m{ line-height:45px; text-align:center;} .asTop_m .ascrumbs{ display:none;} .asTop_m .ascrumbs_mobile{ display:block; position:absolute; top:0; right:0;} .ascrumbs_mobile a{ color:#fff; font-size:12px; padding-right:18px;} .asTop_m .ascrumbs_mobile a::before{ content:''; display:block; width:16px; height:16px; background:url(../images/asRight.png) no-repeat; background-size:100%; position:absolute; right:0; top:32%;} .asTop_m .asTop_logo{ height:26px; margin-top:0; position: absolute;top:10px;left: 60px;} .asTop_m .asTop_name{ font-size:16px; font-weight:bold; padding-left:10px;} .asTop1 .Top{ display:none;} } .xiaojiaBox1{background-position:center; background-repeat:no-repeat;background-size: cover;} /* .asHome_top{} */ .asHome_top .asHome_topimg1, .asHome_top .asHome_topimg2{ display:none;} .asHome1{ margin-bottom:13%;} .asHome1 .asHome1_right{ float:right; padding-right:70px;} .asHome1 .asHome1_left{ float:left; padding-left:60px;} .asHome1_left .asHome1_h{ padding:20px 0 55px;} .asHome1_h .p, .asHome2_h .p, .asHome3_h .p{ font-size:48px; line-height:70px; color:#323232;} .asHome1_h .p span, .asHome2_h .p span{ font-size:14px; display:inline-block;} .asHome1_info .p{ color:#323232;} .asHome1_info .asHome_img2{} .asHome2{ margin-bottom:11%;} .asHome2 .asHome2_m, .asHome3 .asHome3_m{ width:930px; max-width:100%; margin:0 auto;} .asHome2 .asHome2_h{ margin-bottom:11.36%;} .asHome2 .asHome2_left{ width:43%; float:left;} .asHome2 .asHome2_right{ width:458px; float:right;} .asHome2_right .asHome2_rt{ float:left; width:188px;} .asHome2_right .asHome_img3{ margin-bottom:12px;} .asHome2_right .asHome_img5{ float:right; width:255px;} .asHome2_right .asHome_img6{ float:right; margin-top:70px;} .asHome3{ padding-bottom:10.5%;} .asHome3 .asHome3_m{ padding-left:330px; position:relative;} .asHome3_m .asHome_img7{ width:25%; position:absolute; left:0; top:250px;} .asHome3 .asHome3_h{ margin-bottom:81px;} .asHome3_m .asHome_img9{ margin-top:80px;} .asHome3_m .asHome_img8{ position:absolute; right:55px; top:320px;} .asHome3_info .h3{ font-size:22px; line-height:30px; color:#323232;} .asHome3_info .p{ color:#323232;} @media screen and (max-width:1240px){ .asHome2 .asHome2_m{ padding:0 2%;} } @media screen and (max-width:1024px){ .asHome3 .asHome3_m{ padding-left:32%;} } @media screen and (max-width:860px){ .asHome2 .asHome2_left{ width:100%; float:none;} .asHome2 .asHome2_right{ float:none; margin:30px auto 0;} } @media screen and (max-width:640px){ .asHome_top{ height:auto; background:none !important;} .asHome_top .asHome_topimg1, .asHome_top .asHome_topimg2{ display:block; width:100%;} .asHome_top .asHome_topimg2{ width:75%; margin:25% auto;} .asHome1 .asHome1_right{ padding-right:5%; text-align:right; padding-bottom:20%;} .asHome1 .asHome1_right img{ width:75%;} .asHome1_left .asHome1_h{ padding-bottom:30px;} .asHome1_h .p, .asHome2_h .p, .asHome3_h .p{ font-size:28px; line-height:35px; width:198px;} .asHome2_h .p, .asHome3_h .p{ width:auto;} .asHome1_h .p span, .asHome2_h .p span{ display:block; text-align:right; font-size:12px;} .asHome2_h .p span{ display:inline-block;} .asHome1 .asHome1_left, .asHome2 .asHome2_left, .asHome2 .asHome2_right{ width:100%; padding:0 5%;} .asHome1_info .p{ font-size:12px; line-height:22px;} .asHome1_left .asHome_img2{ width:100%;} .asHome2{ margin-bottom:30%;} .asHome2_right .asHome2_rt, .asHome2_right .asHome2_rt img, .asHome2_right .asHome_img5{ float:none; width:100%;} .asHome2_right .asHome_img3, .asHome2_right .asHome_img4{ margin-bottom:16px;} .asHome2 .asHome2_h{ padding:0 5%;} .asHome2_right .asHome_img6{ margin-top:30px;} .asHome3{ margin-bottom:70px;} .asHome3 .asHome3_m{ padding:0 5%;} .asHome3_m .asHome_img7, .asHome3_m .asHome_img8{ position:static;} .asHome3_m .asHome_img7{ width:auto; margin-bottom:40px;} .asHome3_info .h3{ margin-bottom:15px;} .asHome3_m .asHome_img9{ max-width:100%;} .asHome3_m .asHome_img8{ float:right; margin-top:50px;} } .asHome4{ height:995px; background-repeat:no-repeat; background-position:center;} .asHome4 .asHome4_m{ width:830px; height:100%; max-width:100%; margin:0 auto; position:relative; padding-top:7%; padding-left:16%;} .asHome4_m .asHome4_img{ display:none;} .asHome4_m .asHome4_logo{ position:absolute; right:6%; bottom:10.8%;} .asHome4_m .asHome4_info .p{ color:#323232; font-size:48px; line-height:70px;} @media screen and (max-width:640px){ .asHome4{ height:auto; background:none !important;} .asHome4 .asHome4_m{ padding:0;} .asHome4_m .asHome4_img{ display:block; width:100%;} .asHome4_m .asHome4_logo{ width:40%;} .asHome4_m .asHome4_info{ position:absolute; left:40%; top:45px;} .asHome4_m .asHome4_info .p{ font-size:22px; line-height:26px;} } /*甯屾湜灏忓 缁撴潫*/ /*甯屾湜灏忓婊氬姩 .asHome4 .asHome4_out{ height:995px; background-repeat:no-repeat; background-position:center;} @media only screen and (min-width:1300px ) { .section .animated{ opacity: 1 !important;} }*/ /*鍏泭-鍏充簬蹇冩剰琛屽姩*/ /*.asTop2 .asTop_m .asTop_name{ display:none;}*/ .asTop2 .asTop_m .asTop_logo{ height:75px; margin:0;} .asAboutXin_top{ height:860px; background-position:center; background-repeat:no-repeat;} .asAboutXin_top img{ display:none; max-width:100%;} .asAboutXin_list{ background:#fff;} .asAboutXin_list .asAboutXin_item1{} .asAboutXin_item1 .asAboutXin1{ width:718px; max-width:100%; margin:8.1% auto 0;} .asAboutXin1 .asAX1_h{ display:none;} .asAX1_h .h3{ font-size:24px; line-height:40px; text-align:center;} .asAX1_h .p{ text-align:center; padding:30px 0;} .asAX1_h .p a{ color:#25a5d6;} .asAX1_h .p .asAX1_i{ display:inline-block; width:20px; height:20px; background:url(../images/asRepresent_i2.png) no-repeat; background-size:100% 100%; vertical-align:middle; margin:-2px 0 0 6px;} .asAboutXin1 .asAX1_video{ width:100%; position:relative;} .asAboutXin1 .asAX1_video img{ width:100%;} .asAboutXin1 .asAX1_video video{ width:100%; height:100%;} /*.asAX1_video .asAX1_img{ position:absolute; top:0; left:0; width:100%; height:100%; background-position:center bottom;}*/ .asAX1_info .h3{ font-size:18px; color:#363636; font-weight:normal; padding:45px 0 10px;} .asAX1_info .h3 a{ color:#363636;} .asAX1_info .h3 a:hover{ color:#257eca;} .asAX1_info .p{ color:#9d9d9d;line-height: 26px;letter-spacing: 1px;text-justify:inter-ideograph;text-align:justify;} .asAboutXin_item1 .asAX12_img{ display:block; margin:7.5% auto 9.68%; max-width:61%;} .asAboutXin_item1 .asAX12_img img{max-width: 100%;} .asAX3_list .ul{ width:1380px; max-width:100%; margin:0 auto;} .asAX3_list .ul li{ width:32.33%; height:380px; float:left; margin:0.5% 0.5%; padding:5% 6% 0; background:#f2f2f2;} .asAX3_list .ul .h3{ font-size:23px; color:#323232; font-weight:normal; margin-bottom:25px;} .asAX3_list .ul .p{ font-size:17px; color:#666; margin-bottom:10px;line-height: 26px;letter-spacing: 1px;text-justify:inter-ideograph;text-align:justify;} .asAX3_list .ul .p1{ font-size:14px; margin-bottom:0;} .asAboutXin4{ width:715px; max-width:100%; margin:0 auto; padding:8.3% 0 8.8%;} .asAboutXin4 .asAX4_img1, .asAboutXin4 .asAX4_img2{ width:46%; margin:0 2%;} .asAboutXin4 .asAX4_img1{ float:left;} .asAboutXin4 .asAX4_img2{ float:right;} .asAboutXin4 .p{ padding:0 2%; text-align:right; font-size:20px; color:#4d4d4d; margin-top:30px;} .asAboutXin6{ padding-bottom:11.5%;} .asAboutXin6 .asAboutXin6_m{ /*height:400px;*/ background-position:center; background-repeat:no-repeat;} .asAboutXin6 .asAboutXin6_m video{ display:block; width:90%; margin:0 auto;} .asAboutXin6 .asAX6_img{ display:none;} .asAboutXin6 .p{line-height: 26px;text-justify:inter-ideograph;text-align:justify;font-size:16px; color:#323232; width:830px; max-width:100%; margin:28px auto 0; text-align:right;} .asAboutXin6 .p a{ color:#cca978;} .asAboutXin6 .asAX6_more{ display:none;} .asAboutXin7{} .asAboutXin7 .asAX7_h{ font-size:40px; line-height:60px; font-weight:normal; text-align:center; margin-bottom:40px;color: #000;} .asAboutXin7 .asAX7_h img{ vertical-align:middle; margin:-3px 40px 0 0;;} .asAboutXin7 .p{ font-size:18px; line-height:30px; color:#333; width:750px; max-width:100%; padding-left:6%; margin:0 auto;line-height: 26px;text-justify:inter-ideograph;text-align:justify;} .asAboutXin7 .asAX7_img{ width:100%; margin-top:6.7%;} .asAboutXin7 .asAX7_imgwap{ display:none;} .asAboutXin8{ padding-top:10.41%;} .asAboutXin8 .p{ width:420px; padding:0;line-height: 26px;text-justify:inter-ideograph;text-align:justify;} .asAboutXin8 .asAX8_img{ display:block; width:1130px; max-width:100%; margin:7.3% auto 0;} .asAboutXin8 .asAX8_imgwap{ display:none;} .asAboutXin9{ padding-bottom:7.4%;} @media screen and (max-width:1024px){ .asAX3_list .ul li{ width:48%; margin:1% 1%;} } @media screen and (max-width:640px){ .asTop2 .asTop_m .asTop_name{ display:inline-block; font-weight:normal; font-size:14px;} .asTop2 .asTop_m .asTop_logo{ position:absolute; top:0; left:60px; height:100%;} .asAboutXin_item1 .asAX12_img{ margin:4% auto;max-width: 100%;} .asAboutXin_top{ height:auto; background:none !important;} .asAboutXin_top img{ display:block;} .asAX3_list .ul li{ float:none; width:84.5%; height:300px; margin:0 auto 12px; padding:10% 10% 0;} .asAX3_list .ul .h3{ font-size:18px; margin-bottom:15px;} .asAX3_list .ul .p{ font-size:14px;} .asAX3_list .ul .p1{ font-size:12px;} .asAboutXin4{ padding:8.5% 0 25%;} .asAboutXin4 .asAX4_img1, .asAboutXin4 .asAX4_img2{ float:none; display:block; margin:50px auto 0; width:68%;} .asAboutXin4 .p{ font-size:12px; text-align:center; margin-top:20px;} .asAboutXin6{ text-align:center; padding-bottom:100px;} .asAboutXin6 .asAboutXin6_m{ height:auto; background:none !important;} .asAboutXin6 .asAX6_img{ display:block; width:100%;} .asAboutXin6 .p{ display:none;} .asAboutXin6 .asAX6_more{ display:inline-block; font-size:18px; color:#31abda; margin-top:70px;} .asAX6_more .asAX6_i{ display:inline-block; width:24px; height:24px; background:url(../images/asRepresent_i2.png) no-repeat; background-size:100%; vertical-align:middle; margin:-3px 0 0 12px;} .asAboutXin7{} .asAboutXin7 .asAX7_h{ font-size:24px; line-height:30px;} .asAboutXin7 .asAX7_h img{ width:35px; margin-right:20px;} .asAboutXin7 .p{ font-size:12px; line-height:18px; padding:0 0 0 10%;} .asAboutXin7 .asAX7_img{ display:none;} .asAboutXin7 .asAX7_imgwap{ display:block; width:100%; margin-top:50px;} .asAboutXin8{ padding-top:45px;} .asAboutXin8 .asAX7_h, .asAboutXin8 .p{ width:100%; padding:0 8.68%; text-align:left;} .asAboutXin8 .asAX7_h{ font-size:18px; margin-bottom:20px;} .asAboutXin8 .asAX8_img{ display:none;} .asAboutXin8 .asAX8_imgwap{ display:block; margin-top:40px; width:100%;} .asAboutXin9{ padding-bottom:66px;} .asAboutXin_list .asAboutXin_item2, .asAboutXin_list .asAboutXin_item3{ display:none;} .asAboutXin1 .asAX1_h{ display:block;} .asAboutXin1 .asAX1_video img{ display:block; width:88%; margin:0 auto;} .asAboutXin1 .asAX1_video video{ display:block; width:88%; margin:0 auto;} .asAboutXin1 .asAX1_info{ padding:0 6%;} .asAX1_info .h3{ display:none;} .asAX1_info .p{ padding-top:20px;} } /*鎵嬫満绔€夐」鍗?/ .asAboutXin_tab{ padding:10% 0 18%; text-align:center; display:none;} .asAboutXin_tab span{ display:inline-block; width:100px; height:50px; line-height:50px; font-size:16px; color:#938f87; background:#f9f9f9; margin:0 10px; } .asAboutXin_tab .asAX_on{ background:#f1f1f1; border:1px solid #edecea;color: #323232;} @media screen and (max-width:640px){ .asAboutXin_tab{ display:block;} } @media screen and (max-width:400px){ .asAboutXin_tab span{ margin:0 5px; width:80px; height:45px; line-height:45px; font-size:14px;} } /*蹇冩剰琛屽姩椤堕儴瀵艰埅*/ .asNav{ position:relative; display:none;} .asNav .asNav_h{ height:50px; line-height:50px; padding:0 2%; position:relative;} .asNav_h span{ font-size:16px; color:#323232;} .asNav_h i{ display:block; width:24px; height:24px; background:url(../images/asNav_i.png) no-repeat; background-size:100%; position:absolute; top:15px; left:48%;} .asNav_hon i{ background:url(../images/asNav_i2.png) no-repeat; background-size:100%;} .asNav .asNav_info{ position:absolute; left:0; top:50px; width:100%; padding:30px 8.6% 30%; background:#fff; z-index:99; display:none;} .asNav_info .h3{ font-size:14px; font-weight:normal; position:relative; margin-bottom:30px;} .asNav_info .h3 .asNav_close{ display:block; width:14px; height:14px; background:url(../images/asNav_close.png) no-repeat; background-size:100%; position:absolute; right:0; top:5px;} .asNav_info .ul{ border-bottom:1px solid #f7f6f5;} .asNav_info .ul li{ padding-right:25px;} .asNav_info .ul li a{ height:40px; line-height:40px; display:block; color:#7d786f; padding:0 16px;} .asNav_info .ul .asNav_on a{ background:#f3f3f1;} @media screen and (max-width:640px){ .asNav{ display:block;} } /*鍏泭-鍏充簬蹇冩剰琛屽姩 缁撴潫*/ /*瑙嗛*/ .asVideo{ padding:9% 0 6.77%; width:1000px; max-width:100%; margin:0 auto; position:relative;} .asVideo #my-video{ width:833px; max-width:100%; margin:0 auto;} .asVideo .video-js .vjs-control-bar{ bottom:25px; width:80%; margin:0 auto; background:none;} .asVideo .vjs-button>.vjs-icon-placeholder:before{ line-height:2;} .asVideo .video-js .vjs-playing, .asVideo .video-js .vjs-paused{ display:none;} .asVideo .asVideo_close{ display:block; width:27px; height:27px; background:url(../images/asVideo_close.png) no-repeat; position:absolute; left:0; top:9%;} @media screen and (max-width:1024px){ .asVideo .asVideo_close{ top:5%; left:3%;} } @media screen and (max-width:640px){ .asVideo{ padding:100px 0 100px;} .asVideo .asVideo_close{ top:40px;} .asVideo .video-js .vjs-playing, .asVideo .video-js .vjs-paused{ display:block;} .asVideo .video-js .vjs-tech{ height:100%;} .asVideo .my-video-dimensions{ height:230px;} .asVideo .video-js .vjs-big-play-button{ width:1.5em; border-radius:1.5em; top:35%; left:50%; margin-left:-0.75em;} } /*瑙嗛 缁撴潫*/ /*鎼滅储椤甸潰*/ .asSearch{ background:#fff;} .asSearch .asSearch_num{ width:735px; max-width:100%; margin:0 auto; padding:15px 0; font-size:12px; color:#000;} .asSearch .asSearch_num span{ color:#58a5e2;} @media screen and (max-width:735px){ .asSearch .asSearch_num{ padding-left: 4%; padding-right: 4%;} } .asSearch .asSearch_list{ width:735px; max-width:100%; margin:0 auto; padding-bottom:30px;} .asSearch_list .ul li{ padding-top:30px; position:relative; margin: 4% 0;} .asSearch_list .asS_time{ padding-bottom:20px; color:#000; font-size: 20px;} .asSearch_list .asS_time span{ padding-left:10px;} .asSearch_list .asS_box{ position:relative; padding-left: 160px; height: 90px;} .asSearch_list .asS_img{position:absolute; top:0; left:0; width: 150px; height: 90px; overflow: hidden;} .asSearch_list .asS_img .pic{ display: block; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover; border: 1px solid #eee;} .asSearch_list .asS_info{} .asSearch_list .asS_info .time{ color: #a2abb5;} .asSearch_list .asS_info .time span{ padding-left: 8px;} .asColor_yellow{ color:#ff9d46;} .asColor_green{ color:#66b9b2;} .asColor1{ color:#ff8c0d;} .asColor2{ color:#5ab3ac;} .asColor3{ color:#3c9de9;} .asSearch_list .asS_info .h3{ font-size:12px; margin-bottom: 5px; color:#333; width:85%; overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis;white-space:nowrap;} .asSearch_list .asS_info .h3 a{ font-size:12px; color:#333;} .asSearch_list .asS_info .h3 a:hover{ text-decoration:underline;} .asSearch_list .asS_info .p{ font-size:12px; line-height:18px; max-height: 36px; color:#999; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .asS_box .asS_bh{ display:none;} .asS_btn{ display:none;} @media screen and (max-width:735px){ .asSearch .asSearch_list{ padding-left: 4%; padding-right: 4%;} } @media screen and (max-width:640px){ .asSearch .asSearch_num{ display:none;} .asSearch .asSearch_list{ padding:15px 4% 0;} .asSearch_list .ul li{ padding-left:0; min-height:0; border-top:1px solid #eee; padding-bottom:30px;} .asSearch_list .asS_box{ padding-left: 140px;} .asSearch_list .asS_img{ width: 130px;} .asS_select{ display:block;} .asS_select .asNews_sm .dl{ position:static; width:100%; padding:0; width:83%; background:#fff; height:auto;} .asS_select .asNews_sm .dl dd, .asS_select .asNews_sm .dl dt{ padding:6px 10px;} .asS_select .asS_box{ position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:99; padding:0 4%; overflow-y: auto;} .asS_box .asTopic, .asS_box .asYear, .asS_box .asMonth{ float:none; width:100%; margin:0;} .asS_select .asNews_sm .asTopic span, .asS_select .asNews_sm .asYear span, .asS_select .asNews_sm .asMonth span{ border-bottom:1px solid #dbd9d7;} .asS_select .asNews_sm .asTopic span::before, .asS_select .asNews_sm .asYear span::before, .asS_select .asNews_sm .asMonth span::before{ width:10px; height:10px; background:url(../images/.asS_i1.jpg) no-repeat; background-size:100% 100%;} .asS_select .asS_box{ padding-bottom:55px; display:none;} .asS_box .asS_bh{ display:block; width:100%; height:50px; line-height:50px; border-bottom:1px solid #f9f7f7;} .asS_bh .asS_close{ float:left; display:inline-block; width:20px; height:20px; background:url(../images/asNav_close.png) no-repeat; background-size:100% 100%; margin-top:10px;} .asS_bh span{ float:right; color:#58a6ea;} .asNews_sm .asTopic .asS_on::before, .asNews_sm .asYear .asS_on::before, .asNews_sm .asMonth .asS_on::before{ height:10px; background:url(../images/.asS_i2.jpg) no-repeat; background-size:100% 100%;} .asS_box .dl .asSdd_on{ background:#f3f3f1;} .asS_btn{ display:block; width:100%; height:50px; background:#257eca; color:#fff; font-size:16px; position:fixed; left:0; bottom:0;} .asS_select .asNews_sm{ padding:0 4%;} .asS_select .asNews_sm .asNews_reset{ float:right;} .asS_select .asNews_sm .asNews_smh{ padding-left:30px; position:relative;} .asS_select .asNews_sm .asNews_smh::before{ content:''; display:block; width:20px; height:20px; background:url(../images/asS_si.png) no-repeat; background-size:100% 100%; position:absolute; top:14px; left:0;} } /*鎼滅储椤甸潰 缁撴潫*/ /*鏍峰紡浼樺寲 2018.01.05*/ /* banner */ .BanBox{overflow: hidden;} .BanBox img{display: block;width: 100%;} /*鏂囧寲*/ .CultureBox{background: #000;overflow: hidden;padding: 95px 0 160px;} .CultureBox .CultureWarp{background: #fff;overflow: hidden;max-width: 1065px;margin: 0 auto;padding: 80px;} .CultureBox .ul li{margin-bottom: 55px;} .CultureBox .ul li figure{padding-bottom: 48.333333333%;} .CultureBox .ul li img{display: block;width: 100%;} .CultureBox .ul li .tt{color: #444041;font-size: 20px;line-height: 25px;padding: 20px 0;} /*鍝佺墝*/ .BrandBox{background: #1a1a1a;padding: 0 0 415px;} @media screen and (max-width:1240px){ .CultureBox{padding: 4%;} .CultureBox .CultureWarp{padding: 4%;} .CultureBox .ul li{margin-bottom: 4%;} #iframe{height: 3646px;} } @media screen and (max-width:640px){ .CultureBox{background: #f4f4f4;} .CultureBox .CultureWarp{padding: 0;background: none;} .CultureBox .ul li{background: #fff;} .CultureBox .ul li .tt{line-height: 26px;padding: 20px;font-size: 16px;} .CultureBox .ul li figure{padding-bottom: 67.96875%;} .BrandBox{background: #fff;} .BrandBox .ul li .tt{text-align: center;} .BrandBox .ul li figure{padding-bottom: 100%;} } /*鏂颁竴浠e畾鍒?/ /*.WayBox7 .WayTxt2{display: none;}*/ /*缁存剰鍔ㄦ€?/ .NewsBg{background: #f5f5f5;overflow: hidden;} /*鏂扮増鍏ㄧ悆鎷涘晢*/ /*涓€灞忔粴*/ .OvhAuto{width: 100%;height: 100%;overflow: hidden;overflow-y: auto;} .InvestmentBox1{background: #000;overflow: hidden;} .InvestmentBox2{background: #020001;overflow: hidden;} .InvestmentBox1 .WarpBox{position: relative;max-width:950px;} .InvestmentBox1 .DivTxt{color: #c8a069;font-size: 16px;/*line-height: 36px;*/position: absolute;left: 4%;top: 50%;transform:translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateX(-50%);} .InvestmentBox1 .DivTxt p{margin: 0;} .InvestmentBox1 .DivImg{max-width: 640px;float: right;} .InvestmentBox1 .DivImg img{max-width: 375px; padding-bottom:85px; margin:0 auto;} .InvestmentBox2 .WarpBox{position: relative;overflow: hidden;text-align: center;} .InvestmentBox2 .DivTxt{color: #bb9e6c;display: inline-block;vertical-align: top;text-align: left;margin-bottom: 2%;} .InvestmentBox2 .DivTxt .div1{font-size: 34px;line-height: 75px;margin-bottom: 12px;text-align: center;} .InvestmentBox2 .DivTxt .div1 div{letter-spacing: 0px;/*font-weight:bold;*/} .InvestmentBox2 .DivTxt .div2{max-width: 310px;margin: 0 auto 60px; text-align:center;} .InvestmentBox2 .DivTxt .div2 p{margin: 0;color:#ccc!important;} .InvestmentBox2 .DivImg{text-align: center;} .InvestmentBox2 .DivImg img{max-width: 100%;} .InvestmentBox3{background: #000;} .InvestmentBox3 img{max-width: 100%;} .DesignTeam{text-align: center;/*padding: 2% 0 5%;*/} .DesignTeam .DivTxt{color: #bb9e6c; display: inline-block;vertical-align: top;margin-bottom: 4%;} .DesignTeam .DivTxt span{color:#c8c8c8!important;} .DesignTeam .DivTxt .div1{font-size: 16px;} .DesignTeam .DivTxt .div2{font-size: 40px;line-height: 44px;margin-top: 5px;} .DesignTeam .DivImg img{/*width: 100%;*/} .GoldCoast{text-align: center;padding: 10% 0;} .GoldCoast .DivImg img{width: 100%;} .GoldCoast .DivImg{position: relative;overflow: hidden;} .GoldCoast .DivTxt1{color: #bb9e6c;position: absolute;top: 10%;width: 100%;} .GoldCoast .DivTxt1 .divbox{display: inline-block;vertical-align: top;text-align: left;} .GoldCoast .DivTxt1 .div1{font-size: 40px;} .GoldCoast .DivTxt1 .div2{font-size: 40px;line-height: 44px;margin-top: 5px;} .GoldCoast .DivTxt2{color: #bb9e6c;font-size: 16px;position: absolute;bottom: 10%;width: 100%;} .NewEetail{text-align: center;padding: 18% 0;} .NewEetail .DivTxt{color: #bb9e6c;font-size: 16px;margin-bottom: 110px;} .NewEetail .DivImg1{margin-bottom: 110px;} .NewEetail .DivImg2{margin-bottom: 40px;} .NewEetail .DivTxt3{margin-bottom: 40px;} .NewEetail .DivTxt3 .h3{font-size: 28px;/*font-weight: normal;*/line-height: 34px;margin-bottom: 15px;} .OtherBox{padding: 6% 0;overflow: hidden;text-align: center;} .OtherBox .DivTxt{color: #bb9e6c;font-size: 16px;line-height:26px; margin-bottom: 140px;} .OtherBox .DivTxt .h3{font-size: 35px;font-weight: normal;line-height: 34px;margin-bottom: 15px;} .OtherBox .DivImg img{max-width: 100%;} @media screen and (max-width:640px){ .OtherBox .DivTxt .text span{font-size: 16px!important;} .OtherBox .vis{text-align: center!important;} .OtherBox .vis span{margin-right: 0!important;} } /* 鍔ㄧ敾 */ @media screen and (min-width:1300px){ .InvestmentBox1 .DivTxt{opacity: 0;transition:1s;margin-left: -100%;} .InvestmentBox1.active .DivTxt{opacity: 1;margin-left: 0;} .InvestmentBox1.ADDCLA .DivTxt{opacity: 1;margin-left: 130px;} .InvestmentBox1 .DivImg{transform: translateX(100%);opacity: 0;transition:1s;} .InvestmentBox1.active .DivImg{transform: translateX(0);opacity: 1;} .InvestmentBox1.ADDCLA .DivImg{transform: translateX(0);opacity: 1;} .InvestmentBox2 .DivTxt{transform:scale(0);opacity: 0;transition:1s;} .InvestmentBox2.active .DivTxt{transform:scale(1);opacity: 1;} .InvestmentBox2 .DivImg{transform:scale(0);opacity: 0;transition:1s;} .InvestmentBox2.active .DivImg{transform:scale(1);opacity: 1;} .InvestmentBox3 .DesignTeam .DivImg img{transform:scale(0);opacity: 0;transition:1s;} .InvestmentBox3.active .DesignTeam .DivImg img{transform:scale(1);opacity: 1;} .InvestmentBox3 .DesignTeam .DivTxt{transform:scale(0);opacity: 0;transition:1s;} .InvestmentBox3.active .DesignTeam .DivTxt{transform:scale(1);opacity: 1; text-align:center;} } /* 鍔ㄧ敾 缁撴潫 */ @media screen and (max-width:1300px){ .InvestmentBox1 .AutoBox{padding: 10% 0;} .InvestmentBox2 .AutoBox{padding: 10% 0;} } @media screen and (max-width:1240px){ .DesignTeam .DivTxt .div2{font-size: 40px;line-height: 34px;} .GoldCoast .DivTxt1 .div2{font-size: 24px;line-height: 34px;} .NewEetail .DivTxt{margin-bottom: 10%;} .NewEetail .DivImg1{margin-bottom: 10%;} .NewEetail .DivImg2{margin-bottom: 4%;} .NewEetail .DivTxt3{margin-bottom: 4%;} .NewEetail .DivTxt3 .h3{font-size: 24px;line-height: 34px;} .OtherBox .DivTxt .h3{font-size: 24px;line-height: 34px;} .OtherBox .DivTxt{margin-bottom: 4%;} } @media screen and (max-width:769px){ .InvestmentBox1 .AutoBox{text-align: center;padding: 20% 0; padding-top: 100px!important;} .InvestmentBox2 .AutoBox{text-align: center;padding: 27% 0;} .DesignTeam{padding: 45% 0;} .InvestmentBox1 .DivImg{float: none;width: 100%;} .InvestmentBox1 .DivTxt{position: relative;left:14%;top:0;transform:none;font-size: 20px;line-height: 30px;text-align: left;} .InvestmentBox2 .DivTxt{color: #c79f68;} .GoldCoast{padding: 20% 0;} .GoldCoast .DivTxt1{position: relative;top: 0;margin-bottom: 4%;} .GoldCoast .DivTxt2{position: relative;bottom: 0;margin-top: 4%;} .NewEetail .DivImg img{max-width: 100px;} .OtherBox{padding: 10% 0;} } .OVFHD{overflow: hidden;width: 100%;} .SearchNewsBg{background: #f5f5f5;} /*鍏ㄧ悆鎷涘晢椤甸潰闂磋窛淇敼*/ .qqzs_box{ background:#000;} .GoldCoast{ padding:0;} .NewEetail{ /*padding-top:0;*/ padding-bottom:5%;} .OtherBox{ padding-bottom:2%;} .ZhaoFormBg{ padding:150px 0 90px;} /*鍏ㄧ悆鎷涘晢椤甸潰澶撮儴*/ #dowebok .Top{ position:absolute; top:0; width:100%;} .InvestmentBox1 .Top .WarpBox{ position:static;} .InvestmentBox1 .DivTxt{ } @media screen and (min-width:1300px){ .InvestmentBox1.active .DivTxt, .InvestmentBox1.ADDCLA .DivTxt{} .InvestmentBox1.active .DivImg, .InvestmentBox1.ADDCLA .DivImg{ margin-right:10%;} } @media screen and (min-width:2000px){ .fp-tableCell{display: block!important;} .InvestmentBox1 .DivTxt{ font-size:28px; line-height:42px; left:5%;} .InvestmentBox1 .DivImg{ width:50%;} .InvestmentBox1 .DivImg img{ width:100%; max-width:100%;} .InvestmentBox2 .WarpBox{max-width: 1200px; padding-top:100px;} .InvestmentBox1.active .DivImg, .InvestmentBox1.ADDCLA .DivImg{ margin-right:0; padding-top:200px;} .InvestmentBox1 .WarpBox{ max-width:1400px; padding-right:155px;} .InvestmentBox2 .DivTxt .div1{ font-size:60px; line-height:140px;} .InvestmentBox2 .DivTxt .div2{ font-size:30px; max-width:700px; line-height:40px; margin-top:30px;} .InvestmentBox2 .DivTxt .div2 p{margin: 0;color:#666; font-size:28px; line-height:40px;} .InvestmentBox2.active .DivImg{ margin-top:30px;} .InvestmentBox2 .DivImg img{ width:100%;} .DesignTeam .DivTxt .div1, .GoldCoast .DivTxt1 .div1{ font-size:60px; line-height:50px;} .DesignTeam .DivTxt .div2, .GoldCoast .DivTxt1 .div2{ font-size:60px; /*line-height:80px;*/ margin-top:200px;} .GoldCoast .DivTxt2, .NewEetail .DivTxt, .OtherBox .DivTxt{ font-size:36px; line-height:45px;} .NewEetail .DivTxt3 .h3, .OtherBox .DivTxt .h3{ font-size:40px; line-height:60px;} .DesignTeam .DivTxt p, .DesignTeam .DivTxt span, .DesignTeam .pcshow span, .DesignTeam .pcshow p, .GoldCoast .DivTxt1 p, .GoldCoast p, .GoldCoast span, .NewEetail .DivTxt span{ font-size:28px!important; line-height:40px!important;} .OtherBox .vis span{ font-size:22px!important; line-height:40px!important;} .InvestmentBox1 .DivTxt span{ font-size:45px!important;} .NewEetail .DivTxt span.hjh_span{ font-size:60px!important;} .NewEetail .DivTxt3 .h3, .OtherBox .DivTxt span{ font-size:52px!important; line-height:80px!important;} .OtherBox .DivTxt .txt span{font-size:28px!important; line-height:0px!important;} } .xwxjwrap#dowebok .Top{ position: relative;} .xwxjwrap img{ max-width: 100%;} .xwxjwrap .section .tit{ font-size: 24px; line-height: 1.45; color: #000; padding-bottom: 4%;} .xwxjwrap .section .tit span{ font-size: 14px; display: inline-block; color: #323232;} .xwxjwrap .section .con{ font-size: 14px; color: #323232; max-width: 380px; margin-bottom: 30px;line-height: 26px;letter-spacing: 1px;text-justify:inter-ideograph;text-align:justify;} @media only screen and (max-width: 767px) { .xwxjwrap .section { margin: 0 0 10% ;} .xwxjwrap .section.header{ margin-bottom: 0;} } @media (min-width: 768px) { .xwxjwrap .section .tit{ font-size: 28px; padding-bottom: 50px;} } @media (min-width: 1024px) { .xwxjwrap .section .tit{ font-size: 38px;} } @media (min-width: 1200px) { .xwxjwrap .section .tit{ font-size: 40px;} } .asHome_top{} .asHome_top .asHome_topimg1, .asHome_top .asHome_topimg2{ display:none;} @media only screen and (max-width:767px ) { .asHome_top{ height:auto; background: none !important; position: relative; } .asHome_top .asHome_topimg1, .asHome_top .asHome_topimg2{ display:block;} .asHome_top .asHome_topimg2{ position: absolute; top: 2%; left: 4%; max-width: 400px; width: 40%;} } .xwxjwrap .section.xiaojiaBox2 .tit, .xwxjwrap .section.xiaojiaBox2 .DivTxt{ max-width: 390px;margin: 0 auto;} .xwxjwrap .section.xiaojiaBox3 .con{ width: 43%; float: left; margin-bottom: 0;} .xiaojiaBox3 .DivImg{ float: right; width: 50%;} .xiaojiaBox4{} .xiaojiaBox4 .WarpBox{ position: relative;} .xiaojiaBox4 .WarpBox .imgL{ position: absolute; left: -20%; max-width: 237px; width: 30%; top: 35%;} .xiaojiaBox4 .WarpBox .imgR{ position: absolute; right: -10%; max-width: 147px; width: 18%; top: 38%;} .xiaojiaBox4 .DivImg{ text-align: center;} .xiaojiaBox4 .tit{ max-width: 450px; margin: 0 auto;} .xwxjwrap .section.xiaojiaBox4 .con{ max-width: 436px; margin:3% auto 10%;} .xiaojiaBox4 .con .stit{font-size: 20px; color: #000; margin: 0 0 3%;} @media only screen and (max-width:767px ) { .xiaojiaBox4 .WarpBox .imgL,.xiaojiaBox4 .WarpBox .imgR{ display: none;} } .xiaojiaBox5{ background-repeat: no-repeat; background-position: center bottom; background-color: #d7dadf;background-size: cover;} .xwxjwrap .section.xiaojiaBox5 .tit{ position: absolute; top: 12%; padding-left: 30%;} .xwxjwrap .section.xiaojiaBox5 .img1{ display: none;} .xwxjwrap .section.xiaojiaBox5 .img2{ position: absolute; right: 18%; bottom: 5%;} @media only screen and (max-width: 767px) { .xiaojiaBox5{ background: no-repeat;} .xiaojiaBox5 .WarpBox{ position: relative;} .xwxjwrap .section.xiaojiaBox5 .img1{ display: block;} .xwxjwrap .section.xiaojiaBox5 .img2{ right: 4%; max-width: 318px; width: 50%;} } .Flash, .Flash-height{ width:100%; height:100%; z-index:1000;} .Flash_icon, .Flash_bg, .Flash_AD{position:fixed; top:0; left:0; width:100%; height:100%;} .Flash_bg{ z-index:10; background:#000; } .Flash_icon{ z-index:11;background:url(../images/hdz.png) no-repeat 50% 50%;background-size:auto 50%; } .Flash_AD{ background-repeat:no-repeat; background-position:50% bottom; z-index:9;background-size:auto 100%; } #btn1, #btn2{ display:none;} .wrap_h{ height:1000px;} .Music{ background:#f5f5f5;} .music_box{margin:0 auto;max-width:900px; padding:10% 0;} .music_box .content { width: 55%;height:378px;overflow:hidden;float:left; margin-left:5%} .music_control{ float:right; width:30%; margin-right:10%;} .music_logo li{ font-size:18px;} .music_logo li:nth-child(1){ width:90px;} .music_logo li:nth-child(1) img{ width:73px;} .music_logo li span{ font-size:12px; display:block; color:#666;} .music_info{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;font-family:arial,'Microsoft YaHei','SimSun'; font-size:12px;} #lrc_list{margin:10px auto;} #lrc_list li{font-size:16px; line-height:42px;} #lrc_list li.hover {font-size:20px; color:#256a9d;} @media(min-width:641px) { .music_logo{ display:table; width:100%;} .music_logo li{ display:table-cell; vertical-align:middle; font-size:18px;} } @media(max-width:640px) { .music_logo li:nth-child(1){ padding-bottom:10px;} } @media(max-width:480px) { .music_box .content, .music_control{ float:none; text-align:center;width:auto; margin:0 3%;} div.jp-audio{ margin:0 auto;} .jp-time-holder{ text-align:left;} .music_logo li:nth-child(1){ width:auto;} } div.jp-audio { width:130px;} .jp-progress{ background:#eee;} .jp-seek-bar{ position:relative; height:2px;} .jp-play-bar{ position:absolute; height:100%; background:#f90900;} .jp-seek-bar ul{ position:absolute; left:0; top:0; height:100%; width:100%; } .jp-seek-bar li{background:rgba(255,255,255,0.5); float:left; width:20%; height:2px;} .jp-seek-bar li:nth-child(2n){ background:#ccc;} .jp-time-holder{ overflow:hidden; font-size:10px; color:#666; } .jp-time-holder .jp-current-time{ float:right;} .jp-controls{ overflow:hidden; width:100px; margin:0 auto;} .jp-controls li{ float:left; padding:0 1px;} .jp-controls li a{ display:block; height:30px; width:30px; background:url(../images/jplayer_btn.png) no-repeat 0 0 ; overflow:hidden; line-height:1000px;} .jp-controls li a:hover{background-position:-23px 0;} .jp-controls li a.jp-next{ background-position:-1px -27px;} .jp-controls li a.jp-next:hover{ background-position:-28px -27px;} .jp-controls li a.jp-previous{background-position:-29px -49px;} .jp-controls li a.jp-previous:hover{ background-position:-3px -49px;} .jp-controls li a.jp-pause{background-position:-48px 2px;} .jp-controls li a.jp-pause:hover{background-position:-71px 2px;} .jp-volume{ position:relative; margin-top:10px;} .jp-volume-bar{ position:absolute; width:60%; left:20%; height:2px; background:#dfdfdf;} .jp-volume-bar .jp-volume-bar-value{ position:absolute; left:0; top:0; height:100%; background:#8b8b8b;} .jp-volume-bar-value::after{ position:absolute; content:''; width:11px; height:11px; border-radius:50%; background:#8b8b8b; right:-5px; top:-5px;} .jp-volume a{position:absolute; top:-5px; width:14px; height:12px; left:0;background:url(../images/jplayer_btn.png) no-repeat 0 0 ; overflow:hidden; line-height:1000px;} .jp-volume a.jp-mute{ background-position:-61px -61px;} .jp-volume a.jp-mute:hover{ background-position:-79px -61px;} .jp-volume a.jp-unmute{ background-position:-61px -47px;} .jp-volume a.jp-unmute:hover{ background-position:-79px -47px;} .jp-volume a.jp-volume-max{ left:auto; right:0; background-position:-61px -33px;} .jp-volume a.jp-volume-max:hover{background-position:-79px -33px;} /*浜岀淮鐮?/ .AddEwmBox{display: inline-block;margin: 0 10px;vertical-align: top;position: relative;} .Bottom2 .div2 .AddEwmBox a{margin: 0;display: block;background-position:right 5px;background-repeat: no-repeat;padding-right: 18px;} .Bottom2 .div2 .AddEwmBox1 a{background-image:url(../images/ewm_bg1.png);} .Bottom2 .div2 .AddEwmBox2 a{background-image:url(../images/ewm_bg2.png);} .Bottom2 .div2 .AddEwmBox3 a{background-image:url(../images/ewm_bg3.png);} .AddEwmBox .EmwImg{display: none;position: absolute;bottom: 100%;background: #fff;padding: 15px;left: 30px;border: 1px solid #c6c6c6;z-index: 100;} .AddEwmBox4 .EmwImg{left: 42px;} .AddEwmBox .EmwImg:after{position: absolute;display: block;width: 6px;height: 4px;background: url(../images/ewm_jiao.png) center no-repeat;bottom: -4px;left: 25px;content: '';} .AddEwmBox .EmwImg img{display: block;width: 105px;height: 105px;margin-bottom: 10px;max-width: none;} .AddEwmBox .EmwImg span{line-height: 16px;color: #d3965c;display: block;text-align: center;} .DIVBG{display: none;position: fixed;width: 100%;height: 100%;overflow: hidden;z-index: 99;bottom: 0;left: 0;} @media screen and (min-width:1040px){ .AddEwmBox:hover .EmwImg{display: block;} } .ADDMBSHOW{display: none;} @media screen and (max-width:640px){ .AddEwmBox2 .EmwImg{left: auto;right: -10px;} .AddEwmBox2 .EmwImg:after{left: auto;right: 13px;} .AddEwmBox3 .EmwImg{left: auto;right: -10px;} .AddEwmBox3 .EmwImg:after{left: auto;right: 13px;} .Bottom2 .div2 a{margin:0 3px;} .AddEwmBox{margin: 0 1px 0 3px;} .Bottom2 .div2 .AddEwmBox1 a{padding-right: 15px;} } @media screen and (max-width:550px){ .ADDMBSHOW{display: block;} .AddEwmBox1{margin-left: 0;} .emN{display: none!important;} } .ADD2018{padding-bottom: 8%;text-align: center;line-height: 30px;font-size: 16px;overflow: hidden;} .ADD2018 figure{width: 150px;height: 150px;margin: 0 auto 15px;background: #f2f2f2;padding:10px;overflow: hidden;} .ADD2018 figure img{display: block;width: 100%;height: 100%;} /*棣栭〉*/ @media(min-width:1025px){ .warpFixed{ position:fixed; left:0; top:0; width:100%; z-index:0; height:100%;} } .Flash_icon, .Flash_bg, .AD{position:fixed; top:0; left:0; width:100%; height:100%;} .Flash_bg{ z-index:10; background:#000;opacity:1; transition:opacity 3.5s 2.5s;} .flash_on .Flash_bg{ opacity:0;} .Flash_icon{ z-index:11;background:url(../images/hdz3.png); background-repeat:no-repeat; background-position: 50% 50%; } .flash_on .Flash_icon{opacity:0;} @media(min-width:641px) { .Flash_icon{ background-size:auto 50%;animation: ease 4s 3.5s icon; } .flash_on .Flash_icon{ transition:opacity 1s 4.5s;} } @media(max-width:640px) { .Flash_icon{ background-size:70% auto; animation: ease 5s 4s iconphone; } .flash_on .Flash_icon{transition:opacity 1s 3.5s; } } @keyframes icon{ 0%{background-size:auto 50%;background-position: 50% 50%;} 80%{background-size:auto 250%; } 100%{background-size:auto 250%; background-position: 50% -50%; } } @-webkit-keyframes icon{ 0%{background-size:auto 50%;background-position: 50% 50%;} 80%{background-size:auto 250%; } 100%{background-size:auto 250%; background-position: 50% -50%; } } @-ms-keyframes icon{ 0%{background-size:auto 50%;background-position: 50% 50%;} 80%{background-size:auto 250%; } 100%{background-size:auto 250%; background-position: 50% -50%; } } @-moz-keyframes icon{ 0%{background-size:auto 50%;background-position: 50% 50%;} 80%{background-size:auto 250%; } 100%{background-size:auto 250%; background-position: 50% -50%; } } @keyframes iconphone{ 0%{ background-size:70% auto;/* top:0;*/background-position: 50% 50%;} 25%{background-size:300% auto;} 90%{ background-position: 50% -300%;} 100%{background-size:300% auto; /*top:60%;*/background-position: 50% -300%;} } @-webkit-keyframes iconphone{ 0%{ background-size:70% auto;/* top:0;*/background-position: 50% 50%;} 25%{background-size:300% auto;} 90%{ background-position: 50% -300%;} 100%{background-size:300% auto; /*top:60%;*/background-position: 50% -300%;} } @-ms-keyframes iconphone{ 0%{ background-size:70% auto;/* top:0;*/background-position: 50% 50%;} 25%{background-size:300% auto;} 90%{ background-position: 50% -300%;} 100%{background-size:300% auto; /*top:60%;*/background-position: 50% -300%;} } @-moz-keyframes iconphone{ 0%{ background-size:70% auto;/* top:0;*/background-position: 50% 50%;} 25%{background-size:300% auto;} 90%{ background-position: 50% -300%;} 100%{background-size:300% auto; /*top:60%;*/background-position: 50% -300%;} } .AD{ z-index:9; background-position:center bottom; background-size:auto 100%; background-repeat:no-repeat; transform:scale(2.5) translateY(-10%);transition:transform 3s 2s;} .flash_on .AD{transform:scale(1) translateY(0);} #btn1, #btn2{ display:none;} .ReplayBtn{ margin-left:5%; float:right; color:#fff; padding-left:20px; display:none; line-height:47px; cursor:pointer; background:url(../images/replay.png) no-repeat left center; background-size:auto 15px;} @media(min-width:1240px){ .Top1 .WarpBox{position: relative;} .Top1 .Wp1{position: static;} .Top1 .Wp2{position: static;} .ReplayBtn{ } } @media(max-width:640px) { .ReplayBtn{ position:absolute; right:2%; top:50%; margin-top:-23px; z-index:10;} } .JumpBtn{ position:fixed; right:25%; bottom:5%;/* font-size:12px; line-height:20px;padding:0 5px; border:1px solid #939393; color:#939393; border-radius:20px;*/ z-index:100; cursor:pointer;width:49px;height:28px;overflow:hidden;line-height:1000px;background:url(../images/jump-phone.png) no-repeat 0 0;background-size:contain; } @media(max-width:640px){ .JumpBtn{ right:5%;bottom:3%;} } /*.JumpBtn::before, .JumpBtn::after{ position:absolute; content:''; border:4px solid transparent; border-left-color:#fff; top:50%; margin-top:-4px;} .JumpBtn::before{ left:10px; animation: infinite 1s dot;} .JumpBtn::after{ left:15px;border-left-color:rgba(255,255,255,0.5); animation: infinite 1s 1.5s dot;} @keyframes dot{ 0%{opacity:0;} 100%{opacity:1;} } @-webkit-keyframes dot{ 0%{opacity:0;} 100%{opacity:1;} } */ .HomeBan{ z-index:0;} .scrollPane{ width:100%; min-height:500px;} .scrollPane .mCSB_inside > .mCSB_container{ margin:0;} .scrollPane .mCSB_scrollTools{ width:5px;} /*end*/ .getTop{display:none;} .getTop em{ position:fixed; right:2%; bottom:2%; width:33px; height:33px; border-radius:50%; background:url(../images/gettop2.png) no-repeat center center #d6d6d6; overflow:hidden; line-height:1000px;cursor:pointer;background-size:50% auto;} .getTop em:hover{background-color:#939393;} .Map002 .info .TOPTIP b{ color:#c8a069;} .asAboutXin7 .add_pcenter{ display:inline-block; text-align:left;} .asAboutXin7 .add_pcenter .p{ width:auto; display:inline-block; padding:0;} .xwxjwrap .section.xiaojiaBox5 .tit{ padding-left:20%;} .asSearch .asSearch_num span{ color:#c8a069;} .asWelfare_top, .asWelfare3{ background-size:cover;} @media(min-width:2000px){ .WayWarp{ left:46%;} .WayBox7 .WayTxt2{ top:30%;} .xwxjwrap .section.xiaojiaBox5 .tit{ top:18%; padding-left:11%; font-size:56px;} } @media(max-width:1500px){ .xwxjwrap .section.xiaojiaBox5 .tit{ padding-left:27%;} .xwxjwrap .section.xiaojiaBox5 .tit{font-size:36px;} } /*@media(max-width:768px){ #iframe{ position:fixed; top:0; left:0; width:100%; height:100%; z-index:996;} }*/ .asNews .ul li{ transition:All 0.5s ease-in-out; -webkit-transition:All 0.5s ease-in-out; -moz-transition:All 0.5s ease-in-out; -o-transition:All 0.5s ease-in-out;} .asNews .ul li:hover{ z-index:99; box-shadow: 0 30px 70px -24.5px rgba(0,0,0,0.3); transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05);} /*.myiframe .myiframe_empty{ display:none; width:100%; height:60px;} @media(max-width:640px){ .myiframe{ position: fixed; right: 0; bottom: 0; left: 0; top: 0; -webkit-overflow-scrolling: touch; overflow-y: scroll; background:rgba(0,0,0,0.5); z-index:4;} .myiframe #iframe{ position:static; width:100%; height:100%;} .myiframe .myiframe_empty{ display:block;} }*/ .ZhaoLastBg2 .divbox11{width: 130px;float: left;overflow: hidden; padding-top: 56px;} .ZhaoLastBg2 .divbox11 figure{width: 130px;height: 130px;padding: 7px;overflow: hidden;background: #fff;} .ZhaoLastBg2 .divbox11 figure img{display: block;width: 100%; height: 100%;} .ZhaoLastBg2 .divbox11 div{ letter-spacing: 2px; color: #b9b9b9;font-size: 12px;font-weight: bold;margin-top: 10px;} .WayBox00 .divbox11{margin-bottom: 230px;} .WayBox00 .divbox1{margin-bottom: 80px;} .zhaoed{/*text-align: center;*/ line-height: 50px;overflow: hidden;position: relative;font-size: 18px;color: #999;margin-bottom:70px;} .zhaoed ul{list-style: none;width: 100%;margin: 0;padding: 0;} .zhaoed .result{padding-right: 30px;background: url("../images/red_right.png") no-repeat right center;background-size: auto 40%;} .zhaoed ul li{height: 50px;} .zhaoed ul li:focus {outline:none;} .zhaoed ul span{text-align: left;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .zhaoed .site{margin-right: 10px;width: 120px;} .zhaoed .name{margin-right: 10px;width: 70px;} .zhaoed .phone{margin-right: 20px; width: 120px;} .wapshow, .HomeBan .ul li a img.wapshow{ display:none;} @media(max-width:640px){ .zhaoed{font-size: 12px;} .zhaoed .result{padding-right:20px;} .zhaoed .result{background-size: auto 30%;} .zhaoed .site{width:85px;} .zhaoed .name{width:50px;} .zhaoed .phone{width:75px;} .pcshow, .HomeBan .ul li a img.pcshow{ display:none;} .wapshow, .HomeBan .ul li a img.wapshow{ display:block;} .NewEetail .DivImg2{margin: 15% 0 15%;} .ZhaoLastBg2 .divbox1, .ZhaoLastBg2 .divbox11{ float:none; display:inline-block;} } .fp-section.fp-table, .fp-slide.fp-table{ margin-top:-1px;} .OvhAuto{ margin-top: 3px;background: #000;} @media(max-width:640px){ .ZhaoFormBg .div1 .p{ font-size: 15px !important; line-height: 1; padding-bottom: 100px;} .InvestmentBox2 .DivTxt .div1{ font-size: 26px !important;} .InvestmentBox2 .DivImg img{ padding-top: 30px !important;} .DesignTeam .DivTxt .div2{ font-size: 28px !important;} .DesignTeam .DivTxt .yijia{ font-size: 15px !important;line-height: 0.5; padding-bottom: 20px;} .NewEetail .DivTxt3 .h3{ font-size: 16px; line-height: 24px;} .NewEetail .DivTxt3{ margin-bottom: -5%;} .OtherBox .DivTxt .h3{ line-height: 20px;} .ZhaoFormBg .div1 .h3{ font-size: 26px;} .ZhaoFormBg .DivBtn{ margin-top: 16%;} .zhaoed ul li{ height:30px; line-height:24px;} .ZhaoLastBg2 .divbox11 figure, .ZhaoLastBg2 .divbox1 figure{width: 85px; height: 85px;} .ZhaoLastBg2 .divbox1 div{letter-spacing: 0px; padding-right: 4px;} .ZhaoLastBg2 .divbox1{ padding-left:0;} .ZhaoLastBg2 .divbox1, .ZhaoLastBg2 .divbox11{width:100px;} .NewEetail .DivTxt{ font-size: 14px ;} .zhaoed{ line-height: 20px; } .ZhaoLastBg2 .divbox11 div{letter-spacing: 0px;} .divbox .divbox2 .quanqzs{ font-size: 16px !important;} .ZhaoLastBg2 .divbox2 b{ font-size: 22px ; line-height: 30px;} figure, figcaption{margin: 5px!important;} } .GongYi_dl .GongYi_navr{position:relative;left:auto;top:auto;display:inline-block;} .shzr{position: relative} .shzr img{max-width:100%;} .shzr .bg{width: 100%;} .shzr .cont{position: absolute;max-width: 595px;left: 0;right: 0;top: 10%;width: 100%;margin: auto;} .shzr .cont .tit{margin: auto;font-weight: normal;font-size: 40px;line-height: 1.5;} .shzr .cont .intro{margin: 40px 0 40px;} .shzr .cont .ls a{font-size: 12px;color: #27cf25;line-height: 20px;} .asNews_h{background-color: #000;} .asNews_h a{color:#fff;font-weight:bold;line-height:75px;} @media (min-width: 2560px) { .shzr .info1{ padding: 340px 0 406px; } } @media (max-width: 920px){ .shzr .cont{position: relative;top: auto; margin: 5% auto;} } @media (max-width: 640px){ .asNews_h .asNews_m{padding: 0 2%;} .asNews_h a{line-height:50px;} } @media (max-width: 595px){ .shzr .cont{padding: 0 2%;} .shzr .cont .tit{font-size: 22px;} .shzr .cont .intro{margin: 20px 0;} } .shzr{background:#f5f5f5;} .shzr img{max-width:100%;} .shzr .mb_tit{display: none;} .shzr .info1{position: relative;overflow: hidden;color: #fff;padding: 100px 0 130px;} .shzr .bg_wrap{overflow: hidden;position: absolute;width: 100%;height: 100%;background-size: cover;background-position: center bottom; background-repeat: no-repeat;top: 0;left: 0;} .shzr .bg_wrap .bg {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .shzr .bg_wrap .bg{background-size: cover;background-position: center 46%; background-repeat: no-repeat;animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;background-attachment: fixed;transform-origin: center bottom;transform: scale(1.1);-o-transform: scale(1.1);-webkit-transform: scale(1.1); -moz-transform: scale(1.1);-ms-transform: scale(1.1);} .shzr .bg_wrap .bg_on, .shzr .bg_wrap .bg1 {animation: scale1_2 linear 10s;-webkit-animation: scale1_2 linear 10s;-o-animation: scale1_2 linear 10s;} @media (min-width: 768px) { } @keyframes scale1_2{ 0%{ transform: scale(1); } 100%{ transform: scale(1.1); } } @-webkit-keyframes scale1_2{ 0%{ -webkit-transform: scale(1); } 100%{ -webkit-transform: scale(1.1); } } @-moz-keyframes scale1_2{ 0%{ -moz-transform: scale(1); } 100%{ -moz-transform: scale(1.1); } } @-ms-keyframes scale1_2{ 0%{ -ms-transform: scale(1); } 100%{ -ms-transform: scale(1.1); } } @-o-keyframes scale1_2{ 0%{ -o-transform: scale(1); } 100%{ -o-transform: scale(1.1); } } .shzr .info1 .cont{position: relative;} .shzr .info1 .pc_tit{ margin: auto;font-weight: bold;font-size: 40px;line-height: 1.5;} .shzr .info1 .ls li{display: inline-block;min-width:40%; padding-right: 20px;} .shzr .info1 .data{max-width: 915px;padding: 0 2%;margin: auto;margin-top: 5%;} .shzr .info1 .data li{float: left;width: 33.333%;padding: 0 5%;} .shzr .info1 .data .icon{position: relative;display: block;text-align: center;height: 60px;font-size: 52px;} .shzr .info1 .data .icon img{max-height: 100%;} .shzr .info1 .data .icon .mb{display: none;} .shzr .info1 .data .num{position: absolute;bottom: 0;width: 100%;left: 0;} .shzr .info1 .data .num .unit{font-size: 20px;font-style: normal;} .shzr .info1 .data .txt{margin:auto; padding-top: 20px;max-width: 182px;text-align: justify;position: relative;} .shzr .info1 .data li:nth-child(2) .txt{max-width: 182px;} .auto_915{max-width: 980px;margin: auto;} @media (max-width: 980px){ .auto_915{padding: 0 4%;} } .auto_900 {max-width: 900px;margin: auto;} @media (max-width: 900px){ .auto_900{padding: 0 4%;} } .shzr .info2{background-color: #fff;border-radius: 10px;padding: 100px 15px 20px;margin-top: -4%;position: relative;} .shzr .info2_1{margin-top: 100px;} .shzr .info2 .desc .tit{text-align: center;font-weight: bold;color: #333;margin: 0;font-size: 40px;line-height: normal;} .shzr .info2 .desc .step{display: inline-block;} .shzr .info2 .desc .num{text-align: left;margin-bottom: 10px;} .shzr .info2 .desc .txt{max-width: 558px;margin: 30px auto 80px;font-size: 16px;line-height: 28px; text-align: justify;} .shzr .info2 .data li{float: left;width: 49.12%;margin-bottom: 70px;} .shzr .info2 .data li:nth-child(2n){float:right;} .shzr .info2 .data li:nth-child(2n + 1){clear: both;} .shzr .info2 .data .pic_wrap{position: relative;} .shzr .info2 .data .pic{padding-bottom: 115%;border-radius: 5px;overflow: hidden;background-repeat: no-repeat;background-size: cover;background-position: center center;} .shzr .info2 .data .tit{position: absolute;top:40px;left:0;padding: 0 20px 0 40px; width: 100%; color: #fff;line-height: normal;font-weight: bold;font-size: 30px;margin: 0;text-align: left;} .shzr .info2 .data .intro{margin-top: 20px;padding: 0 7%; text-align: justify;} .shzr .info2 .data .tit.txt_b{top: auto;bottom: 40px;} .shzr .info2 .data .tit.txt_tr{text-align: right;} .shzr .info2 .data .tit.txt_bc{top: 50%;} .shzr .info2 .data .tit.black{color: #333;} .shzr .info2 .data .tit.txt_center{text-align: center;} .shzr .info2 .data .tit.txt_b20{top: auto;bottom: 20px;} .shzr .info2 .data .tit.font22{font-size: 22px;} .shzr .info2 .data .tit .tits{font-size: 40px;margin-bottom: 20px;} .shzr .info2 .data .tit.green{color: #27cf25;} .shzr .info2 .data .tit.txt_t13_l7{top: 13%;left: 7%;} .shzr .info2 .data_tit{text-align: center;font-size: 40px;margin: 0;font-weight: bold;color: #333;line-height: normal;padding: 60px 0 80px;} .shzr .info2 .data .tit.txt_t20{top: 20%;} .shzr .info2 .data .txt{display: inline-block;} .shzr .info2 .data .num{text-align: left;margin-bottom: 5px;} .shzr .info2 .data .pic_desc{position: absolute;bottom: 20px;left: 20px;color: #fff;} .shzr .info2 .desc .txt_mb{display: none;} .shzr .info3{margin-top: 130px;position: relative;} .shzr .info3 .desc{position: absolute;bottom: 15px;color: #fff;right: 8%;max-width: 400px;font-size: 12px;} .shzr .info3 .mb{display: none;} .shzr .info4{margin-top: 130px;} .shzr .info4 .desc .tit{text-align: center;font-weight: bold;color: #333;margin: 0;font-size: 32px;line-height: normal;} .shzr .info4 .desc .step{display: inline-block;} .shzr .info4 .desc .txt{max-width: 486px;margin: 30px auto 60px; font-size: 16px;line-height: 28px;text-align: justify;} .shzr .info4 .data{max-width: 715px;margin: auto;color: #333;} .shzr .info4 .data li{margin-bottom: 10px;} .shzr .info4 .data .progress{padding-bottom: 20px;} .shzr .info4 .data .good{width: 100%;border-radius: 20px;height: 10px;background-color: #27cf25;float: left;position: relative;} .shzr .info4 .data .good .rate{position: absolute;left: 0;top: 10px;font-style: normal;min-width: 100px;} .shzr .info4 .data .bad{width: 0%;border-radius: 20px;height: 10px;background-color: #1987f0;float: left;position: relative;/* 涓嶆敮鎸佺嚎鎬х殑鏃跺€欐樉绀 */ background-image: linear-gradient(to right, #1987f0 , #52b7f4);margin-top: 10px;} .shzr .info4 .data .bad .rate{position: absolute;right: 0;top: 10px;font-style: normal;min-width: 100px;text-align: right;} .shzr .info4 .tip{max-width: 715px;margin: auto;color: #333;margin-top: 30px;} .shzr .info4 .tip .label{display: inline-block;padding-left: 15px;line-height: 24px;position: relative;margin-right: 20px;} .shzr .info4 .tip .label::before{content:"";display: block;width: 10px;height: 10px;border-radius: 50%;position: absolute;left: 0;top:0;bottom: 0;margin: auto;} .shzr .info4 .tip .good::before{background-color: #27cf25;} .shzr .info4 .tip .bad::before{background-color: #1987f0;background-image: linear-gradient(to right, #1987f0 , #52b7f4);} .shzr .info5{padding-top: 100px ;padding-bottom: 200px;} .shzr .info5 .desc .tit{text-align: center;font-weight: bold;color: #333;margin: 0;font-size: 32px;line-height: normal;} .shzr .info5 .desc .step{display: inline-block;} .shzr .info5 .desc .txt{max-width: 515px;margin: 30px auto 60px;font-size: 16px;line-height: 28px;} .shzr .info5 .data{border-top: 1px solid #ccc;padding:60px 5% 40px 20% ;} .shzr .info5 .data li{float: left;font-size: 16px;line-height: 28px;margin-bottom:4%; } .shzr .info5 .data1 li{width: 50%;} .shzr .info5 .data2 li{width: 50%; } .shzr .info5 .data .btn{color: #3994d5;} @media (min-width: 1920px) { .shzr .info3 .desc{right: auto;left: 50%;transform: translateX(540px);-ms-transform: translateX(540px);-webkit-transform: translateX(505px);} } @media (max-width: 1600px) { .shzr .info3 .desc {left: 50%;bottom: 94px;max-width: none;transform: translateX(-50%);-webkit-transform: translateX(-50%);text-align: center;} } @media (max-width: 1440px) { .shzr .info1{padding: 0;} .shzr .info1 .data{margin-top: 8%;} } @media (max-width: 1366px) { .shzr .info1 .pc_tit{font-size: 28px;} .shzr .info1 .data{margin-top: 5%;} } .info_wap{ display: none;} @media (max-width: 768px){ .shzr{background:transparent;overflow: hidden;font-size: 16px;} .shzr .info1{padding: 0 0 20px;color: #333;background: #f5f5f5;} .shzr .bg_wrap{background-image: url("uploadfiles/image/img05.jpg")!important;position: relative;} /*.shzr .bg_wrap .bg{display: block;opacity:0; animation: scale1_2 linear 10s;-webkit-animation: scale1_2 linear 10s;-o-animation: scale1_2 linear 10s; animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;background-image: url("uploadfiles/image/鎵嬫満绔痏01璇籣04鍙寔缁矗浠籣01澶村浘.jpg")!important;position: relative;}*/ .shzr .bg_wrap .mb_tit{color: #fff; display: block;position: absolute;width: 100%;text-align: left;top: 32%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);margin: 0;font-size: 38px;line-height: 68px;font-weight: bold;max-width: 200px;} .shzr .bg_wrap .bg::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-size: cover; -webkit-background-size: cover; background-position: center 46%; background-repeat: no-repeat; animation: scale1_2 linear 10s; -webkit-animation: scale1_2 linear 10s; -o-animation: scale1_2 linear 10s; animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; transform-origin: center bottom; } .shzr .bg_wrap .bg::before { background-image: url("uploadfiles/image/img05.jpg") !important; } .shzr .info2{margin-top: 0;padding-left: 5.6%;padding-right: 5.6%;} .auto_915{padding: 0 5.6%;} .shzr .info2 .data .tit .tits {font-size: 30px;} .shzr .info2 .data .tit.font22 {font-size: 14px;} .shzr .info2 .desc .tit{font-size: 30px;text-align: left;} .shzr .info2 .desc .txt {margin: 56px auto 0px;} .shzr .info2 .desc .txt_mb{display: block;} .shzr .info2 .desc .txt_pc{display: none;} .shzr .info2 .desc .tit .text{max-width: 190px;} .shzr .info2 .data li{width: 100%;} .shzr .info2 .data .change{position: relative;padding: 0;text-align: left!important;color: #333;top: 0;bottom: auto!important;; font-size: 24px;margin-top: 20px;} .shzr .info2 .data .intro{padding: 0;} .shzr .info2 .data .pic_desc{bottom: auto;top: 0%;padding-top: 105%;font-size: 12px;} .shzr .info2 .data .tit{font-size: 24px;} .shzr .info2 .data .tit.txt_mbb110{bottom: auto;top: 28px;text-align: right;} .shzr .info2{padding-top: 0px;overflow: hidden;} .shzr .info2 >.desc{position: relative;padding: 60px 0 60px; } .shzr .info2 >.desc >*{position: relative;} .shzr .info2 >.desc::before{content:"";display: block;width: 200%;height: 100%;background: #f5f5f5;position: absolute;left: -50%;top: 0;} .shzr .info2 .data_tit{padding: 40px 0;font-size: 34px;} .shzr .info2 .data.mb_mt50{margin-top: 50px;} .shzr .info3{background: #f5f5f5;margin-top: 30px;} .shzr .info3 .desc{position: relative;width: 100%;padding: 20px 4% 0;text-align: right;color: #333;bottom: auto; transform: none;left: 0;margin: 0;max-width: 100%;} .shzr .info3 .pc{display: none;} .shzr .info3 .mb{display: block;} .shzr .info4{position: relative;margin-top: 0;padding-top: 50px;} .shzr .info4_5{background: #f5f5f5;} .shzr .info4 .desc .tit{font-size: 30px;text-align: left;} .shzr .info4 .desc .tit i{display: block;} .shzr .info4 .desc .txt{margin-top: 40px;} .shzr .info5 .data {padding:60px 2%;} .shzr .info5 .data li{width: 50%;margin-bottom: 40px;word-break: keep-all; font-size: 12px; line-height: 22px;padding-right:4%;} .shzr .info5 .data li:nth-child(2n + 1){clear: both;} .shzr .info5 .data .btn{font-size: 18px;} .shzr .info4 .data .good .rate,.shzr .info4 .data .bad .rate{font-size: 16px;} .shzr .info4 .data .rate .unit{font-size: 12px;} .shzr .info5{padding-bottom: 60px;} .shzr .info1 .pc_tit{display: none;} .shzr .info1 .cont{padding: 0 4%;} .shzr .info1 .ls li{display: block;padding-right: 0;margin-bottom: 10px;} /*.shzr .info1 .data{margin-top: 10%;}*/ /*.shzr .info1 .data li:first-child{width: 100%;text-align: left;}*/ .shzr .info1 .data .icon{font-size: 44px;height: 45px;} .shzr .info1 .data .txt{max-width: none;font-size: 12px;text-align: left;} .shzr .info1 .data .icon .pc{display: none;} .shzr .info1 .data .icon .mb{display: inline-block;max-width: 45px;} .shzr .info1 .data li{width: 33.33%;padding: 0 2%; padding-bottom: 40px;} .shzr .info1 .cont .intro{margin-top: 40px;} .shzr .info1 .data{position: absolute;width: 100%;bottom: 0;color: #fff;} .info_wap{ display: block;} .shzr .info2_1_wap{ background: #f5f5f5;padding-bottom: 90px; border-radius: 0;} .shzr .info2_1_wap .desc .txt{margin: 20px auto 0;} .shzr .info2_1_wap .data{max-width: 915px;padding: 0 2%;margin: auto;margin-top: 5%;} .shzr .info2_1_wap .data ol{ margin: 0 0 30px;padding: 0;} .shzr .info2_1_wap .data ol .txt{max-width: 235px;} .shzr .info2_1_wap .data li{float: left;width: 48%; margin-bottom: 0;} .shzr .info2_1_wap .data li:last-child{ margin-left: 4%; clear: none;} .shzr .info2 .data li:nth-child(2n){ float: left;} .shzr .info2_1_wap .data .icon{position: relative;display: block;text-align: left;height: 60px;font-size: 52px;} .shzr .info2_1_wap .data .icon img{max-height: 100%;} .shzr .info2_1_wap .data .num{position: absolute;bottom: 0;width: 100%;left: 0;} .shzr .info2_1_wap .data .num .unit{font-size: 20px;font-style: normal;} .shzr .info2_1_wap .data .txt{margin:auto; padding-top: 20px;max-width: 100%;text-align: left;position: relative;font-size: 14px;} .shzr .info2_1_wap .data li:nth-child(2) .txt{max-width: 100%;} .auto_915{max-width: 980px;margin: auto;} .shzr .info2_1 >.desc::before{ display: none;} .shzr .info2 .desc .w230{ max-width: 230px;} } /*@media (max-width: 375px){*/ /*.shzr .info2 .desc .tit{font-size: 28px;}*/ /*}*/ @media (min-width: 2000px){ .shzr .info1 .data{max-width: 1100px;margin-top: 10%;} .shzr .info1 .pc_tit{font-size: 50px;} .shzr .cont{max-width: 720px;} } .responsibility_top .ReplayBtn{ display: block;right: 40px;position: relative;top: 61px;margin-left: 0;margin-right: 0;float: right;} @media (max-width: 768px) { .responsibility_top .ReplayBtn{ top: 50%;position:absolute;} } @media (max-width: 915px){ .WarpBox .TxtPage {padding-left: 4%;padding-right: 4%;} } .zbanner img{max-width: 100%;} .auto_1800{width: 95%; margin: 0 auto; max-width: 1800px;} .auto_1700{width: 95%; margin: 0 auto; max-width: 1700px;} .auto_1800 img{max-width: 100%;} .auto_1000{width: 95%; margin: 0 auto; max-width: 1000px;} @media (max-width: 1024px){ .auto_1800{width: 96%;} .auto_1000{width: 96%;} } .zbanner{position: relative; margin-bottom: 3.9%;} .zbanner img{display: block; width:100%;} .zbanner .icon{width: 17.81%; position: absolute; text-align: center; bottom: -3%; max-width: 342px; left: 0; right: 0; margin: auto;} .zbanner .icon span{font-size: 20px; color: #e11e32; font-weight: bold; line-height: 1; margin-top: 3.42%; display: block;} .zbanner .txt{width: 23.38%; position: absolute; top: 13.48%; left: 0; right: 0; margin: auto;} .zbanner .txt img{margin: auto;} @media (max-width: 1024px){ .zbanner .icon span{font-size: 1.5vw;} } .zauto{width: 96%; max-width: 1600px; margin: 0 auto;} .dingzhi{overflow: hidden;} .dingzhi img{display: block; width: 100%;} .zcard{overflow: hidden; margin-bottom: 4.44%;} .zbg{background-size: contain; background-position: center; background-repeat: repeat;margin-top: 10%;} .ztitle{text-align: center;} .ztitle span{display: inline-block;position: relative; font-size: 48px; color: #fff; line-height: 1; font-weight: normal; letter-spacing: 3px; } .ztitle span::after, .ztitle span::before{content: ''; width: 45vw;height: 50px;position: absolute; background-size: auto; top: 60%; transform: translateY(-50%); background-repeat: no-repeat;} .ztitle span::before{right: calc(100% + 45px); background-image: url(../images/leftline1.png); background-position: right center;} .ztitle span::after{left: calc(100% + 45px); background-image: url(../images/rightline1.png); background-position: left center;} .zsubtitle{text-align: center;font-size: 27px; color: #fff; line-height: 1.778; padding-top: 1%;} @media(max-width: 960px){ .ztitle span{font-size: 36px;} .zsubtitle{font-size: 22px;} } @media(max-width: 960px){ .ztitle span{font-size: 4.6vw;} .zsubtitle{font-size: 2.5vw;} } .xiaofei{padding-top: 10%;} .dingzhi-list{padding: 0 2.78%; margin-top: 13.41%;} .dingzhi-list .item{background-size: 100% 100%; background-image: url(../images/item-border.png);} .dingzhi-list .pic{width: 53.29%; padding: 1.48%;} .dingzhi-list .pic img{width: 100%;} .dingzhi-list .txt{width: 46.71%; padding-top: 2.8%; text-align: right; padding-right: 7.69%;} .dingzhi-list .num{font-size:46px; color: #c8a069; line-height: 1.354; margin-bottom: 15px; position: relative;} .dingzhi-list .num::after{content: ''; background-color: #fff; height: 3px; width: 28px; position: absolute; right: 0; bottom: -20px;} .dingzhi-list .num span{font-size: 60px; color: #c8a069; line-height: 0.9;display: inline-block;vertical-align:bottom;font-weight: bold; padding-right: 20px;} .dingzhi-list h2{font-size: 30px; color: #c8a069;line-height: 1.354;margin: 0;font-weight: normal; display: inline-block; } .dingzhi-list .intro{font-size: 20px; color: rgb(255, 255, 255);line-height: 1.4; margin: 0; padding-top: 6%; padding-left: 55px;} /* .dingzhi-list .item .intro pre{text-align: end; text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #002A96, 0 0 70px #002A96, 0 0 80px #002A96, 0 0 100px #002A96, 0 0 150px #002A96;} */ .dingzhi-list .item .intro pre{text-align: end; text-shadow: 0 0 10px #0065c8, 0 0 20px #0065c8, 0 0 30px #0065c8;} .dingzhi-list .item{margin-bottom: 7.42%; display: table; width: 100%; } .dingzhi-list .item .pic,.dingzhi-list .item .txt{display: table-cell; vertical-align: middle;} .dingzhi-list .item:nth-of-type(even) .txt{padding-left: 7.69%; padding-right: 0;} .dingzhi-list .item:nth-of-type(even) .num::after{right: auto; left: 55px;} .dingzhi-list .item:nth-of-type(even) .txt{text-align: left;} .dingzhi-list .item:nth-of-type(even) .intro pre{text-align: start;} .dingzhi-qrcode{padding-bottom: 6.17%;} .dingzhi-qrcode .box{text-align: center;} .dingzhi-qrcode .box .img{max-width: 165px; margin: 0 auto;} .dingzhi-qrcode .box .img img{width: 100%;} .dingzhi-qrcode .box .txt{color: #fff; line-height: 50px;} .dingzhi-qrcode .box .txt h3{margin: 0 ; font-size: 17px; font-weight: normal;} @media(max-width: 768px){ .dingzhi-list .num{font-size: 30px;} .dingzhi-list .num span{font-size: 40px; padding-right: 10px;} .dingzhi-list h2{font-size: 22px;} } @media(max-width: 640px){ .dingzhi-list .num::after{bottom: -10px;} .dingzhi-list .num{font-size: 5vw;} .dingzhi-list .num span{font-size: 7vw; padding-right: 10px;} .dingzhi-list h2{font-size: 3.8vw;} .dingzhi-list .intro{font-size: 3vw;} } .zhei1 img{display: block;} .ztech{background-size: cover; background-position: bottom center; padding-bottom: 9.54%; padding-top: 14%;} .ztech .ztech-title{margin-bottom: 8.5%; text-align: center;} .ztech .ztech-title img{width: 15.36%; display: block; margin: 0 auto 3.125% auto; min-width: 295px;} .ztech .ztech-title h2{ font-size: 46px;line-height: 1.32; margin: 0;font-weight: bold; color: #fff;} .ztech .txt{font-size: 20px; color: #fff;line-height: 1.8; margin-bottom: 12.5%;} .ztech .txt pre{ text-align: center;} .ztech .qr{width: 165px; margin: 0 auto; text-align: center;} .ztech .qr img{width: 100%;} .ztech .qr span{font-size: 17px; color: #fff; line-height: 50px;} @media(max-width: 768px){ .ztech .ztech-title h2{font-size: 4.9vw; font-weight: normal;} .ztech .ztech-title{margin-bottom: 12.5%;} .ztech .txt{font-size: 2.77vw;} .ztech .qr{width: 100%; text-align: center;} .ztech .qr img{width: 18.5%; display: block; margin: 0 auto;} .ztech .qr span{font-size: 2.22vw; white-space: nowrap;} } @media(max-width: 480px){ .ztech .ztech-title img{min-width: 180px;} /* .ztech .ztech-title h2{font-size: 20px;} */ /* .ztech .qr{width: 130px;} .ztech .qr span{font-size: 14px;} .ztech .txt pre{font-size: 18px;} */ } .zreform{padding-top: 9.25%; padding-bottom: 20.276%; background-size: cover; background-repeat: no-repeat; background-position: center center;} .zreform .list{margin-top: 8.88%;} .zreform .list ul{margin: 0 -7%;} .zreform .list .item{margin-bottom: 4.375%; float: left; padding: 0 7%; width: 50%;} .zreform .list .box{display: table;width: 100%;} .zreform .list .pic{width: 100%;} .zreform .list .txt{width: 100%;} .zreform .list .pic{overflow: hidden; box-shadow: 0 0 70px 15px #1d5067;} .zreform .list .pic figure{padding-top: 56.98%; background-size: cover; background-position: center center;} .zreform .list h2{font-size: 32px; font-weight: normal; color: #c8a069; margin: 0; line-height: 1.5; margin-top: 23px; position: relative; padding-left: 20px;} .zreform .list .intro{margin: 0;line-height: 1.405; color: #fff; font-size: 20px; padding-left: 20px; min-height: 56px;} .zreform .list h2::before{content: '';width: 9px; height: 9px; background-color:#c8a069 ; position: absolute; left: 0; top: 50%; border-radius: 50%; transform: translateY(-50%);} @media(max-width: 768px){ .zreform .list ul{margin: 0 -3%;} .zreform .list .item{padding: 0 3%;} .zreform .list h2{font-size: 3.5vw;} .zreform .list .intro{font-size: 2.5vw;} } .zflagship{background-image: url(../images/flagship_bg.png); background-size: contain; background-position: center top; background-repeat: no-repeat;} .flagship{padding-top: 14.166%; } .flagship:first-child{padding-top: 0;} .flagship .list{ padding-bottom: 8.375%; font-size: 20px;color: #fff; line-height: 1.892; margin-top: 7.1875%;} .flagship .img{text-align: center;} .flagship .img img{width: 100%;} .flagship:nth-child(2) .img img{max-width: 1600px;} .flagship:nth-child(3) .img img{max-width: 925px;} .flagship .list .label{color: #e7bd84; float: none; width: 100px;} .flagship .list .item{width: 50%; float: left; overflow: hidden; display: table; padding-left: 7.5%;} .flagship .list .item span{display: table-cell; text-align: left;} .flagship .list .item:nth-of-type(2n){padding-left: 7.5%;} .flagship .list .item:nth-of-type(2n) .label{width: 70px;} .flagship .list .item:nth-of-type(2n + 1){clear: left;} .flagship .blue.list .item:nth-of-type(2n){padding-left: 7.5%;} .flagship{padding-top: 8.44%; background: none;} @media(max-width: 768px){ /* .flagship .list .item{float: none; width: 100%;} */ /* .flagship .list .item:nth-of-type(2n){padding-left: 0;} */ .flagship .list .item:nth-of-type(2n) .label{width: 70px;} .flagship .list .label{width: 90px;} } .ztitle2{font-size: 3.54vw; color: rgb(255, 255, 255);line-height: 1; text-align: center; font-weight: normal;letter-spacing: 2px; -webkit-box-reflect: below -5px -webkit-gradient(linear,left top,left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,0.12))); } .zprocess {padding-top: 7.78%;} .zprocess .ztitle2{margin-bottom: 4%;} .zprocess .box{display: table; width: 100%; margin-bottom: 5.625%;} .zprocess .left{width: 32.2%; display: table-cell; vertical-align: middle; text-align: center;padding: 0 6%;} .zprocess .right{display: table-cell; vertical-align: middle; } .zprocess .left span{ display: inline-block; font-size: 32px;; color: #C8A069; line-height: 1; line-height: 1;} .zprocess .item .left .circle{padding: 33.25% 0; position: relative;} .zprocess .item .left .circle::before{content: ''; background: url('../images/zprocess_circle1.png') center center no-repeat; background-size: contain; position: absolute; left: 0; top: 0; width: 100%; height: 100%;} .zprocess .item:first-child .left .circle::before{transform: rotate(-90deg);} .zprocess .item:nth-child(3) .left .circle::before{transform: rotate(90deg);} .zprocess .item:last-child .left .circle::before{transform: rotate(180deg);} .zprocess .right{font-size: 20px;color: rgb(255, 255, 255); line-height: 1.892; padding-left: 10px;} .zprocess .right li{padding-left: 29px; position: relative;letter-spacing: 4px;} .zprocess .right li::before{content: ''; width: 5px; height: 5px; background-color: #fff; position: absolute; left: 0; top: 15px;} .zprocess .circle_site{margin-bottom: 2.5%;} .zprocess .circle_site img{width: 100%;} .zprocess .item{margin-bottom: 8.5%;} .zprocess .item .img img{width: 100%;} .zprocess .item .circle div:first-child{padding-bottom: 3%;} .zprocess .item .circle div:last-child{padding-top: 3%;} .zprocess .item:last-child .circle div:first-child{padding-bottom: 30px;} .zprocess .item:last-child .circle div:nth-child(2){display: none;} @media(max-width: 768px){ /* .zprocess .box{display: block;} */ .zprocess .left{ padding: 0; margin: 0 auto;} .zprocess .right{ padding-top: 3%; font-size: 16px;} } /* @media (min-width: 1921px){ .ztitle2{font-size: 68.72px;} .zprocess .right{font-size: 44px;} .zprocess .left span{font-size: 47px;} .zprocess .right li::before{top: 40px;} } */ @media (max-width: 1024px){ .zprocess .right li{padding-left: 15px;} } .zsuccess-title{max-width: 500px; width: 90%; margin: 0 auto; text-align: center; padding: 2% 0; background: url(../images/zsuccess-title.png) center center no-repeat; background-size: 100% 100%; border-radius: 40px; overflow: hidden; position: relative; border: 3px solid #C8A069;} .zsuccess-title::before{content: ''; content: ''; width: 0; height: 0; border: 100px solid transparent; border-right-color: #C8A069; position: absolute; left: -125px; top: -125px; transform: rotateZ(45deg);} .zsuccess-title h2{font-size: 50px; line-height: 1.269;margin: 0;color: #fff; font-weight: normal;} .zsuccess-title h3{font-size: 34px; line-height: 1.269;margin: 0;color: #fff; font-weight: normal;} .zsuccess{background: url(../images/zbg.png) center top; background-size: contain;} .zsuccess-box{text-align: center; background-size: cover; background-position: center center; background-repeat: no-repeat; margin-bottom: 5%; padding: 0 2%;} .zsuccess-box.circle{padding-top: 15.125%; padding-bottom: 11.25%;} .zsuccess-box.circle img{width: 100%;} .zsuccess-box.zhonor{padding-top: 9.895%; padding-bottom: 11.25%;} .zsuccess-box.zhonor img{width: 100%;} .zsuccess-box:last-of-type{margin-bottom: 0; background: #000;} .zsuccess-box:last-of-type img{width: 100%;} .zsuccess-box:last-of-type .auto_1000{padding: 0 10%;} .zsuccess-subtitle{line-height: 1;} .zsuccess-box.zstars{padding-top: 7.8175%; padding-bottom: 11.5625%;} .zsuccess-box.zstars .auto_1000, .zsuccess-box.zhonor .auto_1000{padding: 0 20px;} .zsuccess-box.zstars img{width: 100%;} .zsuccess-subtitle h2{font-weight: normal;font-size: 53px;margin: 0;color: #fff;margin-bottom: 3.125%;} .zsuccess-subtitle h3{ font-size: 28px;margin: 0;color: #fff; font-weight: normal;margin-top: 2.5%;margin-bottom: 9.375%; } /* @media (min-width: 1921px){ .zsuccess-title h2{font-size: 100px;} .zsuccess-title h3{font-size: 73px;} .zsuccess-subtitle h2{font-size: 80px;} .zsuccess-subtitle h3{font-size: 50px;} } */ @media(max-width: 640px){ .zsuccess-title h2{font-size: 30px;} .zsuccess-title h3{font-size: 22px;} .zsuccess-title{border-radius: 20px;} .zsuccess-title::before{left: -150px; top: -150px;} .zsuccess-subtitle h2{font-size: 36px;} } .zform{padding-top: 11.667%; position: relative;} .zform .butterfly{width: auto;position: absolute; left: 0;top: 0; transform: translate(-90%,-80%);} .zform-title{font-size: 48px;text-align: center; line-height: 1; color: #fff; margin-bottom: 2%; font-weight: normal;color: #fff; letter-spacing: 12px;} .zform-title span{position: relative;} .zform-subtitle{font-size: 27px;text-align: center; line-height: 1; color: #fff; margin-bottom: 10.625%; letter-spacing: 5px;} .zform form{padding: 0 9%;} .zform form input,.zform form select{font-size: 18px; color: rgb(190, 190, 190); width: 100%; height: 60px;line-height: 60px; background-color: #fff; border-radius: 10px; padding-left: 2%;} .zform form .input-box{position: relative; padding-right: 40px; margin-bottom: 5.8%;} .zform form .input-box .select{position: relative; } .zform form .input-box select{position: relative;z-index: 5; opacity: 0;} .zform form .input-box .select label{position: absolute; width: 100%; height: 100%; z-index: 1; font-size: 18px; color: rgb(190, 190, 190); padding-left: 20px; background-color: #fff; border-radius: 10px; line-height: 60px; background: #fff url(../images/zselect.png) 95% center no-repeat;border: 3px solid #e8e8e8; background-size: 10%;} .zform form .input-box span{width: 60px; text-align: center; height: 100%; line-height: 60px; font-size: 18px; color: rgb(255, 0, 0); position: absolute;right: 0; top: 0;} /* .zform form .form-item{margin-bottom: 5.88%;} */ .zform form .form-item.two .input-box{width: 50%; float: left;} .zform form .form-item.three .input-box{width: 33.333%; float: left;} .zform form .form-item .input-box.inner .input-box{float: left; padding-right: 10px;} .zform form .form-item .input-box.inner{padding-right: 0;} .zform form .form-item .input-box.inner .code{width: 60%;} .zform form .form-item .input-box.inner .getcode{width: 40%;} .zform form input::placeholder{font-size: 18px; color: rgb(190, 190, 190);} .zform form input.btn{text-align: center; cursor: pointer; color: #fff; background-color: #b1b1b1; padding: 0;} .zform form .submit{text-align: center; padding-bottom: 6.76%;} .zform form .submit-btn{width: 60%;max-width: 368px; height:60px; border-radius: 10px; margin: 0 auto;font-size: 30px; color: #fff;margin: 5% 0;cursor: pointer; background-image: -moz-linear-gradient( -90deg, rgb(113,204,253) 0%, rgb(92,184,242) 39%, rgb(67,159,229) 82%); background-image: -webkit-linear-gradient( -90deg, rgb(113,204,253) 0%, rgb(92,184,242) 39%, rgb(67,159,229) 82%); background-image: -ms-linear-gradient( -90deg, rgb(113,204,253) 0%, rgb(92,184,242) 39%, rgb(67,159,229) 82%); } .zform form .submit .des{font-size: 13px; line-height: 1.5; color: #b1b1b1;} .zform form .input-box.input label{position: absolute; width: calc(100% - 40px); height: 100%; z-index: 1; font-size: 18px; color: rgb(190, 190, 190); padding-left: 10px; background-color: #fff; border-radius: 10px; line-height: 60px; background: #fff ;border: 3px solid #e8e8e8; background-size: 10%;} .zform form .form-item .input-box.inner .code label{width: calc(100% - 10px);} /* @media (min-width: 1921px){ .zform-title{font-size: 105px;} .zform-subtitle{font-size: 55px;} .zform form input,.zform form select,.zform form .input-box .select label{padding-left: 60px;} .zform form .input-box .select label,.zform form input,.zform form select,.zform form input::placeholder,.zform form .input-box span{font-size: 70px; line-height: 190px;} .zform form .submit-btn{width: 690px; height: 220px; font-size: 100px;} .zform form .submit .des{font-size: 40px;} } */ @media (max-width: 1024px){ .zform form .input-box span{width: 30px;} .zform form .form-item.three .input-box{width: 50%; margin-bottom: 3%;} .zform form .form-item{margin-bottom: 0;} .zform form .form-item .input-box.inner .input-box{padding-right: 40px;} .zform form .input-box.input label{padding-left: 20px;} .zform-title{font-size: 40px;} } @media(max-width: 768px){ .zform-title{font-size: 28px;} .zform-subtitle{font-size: 18px;} } @media(max-width: 480px){ .zform form input,.zform form select{height: 45px; line-height: 45px; font-size: 16px;} .zform form .input-box span, .zform form .input-box.input label, .zform form .input-box .select label{line-height: 45px; font-size: 16px;} .zform form .submit-btn{height: 45px; font-size: 22px;} } .zbottom{background-color: #000; text-align: center; padding-bottom: 9.44%;} .zbottom-title{font-size: 48px; line-height: 1; padding-top: 10%; padding-bottom: 8.89%; color: #fff;} .zbottom-qrcode{font-size: 0; text-align: right; margin-bottom: 5.55%; width: 60%; float: left;} .zbottom-qrcode .item{display: inline-block; margin: 0 2.27%; width: 35%;} .zbottom-qrcode .item img{width: 100%;} .zbottom-qrcode .item span{display: block; font-size: 16px; color: #fff; line-height: 65px; text-align: center;} .zbottom-phone{font-size: 26px; color: #fff; line-height: 1.8; width: 40%; float: left; text-align: center;} .zbottom-phone span{font-size: 26px;} /* @media (min-width: 1921px){ .zbottom-title{font-size: 90px;} .zbottom-qrcode .item span{font-size: 60px;} .zbottom-phone{font-size: 84px;} .zbottom-phone span{font-size: 100px; font-weight: bold;} } */ @media (max-width: 1024px){ .zbottom-qrcode .item{width: 45.46%;} .zbottom-title{font-size: 40px;} } @media(max-width: 768px){ .zbottom-title{font-size: 28px;} .zbottom-qrcode .item span{font-size: 14px;} } /* @media(max-width: 480px){ .zbottom-qrcode{width: 100%;} .zbottom-phone{width: 100%;} } */ pre{ white-space:pre-wrap; white-space:-moz-pre-wrap; white-space:-pre-wrap; white-space:-o-pre-wrap; word-wrap:break-word; margin:0; font-family: "Microsoft YaHei"; text-align:justify; text-justify:inter-ideograph; } @media(max-width: 768px){ .zbanner .icon{width: 48.14%; bottom: -18%;} .zbanner .txt{width: 38.14%;} .zbanner{ padding-top: 10%; background: #0b0b13;} } .zprocess .item .img img.MbImg{display: none;} @media(max-width: 640px){ .dingzhi-list .item:nth-of-type(even) .num::after{left: 37px;} .dingzhi-list .intro{padding-left: 32px;} .dingzhi-qrcode .box .img{width:18.51%;} .dingzhi-qrcode .box .txt h3{font-size: 2.22vw;} .flagship .list .item{padding-left: 4%;} .flagship .list{font-size: 2.4vw;} .flagship .list .item:nth-of-type(2n){padding-left: 4%;} .zprocess .right{font-size: 2.4vw;} .zprocess .left{padding: 0 4%;} .zprocess .right li{letter-spacing: 1px;} .zprocess .left span{font-size: 3vw;} .zform form .input-box select,.zform form .input-box .select label,.zform form .input-box.input label,.zform form .input-box input{height: 9.3vw; line-height: 9.3vw;font-size: 3.5vw;} .zform form .form-item.three .input-box.phone, .zform form .form-item.three .input-box.ver{width: 100%;} .zbottom-qrcode .item{width: 30.8%; min-width: 96px;} .zbottom-phone{font-size: 3vw; padding-top: 5%;} .zform form .input-box,.zform form .form-item .input-box.inner .input-box{padding-right: 20px;} .zform form .input-box span{width: 20px;} .zform form .input-box.input label{width: calc(100% - 20px);} .zprocess .item .circle div:last-child{padding-top: 0;} .zprocess .item .circle div:first-child{padding-bottom: 0;} .zprocess .item .left .circle{line-height: 1;} .zbottom-qrcode .item span{font-size: 12px;} .zprocess .item:last-child .circle div:first-child{padding-bottom: 15px;} .ztech .ztech-title img{min-width: auto;width: 27.77%;} .zform .butterfly{width: 20%;} .zform .butterfly img{width: 100%;} .zbottom-title, .zform-title{font-size: 20px;} .zform-subtitle{font-size: 14px;margin-top: 12px;} .zsuccess-title{padding: 20px 0;border-radius: 10px;} .zsuccess-subtitle h3{font-size: 16px;margin-bottom: 16px;} .zsuccess-subtitle h2{font-size: 20px;margin-bottom: 16px;} .zsuccess-title h2 {font-size: 20px;margin-bottom: 5px;} .zsuccess-title h3{font-size: 16px;} .zsuccess-box.zstars .auto_1000, .zsuccess-box.zhonor .auto_1000{padding: 0 ;} .zsuccess-title::before{border-width: 50px;left: -50px;top: -100px;} .zsuccess-box{position: relative;} /*.zsuccess-box:after{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, .4);z-index: 0;}*/ .zsuccess-title{position: relative;z-index: 5;} .zsuccess-box .auto_1000{position: relative;z-index: 5;} .zsuccess-subtitle{margin-bottom: 25px;} .flagship .list .item{padding-left: 0;padding-bottom: 4px;line-height: 20px;} .flagship .blue.list .item:nth-of-type(2n){padding-left: 4%;} .flagship .list .label{width: 60px;} .flagship .list .item:nth-of-type(2n) .label{width: 40px;} .ztitle span::after, .ztitle span::before{background-size: contain;width: 30vw;height: 30px;top: 50%;} .zreform .ztitle span::after, .zreform .ztitle span::before{width: 20vw;} .ztitle span::before{right: calc(100% + 15px);} .ztitle span::after{left: calc(100% + 15px);} .zreform .ztitle span::before{right: calc(100% + 10px);} .zreform .ztitle span::after{left: calc(100% + 10px);} .zsubtitle{font-size: 13px;} .ztitle span{font-size: 18px;} .zreform .list .pic figure{margin: 0!important;} .zreform .list h2{font-size: 16px;letter-spacing: 2px;margin-top: 10px;padding-left: 10px;} .zreform .list h2::before{width: 4px;height: 4px;} .zreform .list .intro{font-size: 12px;line-height: 22px;padding-left: 10px;} /*.zreform .list .intro pre{white-space:normal;white-space: -moz-normal;white-space: -normal;white-space: -o-normal;}*/ .zreform .list ul{margin: 0 -10px;} .zreform .list .item{padding: 0 5px;} .zreform{padding-bottom: 4%;} .zprocess .item .left .circle{line-height: 0;} .zprocess .left{padding: 0;width: 20%;} .zprocess .right li{line-height: 18px; padding-left: 12px;margin-bottom: 5px;} .zprocess .right{font-size: 12px;padding:3%;} .zprocess .right li::before{width: 3px;height: 3px;top: 7.5px;border-radius: 50%;} .flagship .list{font-size: 2.6vw;} .zprocess .item .img img{display: none;} .zprocess .item .img img.MbImg{display: block;} }