.imgbox .imtitle{display: none; padding:25% 5%; color:#fff; line-height: 30px;} .imgbox{ position: relative;} .imgbox a:hover .imtitle{display: block; position:absolute; top:0; background-color: rgba(249,157,27,0.8); width: 90%; height:64.222%; text-align:center;} .imgbox1 .imtitle1{display: none; padding:25% 5%; color:#fff; line-height: 30px; text-align: center; font-size: 18px;} .imgbox1{ position: relative;} .imgbox1 a:hover .imtitle1{display: block; position:absolute; top:0; background-color: rgba(73,122,224,0.8); width: 90%; height:30%; } .mfoot{background-color: #2e2d40;position: relative;z-index: 14000;border-top: none;} .mfoot_t{padding:20px 0px; color: #fff; width: 1200px; margin: 0 auto; } .mfoot_tn{display: inline-block;width: 100%;} .mfoot_t1{width: 22%; float: left; margin-right: 3%;} .mfoot_t1 h1{ color:#fff; font-size:16px;margin-bottom: 20px; position:relative; } .mfoot_t1 h1::after{position:absolute;left:0; bottom:-6px; height: 1px; width: 45px; background:rgba(255, 255, 255, 0.2); content: "";} .mfoot_t2{width: 11%; float: left; margin-right: 3%;} .mfoot_t2 h1{ color:#fff; font-size:16px;margin-bottom: 20px; position:relative; } .mfoot_t2 h1::after{position:absolute;left:0; bottom:-6px; height: 1px; width: 45px; background:rgba(255, 255, 255, 0.2); content: "";} .mfoot_t2 ul li { line-height: 30px;} .mfoot_t4{width: 30%; float: left; margin-right: 3%;} .mfoot_t4 h1{ color:#fff; font-size:16px;margin-bottom: 20px; position:relative; } .mfoot_t4 h1::after{position:absolute;left:0; bottom:-6px; height: 1px; width: 45px; background:rgba(255, 255, 255, 0.2); content: "";} .mfoot_t3{ float:right; } .mfoot_t3 h1{ color:#fff; font-size:16px;margin-bottom: 20px; position:relative; } .mfoot_t3 h1::after{position:absolute;left:0; bottom:-6px; height: 1px; width: 45px; background:rgba(255, 255, 255, 0.2); content: "";} .mfoot_b{background-color: #38374f; line-height: 50px; height: 50px;} .mfoot_bn{color: #fff; width: 1200px;; margin: 0 auto;} .mfoot_bz{float: left;} .mfoot_br{float: right;} .homimg{ padding-top:28px;} .homimg img{ width:298px; height: 215px; } .slideBox{margin: 0 auto;width: 1200px;position: relative;} .slideBox ul{padding: 0;margin: 0;} .slideBox .btn{position: absolute;bottom: 0px;right: 0;width: 108px;height: 56px;background: url(../images/cover01.png) repeat;} .slideBox .btn em{display: block;float: left;width: 2px;height: 14px;background: #b6b6b8;margin-top: 19px;} .slideBox .btn a{width: 53px;height: 100%;float: left;} .slideBox .btn a i{display: block;width: 0;height: 2px;background: #f99d1b;margin: 27px auto 0;-webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;} .slideBox .btn a:hover i{width: 20px;-webkit-transition: width 0.3s; -moz-transition: width 0.3s; transition: width 0.3s;} .slideBox .btn .prev{background: url(../images/icon3z.png) no-repeat center;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .slideBox .btn .prev:hover{background: url(../images/icon3z.png) no-repeat 14px center;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .slideBox .btn .next{background: url(../images/icon4r.png) no-repeat center;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .slideBox .btn .next:hover{background: url(../images/icon4r.png) no-repeat 31px center;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .wrap{width:1200px;margin:0 auto;} .ipg2{width: 100%;height: 754px;padding-top: 40px;background: url(../images/bk.jpg) no-repeat center top;background-size: cover;} .ipg2 .wrap{position: relative;overflow: visible;} .ipg2 .bk{position: absolute;left: 422px;top: -36px;width: 1279px;height: 489px;background: #fff;z-index: 0;} .ipg2-l{float: left;width: 356px;padding-right: 66px;} .ipg2-h3{margin: 0;font-size: 18px;color: #656577;line-height: 26px;} .ipg2-h4{margin: 0;font-size: 24px;color: #dfddde;font-family: 'dincond-medium_1-webfont';padding-bottom: 20px;} .ipg2 .ipg2-l p{margin: 0;overflow: hidden;font-size: 16px;color: #656577;line-height: 23px;} .ipg2 .ipg2-l .map{padding: 20px 0;} .ipg2 .ipg2-l .dot{padding: 20px 0 0;} .ipg2 .ipg2-l p em{float: left;font-size: 30px;color: #656577;font-style: normal;font-family: 'Montserrat-Regular';letter-spacing: -3px;padding: 0 10px 0 0;} .ipg2 .ipg2-l p span{font-size: 13px;color: #656577;} .ipg2 .ipg2-l h2{margin: 0;font-size: 24px;color: #656577;} .ipg2 .ipg2-l h6{margin: 17px 0 20px;font-size: 13px;color: #656577;line-height: 20px;font-weight: normal;} .ipg2 .ipg2-r{float: left;width: 778px;position: relative;z-index: 9;} .ipg2 .ipg2-r > p{margin: 0;font-size: 13px;color: #9ba0a4; line-height: 22px;} .ipg2 .ipg2-r > h5{margin: 0;font-size: 17px;color: #9ba0a4; line-height: 22px;} .ipg2 .ipg2-r > h3,.ipg2 .ipg2-r > h4,.ipg2 .ipg2-r > h5,.ipg2 .ipg2-r > p{padding-left: 30px;} .ipg2 .ipg2-r .card{padding: 30px 0 28px;} .ipg2-r .card ul{margin: 0;padding: 0;overflow: hidden;} .ipg2-r .card li{float: left;width:234px;height: 234px;background: #f5f3ee;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .ipg2-r .card li h3{margin: 0;text-align: center;font-size: 18px;color: #656577;padding-bottom: 4px;-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .ipg2-r .card li p{margin: 0;font-size: 22px;color: #797373;font-weight: bold;text-align: center;font-family: 'dincond-medium_1-webfont';font-weight: normal;-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .ipg2-r .card li a{padding-top: 137px;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .ipg2-r .card li.card-1{margin-left: 28px;} .ipg2-r .card li.card-1 a{background: url(../images/icon1.png) no-repeat center 43px;} .ipg2-r .card li.card-2{margin-left: 24px;} .ipg2-r .card li.card-2 a{background: url(../images/icon2.png) no-repeat center 43px;} .ipg2-r .card li.card-3{margin-left: 24px;} .ipg2-r .card li.card-3 a{background: url(../images/icon3.png) no-repeat center 43px;} .ipg2-r .card li:hover{background: #f99d1b;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .ipg2-r .card li:hover h3{color: #fff;-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .ipg2-r .card li:hover p{color: #fbbe7c;-webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s;} .ipg2-r .card li.card-1:hover a{background: url(../images/icon1h.png) no-repeat center 43px;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .ipg2-r .card li.card-2:hover a{background: url(../images/icon2h.png) no-repeat center 43px;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .ipg2-r .card li.card-3:hover a{background: url(../images/icon3h.png) no-repeat center 43px;-webkit-transition: background 0.3s; -moz-transition: background 0.3s; transition: background 0.3s;} .ipg2 .ipg2-r .pic{padding: 28px 0 0 0;} .pic-ban{width:479px;height:215px;position:relative;} .pic-pics{width:479px;height:215px;overflow:hidden;position:relative;} .pic-pics li{width:479px;height:215px;float:left;} /*===》 #header*/#header{width: 100%;min-width: 1230px;max-width: 1920px;height: 95px;background-color: #FFF;border-bottom: 2px solid #234896;} #header .logo{float: left;padding: 18px 10px 0 0;} #header .R{float: right;margin-right: 0px;} #header .R .nav{float: left;} #header .R .nav .pix{display: inline-block;margin-right: 3px; position: absolute; left: -13px; top: 12px; } #header .R .kim{float: left;width: 144px;padding-top: 40px;} #header .R .kim > div{float: left;width: 46px;height: 54px;margin-right: 2px;background-color: #f4f2e9;font-family: "DINCond-MediumAlternate";text-align: center;line-height: 54px;color: #666666;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #header .R .kim .search{background: #f4f2e9 url("../images/header-search.png") no-repeat center;} #header .z-animated-nav{float: left;margin-right: 4px;} #header .z-animated-nav dl{float: left;height: 46px;position: relative;} #header .z-animated-nav dl.dl-on1{ position: relative;} #header .z-animated-nav dl.dl-on1::after{content: ''; left: 0; bottom: 0; width: 100%; height: 4px; position: absolute; background:rgba(35, 72, 150, 0.9);} #header .z-animated-nav dt{height: 45px;line-height: 40px;padding: 0 12px;color: #666666;font-size: 15px;position: relative;font-weight: bold;} #header .z-animated-nav dt a{position: relative;display: inline-block;} #header .fp{display: block;height: 0;margin-left: 10px;position: absolute;left: 0;z-index:9999;top: 91px;/*z-index: 900;border-bottom: 4px solid #244ba0;*/} #header .z-animated-nav dd{width: 1200px;text-align: center;height: 50px;position: absolute;left: 0;top: 45px;z-index: 8000;} #header .z-animated-nav dd li{float: left;height: 50px;text-align: center;line-height: 50px;padding: 0 10px;color: #97afe2;font-size: 15px;-webkit-transition: color 300ms ease;-moz-transition: color 300ms ease;-ms-transition: color 300ms ease;-o-transition: color 300ms ease;transition: color 300ms ease;} #header .z-animated-nav dd li:hover{color: #eeb749;} #header .z-animated-nav dd.R{left: auto;right: 0;padding-right: 12px;text-align: right;} #header .z-animated-nav dd.R li{float: none;display: inline-block;} #header .z-animated-nav var{width: 1920px;height: 0;background-color: #3257a5;position: absolute;left: -360px;top: 95px;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;z-index: 7999;} #header .z-animated-nav:hover var{height: 50px;} #header .tBox{float: right;width: 480px;/*padding-right: 6px;*/height: 50px;overflow: hidden;} #header .tBox ul{float: right;margin-top: 24px;} #header .tBox ul li{float: left;margin-left: 16px;color: #666666;font-size: 15px;font-weight: bold;} #header .tBox .tim{float: right;padding-top: 24px;} #header .tBox .tim em{float: left;height: 24px;font-size: 16px;font-family: "DINCond-MediumAlternate";margin-left: 10px;} #header .tBox .tim i{float: left;width: 23px;height: 23px;margin-left: 6px;background: url("../images/header-search-02.png") no-repeat center;} #header .tBox .language{height:16px;float:right;margin-top:20px;line-height:16px;} #header .tBox .language img{display:inline-block;float:left;} #header .tBox .language div{float:right;} #header .tBox .language em{display:inline-block;font-size:12px;color:#8c8c8c;} #header .tBox .language em.bor{border-right:1px solid #8c8c8c;padding-right:4px;} #header .tBox .language em.on{color:#ffa300} #header .z-animated-nav .home-ic:after{content:"";display: block;width: 30px;height: 30px;background: url("../images/head-pix.png") no-repeat center;position: absolute;left: -20px;top: 4px;} /*===》 #header*/#footer .footer{height: 110px;background-color: #2e2d40;position: relative;z-index: 14000;border-top: none;} #footer.fixed .footer{width: 100%;position: fixed;left: 0;bottom: 0;z-index: 14000;} #footer .L{float: left;padding-top: 20px;} #footer p{color: #acacb1;font-size: 13px;/*opacity: 0.5;*//*filter: Alpha(50);*/} #footer .L p a{display: inline-block;} #footer .R{float: right;padding-top: 20px;} #footer .R p{line-height: 33px;} #footer .R p em{float: right;width: 33px;height: 42px;overflow: hidden;background: url("../images/footer-ew.png") no-repeat center bottom;margin-left: 10px;position: relative;top:-10px;} #footer .R p em>img{display: block;width: 100px;position: absolute;left: 50%;bottom: 42px;margin-left: -50px;opacity: 0;-webkit-transition: all 600ms ease;-moz-transition: all 600ms ease;-ms-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease;} #footer .R p em:hover{overflow: visible;} #footer .R p em:hover>img{opacity: 1;filter: ALpha(opacity=100);} #footer .R p a{ float: right;margin-left: 10px; } .f-pop{display: none;width: 100%;height: 100%;position: fixed;left: 0;top: 0;z-index: 12000;} .f-pop > var{content: "";display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.5;filter: Alpha(50);position: absolute;left: 0;top: 0;} .f-pop .pop-cont{width: 100%;position: absolute;left: 0;bottom: 110px;z-index: 13000;} .f-pop.pfcv .pop-cont{display: none;height: 300px;background-color: #FFF;} .f-pop.pMap .pop-cont{display: none;height: 340px;background-color: #FFF;} .f-pop .delete{cursor: pointer;position: absolute;right: 0;top: 45px;} .f-pop .pop-cont .tit{padding-top: 44px;} .f-pop .pop-cont .tit h1{color: #666666;font-size: 18px;/*font-weight: inherit;*/margin-bottom: 3px;} .f-pop .pop-cont .tit h2{color: #e3e3e3;font-size: 24px;font-weight: inherit;font-family: "Myriad Pro Regular";margin-bottom: 20px;} .f-pop.pMap .pop-cont dl{float: left;width: 110px;} .f-pop.pMap .pop-cont dl dt{color: #666666;line-height: 100%;margin-bottom: 16px;font-weight: bold;} .f-pop.pMap .pop-cont dl dd a{display: inline;color: #999;font-size: 13px;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;position: relative;} .f-pop.pMap .pop-cont dl dd a:hover{color: #ba2828;} .f-pop.pfcv .pop-cont p{color: #999;margin-bottom: 10px;} /*===》# index*/ .content.index{} #masterslider{width: 100%;margin-left: -500px!important;} /*.ms-nav-next,.ms-nav-prev{opacity: 1!important;}*/.minPin .index .ms-nav-next{right: 40px!important;} .minPin .index .ms-nav-prev{left: 40px!important;} .index{position: relative;} .index .ms-skin-default{position: relative;} .index .top .auto{height: 272px;} .index .top .cik{position: absolute;left: -254px;bottom: 0;} .index .top .L{float: left;width: 410px;} .index .top .z-ovs-dt{height: 24px;/*overflow: hidden;*/padding: 30px 0 40px;} .index .top .z-ovs-dt li{ opacity: 0.5; filter: Alpha(opacity=50); float: left;height: 28px;margin-right: 25px;cursor: pointer;color: #656577;font-weight: bold;position: relative;border-bottom: 2px solid transparent;-webkit-transition: transform 80ms ease;-moz-transition: transform 80ms ease;-ms-transition: transform 80ms ease;-o-transition: transform 80ms ease;transition: transform 80ms ease; font-size:15px;} .index .top .z-ovs-dt li.on{ opacity: 1; filter: Alpha(opacity=1); } .index .top .z-ovs-dt li em{ display: inline-block; height: 13px; font-family: "Myriad Pro Regular"; padding-right: 10px; background: url("../images/index-icon-10.png") no-repeat right center ; position: relative; top:2px; } /*.index .top .z-ovs-dt li:hover{-webkit-transform: scale(1.1,1.1) translateY(-1px);-moz-transform: scale(1.1,1.1) translateY(-1px);-ms-transform: scale(1.1,1.1) translateY(-1px);-o-transform: scale(1.1,1.1) translateY(-1px);transform: scale(1.1,1.1) translateY(-1px);}*/ .index .top .z-ovs-ddWrap{overflow: hidden;} .index .top .z-ovs-dd > div{width: 410px;} .index .top .z-ovs-dd h3{color: #818182;font-size: 15px;/*font-weight: inherit;*/line-height: 16px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;margin-bottom: 10px;} .index .top .z-ovs-dd strong{display: none;color: #c0a988;font-size: 16px;line-height: 100%;font-weight: inherit;margin-bottom: 8px;font-family: 'Montserrat Regular';} .index .top .z-ovs-dd .txt{margin-bottom: 12px;} .index .top .z-ovs-dd .txt{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;} .index .top .z-ovs-dd p{ color: #283037; line-height: 20px; opacity: 0.6; filter: Alpha(opacity=60); } .index .top .z-ovs-dd .second ul{ overflow: hidden; float: right; margin-top: 4px; } .index .top .z-ovs-dd .second li{float: left;padding-left: 30px;margin-right: 15px;height: 15px;line-height: 15px;color: #c9c9cf;font-family: 'Montserrat Regular';} .index .top .z-ovs-dd .second li.i1{background: url("../images/index-sp-1.png") no-repeat left center;} .index .top .z-ovs-dd .second li.i2{background: url("../images/index-sp-2.png") no-repeat left center;} .index .top .z-ovs-dd .more{ float: left; color: #283037; opacity: 0.6; filter: Alpha(opacity=60); } .index .top .z-ovs-dd .more:hover{ opacity: 1; filter: Alpha(opacity=100); } .index .top .R{overflow: hidden;position: absolute;top: 8px;right: 0;} .index .top .R .card{float: left;width: 170px;height: 257px;margin-left: 5px;background: url("../images/index-top-card-bgi-1.jpg") repeat-x 0 0;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;} .index .top .R .card a{display: block;width: 140px;height: 100%;padding-left: 30px;} .index .top .R .card:hover{background: url("../images/index-top-card-bgi-2.jpg") repeat-x 0 0;} .index .top .R .card.c1{margin-left: 0;} .index .top .R .card em{display: block;height: 147px;margin-bottom: 12px;background-image: url("../images/index-top-card-icon.png");background-repeat: no-repeat;} .index .top .R .card.c1 em{background-position: 0 bottom;} .index .top .R .card.c2 em{background-position: -177px bottom;} .index .top .R .card.c3 em{background-position: -350px bottom;} .index .top .R .card.c4 em{background-position: -525px bottom;} .index .top .R .card.c1:hover em{background-image: url("../images/index-top-card-icon-h.png");} .index .top .R .card.c2:hover em{background-image: url("../images/index-top-card-icon-h.png");} .index .top .R .card.c3:hover em{background-image: url("../images/index-top-card-icon-h.png");} .index .top .R .card.c4:hover em{background-image: url("../images/index-top-card-icon-h.png");} .index .top .R .card h4{color: #6a6760;font-size: 16px;line-height: 100%;margin-bottom: 10px;} .index .top .R .card p{color: #001f39;opacity: 0.5;filter: Alpha(50%);font-size: 18px;line-height: 18px;font-family: 'Rubik Regular';text-align: left;} .index .top .R .card:hover p, .index .top .R .card:hover h4{color: #FFF;} .index .top .R .card:hover{/*-webkit-transform: scale(1.05,1.05) ;*//*-moz-transform: scale(1.05,1.05) ;*//*-ms-transform: scale(1.05,1.05) ;*//*-o-transform: scale(1.05,1.05) ;*//*transform: scale(1.05,1.05) ;*/} .index .bon{height: 253px;padding-top: 20px;overflow: hidden;background-color: #2955a6; padding-bottom:25px;} .index .bon .L{float: left;width: 506px;} .index .bon #bonSlider{position: relative;overflow: hidden;} .index .bon #bonSlider .bd ul{ height: 253px!important; } .index .bon #bonSlider .next, .index .bon #bonSlider .prev{display: block;width: 55px;height: 55px;position: absolute;top: 0;z-index: 99;} .index .bon #bonSlider .next{right: 0;background: url("../images/index-bon-btn.jpg") no-repeat right top;} .index .bon #bonSlider .prev{right: 55px;background: url("../images/index-bon-btn.jpg") no-repeat left top;} .index .bon .R{float: left;} .index .bon .R img{float: left;} .index .bon .R > a{float: left;} .index .bon1{height: 280px;padding-top: 20px;overflow: hidden;background-color: #2955a6;} .prolist li{ float: left; margin-right:10px;} .prolist li p{background-color: #2955a6; line-height: 40px; text-align: center; color:#fff;} .prolisttitle{ font-size:15px; font-weight: bold; margin-bottom:5px; height:30px;} .prolisttitle b{ float: left; color:#fff;} .prolisttitle p{ float: right; padding-right:10px;} .prolisttitle p a{ font-weight: normal; font-size:12px;color:#fff;} .ms-slide-container .ms-slide a{cursor: default;} /*.ms-skin-default .ms-nav-next,*//*.ms-skin-default .ms-nav-prev{*//*display: block;*//*width: ;*//*}*/.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 400;} .ms-skin-default .ms-nav-next{right: -80px;background: url("../images/about-5-btn-next.png") no-repeat center;} .ms-skin-default .ms-nav-prev{left: -80px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .ms-skin-default .ms-nav-next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .ms-skin-default .ms-nav-prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} /* minPin*/.minPin .index .top .auto{height: 198px; padding-top:20px;padding-bottom:20px;} .minPin .index .top .z-ovs-dt{padding: 16px 0;} .minPin .index .top .z-ovs-dd h3{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .minPin .index .top .z-ovs-dd strong{margin-bottom: 2px;} .minPin .index .top .R .card{height: 184px;} .minPin .index .top .R .card em{height: 90px;} .minPin .auto.no-auto{width: auto;margin: 0;} .minPin #masterslider{width: auto;margin-left: 0!important;} #masterslider .ms-slide a{ cursor: auto; } .index .top .R{width: 690px; margin-top: 20px;} .minPin .index .top .R .cardWrap .cBox .pos{ height: 142px; } .minPin .index .top .R .cardWrap .cBox .tip, .minPin .index .top .R .cardWrap{ height: 182px; } .index .top .R .cardWrap{height: 257px;overflow: hidden;position: relative;} .index .top .R .cardWrap .cBox{float: left;/*width: 137px;*/width: 282px;height: 257px;position: absolute;top:0;overflow: hidden;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .index .top .R .cardWrap .cBox .tip{width: 137px;height: 257px;overflow: hidden;} .index .top .R .cardWrap .cBox.c1{background-color: #4285f4;left: 0;z-index: 10;} .index .top .R .cardWrap .cBox.c2{background-color: #ea4335;left: 282px;z-index: 20;} .index .top .R .cardWrap .cBox.c3{background-color: #fbbc05;left: 419px;z-index: 30;} .index .top .R .cardWrap .cBox.c4{background-color: #34a853;left: 556px;z-index: 40;} .index .top .R .cardWrap .cBox.c1 .pos{background: #4285f4 url("../images/index-cbox-01.png") no-repeat 142px 122px;} .index .top .R .cardWrap .cBox.c2 .pos{background: #ea4335 url("../images/index-cbox-02.png") no-repeat 160px 105px;} .index .top .R .cardWrap .cBox.c3 .pos{background: #fbbc05 url("../images/index-cbox-03.png") no-repeat 128px 100px;} .index .top .R .cardWrap .cBox.c4 .pos{background: #34a853 url("../images/index-cbox-04.png") no-repeat 150px 122px;} .minPin .index .top .R .cardWrap .cBox.c1 .pos{background: #4285f4 url("../images/index-cbox-01.png") no-repeat 142px 72px;} .minPin .index .top .R .cardWrap .cBox.c2 .pos{background: #ea4335 url("../images/index-cbox-02.png") no-repeat 160px 65px;} .minPin .index .top .R .cardWrap .cBox.c3 .pos{background: #fbbc05 url("../images/index-cbox-03.png") no-repeat 128px 66px;} .minPin .index .top .R .cardWrap .cBox.c4 .pos{background: #34a853 url("../images/index-cbox-04.png") no-repeat 150px 92px;} .index .top .R .cardWrap .cBox.c1 .tip{background: #4285f4 url("../images/index-cbox-01.png") no-repeat center;} .index .top .R .cardWrap .cBox.c2 .tip{background: #ea4335 url("../images/index-cbox-02.png") no-repeat center;} .index .top .R .cardWrap .cBox.c3 .tip{background: #fbbc05 url("../images/index-cbox-03.png") no-repeat center;} .index .top .R .cardWrap .cBox.c4 .tip{background: #34a853 url("../images/index-cbox-04.png") no-repeat center;} .index .top .R .cardWrap .cBox h5{color: #ffffff;font-size: 18px;line-height: 1;margin-top: 120px;text-align: center;} .index .top .R .cardWrap .cBox.on{width: 282px;} .index .top .R .cardWrap .cBox.on .tip{display: none;} .index .top .R .cardWrap .cBox.on .pos{display: block;} .index .top .R .cardWrap .cBox .pos{display: none;width: 242px;height: 217px;padding: 20px;position: absolute;left:0;top:0;z-index: 99;} .index .top .R .cardWrap .cBox .pos h4{color: #ffffff;font-size: 42px;font-weight: 400;font-family: "DINCond-Regular";line-height: 38px;letter-spacing: -2px;opacity: 0.17;filter: Alpha(opacity=17);margin-bottom: 5px;animation-delay: 0.1s;} .index .top .R .cardWrap .cBox .pos h6{color: #ffffff;font-size: 16px;animation-delay: 0.2s;} /*===》 # 横幅*/.banner{background: url("../images/ambient-min.jpg") no-repeat center;} .banner img{width: 100%;} .banner .R{float: right;width: 500px;} .banner h1{color: #fff;font-size: 38px;line-height: 100%;padding: 50px 0 2px;font-weight: inherit;opacity: 0.8;font-family: 'Rubik Regular';letter-spacing: -1px;} .banner h2{color: #ffffff;font-size: 30px;line-height: 100%;font-weight: inherit;opacity: 0.4;} .bg-animation{-webkit-animation: bg-animation 23s ease-in-out infinite;animation: bg-animation 23s ease-in-out infinite;} @-webkit-keyframes bg-animation{0%{background-position: top;} 50%{background-position: bottom;} 100%{background-position: top;}} @keyframes bg-animation{0%{background-position: top;} 50%{background-position: bottom;} 100%{background-position: top;}} /*===》 # 子导航*/.childNav{height: 72px;background-color: #f0f0f6;} /* .childNav .L{float: left;width: 810px;} */ .childNav .L{float: left;width: 100%;} .childNav .L .nav a{float: left;height: 72px;line-height: 72px;margin-right: 30px;font-weight: bold;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;} .childNav .L .nav a.on{color: #3257c3;} .childNav .R{float: right;width: 747px;height: 72px;margin-right: -360px;position: relative;z-index: 99;} .childNav .R .tkb{overflow: hidden;padding-left: 26px;background-color: #dddee8;margin-bottom: 64px;} .childNav .R .tkb li{float: left;line-height: 72px;color: #666666;font-size: 13px;} .childNav .R .tkb li.i1{padding-left: 34px;margin-right: 10px;background: url("../images/child-nav-icon.png") no-repeat left center;} .childNav .R .tkb li.i2{padding-left: 15px;background: url("../images/child-nav-icon.png") no-repeat -23px center;} /*===》 共用*/.z-h1{color: #58585e;font-size: 18px;line-height: 100%;margin-bottom: 10px;padding-top: 64px;} .z-h2{color: #c0a988;font-size: 24px;line-height: 100%;margin-bottom: 10px;font-family: "Montserrat Regular";font-weight: inherit;letter-spacing: -2px;} .more-2{width: 50px;height: 50px;background: url("../images/btn-more-2.png") no-repeat center;margin: 20px auto;cursor: pointer;} /*===》 共用 _右布局*/.fR-cont{width: 100%;background-color: #f8f9fb;} .fR-cont > a{display: inline-block;} /*.fR-cont.fixed{*//*height: 2000px;*//*position: fixed;*//*top: 97px;*//*z-index: 9999;*//*}*//*===》 # about*/.about1-r{height: 614px;} .about1-r .box{padding: 64px 0 0 30px; background-color:#f8f9fb; padding-bottom:20px;} .about1-r .box p{color: #585b5d;font-size: 16px;margin-bottom: 16px;} .about1-r .box p em{display: inline-block;color: #01459a;font-size: 42px;font-weight: inherit;font-family: "Rubik Regular";letter-spacing: -2px;margin-right: 2px;} .about .top{overflow: hidden;} /* .about .top .L{float: left;width: 770px;} */ .about .top .L{float: left;width: 100%;} .about .top .L .txt{padding-bottom: 10px;} .about .top .L .txt p{color: #000;font-size: 16px;margin-bottom: 24px; line-height:30px;} .about .bom{height: 575px;background: url("../images/about-1-bom-bgi.jpg") no-repeat center;} .about .bom h1{color: #385fcf;font-size: 37px;line-height: 100%;padding: 98px 0 4px;font-family: 'Rubik Regular';letter-spacing: -2px;font-weight: inherit;} .about .bom h2{color: #3257c3;font-size: 24px;line-height: 100%;font-weight: inherit;} .about .bom ul{margin-top: 30px;overflow: hidden;padding-bottom: 24px;} .about .bom ul li{float: left;height: 30px;background-image: url("../images/about-1-bom-idea.png");background-repeat: no-repeat;padding-top: 40px;color: #FFF;font-size: 16px;} .about .bom ul li.i1{width: 144px;padding-left: 60px;background-position: 0 bottom;} .about .bom ul li.i2{width: 106px;padding-left: 60px;background-position: -204px bottom;} .about .bom ul li.i3{width: 94px;padding-left: 80px;background-position: -369px bottom;} .about .bom ul li.i4{width: 110px;padding-left: 60px;background-position: -543px bottom;} .about .bom h3{color: #b6d9f7;font-size: 32px;opacity: 0.7;line-height: 100%;filter: Alpha(opacity=70);} .about .bom h4{color: #ffffff;font-size: 22px;line-height: 32px;opacity: 0.4;filter: Alpha(opacity=40);font-weight: inherit;} /*===》 # about2*/.about2-r .box{padding: 30px 28px 0;} .about2-r .box h4{color: #999999;font-size: 32px;line-height: 100%;margin-bottom: 6px;font-weight: inherit;} .about2-r .box p{color: #999999;} .about2 .auto{padding: 64px 0 40px;overflow: auto;} .about2 .L{float: left;width: 775px;} .about2 .card{overflow: hidden;background-color: #f8f9fb;margin-bottom: 10px;} .about2 .card dt{float: left;width: 200px;margin-right: 42px;} .about2 .card dd{float: left;width: 490px;} .about2 .card dd h2{color: #3257c3;font-size: 18px;line-height: 100%;padding: 46px 0 30px;} .about2 .card dd p{color: #8d8d8d;margin-bottom: 24px;} /*===》 # about3*/.about3-r .box{padding: 28px 28px;} .about3-r .box h1{color: #ffae24;font-size: 30px;line-height: 29px;font-family: 'Rubik Regular';font-weight: inherit;} .about3-r .box h2{color: #3257c3;font-size: 18px;/*font-weight: inherit;*/margin-bottom: 26px;} .about3-r .box p{color: #999999;} .about3-r .box img{margin-top: 14px;} /*.about3{padding-top: 64px;}*/.about3 .L{width: 774px;} .about3 .tit{margin-bottom: 20px;} .about3 .tit h4{color: #ffa800;font-size: 18px;line-height: 100%;margin-bottom: 10px;} .about3 .tit p{color: #999999;line-height: 22px;} .about3 .Accordion{overflow: hidden;position: relative;} .about3 .Accordion:after{content: "";display: block;width: 0;height: 100%;border-left: 1px solid #f8f4e6;position: absolute;left: 154px;top: 0;} .about3 .Accordion dt{height: 102px;border: 2px solid #f8f4e6;background-color: #FFF;color: #2e5eb4;font-size: 18px;line-height: 100px;font-weight: bold;margin-bottom: 10px;position: relative;z-index: 99;} .about3 .Accordion .open dt{color: #ffa800;} .about3 .Accordion dt strong{float: left;width: 70px;height: 102px;line-height: 102px;padding-left: 30px;font-size: 24px;font-weight: inherit;font-family: 'Montserrat Regular';} .about3 .Accordion dd{display: none;padding: 40px 0 50px;position: relative;} .about3 .Accordion dd > div{overflow: hidden;margin-bottom: 10px;} .about3 .Accordion dd > div em{float: left;width: 140px;text-align: right;padding-right: 13px;margin-right: 13px;color: #2e5eb4;font-family: 'Montserrat Regular';line-height: 20px;position: relative;} .about3 .Accordion dd > div em:after{content: "";display: block;width: 0;height: 14px;border-left: 1px solid #ffa800;position: absolute;right: -2px;top: 2px;z-index: 99;} .about3 .Accordion dd > div p{float: left;width: 586px;line-height: 20px;color: #999999;} .about3 .more{display: block;width: 50px;height: 50px;background: url("../images/more-btn-01.png") no-repeat center;margin: 40px auto 46px;} /*===》 # about4*/.about4-r .box{padding: 28px;} .about4-r .box p{color: #666666;} .about4{/*padding-top: 64px;*/padding-bottom: 40px;} .about4 .L{width: 774px;} /*.about4 .top{background: url("../images/about4-top-bg.jpg") no-repeat right top;}*/ /*.about4 .top h1{*/ /*color: #58585e;*/ /*font-size: 15px;*/ /*line-height: 100%;*/ /*margin-bottom: 10px;*/ /*padding-top: 16px;*/ /*}*/ /*.about4 .top p{color: #666666;margin-bottom: 15px;}*/ /*.about4 .top ul{margin-bottom: 20px;}*/ /*.about4 .top ul li h4{color: #ffa200;font-size: 16px;}*/ /*.about4 .top ul li h4 em{display: inline-block;font-size: 52px;font-family: "Rubik Regular";margin-top: 10px;}*/ /*.about4 .top ul li p{color: #5c7371;line-height: 18px;}*/ .about4 .cardWrap h3{color: #666666;font-size: 18px;line-height: 100%;margin-bottom: 40px;} .about4 .cardWrap .card{float: left;width: 80px;margin-bottom: 38px;text-align: center;margin-right: 59px; cursor: default; } .about4 .cardWrap{width: 860px;} .about4 .cardWrap:after{ content: ""; display: block; clear: both; } .about4 .cardWrap .card strong{display: block;color: #999999;font-size: 26px;font-weight: inherit;margin-bottom: 4px;opacity: 0.17;filter: Alpha(opacity=17);} .about4 .cardWrap .card p{color: #999999;line-height: 20px;text-align: center;font-size: 13px; width: 120px; margin-left: -20px; } .about4 .cardWrap .card:before{content: "";display: block;width: 76px;height: 76px;border: 2px solid #3a5aff;border-radius: 50%;margin-bottom: 16px;background-image: url("../images/about4-card-icon-on.png");background-repeat: no-repeat;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;} .about4 .cardWrap .card.c1:before{background-position: 16px 16px;} .about4 .cardWrap .card.c2:before{background-position: -313px 16px;} .about4 .cardWrap .card.c3:before{background-position: -642px 16px;} .about4 .cardWrap .card.c4:before{background-position: 18px -185px;} .about4 .cardWrap .card.c5:before{background-position: -314px -185px;} .about4 .cardWrap .card.c6:before{background-position: -642px -185px;} .about4 .cardWrap .card:hover:before{border: 2px solid #ffa200;background-image: url("../images/about4-card-icon.png");} .about4 .top img{width: 100%;} .about4 .top{margin-bottom: 50px;} .about4 .top .boxW{overflow: hidden;} .about4 .top .boxW .box{float: left;width: 50%;} .about4 .top .boxW .box h2{color: #ffa200;font-size: 18px;line-height: 1;margin: 20px 0 16px;} .about4 .top .boxW .box p{color: #666666;line-height: 20px;} .about4 .ovs-dt{overflow: hidden;margin-top: 24px;margin-bottom: 0px;} .about4 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .about4 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;font-weight: bold;} .about4 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .about4-2 .tip{margin-bottom: 30px;} .about4-2 .tip h3 img{display: inline-block;} .about4-2 .tip h3{} .about4-2 .tip .txt p{color: #999999;} .about4-2 .card { width: 790px; max-height: 388px; overflow-x: hidden; } .about4-2 .tip h3{ float: left; color: #666666; margin-right: 10px; position: relative; top: 2px; } .about4-2 .tip .txt{ padding-top: 26px; } .about4-2 .tip h3 img{ width: 30px; } .about4-2 .card ul{width: 790px;overflow: hidden;} .about4-2 .card ul li{float: left;width: 186px;height: 120px;margin-right: 10px;margin-bottom: 10px;} /*===》 # about5*/.about5-r{height: 553px;/*background:#f8f9fb url("../images/about-5-r-icon-2.png") no-repeat 28px 455px;*/} .about5-r .box{padding-left: 28px;margin-bottom: 24px;} .about5-r .box h1{color: #ffae24;font-size: 30px;line-height: 32px;font-weight: inherit;letter-spacing: -2px;font-family: 'Rubik Regular';margin-top: -4px;} .about5-r .box h2{color: #3257c3;font-size: 18px;margin-top: 2px;} .about5-r .box p{color: #999999;} .about5-r .box.ik{background: url("../images/about-5-r-icon-1.png") no-repeat 135px 30px;} .about5 .top .auto{overflow: hidden;background: url("../images/baout-5-01.jpg") no-repeat 157px 0;} .about5 .top .L{width: 774px;} .about5 .top h1{color: #ffae24;font-size: 32px;font-weight: inherit;font-family: "Rubik Regular";line-height: 23px;margin-bottom: 26px;letter-spacing: -1px;} .about5 .top .box{margin-bottom: 30px;display:none;} .about5 .top h3{color: #666666;line-height: 100%;margin-bottom: 8px;} .about5 .top p{color: #999999;} .about5 .bom{height: 666px;background-color: #f2f2f2;position: relative;z-index: 200;} .about5 .bom:after{content: "";display: block;width: 2200px;height: 0;border-bottom: 6px solid #e2e2e0;position: absolute;bottom: 27px;left: 0;} .about5 .bom:after{content: '';display: block;width: 100%;} .about5 .bom .slideBox{height: 666px;position: relative;} .about5 #lcSlider .bd ul > li{float: left;width: 386px;height: 630px;margin-right: 20px;margin-bottom: 16px;position: relative;/*background-color: #4b8aac;*/} .about5 #lcSlider .bd ul > li:after{content: "";display: block;width: 22px;height: 22px;background: url("../images/about-5-icon.png") no-repeat center;position: absolute;left: 60px;bottom: -16px;z-index: 300;} .about5 #lcSlider .bd dl{width: 100%;position: absolute;left: 0;bottom: 0;} .about5 #lcSlider .bd dt{float: left;width: 74px;height: 62px;line-height: 62px;font-size: 22px;font-family: 'Aller Bold';color: #FFF;background-color: #ffa300;text-align: center;position: relative;} .about5 #lcSlider .bd dt:after{content: "";display: block;width: 0;height: 700px;border-left: 6px solid #ffa300;position: absolute;top: 0;right: 0;} .about5 #lcSlider .bd dd{float: right;width: 260px;max-height: 530px;overflow: auto;padding-right: 16px;} .about5 #lcSlider .bd dd h4{color: #666;margin-bottom: 6px;} .about5 #lcSlider .bd dd p{color: #999999;line-height: 20px;} .about5 #lcSlider .bd dd li{margin-bottom: 20px;} .about5 #lcSlider .next, .about5 #lcSlider .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 400;} .about5 #lcSlider .next{right: -80px;background: url("../images/about-5-btn-next.png") no-repeat center;} .about5 #lcSlider .prev{left: -80px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .about5 #lcSlider .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .about5 #lcSlider .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} /*===》 # about6*/.about6{overflow: hidden;} .about6-r .box{padding: 28px;} .about6-r .box p{color: #666666;} .about6-r .box h4{color: #999999;font-size: 32px;line-height: 100%;margin-bottom: 6px;font-weight: inherit;} /*.about6{padding-top: 64px;}*/.about6 .lvx{margin-bottom: 190px;} /*===》 # about7*/.about7-r img{margin-bottom: 4px;min-height: 440px;} /*.about7{padding: 64px 0 60px;}*/.about7{padding: 0 0 60px; background-color:#f7f7f7;} /*.about7 .L{width: 774px;}*/.about7 .wrap{width: 1300px;overflow: hidden;} .about7 .videoBox{float: left;width: 392px;cursor: pointer;margin-right: 12px;margin-bottom: 12px;position: relative;} .about7 .videoBox .img:after{content: "";display: block;width: 100%;height: 100%;background: url("../images/play-icon.png") no-repeat center;-webkit-transition: all 600ms ease;-moz-transition: all 600ms ease;-ms-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease;position: absolute;left: 0;top: 0;} /*.about7 .videoBox:hover .img:after{opacity: 1;filter: Alpha(opacity=100);}*/ .about7 .videoBox .img{position: relative;} .about7 .videoBox img{ display: block; width: 100%; position: absolute; left: 0; top: 50px; } .about7 .videoBox .tit{height: 60px;background-color: #497ae0;} .about7 .videoBox .tit h5{color: #FFF;font-size: 18px;line-height: 60px;text-align: center;font-weight: inherit;} .about7Video .z-popup{width: 774px;height: 359px;background-color: transparent;} .about7 .paging { margin-top: 40px; text-align: center; } .about7 .paging a.prev{ background: url("../images/paging-prev.png") no-repeat center; } .about7 .paging a.prev-er{ background: url("../images/paging-prev-er.jpg") no-repeat center; } .about7 .paging a.next{ background: url("../images/paging-next.png") no-repeat center; } .about7 .paging a.next-er{ background: url("../images/paging-next-er.png") no-repeat center; } .about7 .paging a.on{ color: #FFF; background-color: #ff9600; border: 2px solid #ff9600; } .about7 .paging a{ display: inline-block; width: 30px; height: 30px; border: 2px solid #dddddd; vertical-align: middle; text-align: center; line-height: 30px; color: #898b90; } .about7 #paging { text-align: center; margin-top: 36px; } .about7 #paging li[title="prev"]{ color: #FFF; background: url("../images/paging-prev-er.jpg") no-repeat center; } .about7 #paging li[title="next"]{ color: #FFF; background: url("../images/paging-next-er.png") no-repeat center; } .about7 #paging li.paging-selecte{ color: #FFF; background-color: #ff9600; border: 2px solid #ff9600; } .about7 #paging li{ display: inline-block; width: 30px; height: 30px; overflow: hidden; margin: 0 10px; border: 2px solid #dddddd; vertical-align: middle; text-align: center; line-height: 30px; color: #898b90; cursor: pointer; } /*===》 # about 8*/ /* .culture .L{width: 774px;} */ .culture .L{width: 100%;} .culture .top img{margin: 0 auto 20px;} .culture .top p{color: #000;margin-bottom: 10px;font-size:16px;} .culture1-r .box{margin-top: 28px;} .culture1-r > a{display: block;} .culture1-r > img, .culture1-r > a img, .culture1-r > p img{margin-bottom: 10px;} /*===》 # about10*/.about10 .top{height: 459px;background: url("../images/about-10-1.jpg") no-repeat center;} .about10 .cont{height: 325px;background: url("../images/about-10-2.jpg") no-repeat center;} .w1844{width: 1844px;margin: 0 auto;position: relative;} .about10 .top .w1844{height: 295px;background: #FFF url("../images/about-10-3.jpg") no-repeat left bottom;} .about10 .cont .le{float: left;width: 775px;} .about10 .le h1{color: #666666;font-size: 22px;line-height: 100%;padding: 46px 0 4px;} .about10 .le h2{color: #333333;font-size: 26px;letter-spacing: -2px;line-height: 100%;margin-bottom: 20px;font-weight: inherit;opacity: 0.32;filter: Alpha(opacity=32);} .about10 .ri{float: right;width: 682px;height: 295px;padding-left: 30px;margin-right: -322px;background-color: #f0fffc;} .about10 .ri h3{width: 355px;color: #87b85f;font-weight: inherit;font-size: 26px;line-height: 30px;padding: 100px 0 4px;} .about10 .ri h4{width: 355px;color: #87b85f;font-size: 22px;font-weight: inherit;line-height: 100%;font-family: "Rubik Regular";letter-spacing: -2px;opacity: 0.57;filter: Alpha(opacity=57);} .about10 .w1844 .pos{width: 100px;height: 100px;background-color: #f5b800;color: #FFF;line-height: 100px;text-align: center;position: absolute;right: -100px;top: 0;} .about10 .bom .w1844{height: 608px;background-color: #2047b8;} .about10 .auto{height: 608px;} .about10 .bom .leTxt{width: 400px;height: 165px;/*background-color: #dfdfdf;*/position: absolute;left: 0;bottom: 0;} .about10 .bom .leTxt h3{color: #FFF;font-size: 18px;line-height: 100%;padding: 30px 0 16px;} .about10 .bom .leTxt .txt{width: 400px;padding-right: 14px;height: 90px;overflow: auto;} .about10 .bom .leTxt p{color: #FFF;opacity: 0.7;filter: Alpha(opacity=7);line-height: 22px;} .about10 .bom .leTxt p>br{ display: none; } .about10 .bom .card{position: absolute;right: 0;bottom: 5px;} .about10 .bom .card li{float: left;width: 126px;height: 190px;font-weight: bold;overflow: hidden;background-color: #FFF;margin-left: 6px;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;user-select: none;position: relative;} .about10 .bom .card li:hover{overflow: visible;} .about10 .bom .card li.on{background-color: #feab05;} .about10 .bom .card li.on p{color: #FFF;} .about10 .bom .card li p{padding: 80px 32px 0;line-height: 20px;} .about10 .bom .card li .ken{display: block;width: 100%;height: 170px;position: absolute;left: 0;top: -123px;opacity: 0;filter: Alpha(opacity=0);-webkit-transition: all 400ms ease 400ms;-moz-transition: all 400ms ease 400ms;-ms-transition: all 400ms ease 400ms;-o-transition: all 400ms ease 400ms;transition: all 400ms ease 400ms;} .about10 .bom .card li .ken a{display: block;width: 126px;height: 130px;background: #ffc000 url("../images/magnifier-tool.png") no-repeat center;} .about10 .bom .card li:hover .ken{opacity: 1;filter: Alpha(opacity=100);top: -163px;} .about10 .bom .img{width: 1844px;overflow: hidden;/*background-color: #FFF;*/margin-left: -322px;position: relative;} .about10 .bom .img .img_c{width: 20000px;position: relative;-webkit-transition: left 1200ms ease-in-out;-moz-transition: left 1200ms ease-in-out;-ms-transition: left 1200ms ease-in-out;-o-transition: left 1200ms ease-in-out;transition: left 1200ms ease-in-out;} /*===》 # about10 -data*/.about10data-r .ewBox{overflow: hidden;margin-left: 84px;} .about10data-r .ewBox .wx, .about10data-r .ewBox .wb{float: left;width: 124px;margin-right: 10px;} .about10data-r .ewBox .wx img, .about10data-r .ewBox .wb img{border: 4px solid #e9eaf1;} .about10data-r .ewBox .wx h6, .about10data-r .ewBox .wb h6{color: #999999;font-size: 13px;text-align: center;line-height: 34px;} /*===》 #news*/.news{min-height: 950px;} .news.news4{min-height: 0;} .news .z-h1{color: #58585e;} .news1-r img{margin-bottom: 4px;} .news1-r .box{overflow: hidden;margin: 0 0 30px 28px;} .news1-r .box .icon{float: left;margin-right: 10px;} .news1-r .box .cont{float: left;width: 300px;} .news1-r .box h2{color: #666666;line-height: 20px;} .news1-r .box p{color: #666666;line-height: 20px;margin-bottom: 20px;} .news1-r .box h5{height: 60px;color: #ffa300;font-size: 28px;line-height: 30px;font-family: "Rubik Regular";font-weight: inherit;} .news1-r .box h5 i{display: inline-block;color: #666666;font-size: 14px;position: relative;top: -10px;} /* .news .L{width: 774px;} */ .news .L{width: 100%;} .news .top{overflow: hidden;margin-bottom: 50px;} .news .top > img{float: left;margin-right: 24px;} .news .top h3{color: #58585e;font-size: 16px;} .news .top strong{color: #c0a988;font-size: 20px;line-height: 32px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;margin-bottom: 10px;} .news .top p{color: #868b8e;line-height: 20px;} .news .top .txt, .news .top p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .news .top .btn{display: block;margin-top: 20px;line-height: 100%;color: #476bc7;} .news .top:hover .btn{text-decoration: underline;} .news .lise{padding-bottom: 20px;} .news .lise dl{height: 70px;padding: 30px 0;border-bottom: 2px solid #e8e9f0;overflow: hidden;} .news .lise dt{float: left;width: 135px;height: 100%;color: #c0a988;font-size: 20px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;line-height: 100%;} .news .lise dd h3{color: #58585e;font-size: 16px;margin-bottom: 4px;} .news .lise dd p{color: #a5a5a5;} .news{overflow: hidden;padding-bottom: 20px;} .news-minH{min-height: 1000px;} .news1-r a{display: block;} .news1-r .newsBox{width: 330px; height:190px; padding: 0 28px;margin-bottom: 10px; background-position: right 30px; } .news1-r .newsBox h6{height: 24px;color: #ffffff;font-size: 22px;padding-top: 80px; /*background: url("../images/volume-up-interface-symbol.png") no-repeat 0 0;padding-left: 32px;*/ text-shadow:5px 2px 6px #000; text-align:center; } .news1-r .newsBox h4{ margin-top: 10px; color: #ffffff; font-size: 27px; font-weight: 400; font-family: "Rubik Regular"; opacity: 0.5; filter: ALpha(opacity=20); text-shadow:5px 2px 6px #000; text-align:center; } .news1-r .newsBox p{color: #ffffff;font-size: 15px;} .news1-r .newsBox strong{color: #FFF;opacity: 0.4;filter: Alpha(opacity=40);font-size: 20px;font-weight: inherit;} .news1-r .newsBox.b1{background-color: #4285f4;} .news1-r .newsBox.b2{background-color: #ea4335;} .news1-r .newsBox.b3{background-color: #fbbc05;} .news1-r .newsBox.b4{background-color: #34a853;} .news1-r .newsBox:hover{ background-image: url(../images/newsbox-icon.png); background-repeat: no-repeat; } /*===》 #news2*/.news2 .ovs-dt{overflow: hidden;margin-top: 26px;} .news2 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .news2 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .news2 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .news2 .ovs-dd .lise{margin-top: 0;} .news2 .ovs-dd > div{display: none;} /*===》 #news3*/.news3 .lise{margin-top: 40px;} .news3-r .bBox{width: 357px;margin: 30px 0 30px 28px;} .news3-r .bBox h3{color: #58585e;font-size: 18px;} .news3-r .bBox strong{color: #c0a988;font-size: 24px;line-height: 32px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;margin-bottom: 10px;} .news3-r .bBox p{color: #868b8e;line-height: 20px;} .news3-r .bBox:hover .btn{color: #e83460;} .news3-r .txt, .news2-r p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .news3-r .btn{display: block;margin-top: 20px;line-height: 100%;color: #476bc7;} /*===》 # news-data*/.news-data .title{margin: 30px 0 24px;color: #9c9999;} .news-data .title h3{color: #58585e;font-size: 18px;margin-bottom: 10px;} .news-data .title strong{display: inline-block;color: #b9b9b9;font-size: 20px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;margin-right: 10px;} .news-data .title .icon{ display: inline-block; margin-left: 10px; } .news-data .title .icon em{ padding-left: 26px; background: url("../images/icon-y.png") no-repeat 0 center; color: #b9b9b9; font-family: "Montserrat Regular"; } .news-data .title .shuTit{ margin-top: 6px; color: #b9b9b9; font-size: 16px; }.news-data .title .shuTit em{ color: #c5ab84; } .news-data .title .shuTit a{ display: inline-block; } .news-data .cont p{color: #868b8e;margin-bottom: 10px;} .news-data .cont p img{display: inline-block;} .news-data .share{overflow: hidden;} .news-data .share em{float: left;height: 25px;line-height: 25px;color: #999999;} .news-data .share .bshare-custom{float: left;height: 25px;margin-bottom: 20px;} .news-data .share .bshare-custom a{float: left;width: 26px;height: 25px;padding: 0;margin: 0 0 0 12px;background-image: url(../images/news-data-share.png);background-repeat: no-repeat;} .news-data .share .bshare-weixin{background-position: 0 0;} .news-data .share .bshare-sinaminiblog{background-position: -42px 0;} .news-data .share .bshare-qqim{background-position: -84px 0;} .news-data .share .bshare-qzone{background-position: -124px 0;} .news-data .other{overflow: hidden;padding-bottom: 40px;} .news-data .other a{float: left;width: 378px;height: 68px;line-height: 68px;text-align: center;color: #999999;border: 2px solid #dddee8;} .news-data .other .next{float: right;border: 2px solid #3257c3;background-color: #3257c3;color: #FFF;} /*===》 #news4*/.news4 .cont{padding-top: 30px;padding-bottom: 40px;} .news4 .cont p{color: #999999;} .news4 .cont h4{margin: 16px 0 40px;color: #3257c3;font-size: 18px;} .news4 .cont input.int2{width: 734px;} .news4 .cont input{width: 410px;height: 48px;line-height: 48px;padding: 0 20px;background-color: #eaebf1;color: #333;margin-bottom: 12px;} .news4 .cont .input{position: relative;} .news4 .cont .input:after{content: "*";display: block;color: #2f58d1;position: absolute;left: 9px;top: 12px;} .news4 .cont .btn button{display: inline-block;width: 112px;height: 48px;line-height: 48px;text-align: center;background-color: #2f58d1;color: #FFF;margin-right: 4px;} .news4 .cont .btn button[type=reset]{background-color: #547ef9;} /*===》 #service*/.service1-r .box{margin-left: 28px;margin-bottom: 30px;} .service1-r .poss{margin-bottom:6px;cursor:pointer;} .service1-r .box img{margin-bottom: 6px;} .service1-r > a img, .service1-r > img{/*margin-bottom: 6px;*/} .service1-r .box h2{color: #2a58c6;font-size: 14px;font-weight: inherit;line-height: 20px;} .service1-r .box p{color: #73787b;line-height: 20px;} .service .z-h1{color: #58585e;} .service{padding-bottom: 40px;} .service .L{width: 774px;} .service .L h2{color: #ffae24;font-size: 30px;line-height: 100%;font-weight: inherit;font-family: 'Rubik Regular';margin-top: 20px;} .service .L h3{color: #3257c3;font-size: 24px;line-height: 36px;margin-bottom: 4px;} .service .L p{color: #999999;line-height: 22px;} .service .L .ixd{margin: 40px 0 0;} /*===》 #service2*/.service1-r .box h3{color: #ff8400;font-size: 28px;font-weight: inherit;letter-spacing: -2px;font-family: 'Rubik Regular';margin-top: 24px;} .service1-r .box h3 em{position: relative;top: -4px;} .service1-r .box h3 em, .service1-r .box h5{color: #666666;font-size: 14px;font-weight: bold;font-family: '微软雅黑';line-height: 20px;} .service1-r .box h5{margin: 6px 0 4px;} .service1-r .box h6{color: #666666;font-size: 16px;line-height: 100%;} .service1-r .box h6 i{color: #7a7979;font-weight: inherit;font-family: 'Rubik Regular';} .service2 .top{padding-top: 30px;} .service2 .top p{font-size: 13px;} .service2 .top h5{color: #3257c3;font-size: 18px;line-height: 28px;margin-bottom: 20px;} .service2 .cyl{color: #999999;margin-bottom: 22px;} .service2 .cyl em{color: #2f58d1;} .service2 .box{/*overflow: hidden;*/min-height: 48px;clear: both;} .service2 .input{position: relative;float: left;} .service2 .input.in450 input{width: 410px;} .service2 .input input{float: left;width: 180px;height: 48px;background-color: #eaebf1;line-height: 48px;padding: 0 20px;margin-right: 10px;margin-bottom: 10px;} .service2 .input:after{content: "*";display: block;color: #2f58d1;position: absolute;left: 9px;top: 12px;} .service2 .input textarea{display: block;width: 734px;height: 137px;padding: 10px 20px;margin-bottom: 10px;background-color: #eaebf1;border: none;} .service2 .btn{clear: both;} .service2 .btn button{display: inline-block;width: 112px;height: 48px;line-height: 48px;text-align: center;background-color: #2f58d1;color: #FFF;margin-right: 4px;} .service2 .btn button[type=reset]{background-color: #547ef9;} .service2 .input .drop-txt{float: left;width: 180px;height: 48px;background-color: #eaebf1;line-height: 48px;color: #666;padding: 0 20px;margin-right: 10px;margin-bottom: 10px;position: relative;} .service2 .input .drop-txt:after{content: "";border: 6px solid transparent;border-top: 6px solid #666;position: absolute;right: 15px;top: 22px;} .service2 .input .drop-down{float: left;position: relative;} .service2 .input .drop-down ul{display: none;width: 218px;max-height: 194px;overflow: auto;padding: 10px 0;background-color: #FFF;border: 1px solid #dfdfdf;position: absolute;left: 0;top: 48px;z-index: 299;} .service2 .input .drop-down ul li{color: #a4a4a8;padding: 0 20px;line-height: 28px;cursor: pointer;} .service2 .input .drop-down ul li:hover{color: #666;} /*===》 #service3*/.service3 .ovs-dt{overflow: hidden;margin-top: 26px;} .service3 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .service3 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .service3 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .service3 .periodical h4{color: #ff8400;font-size: 32px;font-weight: inherit;font-family: 'Rubik Regular';padding-top: 40px;} .service3 .periodical h5{color: #333333;font-size: 32px;font-weight: inherit;line-height: 100%;margin: 8px 0;} .service3 .periodical .list{overflow: hidden;width: 796px;padding-top: 24px;} .service3 .periodical .list .box{width: 378px;float: left;margin-right: 19px;overflow: hidden;margin-bottom: 30px;box-sizing: border-box;border: 1px solid #e9e9e9;} .service3 .periodical .list .box img{margin: 0;float: left;} .service3 .periodical .list .box .tit{width: 188px;float: left;box-sizing: border-box;padding: 50px 0 0 30px;height: 100%;} .service3 .periodical .list .box .tit p{float: left;width: 100%;color: #666666;font-size: 18px;line-height: 22px;font-weight: 600;padding-bottom: 24px;} .service3 .periodical .list .box .tit p strong{font-size: 14px;color: #999999;} .service3 .periodical .list .box .tit .more{ float: left; width: 107px; height: 36px; line-height: 36px; margin-left: 10px; text-align: center; color: #8b8b8b; background-color: #dcdcdc; transition: all 300ms ease; } .service3 .periodical .list .box .tit .more:hover{ color: #FFF; background-color: #ff9c00; } .service3 .periodical .list .box .tit i, .service3 .periodical .list .box .tit em{float: left;width: 66px;height: 74px;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-ms-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;} .service3 .periodical .list .box .tit i{background: #e9e9e9 url("../images/download-symbol.png") no-repeat 20px center;} .service3 .periodical .list .box .tit em{background: #e9e9e9 url("../images/download-symbol.png") no-repeat -48px center;margin-right: 2px;margin-bottom: 16px;} .service3 .periodical .list .box .tit em:hover{background: #1942ba url("../images/download-symbol-on.png") no-repeat -48px center;} .service3 .periodical .list .box .tit i:hover{background: #1942ba url("../images/download-symbol.png") no-repeat 20px center;} .service3 .periodical .list .box .tit .ic-me{ clear: both; display: block; width: 132px; height: 26px; line-height: 26px; text-align: center; border: 1px solid #999; color: #999; } .service3 .Guild{padding-bottom: 80px;} .service3 .Guild img{margin: 28px 0;} .service3 .Guild h4{color: #3257c3;font-size: 16px;} .service3 .activity .lise{padding-bottom: 50px;border-top: 2px solid #e8e9f0;} .service3 .activity .lise dl{height: 70px;padding: 30px 0;border-bottom: 2px solid #e8e9f0;overflow: hidden;} .service3 .activity .lise dt{float: left;width: 135px;height: 100%;color: #c0a988;font-size: 20px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;line-height: 100%;} .service3 .activity .lise dd h3{color: #58585e;font-size: 16px;margin-bottom: 4px;line-height: 24px;} .service3 .activity .lise dd p{color: #a5a5a5;} .service3 .activity h2{color: #666666;font-size: 18px;height: 76px;line-height: 76px;font-weight: bold;} .service3 .slideBox{position: relative;overflow: hidden;} .service3 .slideBox .hd{display: block;width: 100%;height: 0;text-align: center;position: absolute;left: 0;bottom: 24px;z-index: 99;} .service3 .slideBox .hd li{display: inline-block;padding: 4px;margin: 0 2px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #FFF;cursor: pointer;} .service3 .slideBox .hd li.on{background-color: #a97ca9;} .service3 .slideBox .bd li{position: relative;overflow: hidden;} .service3 .slideBox .bd li .pos{width: 340px;height: 100%;padding: 0 34px;background-color: #3257c3;position: absolute;right: -420px;top: 0;z-index: 200;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease;-ms-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;} .service3 .slideBox .bd li:hover .pos{right: 0;} .service3 .slideBox .bd li .pos h4{padding-top: 56px;color: #e9efff;font-size: 18px;margin-bottom: 6px;} .service3 .slideBox .bd li .pos .txt, .service3 .slideBox .bd li .pos p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .service3 .slideBox .bd li .pos p{color: #b3c3f4;} .service3 .slideBox .bd li .pos em{display: block;width: 16px;height: 20px;margin-top: 20px;background: url("../images/activity-cion.png") no-repeat left center;} /*===》 #culture*/.culture1-r .box{padding: 0 0 28px 28px;} .culture1-r .box h2{color: #2a58c6;font-size: 14px;/*margin-bottom: 4px;*/} .culture1-r .box p{color: #73787b;line-height: 20px;} .culture1-r .box .ic{margin-bottom: 6px;} .culture .pox{/*position: relative;*/overflow: hidden;padding: 60px 0 172px;background: url("../images/culture-bgi-01.jpg") no-repeat right 149px;} .culture .pox-dt{float: left;width: 372px;height: 372px;margin-left: 50px;margin-right: 20px;background: url("../images/pix-bgi.jpg") no-repeat center;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;overflow: hidden;} .culture .pox-dt ul{width: 372px;height: 372px;position: relative;} .culture .pox-dt ul:after{content: "";display: block;width: 244px;height: 244px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 66px;top: 66px;z-index: 300;} .culture .pox-dt ul li{width: 100px;height: 100px;position: absolute;opacity: 0.45;filter: Alpha(opacity=45);/*background-color: rgba(0,0,0,0.4);*/background-image: url("../images/pix-bgi-txt.png");background-repeat: no-repeat;} .culture .pox-dt ul li.on{opacity: 1;filter: Alpha(opacity=100);} .culture .pox-dt ul li.i1{left: 55px;top: 10px;background-position: -55px -5px;} .culture .pox-dt ul li.i2{left: 240px;top: 34px;background-position: -240px -32px;} .culture .pox-dt ul li.i3{left: 270px;top: 202px;background-position: -270px -202px;} .culture .pox-dt ul li.i4{left: 137px;top: 286px;background-position: -137px -286px;} .culture .pox-dt ul li.i5{left: -14px;top: 169px;background-position: 14px -169px;} .culture .pox-dd{float: left;width: 290px;padding-top: 72px;} .culture .pox-dd h4{color: #666666;font-size: 18px;margin-bottom: 20px;} .culture .pox-dd h5{color: #ffa800;font-size: 22px;margin-bottom: 8px;} .culture .pox-dd h6{color: #d2cebf;font-size: 30px;font-weight: inherit;font-family: "Myriad Pro Regular";line-height: 32px;letter-spacing: -2px;margin-bottom: 12px;} .culture .pox-dd p{color: #999999;line-height: 22px;font-size: 13px;} .culture .pox-dd p, .culture .pox-dd .txt{width: 290px;padding-right: 14px;max-height: 90px;overflow: auto;overflow-x: hidden;} /*===》 #culture2*/.culture2 .L{width: 774px;padding-bottom: 50px;} .culture2 .ovs-dt{overflow: hidden;margin-top: 26px;} .culture2 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .culture2 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .culture2 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .culture2 .ovs-dd h4{color: #666666;font-size: 18px;line-height: 50px;} .culture2 .ovs-dd .civ{margin: 14px 0;} .culture2 .ovs-dd p{color: #666666;margin-bottom: 14px;} .culture2 .mgdBox{overflow: hidden;padding: 30px;margin-top: 40px;background-color: #f6f4ed;} .culture2 .mgdBox .v-dt{overflow: hidden;text-align: right;margin-bottom: 10px;} .culture2 .mgdBox .v-dt li.on{background-color: #ffa41d;} .culture2 .mgdBox .v-dt li{display: inline-block;width: 84px;height: 84px;margin-left: 10px;text-align: center;line-height: 84px;color: #FFF;background-color: #345bcd;cursor: pointer;} .culture2 .mgdBox .v-dd .slideBox{position: relative;} .culture2 .mgdBox .slideBox .next, .culture2 .mgdBox .slideBox .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 400;} .culture2 .mgdBox .slideBox .next{right: 12px;background: url("../images/about-5-btn-next.png") no-repeat center;} .culture2 .mgdBox .slideBox .prev{left: 12px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .culture2 .mgdBox .slideBox .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .culture2 .mgdBox .slideBox .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .culture2 .mgdBox .v-dd .slideBox .hd{width: 100%;text-align: center;position: absolute;bottom: 10px;left: 0;} .culture2 .mgdBox .v-dd .slideBox .hd li.on{background-color: #2a58c6;} .culture2 .mgdBox .v-dd .slideBox .hd li{display: inline-block;width: 10px;height: 10px;background-color: #FFF;margin: 0 4px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;cursor: pointer;} .culture2 .lise{border-top: 2px solid #e8e9f0;} .culture2 .lise dl{height: 70px;padding: 30px 0;border-bottom: 2px solid #e8e9f0;overflow: hidden;} .culture2 .lise dt{float: left;width: 135px;height: 100%;color: #c0a988;font-size: 24px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;line-height: 100%;} .culture2 .lise dd h3{color: #58585e;font-size: 18px;margin-bottom: 4px;} .culture2 .lise dd p{color: #a5a5a5;} .culture2 .lise dd .txt, .culture2 .lise dd p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .culture2 .top h3{color: #666666;font-size: 18px;line-height: 50px;} .culture2 .top p{color: #666666;} .culture2 .timer h4{color: #ff9900;font-size: 14px;font-weight: inherit;line-height: 50px;} .culture2 #timeAxis{position: relative;} .culture2 #timeAxis .bd li.on{color: #FFF;background-color: #ff8400;} .culture2 #timeAxis .bd li{float: left;width: 68px;height: 80px;line-height: 80px;margin-right: 2px;margin-bottom: 2px;text-align: center;background-color: #f8f9fb;color: #c3c4c5;font-size: 18px;cursor: pointer;} .culture2 #timeAxis .btnWrap{width: 74px;height: 80px;background-color: #f8f9fb;position: absolute;right: 0;top: 0;} .culture2 #timeAxis .btnWrap .next, .culture2 #timeAxis .btnWrap .prev{display: block;width: 50%;height: 100%;background-image: url("../images/culture2-timer-axis-bnt.png");background-repeat: no-repeat;position: absolute;top: 0;} .culture2 #timeAxis .btnWrap .prev{left: 0;background-position: 24px center;} .culture2 #timeAxis .btnWrap .next{right: 0;background-position: -13px center;} /*===》 #culture3*/.culture3-r .box{width: 358px;padding: 30px 28px;} .culture3-r > img, .culture3-r a > img{margin-bottom: 10px;} .culture3-r .box h4{color: #ffa800;font-size: 32px;font-weight: inherit;line-height: 20px;font-family: "Rubik Regular";margin-bottom: 14px;} .culture3-r .box h4 i{color: #666666;font-size: 14px;font-family: '微软雅黑';font-weight: bold;line-height: 14px;} .culture3-r .box ul li{color: #9f9fa0;line-height: 20px;font-size: 14px;overflow: hidden;margin-bottom: 2px;} .culture3-r .box ul li i{float: left;} .culture3-r .box ul li p{display: inline-block;} .culture3 .L{width: 774px;padding-bottom: 50px;} .culture3 .ovs-dt{overflow: hidden;margin-top: 26px;} .culture3 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .culture3 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;font-weight: bold;} .culture3 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .culture3 .ovs-dd .t-card{overflow: hidden;width: 796px;} .culture3 .ovs-dd .t-card .card{float: left;width: 385px;background-color: #f8f9fb;margin-right: 4px;margin-bottom: 4px;} .culture3 .ovs-dd .t-card .card img{float: right;border-left: 4px solid #FFF;border-bottom: 4px solid #FFF;margin-bottom: 30px;} .culture3 .ovs-dd .t-card .card .cox{clear: both;padding: 0 30px 30px;} .culture3 .ovs-dd .t-card .card h2{color: #999999;font-size: 18px;margin-bottom: 12px;} .culture3 .ovs-dd .t-card .card p{color: #999999;line-height: 22px;} .culture3 .c-card{width: 796px;overflow: hidden;} .culture3 .c-card .card{float: left;width: 385px;height: 422px;background-color: #f8f9fb;margin-right: 4px;margin-bottom: 4px;position: relative;} .culture3 .c-card .card .box{width: 325px;padding: 30px;overflow: hidden;position: absolute;left: 0;bottom: 0;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .culture3 .c-card .card .box h4{color: #000000;opacity: 0.16;filter: Alpha(opacity=16);line-height: 46px;font-size: 53px;font-family: "Rubik Regular";margin-bottom: 2px;/*-webkit-transition: all 400ms ease-in-out;*//*-moz-transition: all 400ms ease-in-out;*//*-ms-transition: all 400ms ease-in-out;*//*-o-transition: all 400ms ease-in-out;*//*transition: all 400ms ease-in-out;*/} .culture3 .c-card .card .box h5{color: #ffffff;font-size: 18px;margin-bottom: 8px;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .culture3 .c-card .card .box .txt{padding-right: 14px;height: 60px;overflow: auto;} .culture3 .c-card .card .box .txt, .culture3 .c-card .card .box p{} .culture3 .c-card .card .box p{color: #ffffff;opacity: 0.56;filter: Alpha(opacity=56);line-height: 20px;-webkit-transition: all 400ms ease-in-out;-moz-transition: all 400ms ease-in-out;-ms-transition: all 400ms ease-in-out;-o-transition: all 400ms ease-in-out;transition: all 400ms ease-in-out;} .culture3 .c-card .card .box:after{content: "";display: block;width: 36px;height: 11px;background: url("../images/culture3-icon-1.png") no-repeat center;position: absolute;left: 30px;bottom: -60px;-webkit-transition: bottom 400ms ease-in-out;-moz-transition: bottom 400ms ease-in-out;-ms-transition: bottom 400ms ease-in-out;-o-transition: bottom 400ms ease-in-out;transition: bottom 400ms ease-in-out;} .culture3 .c-card .card:hover .box:after{bottom: 30px;} .culture3 .c-card .card:hover .box{background-color: #ffd200;} .culture3 .c-card .card:hover .box .txt{margin-bottom: 30px;} .culture3 .c-card .card:hover .box p{color: #b59500;opacity: 1;filter: Alpha(opacity=100);} .culture3 .c-card .card:hover .box h5{color: #a58800;} .culture3 .c-card .card:hover .box h4{color: #a58800;font-size: 30px;opacity: 1;filter: Alpha(opacity=100);line-height: 28px;} .culture3 .b-card{overflow: hidden;} .culture3 .b-card .card{height: 302px;overflow: hidden;margin-bottom: 12px;} .culture3 .b-card .card .box{float: left;width: 338px;height: 244px;padding: 30px 30px;position: relative;-webkit-transition: background-color 300ms ease;-moz-transition: background-color 300ms ease;-ms-transition: background-color 300ms ease;-o-transition: background-color 300ms ease;transition: background-color 300ms ease;} .culture3 .b-card .card .box h4{color: #000;padding-top: 24px;opacity: 0.14;filter: Alpha(opacity=14);line-height: 46px;font-size: 40px;font-family: "Rubik Regular";margin-bottom: 2px;} .culture3 .b-card .card .box h5{color: #FFF;font-size: 18px;margin-bottom: 8px;opacity: 0.8;filter: Alpha(opacity=80);} .culture3 .b-card .card .box p{color: #ffffff;opacity: 0.28;filter: Alpha(opacity=28);line-height: 20px;} .culture3 .b-card .card .box:after{content: "";display: block;width: 36px;height: 11px;background: url("../images/culture3-icon-1.png") no-repeat center;position: absolute;left: 30px;bottom: -60px;-webkit-transition: bottom 400ms ease-in-out;-moz-transition: bottom 400ms ease-in-out;-ms-transition: bottom 400ms ease-in-out;-o-transition: bottom 400ms ease-in-out;transition: bottom 400ms ease-in-out;} .culture3 .b-card .card:hover .box:after{bottom: 30px;} .culture3 .b-card .card:hover .box{background-color: #ffd200;} .culture3 .b-card .card:hover .box h5{color: #a58800;} .culture3 .b-card .card:hover .box h4{color: #a58800;opacity: 1;filter: Alpha(opacity=100);} .culture3 .b-card .card:hover .box p{color: #b59500;opacity: 1;filter: Alpha(opacity=100);} .culture3 .b-card.ri .card .box{float: right;} /*===》 #culture3-data*/.culture3-data .L{width: 774px;} .culture3-data #daSlider{margin-top: 40px;overflow: hidden;position: relative;} .culture3-data #daSlider .tit{height: 84px;background-color: #1640b8;padding: 0 30px;} .culture3-data #daSlider p{display: inline-block;color: #FFF;font-size: 18px;line-height: 84px;margin-right: 10px;} .culture3-data #daSlider em{display: inline-block;color: #FFF;font-size: 18px;line-height: 84px;font-family: "Montserrat Regular";} .culture3-data #daSlider .next, .culture3-data #daSlider .prev{display: block;width: 84px;height: 84px;position: absolute;bottom: 0;z-index: 200;} .culture3-data #daSlider .next{right: 0;background: #305fe5 url("../images/culture3-data-btn-2.png") no-repeat center;} .culture3-data #daSlider .prev{right: 86px;background: #305fe5 url("../images/culture3-data-btn-1.png") no-repeat center;} .culture3-data #daSlider .pin-v{height: 84px;position: absolute;right: 200px;bottom: 0;z-index: 200;} .culture3-data #daSlider .pin-v span{color: #ffffff;font-size: 24px;line-height: 84px;font-family: "Montserrat Regular";} .culture3-data #daSlider .pin-v .sx{font-size: 18px;margin: 0 2px;position: relative;top: -2px;} .culture3-data .return{color: #666666;font-size: 16px;height: 86px;line-height: 86px;text-align: center;background-color: #f8f9fb;font-weight: bold;margin: 10px 0 40px;} /*===》 #culture4*/.culture4 .z-h2{margin-bottom: 20px;} .culture4 .L{width: 774px;padding-bottom: 130px;} .culture4 .L p{color: #666666;margin-bottom: 20px;} .culture4 .L img{margin: 30px 0;} /*===》 #contact*/.contact .z-h1{color: #58585e;} .contact .L{width: 774px;min-height: 844px;} .contact .ovs-dt{overflow: hidden;/*margin-top: 26px;*/margin-top: 50px;} .contact .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .contact .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .contact .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .contact .top h4{color: #3257c3;font-size: 14px;margin: 20px 0;line-height: 20px;} .contact .top h5{color: #a5a5a5;font-size: 16px;margin-bottom: 6px;} .contact .top ul li{color: #a5a5a5;} .contact .t-cont{padding-bottom: 70px;} .contact .v-dt ol{overflow: hidden;} .contact .v-dt ol li{float: left;height: 60px;margin-right: 18px;color: #999999;line-height: 60px;cursor: pointer;} .contact .v-dt li.on{color: #0a43b9;} .contact .t-cont > ul li{color: #a5a5a5;} .contact .ovs-dd h6{color: #a5a5a5;font-size: 16px;} .contact .t-cont h5{color: #666666;font-size: 16px;line-height: 40px;margin-top: 30px;/*margin-top: 10px;*/} #Bai_Map{height: 574px;position: relative;z-index: 200!important;} .anchorBL{display: none!important;} .contact1-r .box{width: 380px;overflow: hidden;margin: 0 0 10px 28px;} .contact1-r .box .icon{float: left;margin-right: 10px;} .contact1-r .box .cont{float: left;width: 322px;} .contact1-r .box h2{color: #666666;line-height: 20px;} .contact1-r .box p{color: #666666;line-height: 20px;margin-bottom: 20px;} .contact1-r .box h5{height: 60px;color: #ffa300;font-size: 28px;font-weight: inherit;line-height: 30px;font-family: "Rubik Regular";} .contact1-r .box h5 i{display: inline-block;color: #666666;font-size: 14px;position: relative;top: -10px;} .contact1-r .box h3{color: #666666;font-size: 16px;margin: 16px 0 4px;} .contact1-r .box ul li{color: #999999;} .contact1-r .eBox{width: 360px;padding: 0 0 26px 0;margin-bottom: 30px;margin-left: 28px;border-bottom: 6px solid #e2e4e8;} .contact1-r .eBox h2{color: #ffa800;font-size: 13px;line-height: 30px;margin-top: 4px;} .contact1-r .eBox p{color: #797a81;font-size: 13px;line-height: 20px;} /*===》 #join*/.join .z-h1{color: #58585e;} .join .z-h2{margin-bottom: 48px;letter-spacing: -1px;} .join .L{width: 774px;overflow: hidden;} .join .titIc{margin-bottom: 30px;} /*.join .list{margin-bottom: 60px;}*//*.join .list li{padding: 30px;margin-bottom: 10px;background-color: #f7f3ee;-webkit-transition: background-color 400ms ease;-moz-transition: background-color 400ms ease;-ms-transition: background-color 400ms ease;-o-transition: background-color 400ms ease;transition: background-color 400ms ease;}*//*.join .list li p{color: #999999;-webkit-transition: color 400ms ease;-moz-transition: color 400ms ease;-ms-transition: color 400ms ease;-o-transition: color 400ms ease;transition: color 400ms ease;}*//*.join .list em{display: block;height: 30px;}*//*.join .list li.i1 em{background: url("../images/join1-list-icon-1.png") no-repeat left center;}*//*.join .list li.i2 em{background: url("../images/join1-list-icon-2.png") no-repeat left center;}*//*.join .list li.i3 em{background: url("../images/join1-list-icon-3.png") no-repeat left center;}*//*.join .list li.i4 em{background: url("../images/join1-list-icon-4.png") no-repeat left center;}*//*.join .list li:hover{background-color: #3257c3;}*//*.join .list li:hover p{color: #FFF;}*//*.join .list li.i1:hover em{background: url("../images/join1-list-icon-1-h.png") no-repeat left center;}*//*.join .list li.i2:hover em{background: url("../images/join1-list-icon-2-h.png") no-repeat left center;}*//*.join .list li.i3:hover em{background: url("../images/join1-list-icon-3-h.png") no-repeat left center;}*//*.join .list li.i4:hover em{background: url("../images/join1-list-icon-4-h.png") no-repeat left center;}*/.join .bom{height: 488px;background: url("../images/join-1-bom-bgi.jpg") no-repeat center;position: relative;z-index: 500;} .join .bom h3{color: #34adfb;font-size: 54px;line-height: 50px;padding: 90px 0 10px;font-weight: inherit;letter-spacing: -3px;opacity: 0.5;filter: Alpha(50);} .join .bom h4{color: #2d4396;font-size: 22px;opacity: 0.8;filter: Alpha(80);} .join .i-img{margin-bottom: 30px;} .join1-r{ padding-bottom:20px;} .join1-r > img, .join1-r > a img{margin-bottom: 10px;} .join1-r .box{overflow: hidden;margin: 30px 28px;width: 360px;} .join1-r .box h5{color: #ffa300;font-size: 28px;line-height: 30px;font-family: "Rubik Regular";font-weight: inherit;margin-bottom: 10px;position: relative;} .join1-r .box h5 i{display: inline-block;color: #666666;font-size: 14px;position: relative;top: -10px;} .join1-r .box h5:before{content: '';display: inline-block;width: 32px;height: 50px;background: url("../images/call-cion-01.png") no-repeat center;vertical-align: middle; position: relative; top: -4px; margin-right: 10px; } .join1-r .box ul li{color: #a2a2a3;} .join1-r .box ul li p{float: left;width: 314px;} .join1-r .box ul li em{float: left;} .join1-r .box ul li h4{font-size: 15px;} /*===》 #join2*/.join2 .z-h1{color: #58585e;} .join2 .L{width: 774px;padding-bottom: 50px;/*overflow: hidden;*/} .join2 h3{color: #ffae24;font-size: 30px;font-weight: inherit;line-height: 100%;margin-bottom: 6px;/*letter-spacing: -1px;*/} .join2 h4{color: #3257c3;font-size: 18px;margin-bottom: 20px;} .join2 .top ul h5{color: #666666;font-size: 16px;} .join2 .top ul li{color: #999999;margin-bottom: 12px;} .join2 .top .coTxt p{color: #999999;margin-bottom: 20px;} .join2 .ovs-dt{overflow: hidden;margin-top: 26px;} .join2 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .join2 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .join2 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .join2 .ovs-dd .dvc{margin-right: -6px;} .join2 .ovs-dd .cBox{background-color: #fff9ec;padding: 30px 30px 50px;margin-bottom: 30px;} .join2 .ovs-dd .cBox strong{} .join2 .ovs-dd .list dl{overflow: hidden;background-color: #ffa800;margin-bottom: 12px;position: relative;} .join2 .ovs-dd .list dt{float: left;width: 130px;padding: 46px 30px 0;color: #FFF;font-size: 16px;line-height: 22px;font-weight: bold;} .join2 .ovs-dd .list dd{float: right;padding: 20px 30px;width: 524px;background-color: #f8f9fb;} .join2 .ovs-dd .list dd p{color: #666666;line-height: 22px;} .join2 .ovs-dd > div > p{color: #999;margin-bottom: 10px;} /*===》 #join3*/.join3 .z-h1{color: #58585e;} .join3 .top{background: url("../images/join-3-top-bgi.jpg") no-repeat center bottom;} .join3 .L{width: 774px;height: 580px;} .join3 .L .box{margin-top: 74px;} .join3 .L .box p{color: #999999;} .join3 .bom{height: 388px;background: url("../images/join-3-bom.jpg") no-repeat center;position: relative;z-index: 400;} /*===》 #join4*/.join4{overflow: hidden;} .join4 .L{width: 774px;min-height: 600px;} .join4 .ovs-dt{overflow: hidden;margin-top: 26px;} .join4 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .join4 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .join4 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .join4 .screen{height: 56px;margin-bottom: 10px;} .join4 .screen .drop-down{float: left;width: 154px;height: 56px;margin-right: 10px;} .join4 .screen .drop-down ul{display: none;background-color: #FFF;border: 1px solid #dfdfdf;position: relative;z-index: 200;padding: 10px 0;cursor: pointer;max-height: 190px;overflow: auto;} .join4 .screen .drop-down ul li{padding: 2px 15px;color: #9c9c9c;} .join4 .screen .drop-down ul li:hover{color: #474747;} .join4 .screen .drop-down .drop-txt{height: 56px;line-height: 56px;padding: 0 15px;color: #8d8d8d;background-color: #dee0ea;position: relative;} .join4 .screen .drop-down .drop-txt:after{content: "";display: block;width: 13px;height: 7px;background: url("../images/down-icon-2.png") no-repeat center;position: absolute;right: 20px;top: 24px;} .join4 .screen .btn{float: left;width: 122px;height: 56px;line-height: 56px;text-align: center;color: #FFF;background-color: #3257c3;} .join4 .lise{padding-bottom: 50px;} .join4 .lise dl{height: auto;padding: 30px 0;overflow: hidden;background-color: #f8f9fb;margin-bottom: 10px;position: relative;} .join4 .lise dt{float: left;width: 135px;height: 100%;padding-left: 30px;color: #c0a988;font-size: 24px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;line-height: 100%;} .join4 .lise dd h3{color: #58585e;font-size: 18px;margin-bottom: 4px;} .join4 .lise dd p{color: #a5a5a5;} .join4 .lise dd{float: left;width: 440px;} .join4 .lise .cont{display: none;/*float: right;*/} .join4 .lise dl .ic{display: block;width: 138px;height: 100%;background: #f8f9fb url("../images/join-4-icon-1.png") no-repeat center;position: absolute;right: 0;top: 0;cursor: pointer;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .join4 .lise dl.open .ic{background: #ffba00 url("../images/join-4-icon-1-open.png") no-repeat center;} .join4 .lise dl .cont h5{color: #58585e;font-size: 14px;margin: 14px 0 0;} .join4 .i-img{margin-bottom: 20px;} .join4 .texBox{padding: 0 0 20px;} .join4 .texBox p{color: #666666;margin-bottom: 14px;} /*===》 #business*/.business{margin-top: 97px;height: 804px;background: url("../images/business-c-01.jpg") no-repeat center;position: relative;} .business .auto{height: 100%;} .business .posTxt{width: 460px;position: absolute;left: 773px;top: 253px;} .business .posTxt h3{color: #002993;font-size: 32px;font-weight: inherit;font-family: "Rubik Regular";letter-spacing: -2px;opacity: 0.5;filter: Alpha(opacity=5);margin-top: 2px;} .business .cardWrap{width: 720px;height: 186px;position: absolute;left: 566px;bottom: 5px;} .business .cardWrap .card{float: left;width: 172px;height: 120px;padding: 66px 0 0 30px;margin-right: 5px;background-color: #4b8aac;} .business .cardWrap .card h4{color: #7e3f00;font-size: 36px;/*font-weight: inherit;*/font-family: "Rubik Regular";letter-spacing: -3px;opacity: 0.1;filter: Alpha(opacity=10);} .business .cardWrap .card p{color: #ffffff;font-size: 16px;margin-top: 6px;font-weight: bold;} .business .cardWrap .card.c1{background-color: #fa7c00;} .business .cardWrap .card.c2{background-color: #f6cb00;} .business .cardWrap .card.c3{background-color: #134ad5;} .business .cardWrap .card.c3 h4{color: #2c2c2c;} .projectWrap .jcx{height: 300px;color: #333333;line-height: 100px;} /*===》 #business 1*/.business1 .top .L{width: 774px;overflow: hidden;padding-bottom: 20px;} .business1 .top .L p{margin-bottom: 18px;color: #666666;} .business1-r .box{margin-left: 28px;} .business1-r .box h4{color: #999999;font-size: 27px;font-weight: inherit;font-family: "Rubik Regular";letter-spacing: -1px;margin-bottom: 10px;} .business1-r .box h5{color: #ff9900;font-size: 26px;font-weight: inherit;line-height: 30px;margin-top: 2px;} .business1 .bom{height: 514px;background: url("../images/business-1-bom.jpg") no-repeat center;} .business1 .bom .le{float: left;width: 484px;overflow: hidden;padding-top: 85px;} .business1 .bom .le h3{color: #333333;font-size: 18px;margin: 20px 0 4px;} .business1 .bom .le p{color: #999999;} .business1 .bom .le p em{color: #ff9900;font-size: 32px;line-height: 34px;font-weight: inherit;font-family: "Rubik Regular";letter-spacing: -1px;} .business1 .bom .ri{float: right;width: 690px;margin-top: 104px;} .business1 .bom .ri .logoCont{width: 694px;height: 262px;padding-right: 15px;overflow: auto;} .business1 .bom .logoCont .co{float: left;border: 2px solid #eaeaea;width: 168px;height: 126px;} .business1 .bom .more{width: 50px;height: 50px;margin: 30px auto 0;background: url("../images/more-cion-02.png") no-repeat center;cursor: pointer;} /*===》 #business 2*//*.business2 .z-h2{color: #333333;opacity: 0.34;filter: Alpha(opacity=0.34);}*/.business2 .top .L{position: relative;padding-bottom: 177px;width: 774px;} .business2 .top .cardWrap{width: 1200px;height: 127px;margin-top: 50px;position: absolute;left: 0;bottom: 0;z-index: 300;} .business2 .top .cardWrap .card{float: left;width: 396px;height: 127px;margin-left: 6px;-webkit-transition: height 400ms ease;-moz-transition: height 400ms ease;-ms-transition: height 400ms ease;-o-transition: height 400ms ease;transition: height 400ms ease;} /*.business2 .top .cardWrap .card:hover{height: 146px;}*/.business2 .top .cardWrap .card.on{height: 146px;} .business2 .top .cardWrap .card.on h4{height: 146px;} .business2 .top .cardWrap .card h4{color: #ffffff;font-size: 14px;text-align: center;line-height: 127px;} .business2 .top .cardWrap .card.c1{margin-left: 0;background: url("../images/business2-t-card-01.jpg") no-repeat center;} .business2 .top .cardWrap .card.c2{background: url("../images/business2-t-card-02.jpg") no-repeat center;} .business2 .top .cardWrap .card.c3{background: url("../images/business2-t-card-03.jpg") no-repeat center;} .business2 .fixedCont{height: 550px;} .business2 .fixedCont .slideBox{width: 2200px;margin-left: -500px;position: relative;} .business2 .fixedCont .slideBox .bd li{width: 2200px;height: 550px;} .business2 .fixedCont .slideBox .hd{width: 100%;height: 0;text-align: center;position: absolute;left: 0;bottom: 50px;} .business2 .fixedCont .slideBox .hd li{display: inline-block;width: 10px;height: 10px;margin: 0 2px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #FFF;} .business2 .fixedCont .slideBox .hd li.on{background-color: #2751a6;} .business2 .fixedCont h1{padding-top: 220px;color: #ffecc7;font-size: 24px;font-weight: bold;margin-bottom: 6px;opacity: 0.78;filter: Alpha(opacity=78);} .business2 .fixedCont h2{color: #FFF;font-size: 32px;line-height: 100%;font-weight: inherit;letter-spacing: -2px;font-family: "Rubik Regular";opacity: 0.2;filter: Alpha(opacity=20);} .business2 .intr{overflow: hidden;background-color: #f8f8f8;} .business2 .intr .le{float: left;width: 770px;padding-top: 40px;padding-right: 38px;margin-bottom: 60px;border-right: 2px solid #f1f1f1;} .business2 .intr .le .txt{width: 770px;height: 300px;padding-right: 18px;overflow: auto;} .business2 .intr .log{margin-bottom: 26px;} .business2 .intr .le p{color: #999999;margin-top: 20px;} .business2 .intr .re{float: right;width: 354px;padding-top: 40px;} .business2 .intr .re img{border: 14px solid #e2e2e2;margin-bottom: 10px;} .business2 .intr .re h4{color: #666666;font-size: 14px;margin-bottom: 14px;} .business2 .intr .re h5{color: #ffa200;font-size: 36px;letter-spacing: -2px;font-weight: inherit;font-family: "Rubik Regular";} .business2 .intr .re p{color: #999999;margin-top: 4px;} .business2 .Album .bd li{width: 1200px;position: relative;overflow: hidden;} /*.business2 .Album .bd li img{*//*display: block;*//*}*/.business2 .Album .bd li .box{width: 328px;height: 100%;padding: 0 30px;position: absolute;right: 0;top: 0;} .business2 .Album .bd li .box:after{content: "";display: block;width: 100%;height: 100%;background-color: #2e2d40;opacity: 0.8;filter: Alpha(opacity=80);position: absolute;left: 0;top: 0;z-index: 10;} .business2 .Album .bd li .box .co{position: relative;z-index: 99;} .business2 .Album .bd li .box h3{color: #ffffff;font-size: 18px;margin: 170px 0 6px;} .business2 .Album .bd li .box p{color: #FFF;opacity: 0.48;filter: Alpha(opacity=48);} .business2 .Album .next, .business2 .Album .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 400;} .business2 .Album .slideBox{height: 420px!important;overflow: hidden;} /*.business2 .Album .slideBox .bd li img{*//*margin-top: -50%;*//*}*/.business2 .Album .next{right: 40px;background: url("../images/about-5-btn-next.png") no-repeat center;} .business2 .Album .prev{left: 10px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .business2 .Album .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .business2 .Album .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .business2 .Location{background-color: #3257c3;overflow: hidden;} .business2 .Location .le{float: left;width: 806px;} .business2 .Location h1{margin: 44px 0 32px;color: #f2f2f2;font-size: 18px;} .business2 .Location .ri{float: right;width: 388px;} .business2 .Location .ri .box{width: 388px;overflow: hidden;position: relative;cursor: pointer;} .business2 .Location .ri .box:after{content: "";display: block;width: 100%;height: 100%;background-color: #000;opacity: 0.5;filter: Alpha(opacity=50);position: absolute;left: 0;top: 0;z-index: 10;} .business2 .Location .ri .box .co{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 99;} .business2 .Location .ri .box h4{color: #f2f2f2;font-size: 22px;padding: 130px 0 15px;text-align: center;} .business2 .Location .ri .box em{display: block;width: 47px;height: 47px;margin: 0 auto;background: url("../images/business2-play.png") no-repeat center;} .LocationVideo .z-popup{width: 774px;height: 395px;background-color: transparent;} .LocationAlbum .z-popup{/*height: 100%;*//*margin-left: -25%!important;*//*left: 0!important;*//*right: 0!important;*//*top:2%!important;*//*bottom: auto!important;*//*margin-top: 0!important;*/background-color: transparent;} .LocationAlbum .z-popup img{display: block;width: auto;margin-top: 0!important;/*margin: 0 auto !important;*/height: 96%;position: relative;} .business2 #Bai_Map{height: 379px;} /*===》 #business 3*/.business3 .z-h1{color: #3257c3;} .business3 .L{overflow: hidden;padding-bottom: 20px;} .business3 .L .lise{padding-bottom: 20px;margin-top: 10px;} .business3-r .cont{width: 870px;} .business3-r .cont img{margin-bottom: 10px;} .L .lise .txt{text-indent: 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} /*===》 #business 4*/ .business4{margin-top: 97px;overflow: hidden;} .business4 .top{overflow: hidden;height: 550px;background: url("../images/business4-top-01.jpg") no-repeat center;} .business4 .top h1{margin: 240px 0 10px;color: #1f4bcb;font-size: 32px;line-height: 100%;} .business4 .top h2{letter-spacing: -1px;color: #1f4bcb;font-size: 32px;line-height: 100%;font-family: "Rubik Regular";animation-delay: 0.4s;} .business4 .incubator{margin-top: 30px;overflow: hidden;} .business4 .incubator .le{float: left;width: 726px;height: 514px;padding: 0 50px 20px 30px;background-color: #f3f2e9;overflow-y: auto;} .business4 .incubator .le h1{color: #ffa800;font-size: 18px;font-weight: inherit;padding: 50px 0 10px;line-height: 100%;} .business4 .incubator .le h2{color: #333333;font-size: 24px;line-height: 100%;font-weight: inherit;font-family: "Rubik Regular";margin-bottom: 20px;letter-spacing: -2px;opacity: 0.34;filter: Alpha(opacity=34);} .business4 .incubator .le .text p{color: #666666;margin-bottom: 18px;} .business4 .incubator .list h4{color: #666666;font-size: 18px;line-height: 100%;margin-bottom: 16px;} .business4 .incubator .list ul{width: 560px;padding-left: 10px;margin-left: -10px;overflow: hidden;} .business4 .incubator .list ul li{float: left;width: 250px;color: #666666;position: relative;} .business4 .incubator .list ul li:after{content: "";border: 3px solid #ffa800;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: -10px;top: 9px;} .business4 .incubator .ri{float: right;width: 326px;padding: 30px;height: 454px;background-color: #1f4bcb;} .business4 .incubator .ri h5{color: #FFF;font-size: 14px;opacity: 0.64;filter: Alpha(opacity=64);line-height: 100%;margin-bottom: 34px;} .business4 .incubator .ri .slideBox .bd li img{margin: 0 auto;} .business4 .incubator .ri .slideBox{height: 436px;position: relative;} .business4 .incubator .ri .slideBox .hd{width: 100%;text-align: center;position: absolute;bottom: 40px;left: 0;} .business4 .incubator .ri .slideBox .hd li.on{background-color: #FFF;} .business4 .incubator .ri .slideBox .hd li{display: inline-block;width: 7px;height: 7px;margin: 0 4px;background-color: #6785dc;border-radius: 50%;cursor: pointer;} .business4 .assets{height: 262px;background: url("../images/business4-assets.jpg") no-repeat center;} .business4 .assets ul{padding-top: 120px;} .business4 .assets li{float: left;color: #ffffff;margin-right: 20px;} .business4 .assets li em{font-size: 52px;line-height: 100%;font-family: "Rubik Regular";letter-spacing: -2px;} .business4 .pattern{/*height: 406px;*/background: url("../images/business4-pattern-bg.jpg") repeat-x 0 0;} .business4 .pattern .z-ovs-dt ul{overflow: hidden;} .business4 .pattern .z-ovs-dt li{float: left;height: 78px;margin-right: 22px;color: #666666;font-size: 18px;line-height: 78px;} .business4 .pattern .z-ovs-dt li.on{color: #002283;} .business4 .pattern .z-ovs-dd > div{display: none;width: 1200px;overflow: hidden;} .business4 .pattern .z-ovs-dd .le{float: left;width: 387px;height: 100%;margin-left: 30px;background: url("../images/business4-004.jpg") no-repeat right bottom;position: relative;} .business4 .pattern .z-ovs-dd .le:after{content: "";display: block;width: 0;height: 240px;border: 6px solid #acc9fc;position: absolute;left: 415px;bottom: 0;} .business4 .pattern .z-ovs-dd p{color: #677daf;} .business4 .pattern .z-ovs-dd h3{color: #43557d;font-size: 16px;padding: 80px 0 18px;} .business4 .pattern .z-ovs-dd .btnBox{margin-top: 30px;} .business4 .pattern .z-ovs-dd .btnBox li{display: inline-block;width: 124px;height: 68px;background-color: #004dec;color: #FFF;text-align: center;line-height: 68px;position: relative;z-index: 300;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;margin-right: 6px;} .business4 .pattern .z-ovs-dd .btnBox li p{color: #FFF;text-align: center;line-height: 68px;} .business4 .pattern .z-ovs-dd .posBox{width: 756px;height: 100%;background-color: #bcd0ff;animation-duration: 0.6s;position: absolute;left: -36px;top: 0;z-index: 200;} .business4 .pattern .z-ovs-dd .posBox > div:nth-child(1){display: block;} .business4 .pattern .z-ovs-dd .posBox > div{display: none;padding: 35px;} .business4 .pattern .z-ovs-dd .posBox h6{color: #43557d;font-size: 16px;margin-bottom: 10px;} .business4 .pattern .z-ovs-dd .posBox p{color: #43557d;} .business4 .pattern .z-ovs-dd .posBox .txt{height: 140px;overflow: auto;} .business4 .pattern .z-ovs-dd .mic{height: 327px;background-color: #a0bdff;} .business4 .pattern .z-ovs-dd .ri{float: right;width: 670px;height: 100%;padding-right: 50px;background: url("../images/business4-005.jpg") no-repeat right bottom;position: relative;} .business4 .process{height: 543px;background: url("../images/business4-06.jpg") no-repeat center;} .business4 .activity{background-color: #f7fafb;padding-bottom: 20px;} .business4 .activity h1{color: #666666;font-size: 18px;line-height: 100%;padding: 90px 0 24px;} .business4 .activity .text .ft{float: right;} .business4 .activity .text{position: relative;} .business4 .activity .text p{width: 830px;} .business4 .activity .text .ft{position: absolute;right: 0;top: -10px;} .business4 .activity .slideBox{margin-top: 20px;overflow: hidden;position: relative;} .business4 .activity .slideBox .bd { min-width: 1240px } .business4 .activity .slideBox .bd li{float: left;width: 590px;margin-right: 20px;} .business4 .activity .slideBox .bd li img{width: 100%;} .business4 .activity .slideBox .bd li .txt{height: 70px;background-color: #4a4e5b;} .business4 .activity .slideBox .bd li .txt p{text-align: center;line-height: 70px;color: #FFF;} .business4 .activity .slideBox .next, .business4 .activity .slideBox .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -30px;z-index: 400;} .business4 .activity .slideBox .next{right: 12px;background: url("../images/about-5-btn-next.png") no-repeat center;} .business4 .activity .slideBox .prev{left: 12px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .business4 .activity .slideBox .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .business4 .activity .slideBox .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .kgo-list{padding-bottom: 40px;} .kgo-list h3{color: #666666;font-size: 18px;font-weight: inherit;line-height: 86px;} .kgo-list .slideBox .bd{overflow: hidden;} .kgo-list .slideBox .bd li{float: left;width: 390px;margin-right: 15px;} #kgoList-slider{position: relative;} #kgoList-slider .next, #kgoList-slider .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 400;opacity: 0;filter: Alpha(opacity=0);} #kgoList-slider:hover .next, #kgoList-slider:hover .prev{opacity: 1;filter: Alpha(opacity=100);} #kgoList-slider .next{right: 10px;background: url("../images/about-5-btn-next.png") no-repeat center;} #kgoList-slider .prev{left: 10px;background: url("../images/about-5-btn-prev.png") no-repeat center;} #kgoList-slider .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} #kgoList-slider .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} #kgoList-slider .txt{height: 86px;background-color: #e9e9e9;text-align: center;} #kgoList-slider .txt p{display: table-cell;width: 390px;height: 86px;vertical-align: middle;text-align: center;color: #666666;line-height: 22px;} .business4 .kgo-list-new{overflow: hidden;padding-bottom: 40px;} .business4 .kgo-list-new .auto{overflow: hidden;} .business4 .kgo-list-new h3{color: #666666;font-size: 18px;font-weight: inherit;line-height: 86px;} .business4 .kgo-list-new .le{float: left;width: 351px;padding-left: 30px;height: 389px;background: url("../images/kgo-list-new-le.png") no-repeat center;position: relative;} .business4 .kgo-list-new .le h1{display: inline-block;color: #ffffff;font-size: 30px;padding-top: 66px;line-height: 1;padding-bottom: 6px;margin-bottom: 10px;font-weight: inherit;border-bottom: 1px solid #FFF;} .business4 .kgo-list-new .le h2{color: #FFF;font-size: 16px;} .business4 .kgo-list-new .le ul{position: absolute;left: 30px;bottom: 30px;} .business4 .kgo-list-new .le ul li.on{background-color: #ffa800;color: #FFF;} .business4 .kgo-list-new .le ul li{width: 122px;height: 42px;padding: 0 15px;line-height: 42px;background-color: #c5cfed;margin-top: 14px;color: #313131;} .business4 .kgo-list-new .ri{float: right;} .business4 #kgo-list-newSlide{width: 819px;} .business4 #kgo-list-newSlide .bd img{width: 819px;} .business4 #kgo-list-newSlide .hd{position: absolute;left: 30px;bottom: 30px;z-index: 99;} .business4 #kgo-list-newSlide .hd li{width: 152px;height: 42px;/*background-color: #0e85da;*/margin-top: 14px;cursor: pointer;} .business4 #kgo-list-newSlide .prev, .business4 #kgo-list-newSlide .next{display: block;width: 56px;height: 56px;position: absolute;left: 0;bottom: 0;z-index: 200;} .business4 #kgo-list-newSlide .prev{left: 325px;background: url("../images/kgo-list-new-slide-prev.png") no-repeat center;} .business4 #kgo-list-newSlide .next{left: 381px;background: url("../images/kgo-list-new-slide-next.png") no-repeat center;} /*==*/.business4 .process .auto{height: 100%;} .business4 .an-kiv{width: 550px;height: 459px;border: 2px solid #3257c3;border-bottom: none;margin: 0 auto;-webkit-border-radius: 18px 18px 0 0;-moz-border-radius: 18px 18px 0 0;border-radius: 18px 18px 0 0;position: absolute;left: 0;right: 0;bottom: 0;} .business4 .an-kiv .dt{height: 75px;border-bottom: 2px solid #3257c3;position: relative;} .business4 .an-kiv .dt h3{color: #666666;font-size: 18px;text-align: center;line-height: 100%;padding-top: 40px;} .business4 .an-kiv ol{position: absolute;left: 20px;top: 50px;} .business4 .an-kiv ol li{float: left;padding: 4px;margin-right: 10px;background-color: #ffa800;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .business4 .an-kiv .home-icon{display: block;width: 55px;height: 55px;background: #3257c3 url("../images/business4-an-kiv-1.png") no-repeat center;box-shadow: 0 0 30px 0px rgba(0,0,0,0.14);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;right: -22px;top: 10px;} .business4 .an-kiv .dd-cont{margin: 0 8px;height: 370px;} .business4 .an-kiv .nicescroll-rails{opacity: 1!important;filter: ALpha(opacity=100)!important;} .business4 .an-kiv .nicescroll-rails > div{width: 3px!important;} .business4 .an-kiv .dd-cont ul{width: 330px;margin: 68px auto 30px;} .business4 .an-kiv .dd-cont ul li{position: relative;margin-bottom: 20px;} .business4 .an-kiv .dd-cont ul li:after{content: "";display: block;width: 12px;height: 17px;margin: 0 auto;background: url("../images/business4-an-kiv-2.png") no-repeat center;position: absolute;top: 82px;left: 0;right: 0;} .business4 .an-kiv .dd-cont ul li .box{position: relative;overflow: hidden;height: 82px;} .business4 .an-kiv .dd-cont ul li p{height: 82px;line-height: 82px;color: #3257c3;font-size: 18px;text-align: center;background-color: #a0bdff;border-radius: 100px;font-weight: bolder;} .business4 .an-kiv .dd-cont ul li em{width: 100%;height: 100%;line-height: 82px;text-align: center;color: #FFF;font-size: 18px;border-radius: 100px;background-color: #3257c3;/*opacity: 0;*//*filter: Alpha(opacity=0);*/position: absolute;left: 0;top: 100%;-webkit-transform: scale(0.9,0.9);-moz-transform: scale(0.9,0.9);-ms-transform: scale(0.9,0.9);-o-transform: scale(0.9,0.9);transform: scale(0.9,0.9);-webkit-transition: all 600ms ease;-moz-transition: all 600ms ease;-ms-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease;} .business4 .an-kiv .dd-cont ul .box:hover em{top: 0;-webkit-transform: scale(1,1);-moz-transform: scale(1,1);-ms-transform: scale(1,1);-o-transform: scale(1,1);transform: scale(1,1);} /*==== # an-kiv | 流程动画*/.business4 .an-kiv.play:after{content: "";display: block;width: 100%;height: 100%;/*background-color: rgba(0,0,0,0.3);*/position: absolute;left: 0;top: 0;} /*大体滚动*/.business4 .an-kiv.play .dd-cont ul{/*transform: translateY(-700px);*//*-webkit-animation: an-kiv 3s both;*//*-o-animation: an-kiv 3s both;*/animation: an-kiv 12s ease both 0.4s;} @keyframes an-kiv{0%{transform: translateY(0);} 30%{transform: translateY(-150px);} 40%{transform: translateY(-150px);} 70%{transform: translateY(-440px);} 80%{transform: translateY(-440px);} 100%{transform: translateY(-700px);}} /*不符合 动画*/.business4 .an-kiv.play .dd-cont ul li .em-1{animation: an-kivLi-1 3.4s ease-in-out both 3.6s;} .business4 .an-kiv.play .dd-cont ul li .em-2{animation: an-kivLi-1 3.4s ease-in-out both 8s;} @keyframes an-kivLi-1{0%{opacity: 0;top: 100%;transform: scale(0.6,0.8);} 30%{top: 0;opacity: 1;transform: scale(1,1);} 60%{top: 0;opacity: 1;transform: scale(1,1);} 100%{top: 0;opacity: 1;transform: scale(1,1);}} /*滚动条-块 动画*/.business4 .an-kiv.play .nicescroll-rails{/*transform: translateY(50px);*/animation: an-kivScrollBlock 12s ease both 0.4s;} @keyframes an-kivScrollBlock{ 0%{transform: translateY(0);} 30%{transform: translateY(80px);} 40%{transform: translateY(80px);} 70%{transform: translateY(180px);} 80%{transform: translateY(180px);} 100%{transform: translateY(233px);} } /*=====>> # business1-data*/ .business1-data{padding-top: 97px;} .business1-data .top{height: 550px;background: url("../images/business1-data-01.jpg") no-repeat center;} .business1-data .top .box .wxBox p{ display: inline-block; } .business1-data .top .box .wxBox { padding-top: 10px; } .business1-data .top .box .wxBox .wxBox-topIC{ display: inline-block; vertical-align: middle; cursor: pointer; margin-left: 10px; position: relative; } .business1-data .top .box .wxBox .wxBox-topIC .wx-pos{ display: none; width: 183px; /*height: 198px;*/ background-color: #87d9be; position: absolute; left: -74px; top: 54px; z-index: 800; } .business1-data .top .box .wxBox .wxBox-topIC .wx-pos:after{ content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #87d9be; position: absolute; left: 50%; margin-left: -4px; top: -20px; } .business1-data .top .box .wxBox .wxBox-topIC .wx-pos img{ margin: 20px auto; } .business1-data .top .auto{ height: 550px; } .business1-data .top .box{ float: right; width: 436px; /*height: 350px;*/ padding: 0 40px 20px; background-color: #FFF; position: absolute; right: 0; bottom: 30px; } .business1-data .top .box h3{color: #666666;font-size: 22px;font-weight: inherit;margin: 80px 0 10px;position: relative;} .business1-data .top .box .kiLogo{position: absolute;right: 0;bottom: 0;} .business1-data .top .box .txt{width: 436px;padding-right: 16px;height: 136px;overflow: auto;margin-bottom: 15px;} .business1-data .top .box p{color: #999999;line-height: 22px;} .business1-data .top .box ul li em{color: #feab05;font-size: 28px;font-weight: inherit;font-family: "Rubik Regular";letter-spacing: -2px;} .business1-data .top .box ul li{color: #999999;line-height: 20px;} .business1-data #radioSlider{height: 54px; padding: 14px 0;} .business1-data #radioSlider .hd{display: none;} .business1-data #radioSlider .bd li{height: 54px;line-height: 54px;position: relative;} .business1-data #radioSlider .bd li p{display: inline-block;max-width: 1000px;padding-left: 44px;background: url("../images/volume-up-interface-symbol-2.png") no-repeat left center;color: #999999;} .business1-data #radioSlider .bd li em{color: #999999;font-size: 18px;margin-right: 4px;font-weight: inherit;font-family: "Montserrat Regular";position: relative;top: 2px;} .business1-data #radioSlider .more{width: 74px;height: 34px;line-height: 34px;text-align: center;color: #FFF;border-radius: 40px;background-color: #3257c3;position: absolute;right: 0;top: 24px;} .business1-data .merits{overflow: hidden;background-color: #f2f2f2;} .business1-data .merits .tik{background-color: #ffffff;margin: 2px 0;padding-bottom: 10px;} .business1-data .merits .tik h3{color: #666666;font-size: 18px;text-align: center;padding: 40px 0 44px;} .business1-data .merits .tik h4{color: #666666;font-size: 16px;} .business1-data .merits .tik.text-auto{text-align: center;} .business1-data .merits .tik.text-auto li{float: none;display: inline-block;} .business1-data .merits .rxBox.text-auto ul{text-align: center;} .business1-data .merits .rxBox.text-auto li{width: auto;/*margin-left: -20px;*/} .business1-data .merits .card li p{text-align: center;color: #999999;} .business1-data .merits .card{text-align: center;overflow: hidden;padding: 0 30px;} .business1-data .merits .card li{display:inline-block;width: 260px;margin: 0 10px 20px;height: 138px;vertical-align: top;} /*.business1-data .merits .card li em{display: block;height: 66px;margin-bottom: 24px;background-image: url("../images/business1-data-merits-card-on.png");background-repeat: no-repeat;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;}*//*.business1-data .merits .card li:hover em{background-image: url("../images/business1-data-merits-card.png");}*/.business1-data .merits .card li:hover h4{color: #feab05;} /*.business1-data .merits .card li.i1 em{background-position: 106px 0;}*//*.business1-data .merits .card li.i2 em{background-position: -173px 0;}*//*.business1-data .merits .card li.i3 em{background-position: -463px 0;}*//*.business1-data .merits .card li.i4 em{background-position: -707px 0;}*/.business1-data .merits .card .pIcon{text-align: center;height: 66px;position: relative;} .business1-data .merits .card .pIcon > img{display: block;margin: auto;position: absolute;left: 0;right: 0;top: 0;bottom: 0;} .business1-data .merits .card .pIcon > img.ic2{display: none;} .business1-data .merits .card li:hover .pIcon > img.ic1{display: none;} .business1-data .merits .card li:hover .pIcon > img.ic2{display: inline-block;} .business1-data .merits .rxBox{background-color: #fafafa;} .business1-data .merits .rxBox h3{color: #666666;font-size: 18px;text-align: center;padding: 30px 0 10px;} .business1-data .merits .rxBox ul{text-align: center;padding: 0 40px 16px;} .business1-data .merits .rxBox ul li{display: inline-block;padding-bottom: 10px;padding-left: 40px;height: 40px;line-height: 40px;margin: 0 40px;text-align: left;color: #999999;background: url("../images/championship-cup.png") no-repeat left center;text-align: left;} .business1-data .merits .vsBox h3{color: #666666;font-size: 18px;padding: 30px 0 16px;} .business1-data .merits .vsBox ul{float: left;width: 370px;margin-right: 10px;padding-bottom: 30px;} .business1-data .merits .vsBox ul li{color: #999999;} .business1-data .Album{height: 470px;background-color: #3257c3;} .business1-data .Album .auto{height: 100%;} .business1-data .Album h3{color: #f2f2f2;font-size: 18px;line-height: 90px;} .business1-data .Album .pslxWrap{position: absolute;left: 0;bottom: 0;width: 100%;} .business1-data .Album .pslxWrap .pslx-dt{position: absolute;right: 0;top: 0;z-index: 300;width: 394px;/*background: #e2eaff;*/background-color: rgba(0,0,0,0.4);height: 390px;padding-top: 46px;box-sizing: border-box;} .business1-data .Album .pslxWrap .pslx-dt ul{margin-left: 290px;} .business1-data .Album .pslxWrap .pslx-dt li{width: 92px;height: 70px;margin-bottom: 10px;text-align: center;line-height: 70px;color: #ffffff;font-size: 16px;background: url("../images/business1-data-album-x2.jpg") no-repeat center;cursor: pointer;} .business1-data .Album .pslxWrap .pslx-dt li.on{background: url("../images/business1-data-album-x1.jpg") no-repeat center;} .business1-data .Album .pslxWrap .pslx-dd{/*width: 806px;*/} .business1-data .Album .slideBox .next, .business1-data .Album .slideBox .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -25px;z-index: 400;} .business1-data .Album .slideBox .next{right: 420px;background: url("../images/about-5-btn-next.png") no-repeat center;} .business1-data .Album .slideBox .prev{left: 30px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .business1-data .Album .slideBox .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .business1-data .Album .slideBox .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .business1-data .Album .pslx-dd .slideBox{position: relative;height: 390px;overflow: hidden;} /*.business1-data .Album .pslx-dd .slideBox:after{content: "";display: block;width: 395px;height: 100%;background-color: #000;opacity: 0.4;filter: Alpha(opacity=40);position: absolute;right: 0;top:0;z-index: 20;}*/ .business1-data .Album .pslx-dd .slideBox .bd li{cursor: pointer;} .business1-data .Album .pslx-dd .slideBox .bd li img{display: block;width: 100%;margin-top: -100px;} .business1-data .Album .pslx-dd .slideBox .hd{width: 100%;position: absolute;bottom: 20px;left: 40px;} .business1-data .Album .pslx-dd .slideBox .hd li{float: left;width: 10px;height: 10px;background-color: #FFF;opacity: 0.5;filter: Alpha(opacity=50);margin-right: 10px;border-radius: 50%;cursor: pointer;} .business1-data .Album .pslx-dd .slideBox .hd li.on{opacity: 1;filter: Alpha(opacity=100);} .busData-fusPop .z-popup, .busData-AlbumPop .z-popup{width: 100%;height: 100%;overflow: auto;background-color: transparent;margin-left: 0!important;margin-top: 0!important;left: 0!important;top: 0!important;} .busData-fusPop .z-popup img, .busData-AlbumPop .z-popup img{display: block;max-width: 90%;margin: 60px auto;} .busData-AlbumPop .next, .busData-AlbumPop .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -25px;z-index: 400;} .busData-AlbumPop .next{right: 30px;background: url("../images/about-5-btn-next.png") no-repeat center;} .busData-AlbumPop .prev{left: 30px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .busData-AlbumPop .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .busData-AlbumPop .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .busData-fusPop .next, .busData-fusPop .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -25px;z-index: 400;} .busData-fusPop .next{right: 30px;background: url("../images/about-5-btn-next.png") no-repeat center;} .busData-fusPop .prev{left: 30px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .busData-fusPop .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .busData-fusPop .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .business1-data .diagram h3{color: #666666;font-size: 18px;padding: 26px 0;} .business1-data .diagram-dt{width: 797px;text-align: right;border-top: 4px solid #eaeaf1;position: absolute;right: 0;top: 26px;} .business1-data .diagram-dt li{display: inline-block;line-height: 26px;color: #666666;margin-left: 40px;margin-top: -4px;border-top: 4px solid transparent;cursor: pointer;} .business1-data .diagram-dt li.on{border-top: 4px solid #ff8400;color: #0030c1;} .business1-data .diagram-dd .slideBox{margin-bottom: 26px;} .business1-data .diagram-dd .slideBox .bd{overflow: hidden;} .business1-data .diagram-dd .slideBox .bd li{float: left;width: 391px;margin-right: 13px;} .business1-data .diagram-dd .slideBox .bd li img{display: block;width: 387px;max-height: 320px;} .business1-data .diagram-dd .slideBox .tit{height: 80px;background-color: #f4f3f0;} .business1-data .diagram-dd .slideBox .tit p{line-height: 80px;text-align: center;} .business1-data .diagram-dd .slideBox .bd img{border: 2px solid #dbdbdb;border-bottom: none;} .business1-data .diagram .slideBox .next, .business1-data .diagram .slideBox .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;z-index: 400;opacity: 0;filter: Alpha(opacity=0);-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;} .business1-data .diagram .slideBox .next{right: 10px;background: url("../images/about-5-btn-next.png") no-repeat center;} .business1-data .diagram .slideBox .prev{left: 10px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .business1-data .diagram .slideBox .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .business1-data .diagram .slideBox .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .business1-data .diagram .slideBox:hover .next, .business1-data .diagram .slideBox:hover .prev{opacity: 1;filter: Alpha(opacity=100);} .business1-data .projectVideo{background-color: #3257c3;overflow: hidden;} .business1-data .projectVideo h3{color: #f2f2f2;font-size: 18px;padding: 26px 0;} .business1-data .projectVideo .le{float: left;width: 808px;} .business1-data .projectVideo .ri{float: left;width: 392px;height: 381px;background-color: #4a4e5b;cursor: pointer;} .business1-data .projectVideo .ri h4{color: #f2f2f2;font-size: 22px;padding-top: 176px;text-align: center;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;} .business1-data .projectVideo .ri em{display: block;width: 47px;height: 47px;margin: 16px auto 0;background: url("../images/business1-data-play.png") no-repeat center;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;} .business1-data .projectVideo .ri:hover em{background: url("../images/business1-data-play-on.png") no-repeat center;} .business1-data .projectVideo .ri:hover h4{color: #ba9636;} .busData-videoPop .z-popup{width: 900px;height: 500px;background-color: transparent;} .business1-data .nearbyMap{overflow: hidden;padding: 44px 0;} .business1-data .nearbyMap #lz_map{float: left;width: 808px;height: 400px;} .business1-data .nearbyMap .nearby{float: left;width: 392px;height: 400px;background-color: #3257c3;} .business1-data .nearbyMap .nearby .box{padding: 0 30px;} .business1-data .nearbyMap .nearby h4{color: #ffffff;font-size: 18px;margin: 26px 0 20px;} .business1-data .nearbyMap .nearby .dt{height: 26px;padding-bottom: 2px;border-bottom: 4px solid #496dd4;margin-bottom: 10px;} .business1-data .nearbyMap .nearby .dt li{float: left;color: #88a4f6;line-height: 26px;margin-right: 24px;border-bottom: 4px solid transparent;padding-bottom: 2px;cursor: pointer;} .business1-data .nearbyMap .nearby .dt li.crt{border-bottom: 4px solid #ffa200;} #r-result{width: 329px;height:274px;overflow:hidden;overflow-y: auto;padding-right: 16px;} #r-result ul{} #r-result li{text-align: left;padding: 10px 0;border-bottom: solid 1px #dfdfdf;overflow: hidden;position: relative;cursor: pointer;} #r-result li .num{position: absolute;left: 0;width: 30px;line-height: 30px;color: #fff;height: 35px;text-align: center;top: 16px;} #r-result li .grp{width: 284px;float: right;} #r-result li .grp h6{font-size: 14px;color: #dfdfdf;} #r-result li .grp p{line-height: 20px;font-size: 12px;color: #dfdfdf;} #lz_map_data{width: 332px;padding-right: 16px;height: 270px;overflow: auto;} #lz_map_data > div > div:nth-child(2){display: none!important;} #lz_map_data > div{border: none!important;background-color: transparent!important;} #lz_map_data *{background-color: transparent!important;} #lz_map_data > div > div a{display: none!important;} #lz_map_data li:nth-child(1){border-top: none;} #lz_map_data li{padding: 20px 0!important;border-top: 1px solid #FFF;} #lz_map_data li > span{display: none!important;} #lz_map_data li *{color: #dfdfdf!important;} #lz_map_data li > div{background-color: transparent!important;} .business1-data #caseSlider{position: relative;overflow: hidden;} .business1-data #caseSlider .bd li{float: left;width: 394px;margin-right: 10px;} .business1-data #caseSlider .bd li img{width: 100%;} .business1-data #caseSlider .next, .business1-data #caseSlider .prev{display: block;width: 55px;height: 55px;position: absolute;top: 124px;z-index: 400;opacity: 0;filter: Alpha(opacity=0);-webkit-transition: opacity 400ms ease;-moz-transition: opacity 400ms ease;-ms-transition: opacity 400ms ease;-o-transition: opacity 400ms ease;transition: opacity 400ms ease;} .business1-data #caseSlider .next{right: 10px;background: url("../images/about-5-btn-next.png") no-repeat center;} .business1-data #caseSlider .prev{left: 10px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .business1-data #caseSlider .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .business1-data #caseSlider .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .business1-data #caseSlider:hover .next, .business1-data #caseSlider:hover .prev{opacity: 1;filter: Alpha(opacity=100);} .business1-data .case h3{color: #666;font-size: 18px;padding: 26px 0;} .business1-data #caseSlider .tit{height: 100px;background-color: #4a4e5b;-webkit-transition: background-color 400ms ease;-moz-transition: background-color 400ms ease;-ms-transition: background-color 400ms ease;-o-transition: background-color 400ms ease;transition: background-color 400ms ease;} .business1-data #caseSlider .bd li:hover .tit{background-color: #3256c4;} .business1-data #caseSlider .tit h4{color: #FFF;font-size: 16px;text-align: center;padding-top: 27px;} .business1-data #caseSlider .tit p{color: #FFF;text-align: center;font-size: 16px;} .business1-data .case{background-color: #f2f2f2;padding-bottom: 20px;} /*.busData-fusPop .z-popup{*//*width: 1200px;*//*height: 838px;*//*}*//*.busData-fusPop .z-popup img{*//*display: block;*//*width: 100%;*//*}*//*.business1 .z-h1,*//*.business2 .z-h1,*//*.business3 .z-h1{padding-top: 0;}*/.business1 .ovs-dt, .business2 .ovs-dt, .business3 .ovs-dt{overflow: hidden;margin-top: 24px;margin-bottom: 0px;} .business1 .ovs-dt ul, .business2 .ovs-dt ul, .business3 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .business1 .ovs-dt ul li, .business2 .ovs-dt ul li, .business3 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;font-weight: bold;} .business1 .ovs-dt ul li.on, .business2 .ovs-dt ul li.on, .business3 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .business1 .ovs-dt ul li.on a, .business2 .ovs-dt ul li.on a, .business3 .ovs-dt ul li.on a{color: #3257c3;} /*==> 招标采购*/.tendering .L{width: 774px;padding-bottom: 40px;} .tendering .L .card-dt{overflow: hidden;margin: 50px 0 30px;} .tendering .L .card-dt li{float: left;width: 187px;height: 190px;margin-left: 8px;} .tendering .L .card-dt li{background-color: #e7e2d9;background-image: url("../images/tendering-legal-paper.png");background-repeat: no-repeat;} .tendering .L .card-dt li.i1{background-position: 70px 38px;} .tendering .L .card-dt li.i2{background-position: -126px 38px;} .tendering .L .card-dt li.i3{background-position: -324px 38px;} .tendering .L .card-dt li.i4{background-position: -522px 38px;} .tendering .L .card-dt li a{display: block;height: 70px;padding-top: 120px;text-align: center;color: #666666;} .tendering .L .card-dt li.on a{color: #FFF;} .tendering .L .card-dt li.on{background-color: #3257c3;background-image: url("../images/tendering-legal-paper-on.png");} .tendering .L .card-dt li.i1{margin-left: 0;} .drop-down ul{display: none;} .tendering{min-height: 800px;} .tendering .drop-down{width: 155px;height: 56px;margin-bottom: 10px;} .tendering .drop-down .drop-txt{line-height: 56px;padding: 0 14px;color: #999999;background-color: #dee0ea;position: relative;} .tendering .drop-down .drop-txt:after{content: "";display: block;width: 13px;height: 7px;background: url(../images/down-icon-2.png) no-repeat center;position: absolute;right: 20px;top: 24px;} .tendering .drop-down ul{display: none;background-color: #FFF;border: 1px solid #dfdfdf;position: relative;z-index: 200;padding: 10px 0;cursor: pointer;max-height: 190px;overflow: auto;} .tendering .drop-down ul li{padding: 2px 15px;color: #9c9c9c;} .tendering .drop-down ul li:hover{color: #474747;} .tendering .lise{padding-bottom: 10px;} .tendering .lise dl{padding: 30px 0;overflow: hidden;background-color: #f8f9fb;margin-bottom: 10px;} .tendering .lise dt{float: left;width: 135px;padding-left: 30px;height: 100%;color: #c0a988;font-size: 20px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;line-height: 100%;} .tendering .lise dd h3{font-size: 16px;margin-bottom: 4px;color: #58585e;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;} .tendering .lise dd p{color: #a5a5a5;} .tendering1-r .box{width: 356px;padding: 0 0 28px 28px;} .tendering1-r .box h2{color: #2a58c6;font-size: 14px;/*margin-bottom: 4px;*/} .tendering1-r .box p{color: #73787b;line-height: 20px;} .tendering1-r .box2{width: 356px;padding: 28px 0 28px 28px;} .tendering1-r .box2 p{color: #73787b;line-height: 20px;} .tendering1-r .box2 .nu{margin-top: 14px;} .tendering1-r .box2 .nu em{display: block;color: #ffae24;font-size: 28px;line-height: 100%;margin: 2px 0 10px;font-family: "Rubik Regular";letter-spacing: -1px;} .tendering1-3{padding-bottom: 60px;} .tendering1-3 .cont .box{margin-bottom: 20px;} .tendering1-3 h4{color: #3257c3;line-height: 100%;margin-bottom: 6px;} .tendering1-3 p{color: #999999;} .tendering1-3 .btn{display: block;width: 125px;height: 56px;line-height: 56px;margin-top: 20px;text-align: center;color: #FFF;background-color: #ff8400;} /*==> tendering1-4*/.tendering1-4 .logoBox{width: 790px;height: 390px;padding-right: 14px;overflow: auto;} .tendering1-4 .logoBox ul{width: 790px;} .tendering1-4 .logoBox li{float: left;width: 186px;height: 120px;margin-right: 9px;margin-bottom: 10px;} /*==> tendering-data*/.tendering-data{padding-bottom: 40px;} .tendering-data .z-h2{margin-bottom: 24px;} .tendering-data .L{width: 774px;} .tendering-data .tit{margin-bottom: 20px;} .tendering-data .tit h3{color: #58585e;font-size: 16px;line-height: 100%;margin-bottom: 10px;} .tendering-data .tit strong{color: #c0a988;font-size: 20px;font-family: "Montserrat Regular";font-weight: inherit;letter-spacing: -1px;} .tendering-data .cont{border-bottom: 4px solid #eaeaf1;padding-bottom: 10px;} .tendering-data .cont p{color: #868b8e;margin-bottom: 10px;} .tendering-data .btn{width: 124px;height: 56px;background-color: #ff8400;margin-top: 6px;text-align: center;line-height: 56px;color: #FFF;position: relative;} .tendering-data .btn:after{content: "";display: block;width: 100%;height: 0;border-bottom: 4px solid #ff8400;position: absolute;left: 0;top: -10px;} /*==> tendering-data*/.tendering1-3-data{padding-bottom: 50px;} .tendering1-3-data .L{width: 774px;} .tendering1-3-data .ovs-dt{overflow: hidden;margin-top: 26px;} .tendering1-3-data .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .tendering1-3-data .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .tendering1-3-data .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .tendering1-3-data .topTable{height: 50px;width: 778px;} .tendering1-3-data .topTable input{float: left;width: 225px;height: 50px;background-color: #eaebf1;line-height: 50px;padding: 0 16px;margin-right: 1px;} .tendering1-3-data .drop-down{float: left;width: 258px;height: 50px;position: relative;} .tendering1-3-data .drop-down .dr-i{height: 50px;overflow: hidden;background-color: #eaebf1;margin-right: 1px;} .tendering1-3-data .drop-down .dr-i p{float: left;height: 50px;line-height: 50px;padding: 0 4px 0 16px;} .tendering1-3-data .drop-down .drop-txt{float: left;width: 146px;padding: 0 16px;color: #666;line-height: 50px;position: relative;} .tendering1-3-data .dr-inp{float: left;height: 50px;background-color: #eaebf1;margin-left: 1px;} .tendering1-3-data .dr-inp input{float: left;width: 148px;padding: 0 16px;color: #666;line-height: 50px;position: relative;} .tendering1-3-data .dr-inp p{float: left;height: 50px;line-height: 50px;padding: 0 4px 0 16px;} .tendering1-3-data .drop-down:after{content: "";display: block;width: 13px;height: 7px;background: url(../images/down-icon-2.png) no-repeat center;position: absolute;right: 20px;top: 24px;} .tendering1-3-data .drop-down ul{display: none;background-color: #FFF;border: 1px solid #dfdfdf;position: relative;z-index: 200;padding: 10px 0;cursor: pointer;max-height: 190px;overflow: auto;} .tendering1-3-data .drop-down ul li{padding: 2px 15px;color: #9c9c9c;} .tendering1-3-data .drop-down ul li:hover{color: #474747;} .tendering1-3-data .Must{position: relative;} .tendering1-3-data .Must:before{content: "";display: block;width: 7px;height: 7px;background: url("../images/must-icon.png") no-repeat 0 0;position: absolute;left: 7px;top: 18px;} .tendering1-3-data input.Must{background-image: url("../images/must-icon.png");background-repeat: no-repeat;background-position: 7px 18px;} .registerTable{width: 776px;margin-left: -1px;/*border:1px solid #FFF;*/background-color: #eaebf1;} .registerTable td{height: 50px;padding: 0 12px;border: 1px solid #FFF;} .registerTable td input{width: 100%;/*background-color: #000000;*/} .registerTable td strong{display: inline-block;width: 116px;color: #666666;font-weight: inherit;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .registerTable td textarea{width: 100%;border: none;height: 115px;margin-top: 10px;background-color: transparent;} .tendering1-3-data .nextStep{display: block;width: 110px;text-align: center;height: 50px;line-height: 50px;background-color: #2f58d1;color: #FFF;margin: 20px 0;} .registerTable .fileBox{width: 94px;height: 50px;background-color: #a6b1e9;color: #FFF;text-align: center;line-height: 50px;cursor: pointer;position: relative;} .registerTable .fileBox input{display: block;width: 100%;height: 100%;opacity: 0;filter: Alpha(opacity=0);position: absolute;left: 0;top: 0;z-index: 60;} .registerTable .fileName{width: 508px;text-align: center;} .tendering1-3-data3 #container1, .tendering1-3-data3 #container{display: inline-block;position: relative;margin-left: 20px;} .tendering1-3-data3 #container1:after, .tendering1-3-data3 #container:after{/*contain: "";*/} .tendering1-3-data3 #browse1, .tendering1-3-data3 #browse{display: inline-block;padding: 0 20px;height: 40px;line-height: 40px;background-color: #dddee8;text-align: center;margin-top: 12px;} .tendering1-3-data3{padding-bottom: 50px;} .tendering1-3-data3 .L{width: 774px;} .tendering1-3-data3 .ovs-dt{overflow: hidden;margin-top: 26px;} .tendering1-3-data3 .ovs-dt ul{height: 40px;border-top: 4px solid #eaeaf1;} .tendering1-3-data3 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 40px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .tendering1-3-data3 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .tendering1-3-data3 h2{color: #333333;font-size: 14px;line-height: 100%;margin: 20px 0;} .cxdTable{width: 774px;background-color: #eaebf1;} .cxdTable td, .cxdTable th{border: 1px solid #FFF;text-align: center;} .cxdTable th{height: 38px;background-color: #dcdeea;} .cxdTable th h3{color: #666666;} .cxdTable td{height: 50px;padding: 0 12px;} .cxdTable input{width: 100%;} .tendering1-3-data3 .appBtn{height: 50px;text-align: center;line-height: 50px;color: #666666;background-color: #dcdeea;cursor: pointer;} .tendering1-3-data3 .numBox .box{overflow: hidden;margin-top: 10px;} .tendering1-3-data3 .numBox input{float: left;width: 118px;height: 50px;padding: 0 12px;line-height: 50px;background-color: #eaebf1;} .tendering1-3-data3 .numBox input.num{width: 220px;} .tendering1-3-data3 .numBox input.code{width: 140px;background-color: #2f58d1;color: #FFF;cursor: pointer;} .tendering1-3-data3 .numBox input.code.delayed{background-color: #626674;} .tendering1-3-data3 .submitBnt{width: 114px;height: 50px;text-align: center;line-height: 50px;background-color: #2f58d1;color: #FFF;margin: 10px 0;} .tendering1-3-data-back .ovs-dt{margin-bottom: 20px;} .w774{width: 774px;margin: 0 auto;position: relative;} /*===============*/.tendering1-3-cont .screenBox{border: 1px solid #f8f9fb;border-bottom: none;margin: 40px 0 10px;} .tendering1-3-cont .screenBox dl{overflow: hidden;border-bottom: 1px solid #f8f9fb;} .tendering1-3-cont .screenBox dl dt{float: left;width: 140px;height: 85px;line-height: 85px;text-align: center;-webkit-transition: color 300ms ease;-moz-transition: color 300ms ease;-ms-transition: color 300ms ease;-o-transition: color 300ms ease;transition: color 300ms ease;} .tendering1-3-cont .screenBox dl dd{float: left;width: 603px;border-left: 1px solid #f8f9fb;/*min-height: 57px;*/padding: 30px 14px 20px;} .tendering1-3-cont .screenBox dl dd a.on{background-color: #3257c3;color: #FFF;} .tendering1-3-cont .screenBox dl dd a{display: inline-block;height: 24px;padding: 2px 6px;line-height: 24px;margin-bottom: 10px;margin-right: 10px;border-radius: 6px;-webkit-transition: all 300ms ease;-moz-transition: all 300ms ease;-ms-transition: all 300ms ease;-o-transition: all 300ms ease;transition: all 300ms ease;} .tendering1-3-cont .screenBox dl:hover dt{color: #3257c3;} .tendering1-3-cont .searchBox{height: 50px;overflow: hidden;background-color: #f8f9fb;margin-bottom: 10px;} .tendering1-3-cont .searchBox img{float: right;margin-top: 16px;} .tendering1-3-cont .searchBox input{float: right;width: 360px;height: 50px;padding: 0 30px 0 10px;} .tendering1-3-cont .list{overflow: hidden;} .tendering1-3-cont .list dl{overflow: hidden;height: 80px;background-color: #f8f9fb;margin-bottom: 10px;} .tendering1-3-cont .list dl dt{float: left;width: 564px;height: 80px;padding: 0 26px;line-height: 80px;} .tendering1-3-cont .list dl dd{float: right;width: 158px;height: 80px;line-height: 80px;text-align: center;background-color: #d9dae3;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;} .tendering1-3-cont .list dl:hover dd{background-color: #0f3bbe;color: #FFF;} /*===============*/.tendering2{padding-bottom: 80px;} .tendering2 .L{width: 774px;} .tendering2 .z-h2{margin-bottom: 20px;} .tendering2 .L h3{color: #999999;font-size: 14px;} .tendering2 .L p{color: #999999;} .tendering2 .L .box{margin-top: 20px;} .tendering2 .L .box input{display: block;width: 420px;height: 50px;margin-bottom: 10px;padding: 0 20px;background: #eaebf1 url(../images/must-icon.png) no-repeat 10px 18px;color: #666666;} .tendering2 .submit{width: 125px;height: 60px;color: #FFF;background-color: #ff8400;margin-bottom: 30px;} .tendering2 .takBox{padding: 24px 0;overflow: hidden;border-top: 4px solid #eaeaf1;} .tendering2 .takBox h4{color: #58585e;font-size: 18px;line-height: 100%;margin-bottom: 16px;} .tendering2 .takBox ul{float: left;width: 200px;margin-right: 87px;} .tendering2 .takBox p{margin-bottom: 10px;} .tendering2 .takBox p em{color: #ffae24;font-size: 32px;line-height: 100%;font-family: "Rubik Regular";} /*===============*/ .business1{padding-top: 97px;} .business1 .ban{height: 460px;} .business1 #banSlider{width: 2200px;margin-left: -500px;position: relative;} .business1 #banSlider .hd{position: absolute;bottom: 25px;left: 0;z-index: 8;width: 100%;text-align: center;} .business1 #banSlider .hd ul{display: inline-block;} .business1 #banSlider .hd li{width: 15px;height: 15px;float: left;margin: 0 5px;cursor: pointer;background: #fff;border-radius: 24px;} .business1 #banSlider .hd li.on{background: #3257c3;} .business1 #banSlider .btn-wrap{ width: auto; max-width: 1920px!important; margin: -22px auto 0; position: absolute; left: 0; right:0; top: 50%; z-index: 400; } .business1 #banSlider .btn-wrap .prev, .business1 #banSlider .btn-wrap .next{ display: block; width: 55px; height: 55px; position: absolute; top:0; z-index: 400; cursor: pointer; } .business1 #banSlider .btn-wrap .next{ right: 30px; background: url(../images/about-5-btn-next.png) no-repeat center; } .business1 #banSlider .btn-wrap .next:hover{ background: url(../images/about-5-btn-next-h.png) no-repeat center; } .business1 #banSlider .btn-wrap .prev{ left: 30px; background: url(../images/about-5-btn-prev.png) no-repeat center; } .business1 #banSlider .btn-wrap .prev:hover{ background: url(../images/about-5-btn-prev-h.png) no-repeat center; } /*.business1 .ban h1{color: #FFF;font-size: 32px;line-height: 100%;margin-bottom: 10px;position: relative;animation-delay: 0.5s;}*//*.business1 .ban h1 img{position: absolute;left: -68px;top: -43px;}*//*.business1 .ban h2{color: #FFF;font-size: 32px;line-height: 100%;opacity: 0.48;filter: Alpha(opacity=48);font-family: "Rubik Regular";padding-left: 75px;}*/.business1 .ban .ont{position: absolute;left: 670px;top: 252px;} .business1 .top{padding: 30px 0 20px;background-color: #f8f9fb;} /*.business1 .top h1{*//*color: #58585e;*//*font-size: 18px;*//*line-height: 100%;*//*margin-bottom: 10px;*//*padding-top: 64px;*//*}*/.business2 .top .z-h1, .business1 .top .z-h1{color: #3257c3;padding-top: 32px;} /*.business1 .top h2{*//*color: #3257c3;*//*font-size: 24px;*//*margin-bottom: 20px;*//*line-height: 100%;*//*}*/.business1 .top p{color: #999999;margin-bottom: 10px;} .business1 .projectWrap .screen{height: 55px;margin: 30px 0;} .business1 .projectWrap .screen > div{float: left;margin-left: 10px;} .business1 .projectWrap .screen .tkn{float: left;height: 56px;line-height: 56px;margin-left: 0;color: #999999;font-size: 18px;} .business1 .projectWrap .screen .drop-down{float: left;width: 154px;height: 56px;position: relative;} .business1 .projectWrap .screen .drop-down .drop-txt{line-height: 56px;padding: 0 16px;color: #666;position: relative;background-color: #dee0ea;} .business1 .projectWrap .screen .drop-down:after{content: "";display: block;width: 13px;height: 7px;background: url(../images/down-icon-2.png) no-repeat center;position: absolute;right: 20px;top: 24px;} .business1 .projectWrap .screen .drop-down ul{display: none;background-color: #FFF;border: 1px solid #dfdfdf;position: relative;z-index: 200;padding: 10px 0;cursor: pointer;max-height: 190px;overflow: auto;} .business1 .projectWrap .screen .drop-down ul li{padding: 2px 15px;color: #9c9c9c;} .business1 .projectWrap .screen .drop-down ul li:hover{color: #474747;} .business1 .projectWrap .search{height: 52px;border: 2px solid #d1d4e1;background-color: #dee0ea;} .business1 .projectWrap .search input{float: left;width: 260px;height: 52px;padding: 0 10px;color: #666;} .business1 .projectWrap .search .submit{float: left;width: 122px;height: 56px;margin: -2px -2px 0 0;background-color: #3257c3;color: #FFF;} .business1 .projectWrap .layout{float: right!important;height: 20px;} .business1 .projectWrap .layout p{float: left;color: #999999;line-height: 56px;margin-right: 4px;} .business1 .projectWrap .layout i, .business1 .projectWrap .layout em{float: left;width: 30px;height: 20px;margin-left: 12px;margin-top: 18px;background-image: url("../images/layout-cy.png");background-repeat: no-repeat;cursor: pointer;} .business1 .projectWrap .layout i.on, .business1 .projectWrap .layout em.on{background-image: url("../images/layout-cy-on.png");} .business1 .projectWrap .layout i{background-position: left top;} .business1 .projectWrap .layout em{background-position: right top;} .business1 .projectWrap .more-2{margin: 40px auto;} .business1 .project dl, .business1 .project img, .business1 .project dt{-webkit-transition: all 600ms ease;-moz-transition: all 600ms ease;-ms-transition: all 600ms ease;-o-transition: all 600ms ease;transition: all 600ms ease;} /*=== list*/.business1 .project.list dl{overflow: hidden;background-color: #f8f9fb;margin-bottom: 20px;} .business1 .project.list dt{float: left;width: 510px;height: 286px;position:relative;} .business1 .project.list dt .img_logo{position:absolute;top:10px;left:10px;width:120px;height:120px;border-radius:50%;/*background:#fff;*/overflow:hidden;} .business1 .project.list dt .img_logo img{display:block;margin:0 auto;/*margin-top:20px;*/} .business1 .project.list dd{float: right;height: 286px;} .business1 .project.list dd .cont{float: left;width: 490px;margin-right: 30px;} .business1 .project.list dd .btn{float: left;width: 136px;height: 286px;text-align: center;line-height: 286px;color: #666666;background-color: #dee0ea;-webkit-transition: color 400ms ease;-moz-transition: color 400ms ease;-ms-transition: color 400ms ease;-o-transition: color 400ms ease;transition: color 400ms ease;} .business1 .project.list dl .btn:hover{color: #FFF;} .business1 .project.list dd h3{padding: 30px 0 14px;} .business1 .project dd h3{color: #666666;font-size: 22px;font-weight: inherit;} .business1 .project.list dd .txt{width: 490px;padding-right: 14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;margin-bottom: 18px;} .business1 .project dd p{color: #999999;line-height: 22px; } .business1 .project dd ul li em{color: #feab05;font-size: 26px;font-weight: inherit;font-family: "Rubik Regular";letter-spacing: -2px;} .business1 .project dd ul li{color: #999999;line-height: 20px;} /*=== card*/.business1 .project.card{width: 1240px;overflow: hidden;} .business1 .project.card dl{float: left;width: 387px;height:612px;margin-right: 20px;margin-bottom: 20px;background-color: #f8f9fb;position: relative;} .business1 .project.card dt img{display: block;width: 100%;} .business1 .project.card dd{padding: 26px;} .business1 .project dd .cont ol{ overflow: hidden; margin-top: 10px; } .business1 .project dd .cont ol li{ float: left; margin-right: 4px; border:1px solid #ccc; line-height: 1; font-size: 12px; padding: 4px 6px; margin-bottom: 4px; color: #666; } .business1 .project dd .cont ol li.on{ color: #bd1d0b; border:1px solid #bd1d0b; } .business1 .project.card dd .txt{width: 335px;padding-right: 16px;height: 132px;margin-bottom: 14px;overflow: auto;} .business1 .project.card dd ul li{line-height: 22px;} .business1 .project.card dd h3{padding: 0 0 14px;} .business1 .project.card dd .btn{width: 120px;height: 40px;color: #666666;line-height: 40px;margin-top: 14px;background-color: #dee0ea;text-align: center;} .business1 .project.card dd .btn:hover{color: #FFF;} .business1 .project.card dd .btn{ position: absolute; left: 26px; bottom:26px; } /*===>> # charitable*/.charitable .top{height: 458px;background: url("../images/charitable-01.jpg") no-repeat center;margin-top: 95px;} .charitable .cont{padding-bottom: 40px;background-color: #f8f9fb;} .charitable .cont .cWrap{width: 1820px;padding-top: 42px;overflow: hidden;background-color: #FFF;margin-left: -310px;} .charitable .cont .dt{overflow: hidden;margin-bottom: 74px;} .charitable .cont .dt li{float: left;margin-right: 30px;color: #666666;-webkit-transition: all 200ms ease;-moz-transition: all 200ms ease;-ms-transition: all 200ms ease;-o-transition: all 200ms ease;transition: all 200ms ease;} .charitable .cont .dt li:hover{color: #2a56ac;} .charitable .cont .le{float: left;width: 774px; } .charitable .cont .le:after{ content: ""; display: block; clear: both; } .charitable .cont .le .box{position: relative;margin-bottom: 40px;} .charitable .cont .le .box:after{ content: ""; display: block; width: 0; height: 100%; border-left: 4px solid #e3e3e3; position: absolute; right: -40px; top:0; } .charitable .cont h1{color: #666666;font-size: 22px;line-height: 100%;margin-bottom: 6px;font-weight: inherit;} .charitable .cont h2{color: #c0a988;font-size: 26px;font-family: "Rubik Regular";font-weight: inherit;letter-spacing: -2px;margin-bottom: 27px;} .charitable .cont .le .icon-i{margin-top: 30px;} .charitable .cont .le p{color: #666666;margin-bottom: 12px;} .charitable .cont .ri{float: right;width: 382px; margin-top:8px;} .charitable .cont .ri .ki-logo{margin-bottom: 35px;} .charitable .cont .ri .box{padding-left: 26px;padding-bottom: 30px;} .charitable .cont .ri .box h4{color: #666666;font-size: 14px;line-height: 100%;margin-bottom: 20px;font-weight: inherit;} .charitable .cont .ri .box h4 i{font-weight: bold;} .charitable .cont .ri .box h4 .more{float: right;color: #666666;font-size: 14px;-webkit-transition: color 300ms ease;-moz-transition: color 300ms ease;-ms-transition: color 300ms ease;-o-transition: color 300ms ease;transition: color 300ms ease;} .charitable .cont .ri .box h4 .more:hover{color: #d72231;} .charitable .cont .ri .box h3{color: #3358c4;font-size: 18px;margin-bottom: 4px;} .charitable .cont .ri .box strong{display: block;color: #666666;font-size: 24px;font-weight: inherit;letter-spacing: -2px;font-family: "Montserrat Regular";opacity: 0.64;filter: Alpha(opacity=64);margin-bottom: 10px;} .charitable .cont .ri .box .tix{margin-bottom: 10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;} .charitable .cont .ri .box p{color: #666666;line-height: 20px;} .charitable .cont .ri .box .btn{color: #666666;} .charitable .cont .ri .box .btn:hover{text-decoration: underline;} .charitable .cont .ri .box ul{margin-top: 20px;} .charitable .cont .ri .box ul li{margin-bottom: 16px;} .charitable .cont .ri .box ul li h5{color: #333;font-size: 16px;font-weight: 400;} .charitable .bom .ti{overflow: hidden;margin-bottom: 30px;} .charitable .bom .ti .l-box{float: left;width: 506px;height: 265px;padding-left: 30px;background: url(../images/charitable-bom-01.jpg) no-repeat 0 0;} .charitable .bom .ti .l-box h2{color: #ffffff;font-size: 14px;line-height: 100%;padding: 75px 0 14px;} .charitable .bom .ti .l-box .txt{width: 270px;} .charitable .bom .ti .l-box .txt p{color: #ffcdd1;line-height: 20px;} .charitable .bom .ti .cardWrap{height: 265px;} .charitable .bom .ti .cardWrap li{float: left;width: 219px;height: 265px;overflow: hidden;margin-left: 2px;background-color: #f6f0de;position: relative;-webkit-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);-moz-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);-ms-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);-o-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);} .charitable .bom .ti .cardWrap li em{display: block;width: 219px;height: 195px;margin-top: 70px;font-weight: bold;text-align: center;color: #6a6760;background-image: url("../images/charitable-bom-2.png");background-repeat: no-repeat;} .charitable .bom .ti .cardWrap li.i1 em{background-position: 76px 70px;} .charitable .bom .ti .cardWrap li.i2 em{background-position: -145px 70px;} .charitable .bom .ti .cardWrap li.i3 em{background-position: -370px 70px;} .charitable .bom .ti .cardWrap li.i0 em{background: #f6f0de url("../images/charitable-bom-2a.png") no-repeat center 70px;} .charitable .bom .ti .cardWrap .on em{width: 100%;height: 100%;margin-top: 0;position: absolute;left: 0;top: 0;z-index: 200;opacity: 0;filter: Alpha(opacity=0);} .charitable .bom .ti .cardWrap li.on{width: 535px;} .charitable .bom .ti .cardWrap li .pos{width: 219px;height: 100%;text-align: left;/*margin: 0 auto;*/position: absolute;left: 0;/*right: 0;*/top: 0;z-index: 99;opacity: 0;filter: Alpha(opacity=0);-webkit-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);-moz-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);-ms-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);-o-transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);transition: all 400ms cubic-bezier(0.69, 0.32, 0.39, 0.52);} .charitable .bom .ti .cardWrap li.on .pos{width: 535px;opacity: 1;filter: Alpha(opacity=100);} .charitable .bom .ti .cardWrap li .pos .txt{width: 328px;margin: 74px 0 0 30px;} .charitable .bom .ti .cardWrap li .pos .txt h5{color: #FFF;font-size: 14px;margin-bottom: 10px;} .charitable .bom .ti .cardWrap li .pos .txt p{color: #ffcdd1;line-height: 22px;} .charitable .bom .ti .cardWrap li.i0 .pos{background: url("../images/charitable-bom-on-01.jpg") no-repeat center;} .charitable .bom .ti .cardWrap li.i1 .pos{background: url("../images/charitable-bom-on-02.jpg") no-repeat center;} .charitable .bom .ti .cardWrap li.i2 .pos{background: url("../images/charitable-bom-on-03.jpg") no-repeat center;} .charitable .bom .ti .cardWrap li.i3 .pos{background: url("../images/charitable-bom-on-04.jpg") no-repeat center;} .charitable .bom .bi{height: 280px;overflow: hidden;background-color: #f7f8fa;margin-bottom: 30px;} .charitable .bom .bi .l-box{float: left;width: 700px;margin-left: 30px;} .charitable .bom .bi .l-box h3{color: #929394;font-size: 18px;padding: 28px 0;} .charitable .bom .bi .l-box .box{padding-left: 55px;overflow: hidden;background: url(../images/charitable-call-answer.png) no-repeat 0 0;} .charitable .bom .bi .l-box p{color: #b1b2b4;line-height: 14px;font-weight: bold;} .charitable .bom .bi .l-box p em{display: block;color: #ffc000;font-size: 36px;font-family: "Rubik Regular";margin-top: 10px;} .charitable .bom .bi .l-box ul{margin-top: 16px;} .charitable .bom .bi .l-box ul li{color: #b1b2b4;line-height: 22px;} .charitable .bom .bi .r-box{float: right;width: 434px;height: 280px;background-color: #3257c3;position: relative;} .charitable .bom .bi .r-box .box{float: left;width: 327px;margin-left: 85px;padding-top: 35px;} .charitable .bom .bi .r-box h4{color: #bfcbec;font-size: 18px;} .charitable .bom .bi .r-box h5{color: #ffffff;font-size: 36px;letter-spacing: -2px;font-family: "Rubik Regular";line-height: 100%;margin: 4px 0;} .charitable .bom .bi .r-box h6{color: #bfcbec;font-size: 14px;line-height: 100%;margin-bottom: 16px;} .charitable .bom .bi .r-box ul li{color: #bfcbec;} .charitable .bom .bi .r-box ol{text-align: center;padding-top: 98px;} .charitable .bom .bi .r-box ol li.i1{background: url("../images/charitable-bom-5.png") no-repeat 4px 0;} .charitable .bom .bi .r-box ol li.i2{background: url("../images/charitable-bom-5.png") no-repeat -160px 0;margin-right: 0;} .charitable .bom .bi .r-box ol li{display: inline-block;width: 76px;padding-top: 78px;margin-right: 76px;color: #7a97ed;text-align: center;cursor: pointer;} .charitable .b-fc{height: 60px;background-color: #3055c2;} .charitable .b-fc .txp{line-height: 60px;} .charitable .b-fc .txp strong{display: inline-block;color: #d0dcff;margin-right: 8px;} .charitable .b-fc .txp a{display: inline-block;color: #d0dcff;margin-right: 20px;transition: all 200ms ease;} .charitable .b-fc .txp a:hover{color: #eeca5e;} .cha-pop .z-popup{width: 950px;height: 616px;background-color: #FFF;} .cha-pop .z-popup h1{height: 64px;color: #ffffff;font-size: 22px;line-height: 64px;background-color: #3257c3;text-align: center;} .cha-pop .z-popup .cont{width: 870px;height: 440px;overflow: auto;padding: 30px;} .z-popup .cont::-webkit-scrollbar{width: 8px;height: 8px;background-color: #eaebf1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 0;} .z-popup .cont::-webkit-scrollbar-thumb{background-color: #3257c3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 0;} .cha-dwPop .inp{float: left;width: 316px;height: 50px;padding: 0 10px;margin: 0 10px 10px 0;background-color: #eaebf1;} .cha-dwPop .inp p{float: left;line-height: 50px;color: #666666;margin-right: 6px;} .cha-dwPop .inp input{float: left;width: 210px;/*background-color: #4b8aac;*/line-height: 50px;color: #333;} .cha-dwPop .inpText{float: left;width: 662px;padding: 10px;background-color: #eaebf1;margin-bottom: 10px;} .cha-dwPop .inpText textarea{height: 100px;background-color: transparent;border: none;width: 642px;padding: 0 10px;} .cha-dwPop .yanz{float: left;/*width: ;!**!*/overflow: hidden;} .cha-dwPop .yanz .inp{width: 150px;} .cha-dwPop .yanz .inp input{width: 74px;} .cha-dwPop .yanz img{float: left;border: 6px solid #fcfcfc;} .cha-dwPop .submit{float: left;width: 124px;height: 55px;margin-right: 700px;line-height: 55px;text-align: center;color: #FFF;font-size: 14px;background-color: #ff8400;cursor: pointer;} .cha-grPop h1{height: 116px;color: #ffffff;font-size: 22px;line-height: 116px;background-color: #3257c3;text-align: center;} .cha-grPop input[type=radio]{width: 24px;height: 24px;background-color: #eaebf1;position: relative;top: 6px;} .cha-grPop .radio{margin: -6px 0 10px;} .cha-grPop .radio em{margin-right: 14px;margin-left: 4px;color: #999999;} .cha-grPop input[type=radio]:after{content: "";display: block;width: 14px;height: 14px;border: 5px solid #eaebf1;background-color: #eaebf1;position: absolute;left: 0;top: 0;} .cha-grPop input[type=radio].on:after{background-color: #3257c3;} .cha-grPop .inp{width: 300px;height: 50px;padding: 0 10px;margin: 0 10px 10px 0;overflow: hidden;background-color: #eaebf1;} .cha-grPop .inp p{float: left;line-height: 50px;color: #666666;margin-right: 6px;} .cha-grPop .inp input{float: left;width: 200px;height: 50px;line-height: 50px;/*background-color: #4b8aac;*/} .cha-grPop .inp.inp2{width: 180px;} .cha-grPop .inp.inp2 input{width: 90px;} .cha-grPop .inp.inp3{width: 620px;} .cha-grPop .inp.inp3 input{width: 540px;} .cha-grPop .inpText{float: left;width: 620px;padding: 10px;background-color: #eaebf1;margin-bottom: 10px;} .cha-grPop .inpText textarea{height: 100px;background-color: transparent;border: none;width: 600px;padding: 0 10px;} .cha-grPop .yanz{float: left;/*width: ;!**!*/margin-right: 300px;overflow: hidden;} .cha-grPop .yanz .inp{float: left;width: 150px;} .cha-grPop .yanz .inp input{width: 74px;} .cha-grPop .yanz img{float: left;border: 6px solid #fcfcfc;} .cha-grPop .submit{float: left;width: 124px;height: 55px;margin-right: 700px;line-height: 55px;text-align: center;color: #FFF;font-size: 14px;background-color: #ff8400;cursor: pointer;} .z-popupWrap .Validform_wrong{display: none;} /*===>> # 公益项目*/.charitable1-r .box{overflow: hidden;margin: 0 0 30px 28px;} .charitable1-r .box .icon{float: left;margin-right: 10px;} .charitable1-r .box .cont{float: left;width: 322px;} .charitable1-r .box h2{color: #666666;line-height: 20px;} .charitable1-r .box p{color: #666666;line-height: 20px;margin-bottom: 20px;} .charitable1-r .box h5{height: 60px;color: #ffa300;font-size: 28px;line-height: 30px;font-weight:inherit;font-family: "Rubik Regular";} .charitable1-r .box h5 i{display: inline-block;color: #666666;font-size: 14px;position: relative;top: -10px;} .charitable1-r .box h3{color: #666666;font-size: 16px;margin: 16px 0 4px;} .charitable1-r .box ul{clear: both;padding-left: 56px;} .charitable1-r .box ul li{color: #999999;} .charitable3-1{padding-bottom: 20px;} .charitable3-1 .z-h1{color: #58585e;} .charitable3-1 .ovs-dt{overflow: hidden;margin-top: 26px;} .charitable3-1 .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .charitable3-1 .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;} .charitable3-1 .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .charitable3-1 .L{width: 774px;} .charitable3-1 h3{color: #58585e;font-size: 18px;margin-bottom: 18px;} .charitable3-1 h4{color: #58585e;font-size: 14px;margin-bottom: 10px;} .charitable3-1 .L .contTxt p{color: #999999;margin-bottom: 20px;} .charitable3-1 .L .contTxt .list{margin-bottom: 20px;} .charitable3-1 .L .contTxt .list li{color: #58585e;line-height: 80px;margin-bottom: 10px;padding: 0 18px;background-color: #f8f9fb;font-size: 18px;font-weight: inherit;} .charitable3-1 h4{color: #58585e;font-size: 18px;margin-bottom: 16px;} .charitable3-1 .L .paging{overflow: hidden;margin-bottom: 20px;} .charitable3-1 .L .paging a{float: left;} .charitable3-1 .L .paging .yi{width: 58px;height: 58px;line-height: 58px;color: #58585e;text-align: center;/*margin: 0 10px;*/} .charitable3-1 .L .paging .yi.on{background-color: #ff8400;color: #FFF;} .charitable3-1 .L .paging .prev, .charitable3-1 .L .paging .next{width: 56px;height: 58px;line-height: 58px;color: #58585e;background-color: #eaeaf1;text-align: center;} .charitable3-1 .L .paging .prev.bin, .charitable3-1 .L .paging .next.bin{background-color: #3257c3;color: #FFF;} .charitable3-1 .L .contTxt ul{margin-bottom: 18px;} .charitable3-1 .L .contTxt ul li{display: inline-block;margin-right: 14px;color: #007dff;font-size: 16px;font-weight: bold;} .charitable3-1 .list li{display: block!important;margin-right: 0!important;} .culture3-data .txtWrap p{color: #999999;} .culture3-data .txtWrap{margin-top: 26px;} .culture3-data h4{color: #58585e;font-size: 18px;margin-bottom: 10px;} /* business2-data*/.business2-da-r .krBox{margin-left: 28px;} .business2-da-r .krBox h3{color: #666666;font-size: 18px;line-height: 20px;padding-top: 19px;} .business2-da-r .krBox .titKo{height: 64px;padding-left: 64px;margin-bottom: 28px;position: relative;} .business2-da-r .krBox .titKo:after{content: "";display: block;width: 64px;height: 64px;background: url("../images/business2-kizBox-4.png") no-repeat 0 0;position: absolute;left: 0;top: 0;} .business2-da-r .krBox .titKo em{color: #999999;font-size: 12px;padding-left: 24px;background: url("../images/business2-kizBox-4.png") no-repeat -67px -31px;} .business2-da-r .krBox .box{margin-bottom: 24px;} .business2-da-r .krBox .box h4{color: #feab05;font-size: 26px;font-weight: inherit;font-family: "Rubik Regular";} .business2-da-r .krBox p{color: #999999;line-height: 20px;} .business2-da-r .krBox .ewBox{margin-bottom: 30px;} .business2-da-r .krBox .ewBox img{margin-top: 10px;} .business2{padding-top: 30px;} .business2 .topSlider{width: 2200px;margin-left: -500px;} .business2 .topSlider .hd{position: absolute;bottom: 25px;left: 0;z-index: 8;width: 100%;text-align: center;} .business2 .topSlider .hd ul{display: inline-block;} .business2 .topSlider .hd li{width: 15px;height: 15px;float: left;margin: 0 5px;cursor: pointer;background: #fff;border-radius: 24px;} .business2 .topSlider .hd li.on{background: #3257c3;} /*.business2 .koxCont{height: 412px;}*/.business2 .koxCont .koxSlider{width: 2200px;margin-left: -500px;position: relative;} .business2 .koxCont .koxSlider .btnBox{width: 1200px;height: 0;margin: 0 auto;position: absolute;top: 50%;left: 0;right: 0;z-index: 100;} .business2 .koxCont .koxSlider .next, .business2 .koxCont .koxSlider .prev{display: block;width: 55px;height: 55px;position: absolute;top: 0;} .business2 .koxCont .koxSlider .next{right: 396px;background: url("../images/about-5-btn-next.png") no-repeat center;} .business2 .koxCont .koxSlider .prev{left: 0;background: url("../images/about-5-btn-prev.png") no-repeat center;} .business2 .koxCont .koxSlider .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .business2 .koxCont .koxSlider .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .business2 .koxCont .posBox{width: 857px;height: 304px;padding-left: 30px;background-color: #3257c3;position: absolute;right: -500px;top: 0;z-index: 300;} .business2 .koxCont .posBox .box{width: 390px;overflow: hidden;} .business2 .koxCont .posBox .box .icon-tit{margin: 40px 0 14px;} .business2 .koxCont .posBox .box h3{color: #ffffff;font-size: 26px;opacity: 0.36;filter: Alpha(opacity=36);font-weight: inherit;margin-bottom: 10px;} .business2 .koxCont .posBox .box h4{color: #ffffff;font-size: 19px;font-weight: inherit;font-family: "Rubik Regular";opacity: 0.36;filter: Alpha(opacity=36);margin-bottom: 10px;} .business2 .koxCont .posBox .box p{color: #ffffff;opacity: 0.36;filter: Alpha(opacity=36);} .business2 .kizBox{padding-top: 30px;background-color: #FFF;} .business2 .kizBox:after{ content: ""; display: block; clear: both; } .business2 .kizBox .le{float: left;width: 778px;padding-top: 44px;} .business2 .kizBox .le .k-lo{margin-bottom: 20px;} .business2 .kizBox .le p{color: #999999;line-height: 22px;margin-bottom: 18px;} .business2 .kizBox .ri{float: right;width: 845px;height: 450px;margin-right: -500px;padding-top: 60px;padding-left: 42px;background-color: #f6f6f8;position: relative;} .business2 .kizBox .ri h3{color: #666666;font-size: 18px;line-height: 20px;padding-top: 8px;} .business2 .kizBox .ri .titKo{height: 64px;padding-left: 64px;margin-bottom: 28px;position: relative;} .business2 .kizBox .ri .titKo:after{content: "";display: block;width: 64px;height: 64px;background: url("../images/business2-kizBox-4.png") no-repeat 0 0;position: absolute;left: 0;top: 0;} .business2 .kizBox .ri .titKo em{color: #999999;font-size: 12px;padding-left: 24px;background: url("../images/business2-kizBox-4.png") no-repeat -67px -31px;cursor: pointer;-webkit-transition: color 300ms ease;-moz-transition: color 300ms ease;-ms-transition: color 300ms ease;-o-transition: color 300ms ease;transition: color 300ms ease;} .business2 .kizBox .ri .titKo em:hover{color: #feab05;} .business2 .kizBox .ri .moPos{display: none;width: 100%;height: 100%;background-color: #eef2ff;position: absolute;left: 0;top: 0;} .business2 .kizBox .ri .moPos ul{width: 350px;height: 339px;padding-left: 40px;padding-right: 20px;overflow: auto;margin: 74px 0 40px;} .business2 .kizBox .ri .moPos ul li{margin-bottom: 20px;} .business2 .kizBox .ri .moPos h5{color: #666666;font-size: 14px;} .business2 .kizBox .ri .moPos p{color: #999999;font-size: 12px;} .business2 .kizBox .ri .box{margin-bottom: 24px;} .business2 .kizBox .ri .box h4{color: #feab05;font-size: 26px;font-weight: inherit;font-family: "Rubik Regular";} .business2 .kizBox .ri p{color: #999999;line-height: 20px;} .business2 .kizBox .ri .ewBox{margin-bottom: 30px;} .business2 .kizBox .ri .ewBox img{margin-top: 10px;} .business2 .greenBox{height: 330px;background: url("../images/business2-green-bg.jpg") no-repeat center;overflow: hidden;} .business2 .greenBox .box1{float: left;width: 230px;height: 330px;padding: 0 30px;background-color: #00ca87;} .business2 .greenBox .box1 h3{color: #8aeecd;font-size: 18px;font-weight: inherit;padding-top: 100px;margin-bottom: 20px;} .business2 .greenBox .box1 li{color: #91e8cb;margin-bottom: 10px;} .business2 .greenBox .imgBox{display: block;float: left;width: 264px;cursor: pointer;position: relative;} .business2 .greenBox .imgBox:hover .img_c1{left: 100%;transition: all .5s linear;opacity: 1;} .business2 .greenBox .img_c{margin-left: 4px;position: relative;z-index: 1000;} .business2 .greenBox .img_c1{position: absolute;left: 0;top: 0;transition: all .5s linear;z-index: 999;opacity: 0;} .business2 .greenBox .box2{float: left;width: 283px;height: 330px;padding-left: 334px;background: url(../images/business2-green-4.png) no-repeat left bottom;position: absolute;right: 0;} .business2 .greenBox .box2 .txt{margin-top: 174px;margin-left: 10px;} .business2 .greenBox .box2 p{color: #FFF;line-height: 30px;} .business2 .greenBox .box2 em{font-size: 40px;letter-spacing: -1px;} .business2 .creBox{background-color: #FFF;overflow: hidden;} .business2 .creBox .le{float: left;width: 774px;background: url("../images/business2-crebox-2.jpg") no-repeat 91px 0;padding-bottom: 30px;padding-top: 10px;} .business2 .creBox .le h3{color: #535353;font-size: 18px;margin-bottom: 10px;margin-top: 20px;} .business2 .creBox .le h4{color: #666666;font-size: 18px;margin-bottom: 10px;} .business2 .creBox .le p{color: #999999;margin-bottom: 10px;} .business2 .creBox .le img{margin-bottom: 10px;} .business2 .creBox .ri{float: right;width: 386px;cursor: pointer;margin-top: 47px;} .business2 .creBox .ri .tit{height: 88px;background-color: #f5f5f5;} .business2 .creBox .ri .tit p{color: #999999;font-size: 16px;text-align: center;line-height: 88px;} .business2 .quality{ background-color: #f8f9fb; padding-top: 30px;} .business2 .quality .ti{overflow: hidden;padding: 30px 0;} .business2 .quality .ti .le{float: left;width: 778px;} .business2 .quality .ti .le h3{color: #666666;font-size: 18px;margin-bottom: 24px;} .business2 .quality .ti .le p{color: #999999;} .business2 .quality .ti .ri{float: right;width: 387px;} .business2 .quality .ti .ri h3{color: #666666;font-size: 18px;margin-bottom: 24px;margin-top: -4px;} .business2 .quality .ti .ri h3 img{ display: inline-block; height: 24px; position: relative; top: 4px; } .business2 .quality .ti .le h4{ color: #666666; font-size: 18px; margin-bottom: 10px; } .business2 .creBox .ri{float: right;width: 387px;} .business2 .creBox .ri h3{color: #666666;font-size: 18px;margin-bottom: 24px;margin-top: -4px;} .business2 .creBox .ri h3 img{ display: inline-block; height: 24px; position: relative; top: 4px; } .business2 .creBox .ri p{ color: #999999;line-height: 22px; } .business2 .kizBox .wxBox p{ display: inline-block; } .business2 .kizBox .wxBox { padding-top: 10px; } .business2 .kizBox .wxBox .wxBox-topIC{ display: inline-block; vertical-align: middle; cursor: pointer; position: relative; } .business2 .kizBox .wxBox .wxBox-topIC .wx-pos{ display: none; width: 183px; background-color: #87d9be; position: absolute; left: -74px; top: 54px; z-index: 800; } .business2 .kizBox .wxBox .wxBox-topIC .wx-pos:after{ content: ""; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 10px solid transparent; border-bottom: 10px solid #87d9be; position: absolute; left: 50%; margin-left: -4px; top: -20px; } .business2 .kizBox .wxBox .wxBox-topIC .wx-pos img{ margin: 20px auto; } .business2 .quality .ti .ri p{color: #999999;line-height: 22px;} .business2 .quality .bi{width: 1210px;overflow: hidden;padding-bottom: 30px;} .business2 .quality .bi .card{float: left;width: 238px;height: 350px;padding: 0 30px;margin-right: 2px;background-color: #FFF;background-image: url("../images/business2-quality-icon.png");background-repeat: no-repeat;} .business2 .quality .bi .card h5{color: #3257c3;font-size: 18px;padding: 58px 0 20px;} .business2 .quality .bi .card p{color: #999999;} .business2 .quality .bi .card .txt{width: 238px;padding-right: 20px;height: 146px;overflow: auto;} .business2 .quality .bi .card.c1{background-position: 220px 264px;} .business2 .quality .bi .card.c2{background-position: -84px 264px;} .business2 .quality .bi .card.c3{background-position: -380px 264px;} .business2 .quality .bi .card.c4{background-position: -684px 264px;} .cha-grPop .headPortrait{position: absolute;right: 36px;top: 130px;} .cha-grPop .headPortrait{width: 116px;} .cha-grPop .scBtn{width: 100%;height: 46px;background-color: #ff8400;position: relative;text-align: center;} .cha-grPop .scBtn p{height: 46px;line-height: 46px;color: #ffffff;text-align: center;} .cha-grPop .scBtn input{display: block;width: 100%;height: 100%;opacity: 0;filter: Alpha(opacity=0);position: absolute;left: 0;top: 0;cursor: pointer;} .cha-grPop #avarimgs{width: 100%;height: 142px;margin-bottom: 10px;background-color: #eaebf1;background-repeat: no-repeat;background-position: center center;} .service .p-img{margin: 20px 0 10px;} .service .list{border-top: 1px solid #f8f9fb;} .service .list li{height: 100px;line-height: 100px;padding-left: 100px;border: 1px solid #f8f9fb;border-top: none;background-image: url("../images/service1-icon.png");background-repeat: no-repeat;-webkit-transition: all 400ms ease;-moz-transition: all 400ms ease;-ms-transition: all 400ms ease;-o-transition: all 400ms ease;transition: all 400ms ease;margin-top:36px;} .service .list li:hover{background-color: #f8f9fb;} .service .list li h5{color: #666666;font-size: 14px;line-height: 100%;padding: 34px 0 4px;} .service .list li.i1{background-position: 30px 30px;} .service .list li.i2{background-position: 30px -77px;} .service .list li.i3{background-position: 30px -180px;} .service .list li.i4{background-position: 30px -280px;} .service .poss{height: 106px;background: #3257c3 url("../images/service1-poss.png") no-repeat 280px 32px;cursor: pointer;} .service .poss .ti{margin-left: 330px;} .service .poss .ti p{color: #86a5ff;font-size: 18px;font-weight: bold;padding: 32px 0 2px;} .service .poss .ti em{display: block;color: #477cdc;font-family: "Rubik Regular";} .poss-pop .z-popup{width: 950px;height: 610px;} .poss-pop .z-popup h1{height: 64px;text-align: center;line-height: 64px;color: #ffffff;font-size: 22px;background-color: #3257c3;} .poss-pop .z-popup .cont{width: 870px;height: 440px;overflow: auto;padding: 30px;} .poss-pop .z-popup .cont .inpWrap .drop-down{float: left;height: 50px;background-color: #eaebf1;margin-right: 10px;/*margin-bottom: 10px;*/padding: 0 10px;position: relative;} .poss-pop .z-popup .cont .inpWrap .drop-down .ti{overflow: hidden;} .poss-pop .z-popup .cont .inpWrap .drop-down ul{width: 161px;background-color: #ffffff;border: 1px solid #dfdfdf;border-top: 0;padding: 10px 0;position: absolute;right: 0;top: 50px;z-index: 300;} .poss-pop .z-popup .cont .inpWrap .drop-down ul li{padding: 0 10px;color: #5b5656;} .poss-pop .z-popup .cont .inpWrap .drop-down p{float: left;line-height: 50px;margin-right: 4px;} .poss-pop .z-popup .cont .inpWrap .drop-down input{float: left;line-height: 50px;background-color: #4b8aac;} .poss-pop .z-popup .cont .inpWrap{height: 50px;margin-bottom: 10px;} .poss-pop .z-popup .cont .inpWrap .inp{float: left;height: 50px;background-color: #eaebf1;margin-right: 10px;/*margin-bottom: 10px;*/padding: 0 10px;} .poss-pop .z-popup .cont .inpWrap .inp p{float: left;line-height: 50px;margin-right: 4px;color: #666;} .poss-pop .z-popup .cont .inpWrap .inp input{float: left;line-height: 50px;} /*.poss-pop .z-popup .cont .inpWrap input[type=radio]{*//*display: inline-block;*//*line-height: 50px;*//*}*//*.poss-pop .z-popup .cont .inpWrap p{*//*display: inline-block;*//*line-height: 50px;*//*margin-right: 10px;*//*}*/ .poss-pop .z-popup .cont .radio{width: 620px;overflow: hidden;} .poss-pop .radio ul li.br{clear: both;display: block;margin-bottom: 5px;} .poss-pop .z-popup .cont .radio li{float: left;} .poss-pop input[type=radio]{width: 24px;height: 24px;background-color: #eaebf1;position: relative;top: 6px;} .poss-pop .radio em{margin-right: 14px;margin-left: 4px;color: #999999;} .poss-pop input[type=radio]:after{content: "";display: block;width: 14px;height: 14px;border: 5px solid #eaebf1;background-color: #eaebf1;position: absolute;left: 0;top: 0;} .poss-pop input[type=radio].on:after{background-color: #3257c3;} .poss-pop input[type=checkbox]{width: 24px;height: 24px;background-color: #eaebf1;position: relative;top: 6px;} .poss-pop .radio em{margin-right: 14px;margin-left: 4px;color: #999999;} .poss-pop input[type=checkbox]:after{content: "";display: block;width: 14px;height: 14px;border: 5px solid #eaebf1;background-color: #eaebf1;position: absolute;left: 0;top: 0;} .poss-pop input[type=checkbox].on:after{background-color: #3257c3;} .poss-pop h5{color: #666666;font-size: 14px;font-weight: inherit;padding-top: 12px;} .poss-pop h6{color: #666666;font-size: 14px;font-weight: inherit;padding-top: 12px;margin-bottom: 6px;} .poss-pop .checkbox{height: auto!important;width: 760px;overflow: hidden;margin-bottom: 10px;} .poss-pop .checkbox em{display: inline-block;width: 100px;margin-right: 14px;margin-left: 4px;color: #999999;} .poss-pop .checkbox ul{overflow: hidden;} .poss-pop .checkbox ul li{float: left;margin-bottom: 10px;} .poss-pop .checkbox ul li.br{clear: both;display: block;} .poss-pop .checkbox.yewu em{width: auto;} .poss-pop .txtWrap{display: block;width: 610px;padding: 10px;background-color: #eaebf1;} .poss-pop .txtWrap p{color: #666666;margin-bottom: 4px;} .poss-pop .txtWrap textarea{border: none;width: 100%;height: 56px;background-color: transparent;} .poss-pop .submitBtn{width: 124px;height: 56px;text-align: center;line-height: 56px;margin-bottom: 10px;background-color: #ff8400;color: #FFF;cursor: pointer;} .poss-pop .jxv{overflow: hidden;} .poss-pop .jxv h4{padding-top: 20px;color: #3257c3;line-height: 100%;/*font-weight: inherit;*/} .poss-pop .jxv p{color: #999999;} .poss-pop .z-popup .cont .inpWrap.fl-R p{margin-left: 4px;} /*==========*/ .cha-grPop .z-popup .cont .inpWrap .drop-down{float: left;height: 50px;background-color: #eaebf1;margin-right: 10px;margin-bottom: 10px;padding: 0 10px;position: relative;} .cha-grPop .z-popup .cont .inpWrap .drop-down .ti{overflow: hidden;position: relative;} .cha-grPop .z-popup .cont .inpWrap .drop-down .ti:after{content: "";border: 4px solid transparent;border-top: 4px solid #333;position: absolute;right: 7px;top: 23px;} .cha-grPop .z-popup .cont .inpWrap .drop-down ul{width: 134px;background-color: #ffffff;border: 1px solid #dfdfdf;border-top: 0;padding: 10px 0;position: absolute;right: 0;top: 50px;z-index: 300;} .cha-grPop .z-popup .cont .inpWrap .drop-down ul li{padding: 0 10px;color: #5b5656;cursor: pointer;-webkit-transition: color 300ms ease;-moz-transition: color 300ms ease;-ms-transition: color 300ms ease;-o-transition: color 300ms ease;transition: color 300ms ease;} .cha-grPop .z-popup .cont .inpWrap .drop-down ul li:hover{color: #0e85da;} .cha-grPop .z-popup .cont .inpWrap .drop-down p{float: left;line-height: 50px;margin-right: 4px;} .cha-grPop .z-popup .cont .inpWrap .drop-down input{float: left;width: 120px;line-height: 50px;} .business4 .topSlider{width: 2200px;margin-left: -500px;} .business4 .topSlider .hd{position: absolute;bottom: 25px;left: 0;z-index: 8;width: 100%;text-align: center;} .business4 .topSlider .hd ul{display: inline-block;} .business4 .topSlider .hd li{width: 15px;height: 15px;float: left;margin: 0 5px;cursor: pointer;background: #fff;border-radius: 24px;} .business4 .topSlider .hd li.on{background: #3257c3;} .contact-2 .L{width: 774px;overflow: hidden;} .contact-2 .L .cardWrap{overflow: hidden;margin: 78px 0 10px;} .contact-2 .L .cardWrap .card{float: left;width: 250px;height: 114px;padding-top: 110px;text-align: center;margin-left: 12px;background-image: url("../images/contact-2-ic-01.png");background-repeat: no-repeat;} .contact-2 .L .cardWrap .card.c1{margin-left: 0;background-color: #ffbc45;background-position: 110px 55px;} .contact-2 .L .cardWrap .card.c2{background-color: #2b5ae8;background-position: -151px 55px;} .contact-2 .L .cardWrap .card.c3{background-color: #605a5a;background-position: -415px 55px;} .contact-2 .L .cardWrap .card h5{font-size: 16px;margin-bottom: 4px;} .contact-2 .L .cardWrap .card h6{font-weight: inherit;font-size: 16px;font-family: "Rubik Regular";line-height: 18px;} .contact-2 .L .cardWrap .card.c1 h6, .contact-2 .L .cardWrap .card.c1 h5{color: #956001;} .contact-2 .L .cardWrap .card.c2 h6, .contact-2 .L .cardWrap .card.c2 h5{color: #FFF;} .contact-2 .L .cardWrap .card.c3 h6, .contact-2 .L .cardWrap .card.c3 h5{color: #ffffff;} .contact-2 .L .cardWrap .card.c3 h4{color: #bcb6b6;font-size: 14px;line-height: 18px;} .contact-2 .L .dkv{overflow: hidden;margin-bottom: 26px;} .contact-2 .L .dkv li{float: left;width: 116px;height: 48px;line-height: 48px;text-align: center;border: 2px solid #0a43b9;margin-right: 10px;font-size: 16px;color: #0a43b9;} .contact-2 .L .bom{padding-bottom: 30px;} .contact-2 .L .bom h5{color: #0a43b9;font-size: 14px;margin-bottom: 6px;} .contact-2 .L .bom p{color: #999999;font-size: 14px;margin-bottom: 6px;} .z-popupWrap.activitySlider-pop{display: block;} .activitySlider-pop .z-popup{width: 770px;height: 560px;padding-bottom: 40px;} .activitySlider-pop .z-popup .slideBox .bd img{width: 100%;} .activitySlider-pop .z-popup .slideBox{width: 700px;margin: 40px auto;} .activitySlider-pop .z-popup .txtBox .txt{width: 700px;padding-right: 18px;height: 64px;overflow: auto;} .activitySlider-pop .z-popup .txtBox{margin: 0 50px;} .activitySlider-pop .z-popup .txtBox h4{font-size: 16px;color: #666;text-align: center;margin-bottom: 10px;} .activitySlider-pop .z-popup .txtBox p{color: #757575;} #activitySlider .next, #activitySlider .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 400;} #activitySlider .next{right: 10px;background: url("../images/about-5-btn-next.png") no-repeat center;} #activitySlider .prev{left: 10px;background: url("../images/about-5-btn-prev.png") no-repeat center;} #activitySlider .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} #activitySlider .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} .activitySlider-pop .z-slider-1{width: 700px;height: 400px;margin: 40px auto;} .activitySlider-pop .z-slider-1 .next, .activitySlider-pop .z-slider-1 .prev{display: block;width: 55px;height: 55px;position: absolute;top: 50%;margin-top: -22px;z-index: 400;} .activitySlider-pop .z-slider-1 .next{right: 10px;background: url("../images/about-5-btn-next.png") no-repeat center;} .activitySlider-pop .z-slider-1 .prev{left: 10px;background: url("../images/about-5-btn-prev.png") no-repeat center;} .activitySlider-pop .z-slider-1 .next:hover{background: url("../images/about-5-btn-next-h.png") no-repeat center;} .activitySlider-pop .z-slider-1 .prev:hover{background: url("../images/about-5-btn-prev-h.png") no-repeat center;} /*按钮组*/ #Propages ul{user-select: none;overflow: hidden;} #Propages ul li{float: left;width: 50px;height: 48px;text-align: center;color: #58585e;line-height: 48px;} #Propages ul li[title="prev"]{background-color: #eaeaf1;color: #58585e;font-size: 13px;} #Propages ul li[title="next"]{background-color: #3257c3;color: #FFF;font-size: 13px;} #Propages ul li.paging-selecte{background-color: #ff8400;color: #FFF;} .news-searchBox{height: 50px;background-color: #e9eaf0;border: 10px solid #e9e9f2;margin-top: 20px;margin-bottom: 30px;} .news-searchBox .txt{float: left;width: 614px;height: 50px;padding: 0 20px;line-height: 50px;} .news-searchBox .btn{float: right;width: 90px;height: 50px;line-height: 50px;background: #e9e9f2 url("../images/n-search-icon.png") no-repeat center;text-align: center;cursor: pointer;} /*搜索结果*/ .n-searchBox{height: 50px;background-color: #FFF;border: 10px solid #e9e9f2;margin-top: 20px;} .n-searchBox .txt{float: left;width: 614px;height: 50px;padding: 0 20px;line-height: 50px;} .n-searchBox .btn{float: right;width: 90px;height: 50px;line-height: 50px;background: #e9e9f2 url("../images/n-search-icon.png") no-repeat center;text-align: center;cursor: pointer;} .n-search h5{height: 70px;line-height: 70px;color: #59595f;font-size: 18px;font-weight: inherit;} .shareIco{display: inline-block;margin-left: 30px;} .shareIco li{display: inline-block;padding-left: 26px;margin-right: 15px;height: 15px;line-height: 15px;color: #c9c9cf;font-family: 'Montserrat Regular';} .shareIco li.i1{background: url(../images/index-sp-1.png) no-repeat left center;} /*修改2018.8.9*/ .clearfix:after{content:"\200B";display:block;height:0;clear:both;} .clearfix{*zoom:1;} .busiNews{width:100%;padding-bottom:10px;background-color: #f8f9fb;} .busiNews .ti{width:100%;padding:25px 0;} .busiNews .ti h3{font-size:18px;color:#666666;} .busiNews .busiNews-left{width:800px;float:left;} .busiNews .busiNews-right{width:387px;float:right;background:#f8f9fb;height: 278px;} .busiNews .busiNews-right a{padding:20px 20px 32px 30px;} .busiNews .busiNews-right h3{font-size:18px;color:#58585e;line-height:24px;} .busiNews .busiNews-right h4{font-size:24px;color:#c0a988;padding:4px 0 15px 0;font-family:'Montserrat Regular';font-weight: inherit;} .busiNews .busiNews-right p{font-size:14px;color:#868b8e;padding-bottom:14px;} .busiNews .busiNews-right em{font-size:14px;color:#476bc7;} .busiNews .lise{ transition: all 300ms ease; } .busiNews .lise dl{height: 74px;padding: 17px 0;border: 2px solid #e8e9f0;overflow: hidden;margin-bottom: 10px;background-color: #FFF;} .busiNews .lise dt{float: left;width: 135px;height: 100%;color: #666666;font-size: 24px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;line-height: 100%;text-align: right;margin-right: 20px;} .busiNews .lise dd{padding-right: 20px;} .busiNews .lise dd h3{color: #666666;font-size: 16px;margin-bottom: 4px;transition: all 300ms ease;} .busiNews .lise dd p{color: #666666;opacity: 0.54;filter: Alpha(opacity=54);} .busiNews .lise dd p, .busiNews .lise dd .txt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .busiNews .lise dl:hover h3{color: #3257c3;} .busiNews .lise dl:hover{border: 2px solid #3257c3;} .busiNews .more{display: block;width: 100px;height: 40px;line-height: 40px;text-align: center;margin: 0 auto ;color: #898989;font-size: 16px;transition: all 300ms ease;} .busiNews .more:hover{color: #3257c3;} .business2 .busiNews .ri{float: right;width: 386px;height: 278px;cursor: pointer;} .business2 .busiNews .ri .tit{height: 60px;background-color: #f5f5f5;} .business2 .busiNews .ri .tit p{color: #999999;font-size: 16px;text-align: center;line-height: 60px;} .culture .top{margin-bottom: 30px;} .culture .ovs-dt{overflow: hidden;margin-top: 24px;margin-bottom: 0px;} .culture .ovs-dt ul{height: 60px;border-top: 4px solid #eaeaf1;} .culture .ovs-dt ul li{float: left;margin-right: 16px;margin-top: -4px;height: 60px;line-height: 50px;border-top: 4px solid transparent;cursor: pointer;color: #666666;font-weight: bold;} .culture .ovs-dt ul li.on{border-top: 4px solid #ff8400;color: #3257c3;} .culture .ovs-dd-pxu{padding: 20px 0 24px;background: url("../images/culture-dd-bg.jpg") no-repeat top center;min-height: 209px;} .culture .ovs-dd-pxu h4{ display: none;} .culture .ovs-dd-shuk{ margin-top: 0; } .culture .ovs-dd-pxu h5{color: #ffa800;font-size: 22px;line-height: 1;margin-bottom: 10px;} .culture .ovs-dd-pxu h6{color: #d2cebf;font-size: 19px;font-weight: inherit;font-family: "Myriad Pro Regular";letter-spacing: -1px;line-height: 1;margin-bottom: 10px;} .culture .ovs-dd-pxu p{color: #999999;} .culture .ovs-dd-pxu .txt{width: 470px;} .culture .ovs-dd-pxu strong{ display: block; margin-top: 10px; } .culture .voice{margin-bottom: 40px;} .culture .voice .tip-txt { padding-bottom: 20px; } .culture .voice .tip-txt p{ color: #666; } .culture .voice h3{color: #58585e;font-size: 18px;line-height: 1;margin-bottom: 28px;} .culture .voice .card{width: 790px;overflow: hidden;} .culture .voice .card .box{float: left;margin-right: 8px;margin-bottom: 20px;width: 254px;position: relative; cursor: pointer;} /*.culture .voice .card .box:after{*/ /*content: "";*/ /*display: block;*/ /*width: 100%;*/ /*height: 178px;*/ /*background: url("../images/play-ic.png") no-repeat center;*/ /*position: absolute;*/ /*left: 0;*/ /*top:0;*/ /*z-index: -200;*/ /*opacity: 0;*/ /*filter: Alpha(opacity=0);*/ /*-webkit-transition: all 400ms ease;*/ /*-moz-transition: all 400ms ease;*/ /*-ms-transition: all 400ms ease;*/ /*-o-transition: all 400ms ease;*/ /*transition: all 400ms ease;*/ /*}*/ /*.culture .voice .card .box:hover:after{*/ /*z-index: 100;*/ /*opacity: 1;*/ /*filter: Alpha(opacity=100);*/ /*}*/ .culture .voice .card .box img{ width: 100%; } .culture .voice .card .box .tit{height: 60px;background-color: #497ae0;} .culture .voice .card .box .tit p{text-align: center;line-height: 60px;color: #FFF;} .culture .book{padding-bottom: 100px;} .culture .book h3{color: #58585e;font-size: 18px;line-height: 1;margin-bottom: 28px;} .culture .book .wrap{border: 1px solid #e9e9e9;overflow: hidden;position: relative;} .culture .book .box{float: left;margin-left: 165px;padding: 0 25px;background: url("../images/culture-bock-bg.jpg") no-repeat bottom center;} .culture .book .wrap .pos{height: 50px;position: absolute;right: 150px;top: 50%;margin-top: -25px;} .culture .book .wrap .pos a{float: left;width: 50px;height: 50px;margin-right: 4px;} .culture .book .wrap .pos .i1{background: #e9e9e9 url("../images/culture-eye.png") no-repeat center;} .culture .book .wrap .pos .i2{background: #1942ba url("../images/culture-download.png") no-repeat center;} .culture .book .wrap .more{ display: block; width: 107px; height: 36px; line-height: 36px; margin-left: 10px; text-align: center; color: #8b8b8b; background-color: #dcdcdc; transition: all 300ms ease; position: absolute; right: 155px; top: 50%; } .culture .book .wrap .more:hover{ color: #FFF; background-color: #ff9c00; } .culture .book .tip-txt { margin-bottom: 20px; } .culture .book .tip-txt p{ color: #666666; } .culture3-data h5{color: #666666;font-size: 16px;margin-bottom: 20px;} .culture3-data .lise{padding-bottom: 60px;border-top: 2px solid #e8e9f0;} .culture3-data .lise dl{height: 70px;padding: 30px 0;border-bottom: 2px solid #e8e9f0;overflow: hidden;} .culture3-data .lise dt{float: left;width: 135px;height: 100%;color: #c0a988;font-size: 20px;font-weight: inherit;font-family: "Montserrat Regular";letter-spacing: -1px;line-height: 100%;} .culture3-data .lise dd h3{color: #58585e;font-size: 16px;margin-bottom: 4px;} .culture3-data .lise dd p{color: #a5a5a5;} .quit .L{width: 774px;min-height: 510px;padding-bottom: 40px;} .quit .ti-icon{margin: 50px 0 16px;} .quit h5{color: #999999;font-size: 14px;margin-bottom: 16px;} .quit .smikBox{overflow: hidden;} .quit .smikBox input{height: 70px;line-height: 70px;background-color: #eaebf1;padding: 0 20px;} .quit .smikBox .name{width: 80px;} .quit .smikBox .nub{width: 480px;} .quit .smikBox .btn{width: 120px;padding: 0;border:none;text-indent: 40px;font-size: 16px;background: #ff8400 url("../images/quit-icon-02.png") no-repeat 20px 17px;color: #FFF;cursor: pointer;} #cnzz_stat_icon_1274491700{display: block;width:0;height: 0;opacity: 0;filter: Alpha(opacity=0);overflow: hidden;} .news5-r{background:none;} .propaganda{padding:50px 0;width:520px;margin:0 auto;position:relative;} .propaganda img{} .propaganda p{font-size:14px;color:#fff;position:absolute;bottom:56px;left:33px;background:url("../images/dow.png") no-repeat left;padding-left:35px;}