/*==> head */ #header{width: 100%;max-width: 2000px;height: 99px;background-color: #FFF;border-bottom: 3px solid #e6311e;position: fixed;top:0;z-index: 800;} #header .auto:after{content: '';width: 400px;height: 0;border-bottom: 3px solid #001cc6;position: absolute;top: 99px;right: -400px;} #header .logo{float: left;margin-top: 26px;} #header .nav{float: right;} #header .nav li{float: left;position: relative;overflow: hidden;} #header .nav li:after{ content: ''; display: block; width: 100%; height: 100%; background-color: #e6311e; position: absolute; top: 100px; left: 0; z-index: 20; /*-webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0);*/ -webkit-transition: top 0.4s ease-out; -moz-transition: top 0.4s ease-out; -ms-transition: top 0.4s ease-out; -o-transition: top 0.4s ease-out; transition: top 0.4s ease-out; } #header .nav li.on:after{ /*-webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px);*/ top: 0; } #header .nav li.on a{color: #fff;} #header .nav li a{ padding: 50px 14px 0;height: 49px;line-height: 100%;color: #666;font-size: 15px; font-weight: bold; position: relative; z-index: 90; -webkit-transition: color 400ms ease ;-moz-transition: color 400ms ease ;-ms-transition: color 400ms ease ;-o-transition: color 400ms ease ;transition: color 400ms ease ; } #header .icon{float: right;} #header .icon>div{float: left;height: 102px;overflow: hidden;margin-left: 10px;} #header .icon .search span{float: right;height: 99px;background: url("../images/head-icon-001.png") no-repeat 3px 46px;position: relative;overflow: hidden;padding:0 15px;/*margin: 0 5px;*/ cursor: pointer;} #header .icon .search:hover{overflow: visible;} #header .icon .search:hover .searchBox{opacity: 1;filter: Alpha(opacity=100);} #header .icon .search .searchBox:hover{top:102px;opacity: 1;} #header .icon .search .searchBox{height: 99px;} #header .icon .search .searchBox:hover input{width: 110px;padding: 0 10px;} #header .icon .search .searchBox input{width: 0;height: 55px;line-height: 55px;margin-top: 30px;-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;} #header .icon .global{width: 30px;-webkit-transition: width 0.4s ease;-moz-transition: width 0.4s ease;-ms-transition: width 0.4s ease;-o-transition: width 0.4s ease;transition:width 0.4s ease;position: relative;} #header .icon .global:hover{width: 87px;} #header .icon .global:hover .globalBox{opacity: 1;filter: Alpha(opacity=100);} #header .icon .global span{float: right;width: 30px;height: 99px;background:#FFF url("../images/head-icon-001.png") no-repeat -42px 46px;position: relative;z-index: 599;} #header .icon .globalBox{width: 54px;margin-right: 3px;overflow: hidden;position: absolute;left: 0;top:0;opacity: 0;filter: Alpha(opacity=0);word-break: break-all;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-ms-transition: all 0.2s ease;-o-transition: all 0.2s ease;transition:all 0.2s ease;} #header .icon .globalBox a,#header .icon .globalBox i{float: left;margin: 46px 2px 0;-webkit-transition: color 0.4s ease;-moz-transition: color 0.4s ease;-ms-transition: color 0.4s ease;-o-transition: color 0.4s ease;transition:color 0.4s ease;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #header .icon .globalBox i{} #header .icon .globalBox a:hover{color: #e6311e;} .search-pop .z-Mask{background-color: #4465c9;opacity: 0.9;filter: Alpha(opacity=90);} .search-pop .z-popup{width: 710px;height: 80px;background-color: transparent;border-bottom: 2px solid #6f85cb;} .search-pop .z-popup input{float: left;width: 590px;font-size: 30px;line-height: 80px;opacity: 0.6;filter: Alpha(opacity=60); color: #FFF;} .search-pop .z-popup input::-webkit-input-placeholder{color: #FFF;} .search-pop .z-popup input:-moz-placeholder{color: #FFF;} .search-pop .z-popup input::-moz-placeholder{color: #FFF;} .search-pop .z-popup input:-ms-input-placeholder{color: #FFF;} .search-pop .z-popup button{float: right;width: 80px;height: 80px;opacity: 0.9;filter: Alpha(opacity=90);background: url("../images/search-btn-icon-01.png") no-repeat center;} #returnTop{ width: 56px;height: 56px;border: 2px solid #ecdfb8;position: fixed;right: 30px;bottom: -70px;background:#FFF url("../images/return-top.png") no-repeat center; cursor: pointer; -webkit-transition: all 0.3s ease ;-moz-transition: all 0.3s ease ;-ms-transition: all 0.3s ease ;-o-transition: all 0.3s ease ;transition: all 0.3s ease ;user-select: none; } #returnTop:hover{-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;border: 2px solid #7a7a7a;} /*==> footer */ #footer.indexFooter{ background-color: #FFF; } #footer{height: 130px; background-color: #373741;} #footer .le{float: left;padding-top: 30px;} #footer .le .sm{color:#bababa;} #footer .le p{display: inline-block;margin-right: 10px;color:#bababa;font-size: 13px;} #footer .le .sm a{display: inline-block;margin: 0 4px;color:#bababa;font-size: 13px;-webkit-transition: color 0.4s ease;-moz-transition: color 0.4s ease;-ms-transition: color 0.4s ease;-o-transition: color 0.4s ease;transition: color 0.4s ease;} #footer.indexFooter .le .sm a:hover{color: #5c5c5c;} #footer .le .sm a:hover{color: #FFF;} #footer .ri{float: right;padding-top: 22px;} #footer .ri span{display: block;height: 33px;line-height: 33px;color: #bababa;font-size: 13px;padding-right: 48px;background: url("../images/footer-wx.png") no-repeat right center;cursor: pointer;} .z-popupWrap.websiteMap var{opacity: 0.2;filter: Alpha(opacity=20);} .websiteMap .z-popup{width: 1120px;height: 380px;padding: 0 40px;bottom:130px!important;top: auto!important;} .websiteMap .z-popup h1{height: 90px;line-height: 90px;font-size: 18px;font-weight: inherit;color: #333;padding-left: 48px;margin-bottom: 25px;background: url("../images/website-map-icon.jpg") no-repeat left center;border-bottom: 2px solid #fdf8ec;} .websiteMap .z-popup .delete{float: right;width: 30px;height: 30px;margin-top: 32px;background: url("../images/website-map-delete.png") no-repeat 0 0;} .websiteMap .z-popup .list{width: 1290px;margin-left: -85px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .websiteMap .z-popup .list dl{float: left;margin-left: 85px;padding-left: 18px;} .websiteMap .z-popup .list dt{color: #979797;font-size: 18px;margin-bottom: 25px;line-height: 100%;font-weight: bold;position: relative;} .websiteMap .z-popup .list dt:after{content: '';display: block;width: 0;height: 16px;border-left: 4px solid #e5411b;position: absolute;top:2px;left: -16px;} .websiteMap .z-popup .list dd a{color: #979797;font-size: 14px;line-height: 100%;margin-bottom: 14px;/*font-weight: bold;*/-webkit-transition: color 400ms ease;-moz-transition: color 400ms ease;-ms-transition: color 400ms ease;-o-transition: color 400ms ease;transition: color 400ms ease;} .websiteMap .z-popup .list dd a:hover{color: #232323;} /*==> 共用 */ .index{padding-top: 102px;} .banner{ height: 175px; margin-top: 101px; } .banner-1{background: url("../images/banner-1.jpg") no-repeat center;} .banner-2{background: url("../images/banner-2.jpg") no-repeat center;} .banner-3{background: url("../images/banner-3.jpg") no-repeat center;} .banner-4{background: url("../images/banner-41.jpg") no-repeat center;} .banner-5{background: url("../images/banner-5.jpg") no-repeat center;} .banner-6{background: url("../images/banner-6.jpg") no-repeat center;} .banner-7{background: url("../images/banner-07-1.jpg") no-repeat center;} .z-h1{color: #58585e;font-size: 18px;/*font-weight: inherit;*/margin-bottom: 4px;line-height: 100%;margin-bottom: 10px;} .z-h2{color: #c0a988;font: 400 24px/100% 'Myriad Pro Regular';letter-spacing: -1px;} /*.content .ri>a{*/ /*cursor: inherit;*/ /*}*/ .childNav{height: 70px;background-color: #f0f1f7;overflow: hidden;} .childNav .auto:after{content: '';display: block;width: 885px;height: 70px;background-color: #e0e1ea;position: absolute;top:0;left: 813px;} .childNav .nav li{float: left;padding-right: 35px;line-height: 70px;color: #585b5d;position: relative;font-weight: bold;} .childNav .nav li .zqm-icv{display: block;width: 0;height: 0;border-bottom: 4px solid #d82c1d;position: absolute;top:66px; /*-webkit-transition: width 500ms ease;*/ /*-moz-transition: width 500ms ease;*/ /*-ms-transition: width 500ms ease;*/ /*-o-transition: width 500ms ease;*/ /*transition: width 500ms ease;*/ } ul.ik{margin: 24px 0;} ul.ik li{padding-left: 20px;line-height: 26px;color: #868686;position: relative;font-size: 13px;} ul.ik li>p{margin-top: 0;} ul.ik li:after{content: "";float: left;width: 0;height: 0;border-left: 6px solid #ff1919;border-top: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 0;top: 7px;} /*====== IE 提示升级 */ .ie_prompt{ width: 100%; max-width: 2000px; height: 30px; margin: 0 auto; position: fixed; bottom:0; z-index: 9999; background-color: #e3e3e3; } .ie_prompt p{ line-height: 30px; /*text-align: center;*/ color: #535151; } .ie_prompt .delete{ display: inline-block; width: 20px; height: 20px; background: url('../images/ie_prompt-delete.png') no-repeat center ; cursor: pointer; position: relative; top: 6px; } /*==> 首页 */ #index_slider{width: 100%;position: relative;} #index_slider .bd a{ cursor: inherit; } #index_slider img{width: 100%;} #index_slider .hd{width: 100%;position: absolute;left: 0;bottom: 10px;} #index_slider .hd ul{width: 1200px;margin: 0 auto;text-align: center;} #index_slider .hd ul li{display: inline-block;width: 30px;height: 8px;margin: 0 8px;background-color: #FFF;cursor: pointer;} #index_slider .hd ul li.on{background-color: #4847bc;} .index .top{height: 312px;} .index .top .le{width: 860px;padding-top: 60px;} .index .top .le .z-h2{margin-bottom: 12px;} .index .top .le .txt p{color: #a5a5a5;font-size: 13px;line-height: 25px;} /*.index .top .le ul{overflow: hidden;margin-top: 28px;}*/ /*.index .top .le ul li{float: left;padding-left: 60px;position: relative;}*/ /*.index .top .le ul li p{color: #d1d2d3;font-size: 18px;padding-top: 4px;line-height: 16px;font-family: 'Myriad Pro Regular';}*/ /*.index .top .le ul li.i1{width: 155px;}*/ /*.index .top .le ul li.i2{width: 186px;}*/ /*.index .top .le ul li.i3{width: 216px;}*/ /*.index .top .le ul li.i1 i{background-position: 0 0;}*/ /*.index .top .le ul li.i2 i{background-position: -128px 0;}*/ /*.index .top .le ul li.i3 i{background-position: -325px 0;}*/ /*.index .top .le ul li i{display: block;width: 60px;height: 100px;background-image: url("../images/index-top-icon.png");background-repeat: no-repeat;position: absolute;left: 0;top:0;}*/ /*.index .top .le ul li em{color: #4563bd;font-size: 15px;}*/ .index .top .le ul{overflow: hidden;margin-top: 30px;} .index .top .le ul li{float: left;padding-left: 60px;position: relative;margin-right: 40px;} .index .top .le ul li p{color: #d1d2d3;font-size: 18px;padding-top: 4px;line-height: 16px;font-family: 'Myriad Pro Regular';} /*.about1 .top .box ul li.i1{width: 155px;}*/ /*.about1 .top .box ul li.i2{width: 186px;}*/ /*.about1 .top .box ul li.i3{width: 216px;}*/ .index .top .le ul li.i1 i{background-position: 0 0;} .index .top .le ul li.i2 i{background-position: -128px 0;} .index .top .le ul li.i3 i{background-position: -325px 0;} .index .top .le ul li i{display: block;width: 60px;height: 100px;background-image: url("../images/index-top-icon.png");background-repeat: no-repeat;position: absolute;left: 0;top:0;} .index .top .le ul li em { display: block; color: #818181; font-size: 15px; line-height: 46px; } .index .top .ri{width: 757px;height: 260px;padding-left: 30px;position: absolute;top: 0;left: 780px;} /*.index .top .ri .cont{ width: 300px; }*/ .index .top .ri h1{ width: 200px; color: #7d7f80;font-size: 16px;padding: 60px 0 18px;} .index .top .ri .shares .num{font-size: 33px;font-weight: inherit;font-family: 'Myriad Pro Regular';padding-top: 20px;position: relative;} .index .top .ri .shares .down:after{content: '';width: 0;height: 0;border-bottom: 8px solid #ff1919;border-top: 8px solid transparent;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: -8px ;left: 0;} .index .top .ri .shares .down{color: #ff1919;margin: 0;line-height: 24px;} .index .top .ri .shares .up{color: #000099;} .index .top .ri .shares .up:after{content: '';width: 0;height: 0;border-top: 8px solid #000099;border-bottom: 8px solid transparent;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: 0;left: 0;} .index .top .ri .shares p{color: #34364b;font-size: 20px;font-family: 'Myriad Pro Regular';line-height: 100%;margin-top: 6px;} .index .top .ri .shares em{color: #7e7f89;} .index .ri .aft{margin-left: 0;} .ri .aft{width: 757px;height: 260px;margin-left: -30px;padding-left: 30px;margin-top: -60px;background: url("../images/index-ri-003.jpg") no-repeat 0 0;} .ri .aft h1{color: #585b5d;font-size: 18px;padding: 62px 0 0!important;/*font-weight: inherit;*/line-height: 100%;margin: 60px 0 10px;} .ri .aft h2{color: #34364b;font-weight: inherit;line-height: 100%;margin-bottom: 16px;} .ri .aft ul li{padding-left: 16px;line-height: 14px;color: #535353;position: relative;margin-bottom: 8px;opacity:0.6;filter: Alpha(opacity=60);} .ri .aft ul li:after{content: "";float: left;width: 0;height: 0;border-left: 6px solid #ff1919;border-top: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 0;top: 0px;} .index .ri .aft-2{width: 757px;height: 260px;padding-left: 60px;background: url("../images/index-ri-077.jpg") no-repeat 0 0;} .index .ri .aft-2 h1{ color: #58585e; font-size: 18px; line-height: 100%; /*font-weight: inherit;*/ padding-bottom: 10px; } .index .ri .aft-2 h2{ color: #c0a988; font-size: 24px; font-weight: inherit; font-family: 'Myriad Pro Regular'; line-height: 100%; margin-bottom: 30px; letter-spacing: -1px; } .index .ri .aft-2 p{ color: #4563bd; font-size: 14px; line-height: 20px; } /*.index .ri .aft-2 p em{*/ /*color: #73a204;*/ /*font-size: 18px;*/ /*}*/ .index .ri .aft-3{width: 757px;height: 260px;padding-left: 30px;background: url("../images/index-ri-077.jpg") no-repeat 0 0;overflow: hidden;} .index .ri .aft-3 h1{ color: #5a5749; font-size: 18px; margin-bottom: 18px; } .index .ri .aft-3 h2 i{ display: inline-block; color: #dd0000; font-size: 60px; font-weight: 400; font-family: "DIN 1451 Std"; } .index .ri .aft-3 h2 img{ display: inline-block; margin: 0 6px 0 6px; } .index .ri .aft-3 h2 em{ color: #585b5d; font-size: 24px; font-weight: 400; font-family: "Montserrat Regular"; } .index .csr{height: 308px;background: url("../images/index-csr.jpg") no-repeat center;} .index .csr .le{float: left;} .index .csr .le h1{color: #4563bd;font-size: 18px;line-height: 100%;/*font-weight: inherit;*/margin-bottom: 6px;padding-top: 130px;} .index .csr .le h2{color: #8c98bb;font-size: 14px;line-height: 20px;} .index .csr .ri{float: right;width: 788px;padding-top: 56px;} .index .csr .jump{height:24px;} .index .csr .jump a{float: left;margin-right: 30px;font-weight:bold;color: #1f2020;-webkit-transition: color 400ms ease ;-moz-transition: color 400ms ease ;-ms-transition: color 400ms ease ;-o-transition: color 400ms ease ;transition: color 400ms ease ;} .index .csr .jump a:hover{color: #f50613;} .index .csr .ri h3{color: #bcbec4;font:400 30px/100% 'Myriad Pro Regular';margin: 10px 0; /*opacity: 0.3;filter: Alpha(opacity=30);*/ } .index .csr .ri h4{color: #399d02;font-size: 22px;line-height: 100%;margin-bottom: 18px;font-weight: inherit;margin-top: 14px;} .index .csr .ri p{color: #000;opacity: 0.6;filter: Alpha(opacity=60);} .index .indexNews{height: 390px;} .index .indexNews h1{padding-top: 40px;} .index .indexNews h2{margin: 0 0 26px;} .index .indexNews .z-ovs-dt{float: right;overflow: hidden;padding-top: 70px;} .index .indexNews .z-ovs-dt li{float: left;margin-left: 40px;color: #606060;font-size: 15px;line-height: 18px;cursor: pointer;user-select: none;} .index .indexNews .z-ovs-dt li.on{color: #c09614;} .index .indexNews .z-ovs-dd .slideBox{position: relative;height:239px;} #indexNews-3 .bd a, #indexNews-4 .bd a{ padding: 0; width: 382px; position: relative; } #indexNews-3 .bd a:after{ content: ''; display: block; width: 100%; height: 100%; background: rgba(0,0,0,0.2) url(../images/video-icon-02.png) no-repeat center; position: absolute; left: 0; top: 0; background: url(../images/video-icon-02.png) no-repeat center\0; } /*#indexNews-4 .bd a:after{*/ /*content: '';*/ /*display: block;*/ /*width: 100%;*/ /*height: 100%;*/ /*background: url(../images/index-news-pdf.png) no-repeat 340px 170px;*/ /*position: absolute;*/ /*left: 0;*/ /*top: 0;*/ /*}*/ .index .indexNews .z-ovs-dd strong{display: block;color: #8f8f8f;font: 700 20px/100% 'Montserrat Regular';margin-bottom: 8px;} .index .indexNews .z-ovs-dd h3{color: #8b8b8b;font:700 16px/20px '微软雅黑';margin-bottom: 14px;height: 40px;} .index .indexNews .z-ovs-dd .bd li p{font-size: 13px;color: #8b8b8b;} .index .indexNews .z-ovs-dd .bd li .txt{ width: 322px; height: 90px; padding-right: 5px; overflow: auto; } .index .indexNews .z-ovs-dd .bd li{float: left;border: 2px solid #d8d5da;margin-right: 20px;} .index .indexNews .z-ovs-dd .bd li a{width: 322px;height: 200px;padding: 35px 30px 0;} .index .indexNews .z-ovs-dd .next, .index .indexNews .z-ovs-dd .prev { display: block;width: 56px;height: 56px;border: 2px solid #ecdfb8;position: absolute;top: 50%;margin-top: -28px;z-index: 99; -webkit-transition: border-radius 0.3s ease ; -moz-transition: border-radius 0.3s ease ; -ms-transition: border-radius 0.3s ease ; -o-transition: border-radius 0.3s ease ; transition: border-radius 0.3s ease ; user-select: none; } .index .indexNews .z-ovs-dd .next{right: -120px;background: url("../images/index-news-btn-next.jpg") no-repeat center;} .index .indexNews .z-ovs-dd .prev{left: -120px;background: url("../images/index-news-btn-prev.jpg") no-repeat center;} .index .explore{height: 297px;background-color: #3753b5;} .index .explore h1{color: #fff;padding: 30px 0;font-size: 22px;font-weight: inherit;text-align: center;} .index .explore .card li{float: left;opacity: 0.5;} .index .explore .card{overflow: hidden;} .index .indexNews .z-ovs-dd .next:hover,.index .indexNews .z-ovs-dd .prev:hover{ -webkit-border-radius: 24px; -moz-border-radius: 24px; border-radius: 24px; } /*===> about1 */ .about1 .top .ri .icon{position: absolute;left: 0; top:188px;} .about1 .top .ri .icon2{position: absolute;left: 0; top:422px;} .about1 .top{height: 580px;} .about1 .top .z-h2{margin-bottom: 2px;} .about1 .top .box{padding-top: 60px;} .about1 .top .le{float: left;width: 770px;} .about1 .top .box p{color: #868686;text-align: left;} .about1 .top .box ul{overflow: hidden;margin-top: 40px;} .about1 .top .box ul li{float: left;padding-left: 60px;position: relative;margin-right: 40px;} .about1 .top .box ul li p{color: #d1d2d3;font-size: 18px;padding-top: 4px;line-height: 16px;font-family: 'Myriad Pro Regular';} /*.about1 .top .box ul li.i1{width: 155px;}*/ /*.about1 .top .box ul li.i2{width: 186px;}*/ /*.about1 .top .box ul li.i3{width: 216px;}*/ .about1 .top .box ul li.i1 h5{background-position: 0 0;} .about1 .top .box ul li.i2 h5{background-position: -128px 0;} .about1 .top .box ul li.i3 h5{background-position: -325px 0;} .about1 .top .box ul li h5{display: block;width: 60px;height: 100px;background-image: url("../images/index-top-icon.png");background-repeat: no-repeat;position: absolute;left: 0;top:0;} .about1 .top .box ul li h4{display:block;color: #818181;font-size: 15px;line-height: 46px;} .about1 .top .box h1{margin-bottom: 6px;} .about1 .top .ri{width: 757px;height: 580px;padding-left: 30px;background-color:#f8f9fb;position: absolute;top: 0;left: 813px;} .about1 .top .ri h1{width: 200px;color: #7d7f80;font-size: 16px;padding: 65px 0 18px;} .about1 .top .ri .shares .num{font-size: 33px;font-weight: inherit;font-family: 'Myriad Pro Regular';padding-top: 20px;position: relative;margin: 0;letter-spacing: 0;line-height: 24px;} .about1 .top .ri .shares .down:after{content: '';width: 0;height: 0;border-bottom: 8px solid #ff1919;border-top: 8px solid transparent;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: -8px ;left: 0;} .about1 .top .ri .shares .down{color: #ff1919;} .about1 .top .ri .shares .up{color: #000099;} .about1 .top .ri .shares .up:after{content: '';width: 0;height: 0;border-top: 8px solid #000099;border-bottom: 8px solid transparent;border-left: 8px solid transparent;border-right: 8px solid transparent;position: absolute;top: 0;left: 0;} .about1 .top .ri .shares p{color: #34364b;font-size: 20px;font-family: 'Myriad Pro Regular';line-height: 100%;margin-top: 6px;} .about1 .top .ri .shares em{color: #7e7f89;} .about1 .bom{height: 486px;background: url("../images/about-1-0021.jpg") no-repeat center;} .about1 .bom .cont{width: 425px;padding-top: 140px;} .about1 .bom .cont h1{color: #e2271a;font: 400 37px/100% 'Rubik Regular';margin-bottom: 6px;} .about1 .bom .cont h2{color: #58585e;font: 400 30px/100% '微软雅黑';} .about1 .bom .cont p{color: #535353;opacity: 0.6;filter:Alpha(opacity=60);margin-top: 20px;} /*===> about2 */ .about2 .top{height: auto!important;padding-bottom: 40px;overflow: hidden;} .about2 .top .ri{height: 3810px!important;} .about2 .top .ri .icon{bottom: 295px!important;} .about2 .top .video{height: 298px;margin-top: 42px;position: relative;} .about2 .top .video:after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.4) url("../images/video-icon.png") no-repeat center;background: url("../images/video-icon.png") no-repeat center\0;cursor: pointer;position: absolute;top:0;left: 0;} .about2 .top .video .v-box{display: none;} .about2 .top .video.on{height: auto;} .about2 .top .video.on:after{content: '';display: none;} .about2 .top .video.on .v-box{display: block;width: 100%;} /*===> about3 */ /*.about1.about3 .top{ height: 446px; }*/ .about1.about3 .ri{ height: 2000px; } .about1.about3 .top .ri .icon{position: absolute;left: 0; top:188px;} .about3 .top .icl{overflow: hidden;margin-top: 50px;} .about3 .top .icl>div{float: left;width: 315px;height: 60px;padding-left: 70px;background: url("../images/about-3-001.png") no-repeat center;background-repeat: no-repeat;margin-bottom: 40px;} .about3 .top .icl>div strong{display: block;padding-top: 10px;color: #868686;font-size: 18px;font-weight: inherit;line-height: 100%;margin-bottom: 6px;} .about3 .top .icl>div p{line-height: 20px;} .about3 .top .icl .i1{background-position: -26px -20px;} .about3 .top .icl .i2{background-position: -471px -20px;} .about3 .top .icl .i3{background-position: -26px -94px;} .about3 .top .icl .i4{background-position: -471px -94px;} .about3 .top .icl .i5{background-position: -26px -177px;width: 700px;height: auto;} .about3 .bom{height: 577px;background: url("../images/about-3-0031.jpg") no-repeat center;position: relative;z-index: 99;} .about3 .bom h1{color: #3fa1e4;font: 400 38px/100% 'Myriad Pro Regular';padding: 210px 0 6px;} .about3 .bom h2{color: #496c92;font: 400 30px/100% '微软雅黑';} .about3 .top{overflow: hidden;height: auto!important;} .about3 .z-ovs-dd>div{padding-bottom: 40px;overflow: hidden;} .about3 .z-ovs-dt{margin-top: 20px;overflow: hidden;margin-bottom: 20px;} .about3 .z-ovs-dt ul{border-bottom: 3px solid #dee1ea;height: 54px;margin-top: 0!important;overflow: visible!important;position: relative;} .about3 .z-ovs-dt li{float: left;margin-right: 24px;line-height: 54px;color: #818181;font-weight: bold;padding: 0!important;border-bottom: 3px solid transparent;} .about3 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} .about3 .ivt{margin-top: 30px;} .about3 .ivtWrap{position: relative;} .about3 .ivtWrap .pos_L{position: absolute;top: 139px;left: 60px;width: 60px;min-height: 240px;text-align: center;background-color: #FFF;} .about3 .ivtWrap .pos_R{position: absolute;top: 139px;right: 75px;width: 60px;min-height: 240px;text-align: center;background-color: #FFF;} .about3 .ivtWrap .pos_L h5,.about3 .ivtWrap .pos_R h5{color: #575757;font-size: 18px;margin-bottom: 10px;} .about3 .ivtWrap .pos_L a,.about3 .ivtWrap .pos_R a{color: #848484;margin-bottom: 12px;font-weight: bold;-webkit-transition: color 200ms ease;-moz-transition: color 200ms ease;-ms-transition: color 200ms ease;-o-transition: color 200ms ease;transition: color 200ms ease;} .about3 .ivtWrap .pos_L a:hover{color: #e6311e;} .about3 .ivtWrap .pos_R a:hover{color: #e6311e;} .about3 .ivtWrap .pop-n{width: 327px;height: 329px;position: absolute;left: 212px;top: 144px;} .about3 .ivtWrap .pop-n .i1{display: block;width: 157px;height: 210px;position: absolute;left: 0;top:0;overflow: hidden;} .about3 .ivtWrap .pop-n .i1:after{content: "";display: block;width: 144px;height: 144px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 92px;top: 92px;} .about3 .ivtWrap .pop-n .i1 a{display: block;width: 327px;height: 329px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;left: 0;top:0;} .about3 .ivtWrap .pop-n .i2{display: block;width: 163px;height: 220px;position: absolute;right: 0;top:0;overflow: hidden;} .about3 .ivtWrap .pop-n .i2:after{content: "";display: block;width: 144px;height: 144px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;right: 92px;top: 92px;} .about3 .ivtWrap .pop-n .i2 a{display: block;width: 327px;height: 329px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;right: 0;top:0;} .about3 .ivtWrap .pop-n .i3{display: block;width: 272px;height: 119px;position: absolute;right: 18px;bottom: 0;overflow: hidden;} .about3 .ivtWrap .pop-n .i3:after{content: "";display: block;width: 144px;height: 144px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;right: 73px;bottom: 94px;} .about3 .ivtWrap .pop-n .i3 a{display: block;width: 327px;height: 329px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;position: absolute;right: -19px;bottom: 3px;} /*===========*/ .about3 .ivtWrap .pop-n .qw{display: block;width: 80px;height: 80px;position: absolute;/*background-color: rgba(0,0,0,0.4);*/-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;} .about3 .ivtWrap .pop-n .qw a{display: block;width: 100%;height: 100%;} .about3 .ivtWrap .pop-n .qw-c1{left: -55px;top:0;} .about3 .ivtWrap .pop-n .qw-c2{left: 122px;top: -95px;} .about3 .ivtWrap .pop-n .qw-c3{right: -55px;top:0;} .about3 .ivtWrap .pop-n .qw-c4{left: -52px;bottom: -7px;} .about3 .ivtWrap .pop-n .qw-c5{right: -54px;bottom: -7px;} .ivt_pop .z-popup{ width: 920px; height: 554px; } .ivt_pop .z-popup .tit{overflow: hidden;position: relative;} .ivt_pop .z-popup .tit .lo{position: absolute;left: 20px;top:20px;display: none;} .ivt_pop .z-popup .tit h2{color: #333333;font-size: 30px;line-height: 100%;margin-top: 40px;text-align: center;font-weight: inherit;} .ivt_pop .z-popup .video{width: 870px;margin: 24px auto 0;} .ivt_pop_2 .z-popup{ width: 960px; } .ivt_pop_2 .marAuto{margin: 15px auto 0;} .z-popupWrap.ivt_pop_3{display: block;} .ivt_pop_3 .z-popup{display: block;} .ivt_pop_3 .popSlider{width: 868px;overflow: hidden;margin: 30px auto 0;position: relative;} .ivt_pop_3 .popSlider .hd{width: 100%;height: 0;text-align: center;position: absolute;left: 0;bottom: 30px;} .ivt_pop_3 .popSlider .hd li{display: inline-block;width: 10px;height: 10px;margin: 0 5px;background-color: #FFF;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;opacity: 0.5;filter: Alpha(opacity=50);cursor: pointer;} .ivt_pop_3 .popSlider .hd li.on{opacity: 1;filter: Alpha(opacity=100);} .ivt_pop_3 .popSlider .next,.ivt_pop_3 .popSlider .prev{width: 44px;height: 51px;position: absolute;top:50%;margin-top: -25px;z-index: 999;cursor: pointer;} .ivt_pop_3 .popSlider .next{right:20px;background: url("../images/icon-btn-next-003.png") no-repeat center;} .ivt_pop_3 .popSlider .prev{left:20px;background: url("../images/icon-btn-prev-003.png") no-repeat center;} .ivt_pop_3 .popSlider img{display: block;width: 868px;} .ivt_pop_4 .cont{width: 916px;margin: 80px auto 0;} .ivt_pop_4 .Mp3{width: 1110px;padding-left: 53px;overflow: hidden;} .ivt_pop_4 .Mp3 .card{float: left;width: 362px;height: 106px;margin-right: 140px;margin-bottom: 50px;background-color: #efefef;} .ivt_pop_4 .Mp3 .card .pa{float: left;width: 106px;height: 106px;margin-left: -53px;position: relative;} .ivt_pop_4 .Mp3 .card .pa em{display: block;width: 38px;height: 38px;background: url("../images/map3-icon-pk.png") no-repeat center;position: absolute;top:50%;left: 50px;margin: -19px 0 0 -15px;cursor: pointer;} .ivt_pop_4 .Mp3 .card .pang{position: absolute;left: 0;top: 0;} .ivt_pop_4 .Mp3 .card .tip{float: left;width: 246px;height: 106px;margin-left: 40px;overflow: hidden;} .ivt_pop_4 .Mp3 .card .tip p{line-height: 106px;color: #3a3a3a;font-size: 16px;} /*.ivt_pop_4 .Mp3 .card .control{!*height: 0;*!!*overflow: hidden;*!}*/ /*播放状态*/ .ivt_pop_4 .Mp3 .card.play .pa em{background: url("../images/map3-icon-pk-2.png") no-repeat center;} .ivt_pop_4 .Mp3 .card.play .pang{animation: map3_pang 18s linear Infinite;} @keyframes map3_pang{ 0%{-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);} 100%{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);transform: rotate(360deg); } } .ivt_pop_4 .z-popup{ width: 1000px; height: 410px; } /*.ivt_pop_5 .z-popup .tit .lo{*/ /*display: none;*/ /*}*/ .ivt_pop_5 .z-popup{ width: 470px; height: 450px; } .ivt_pop_5 .marAuto{margin: 40px auto 0;} /*===> about4 */ .about4 .top{height: auto!important;overflow: hidden;padding-bottom: 60px;} .about4 .top .ri{height: 20000px!important;} .History{border-left: 1px solid #edf0f1;margin-top: 30px;} .History dl{width: 780px;overflow: hidden;margin-left: -10px;position: relative;} .History dl.on:after{content: '';display: block;width: 20px;height: 13px;background-color: #FFF;position: absolute;top:0;left: 0;} .History dt{float: left;width: 110px;color: #d2d2d2;font: 400 42px/100% 'DIN 1451 Std';letter-spacing: -1px;text-align: right;background: url("../images/history-icon.png") no-repeat left center;} .History dd{float: right;width: 642px;margin-bottom: 30px;} .about4 .top .more{display: block;width: 110px;height: 30px;margin-left: -15px;background: url("../images/history-more.png") no-repeat 0 0;} /*===> about5 */ .about5 .z-slider-1{height: 400px;overflow: hidden;position: relative;margin-top: 20px;} .about5 .z-slider-1 a{cursor: inherit;} .about5 .z-slider-1 .next,.about5 .z-slider-1 .prev{display: block;width: 50px;height: 50px;position: absolute; top:50%;z-index: 99;} .about5 .z-slider-1 .next{right:0;background: url("../images/slid-btn-next-001.png") no-repeat center;} .about5 .z-slider-1 .prev{left: 0px;background: url("../images/slid-btn-prev-001.png") no-repeat center;} .about5 .top .ri{height: 20000px!important;} .about5 .top{height: auto!important;overflow: hidden;padding-bottom: 50px;} .about5 .z-ovs-dt{margin-top: 20px;overflow: hidden;margin-bottom: 30px;} .about5 .z-ovs-dt ul{border-bottom: 3px solid #dee1ea;height: 54px;position: relative;} .about5 .z-ovs-dt li{float: left;margin-left: 24px;line-height: 54px;color: #818181;font-weight: bold;border-bottom: 3px solid transparent;} .about5 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;position: relative;z-index: 99;} .about5 .z-timeAxis.Axis-3 .z-ros li{ background:#e9edf4 url("../images/about-5-list-box-icon.png") no-repeat center 59px; } .about5 .z-timeAxis.Axis-3 .z-ros li p{ text-align: center; color: #545454; font-size: 18px; } .about5 .z-timeAxis.Axis-1 li{ font-size: 20px; line-height: 72px; } .about5 .z-timeAxis{width: 770px;overflow: hidden;height: 146px;margin-bottom: 50px;} .about5 .z-timeAxis .z-ros li{float: left;width: 146px;height: 84px;padding-top: 25px;margin-right: 10px;background-color: #e9edf4;border-bottom: 5px solid #e9edf4;text-align: center;color: #545454;font-family: 'Montserrat Regular';} .about5 .z-timeAxis .z-ros li.on{border-bottom: 5px solid #e23029;} .about5 .z-timeAxis .z-ros li span{display: block;} .about5 .z-timeAxis .z-ros li i{display: block;line-height: 100%;} .about5 .listBox .du-1{width: 264px;} .about5 .listBox .du-2{width: 380px;margin-right: 20px;} .about5 .listBox .du-3{width: 106px;} .about5 .listBox.lBox2 .du-1{width: 644px;} .about5 .listBox.lBox2 .du-2{width: 106px;} .about5 .listBox.lBox3 .du-1{width: 120px;} .about5 .listBox.lBox3 .du-2{width: 398px;} .about5 .listBox.lBox3 .du-3{width: 220px;} .about5 .listBox >div{display: none;} .about5 .listBox dt{overflow: hidden;} .about5 .listBox dd{overflow: hidden;margin: 10px 0;} .about5 .listBox dt strong{float: left;color: #e23029;font-size: 18px;line-height: 20px;margin-bottom: 4px;} .about5 .listBox dd p{float: left;color: #545454;line-height: 20px;} .about5 .j-list{overflow: hidden;margin-bottom: -50px;} .about5 .j-list ul{display: inline-block;padding-left: 28px;margin-left: 40px;padding-bottom: 80px;border-left: 2px solid #e0e0e0;} .about5 .j-list ul li{margin-top: 40px;position: relative;} .about5 .j-list ul li:after{content: '';display: block;width: 18px;height: 13px;background: url("../images/about-5-j-list.png") no-repeat center;position: absolute;top: 10px;left: -36px;} .about5 .j-list ul li strong{display: block;line-height: 100%;color: #4770e7;font-size: 30px;font-family: 'Novecento wide';margin-bottom: 10px;} .about5 .j-list ul li p{color: #7e7f81;font-size: 16px;} /*===> about6 */ .about6 .top .ri{height: 2000px!important;} .about6 .top{height: auto!important;overflow: hidden;} .about6 .z-slider-1{position: relative;overflow: hidden;height: 400px;margin-top: 30px;} .about6 .z-slider-1 .next,.about6 .z-slider-1 .prev{display: block;width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;z-index: 99;} .about6 .z-slider-1 .next{right: 0;background: url("../images/slid-btn-next-001.png") no-repeat center;} .about6 .z-slider-1 .prev{left: 0;background: url("../images/slid-btn-prev-001.png") no-repeat center;} .about6 .z-slider-1 img{ width: 770px; height: 400px; } .about6 .z-ovs-dt{overflow: hidden;height: 63px;margin-top: 20px;} .about6 .z-ovs-dt ul{height: 54px;margin-top: 0!important;overflow: visible!important;border-bottom: 3px solid #dee1ea;} .about6 .z-ovs-dt li{ /*height: 60px;line-height: 60px;padding: 0!important;margin-right: 24px;color: #818181;font-size: 18px;*/ padding: 0!important; float: left; margin-right: 24px; line-height: 54px; color: #818181; font-weight: bold; border-bottom: 3px solid transparent; } .about6 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} .about6 .z-ovs-ddWrap{overflow: hidden;padding-top: 30px;} .about6 .z-ovs-dd>div{display: none;} .about6 .z-ovs-dd h1{color: #d2d2d2;font-size: 30px;font-weight: 400;font-family: 'DIN 1451 Std';} .about6 #BMap{height: 320px;margin-top: 30px;margin-bottom: 60px;} .about6 .BMap_pop{margin-top: -20px;max-width: 500px;} .about6 .BMap_bubble_title{display: block!important;margin-bottom: 16px;} .about6 .BMap_shadow{display: none!important;} .anchorBL{display: none;} .about6 .map-img{ margin-top: 30px; } .about6 .map-img img{ display: none; } /*===> about7 */ .videoBox{width: 780px;overflow: hidden;margin: 40px 0 20px -17px;} .videoBox .card{float: left;margin-left: 17px;cursor: pointer;margin-bottom: 20px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .videoBox .card p{text-align: center;margin: 16px;} .videoBox .card .img{position: relative;} .videoBox .img:after{content: '';display: block;width: 100%;height: 100%;background: rgba(0,0,0,0.4) url("../images/video-icon-02.png") no-repeat center;position: absolute;left: 0;top:0; background: url("../images/video-icon-02.png") no-repeat center\0; } .videoBox .card:hover .img:after{background: rgba(0,0,0,0.4) url("../images/video-icon-01.png") no-repeat center;} #video-pop .z-popup{width: 900px;height: 480px;} /*===> news */ .news.about1 .top .ri .icon { top:220px; } .news .ri{height: 20000px!important;} .news .top{height: auto!important;overflow: hidden;padding-bottom: 80px;} .news .l-more{} .news .Top{padding: 66px 0 50px 0;overflow: hidden;} .news .Top img{float: left;margin-right: 30px;width: 300px!important;} .news .Top h3{color: #58585e;font-size: 18px;line-height: 28px;margin-bottom: 10px;} .news .Top strong{color: #c0a988;font-size: 24px;font-weight: 400;margin: 12px 0 16px;font-family: 'Montserrat Regular';} .news .Top .txt p{color: #868686;line-height: 20px;} .news .Top .more{display: inline-block;color: #476bc7;margin-top: 20px;} .news .Top .more:hover{color: #0019b4;} .newsLest{border-top: 1px solid #e8e9f0;} .newsLest dl{overflow: hidden;padding: 35px 0;border-bottom: 1px solid #e8e9f0;} .newsLest dt{float: left;width: 134px;height: 66px;color: #c0a988;font-size: 24px;font-weight: inherit;font-family: 'Montserrat Regular';} .newsLest dd h3{-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;} .newsLest dl:hover h3{color: #d6080f;-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);} .newsLest dd h3{line-height: 100%;color: #58585e;font-weight: bold;font-size: 18px;margin-bottom: 8px;} .newsLest dd p{line-height: 20px;color: #868686;} .news .l-more{display: block;margin: 50px 0;height: 50px;text-align: center;line-height: 50px;border: 1px solid #e8e9f0;color: #666;-webkit-transition: background-color 0.4s ease ;-moz-transition: background-color 0.4s ease ;-ms-transition: background-color 0.4s ease ;-o-transition: background-color 0.4s ease ;transition: background-color 0.4s ease ;cursor: pointer;} .news .l-more:hover{color: #FFF;background-color: #777777;} .news .ri .rx{padding-top: 68px;} .news .ri .rx h2{color: #2a58c6;font-size: 14px;margin: 6px 0 4px;line-height: 100%;} .news .ri .rx p{color: #73787b;line-height: 20px;font-weight: bold;} .news .ri .rx p i{font-weight: 400;} /*===> newsData */ .newsData-tit{height: 100px;margin-top: 60px;border-bottom: 3px solid #ebeff4;} .newsData-tit strong{color: #c0a988;font-size: 24px;font-weight: inherit;font-family: 'Montserrat Regular';} .newsData-tit h3{color: #696978;font-size: 18px;line-height: 42px;} .newsData-tit .spc{color: #868b8e;} .newsData-tit .spc em{display: inline-block;margin-right: 14px;} .newsData-tit .spc i{display: inline-block;} .newsData-tit .share{float: right;margin-top: 54px;padding-right: 35px;background: url("../images/icon-share.png") no-repeat right center;position: relative;} .newsData-tit .share:hover .bshare-custom{display: block;} .newsData-tit .bshare-custom:hover{display: block;} .newsData-tit .bshare-custom{display: none;width: 141px;height: 48px;/*background-color: #001cc6;*/position: absolute;bottom: 20px;right: 0;} .newsData-tit .bshare-custom a{float: left;width: 33px;height: 33px;padding: 0!important;margin: 0 0 0 14px!important;background-image: url("../images/share-icon-001.png");background-repeat: no-repeat;} .newsData-tit .bshare-custom .bshare-weixin{background-position: -4px 0;} .newsData-tit .bshare-custom .bshare-qqim{background-position: -130px 0;} .newsData-tit .bshare-custom .bshare-sinaminiblog{background-position: -46px 0;} .newsData_cont{padding-top: 20px;} .newsData_cont p{color: #868686;margin-bottom: 24px;} .newsData_cont p>img{ display: inline-block; } .newsData_cont .img-p2{ text-align: center; } .newsData_cont .img-p2 em{ display: inline-block; width: 284px; margin: -4px 0 10px; position: relative; top:-4px; } /*.newsData_cont img{margin-bottom: 24px;}*/ .newsData_cont .nextPa{margin: 40px 0 120px;padding: 20px 0;overflow: hidden;border: 1px solid #d9d9d9;position: relative;} .newsData_cont .nextPa a{width: 250px;float: left;height: 20px;color: #868b8e;line-height: 100%;font-size: 14px;text-align: center;} .newsData_cont .nextPa a:hover{text-decoration: underline;} .newsData_cont .nextPa .prev{color: #456bc6;border-right: 1px solid #d9d9d9;} .newsData_cont .nextPa .next{color: #456bc6;border-left: 1px solid #d9d9d9;} .newsData .top{position: relative;} .bomDk{width: 1980px;height: 60px;background-color: #f8f9fb;position: absolute;left: 0;bottom:0;} /*===> products */ .products .z-h1{padding-top: 60px;} .products .sb_txt{margin: 6px 0 54px;} .products .sb_txt .tit{float: right;color: #cbcbcb;font-size: 42px;font-weight: inherit;padding-top: 14px;font-family: 'Rubik Regular';letter-spacing: -3px;} .products .sb_txt p{color: #868686;line-height: 22px;} .products .cardWrap{width: 1220px;height: 198px;margin-left: -20px;} .products .cardWrap .card{float: left;width: 350px;height: 198px;margin-left: 50px;position: relative; } .products .cardWrap .card .pos{ -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .products .cardWrap .pos{width: 225px;height: 240px;padding: 100px 30px 0;position: absolute;bottom:-340px;left: 0;z-index: 300; } .products .cardWrap .pos h2{width: 255px;color: #FFF;opacity: 0.3;filter: Alpha(30);font-size: 21px;font-weight: inherit;font-family: 'Rubik Regular';line-height: 100%;margin-bottom: 10px;} .products .cardWrap .pos h3{color: #FFF;font-size: 18px;font-weight: inherit;margin-bottom: 14px;} .products .cardWrap .pos p{color: #FFF;opacity: 0.6;filter: Alpha(60);line-height: 20px;} .products .cardWrap .card .txt{width: 225px;height: 140px;padding-right:16px;overflow: auto;} .products .cardWrap .card i{display: block;} .products .cardWrap .c1 .pos{background: #4563bd url("../images/products-1-001.png") no-repeat 30px 40px;} .products .cardWrap .c2 .pos{background: #3f969d url("../images/products-1-001.png") no-repeat -272px 40px;} .products .cardWrap .c3 .pos{background: #cbaa47 url("../images/products-1-001.png") no-repeat -581px 40px;} .products .cardWrap .c4 .pos{background: #84a6c7 url("../images/ykblogo.png") no-repeat 30px 40px;} /*.products .cardWrap .c4{background-color: #2b2a54;}*/ .products .bom{height: 397px;background: url("../images/products-1-bgi.jpg") no-repeat center;} .products .cardWrap .card:hover .pos{ padding-top: 120px; } /*===> products-2 */ .products-2.about1 .top .ri .icon { top:240px; } .products-2.about1 .top .ri .icon2 { top: 465px; } .products-2.about1 .top .ri { height: 20000px; } .content .top .ri .cont h3{color: #c3c7d3;font-weight: 400;font-size: 20px;font-family: 'Myriad Pro Regular';line-height: 100%;margin: 60px 0 10px;} .content .top .ri .cont h4{color: #4d6fd1;font-size: 18px;} .products-2{/*position: ;*/overflow: hidden;padding-bottom: 60px;} .products-2 .z-h1{margin-top: 60px;} .products-2 .z-h2{margin-bottom: 34px;} .products-2 .z-slider-1{height: 300px;overflow: hidden;position: relative;} .products-2 .z-slider-1 a{cursor: inherit;} .products-2 .z-slider-1 .next,.products-2 .z-slider-1 .prev{display: block;width: 50px;height: 50px;position: absolute;bottom:0;z-index: 99;} .products-2 .z-slider-1 .next{right:0;background: url("../images/slid-btn-next-001.png") no-repeat center;} .products-2 .z-slider-1 .prev{right: 50px;background: url("../images/slid-btn-prev-001.png") no-repeat center;} .products-2 .z-ovs-dt{height: 70px;border-bottom: 3px solid #dee1ea;} .products-2 .z-ovs-dt li{float: left;line-height: 70px;margin-right: 30px;font-size: 18px;} .products-2 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} .products-2 .z-ovs-ddWrap{overflow: hidden;margin-top: 30px;} .products-2 .z-ovs-dd .ig{width: 820px;margin-left: -50px;margin-top: 40px;overflow: hidden;} .products-2 .z-ovs-dd .ig img{float: left;margin-left: 49px;} .products-2 .z-ovs-dd ul li{padding-left: 20px;line-height: 30px;color: #868686;position: relative;} .products-2 .z-ovs-dd ul li:after{content: "";float: left;width: 0;height: 0;border-left: 6px solid #ff1919;border-top: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 0;top: 9px;} /*===> social_1 */ .social_1 .z-h1{ margin-top: 60px; } .social_1 .z-h2{ margin-top: 0px; } .social_1 .top{height: auto;overflow: hidden;} .social_1 .top .ri{height: 1000px;} .social_1 .ppk{ width: 770px; overflow: hidden; } .social_1 .z-ovs-dt{margin-top: 10px;overflow: hidden;margin-bottom: 20px;} .social_1 .z-ovs-dt ul{border-bottom: 3px solid #dee1ea;height: 54px;position: relative;} .social_1 .z-ovs-dtWrap{width: 770px;overflow: visible;} /*.social_1 .z-timeAxis.ax-le .next{display: block;}*/ /*.social_1 .z-timeAxis.ax-ri .prev{display: block;}*/ /*.social_1 .z-timeAxis .next, .social_1 .z-timeAxis .prev{display: none;width: 28px;height: 70px;cursor: pointer;position: absolute;top:40px;z-index: 99;}*/ /*.social_1 .z-timeAxis .next{right: -30px;background:#FFF url("../images/social_1-icon-r.png") no-repeat right center;}*/ /*.social_1 .z-timeAxis .prev{left: 0px;background:#FFF url("../images/social_1-icon-l.png") no-repeat left center;}*/ .social_1 .z-ovs-dt li{float: left;margin-left: 24px;line-height: 54px;color: #818181;font-weight: bold; border-bottom: 3px solid transparent; } .social_1 .z-ovs-dt li.nb{ margin-left: 0; /*position: relative;*/ } .social_1 .z-ovs-dt ul:after{ content: ''; display: block; width: 770px; height: 0; border-bottom: 3px solid #dee1ea; position: absolute; top: 111px; left: 0; z-index: 10; } .social_1 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;position: relative;z-index: 99;} .social_1 .z-ovs-dd{padding-top: 30px;} .social_1 .z-ovs-dd p{color: #868686;margin-bottom: 16px;line-height: 20px;} .social_1 .z-ovs-ddWrap{ overflow: hidden; padding-bottom: 30px; } .social_1 .z-ovs-dd>div{width: 770px;} .social_1 .z-ovs-dd>div>img{margin: 30px 0;} .social_1 .annualTable{overflow: hidden;border: 2px solid #dee1ea;text-align: center;margin-bottom: 40px;} .social_1 .annualTable>div{height: 98px;overflow: hidden;} .social_1 .annualTable strong{border-top: none!important;} .social_1 .annualTable strong,.social_1 .annualTable span{float: left;width: 125px;height: 98px;line-height: 98px;border-left: 2px solid #dee1ea;border-top: 2px solid #dee1ea;color: #818181;font-size: 18px;overflow: hidden;} .social_1 .annualTable .dt{width: 131px;/*border-right: 2px solid #dee1ea;*/border-left: none;} .social_1 .annualTable span a{display: inline-block;width: 55px;height: 55px;margin-top: 21px;background: url("../images/pdf-icon.png") no-repeat center;} .social_1 .annualTable span.dt{color: #c0a988;font: 400 30px/98px 'Montserrat Regular';} .social_1 .annualTable .a_box{display:none;} .social_1 .annualTable.tle-7 .dt{ width: 225px; } .social_1 .annualTable.tle-7 strong,.social_1 .annualTable.tle-7 span{ width: 106px; } .social_1 .annualTable-2{overflow: hidden;border: 2px solid #dee1ea;text-align: center;margin-bottom: 40px;} .social_1 .annualTable-2>div{height: 70px;} .social_1 .annualTable-2 strong{border-top: none!important;} .social_1 .annualTable-2 strong,.social_1 .annualTable-2 span{float: left;width: 100px;height: 70px;line-height: 70px;border-left: 2px solid #dee1ea;border-top: 2px solid #dee1ea;color: #818181;font-size: 18px;overflow: hidden;} .social_1 .annualTable-2 .dt{width: 255px;/*border-right: 2px solid #dee1ea;*/border-left: none;} .social_1 .annualTable-2 span a{display: inline-block;width: 55px;height: 55px;margin-top: 21px;background: url("../images/pdf-icon.png") no-repeat center;} .social_1 .annualTable-2 span.dt{color: #c0a988;font: 400 20px/70px '';} .social_1 .annualTable-3{overflow: hidden;border: 2px solid #dee1ea;text-align: center;margin-bottom: 40px;} .social_1 .annualTable-3>div{height: 98px;} .social_1 .annualTable-3 strong{border-top: none!important;} .social_1 .annualTable-3 strong,.social_1 .annualTable-3 span{float: left;width: 100px;height: 98px;line-height: 98px;border-left: 2px solid #dee1ea;border-top: 2px solid #dee1ea;color: #818181;font-size: 18px;overflow: hidden;} .social_1 .annualTable-3 .dt{width: 154px;/*border-right: 2px solid #dee1ea;*/border-left: none;} .social_1 .annualTable-3 span a{display: inline-block;width: 55px;height: 55px;margin-top: 21px;background: url("../images/pdf-icon.png") no-repeat center;} .social_1 .annualTable-3 span.dt{color: #c0a988;font: 400 30px/98px 'Montserrat Regular';} .social_1 .tab-tit.mar-t{margin-top: -26px;} .social_1 .tab-tit.mar-t:nth-of-type(1){margin-top: 0;} .social_1 .tab-tit{height: 70px;line-height: 70px;margin-top: 20px;} .social_1 .tab-tit em{float: right;color: #a3a3a3;} .social_1 .tab-tit h4{color: #656565;font-size: 18px;} .social_1 .annualTable-2 span.state-o{background: url("../images/state-o-v.png") no-repeat -61px center;} .social_1 .annualTable-2 span.state-v{background: url("../images/state-o-v.png") no-repeat 44px center;} .social_1 .z-ovs-dt-1 ul{float: left;width: 780px;margin-left: -10px;margin-bottom: 50px;} .social_1 .z-ovs-dt-1 li{float: left;width: 146px;height: 146px;cursor: pointer;background-color: #e9edf4;margin-left: 10px;background-repeat: no-repeat; background-position: center 72px; user-select: none; } .social_1 .z-ovs-dt-1 li p{height: 121px;color: #545454;font-size: 18px;line-height: 20px;text-align: center;font-weight: bold;padding: 20px 20px 0;} .social_1 .z-ovs-dt-1 li.on p{border-bottom: 5px solid #000099;} /*.social_1 .z-ovs-dt-1.t-1 li{ background-image: url("../images/social_1-ovs-st-icon-t-1.png") ; }*/ /*.social_1 .z-ovs-dt-1.t-1 li.i1{background-position: 50px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-1 li.i2{background-position: -105px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-1 li.i3{background-position: -260px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-1 li.i4{background-position: -420px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-2 li{ background-image: url("../images/social_1-ovs-st-icon.png") ; }*/ /*.social_1 .z-ovs-dt-1.t-2 li.i1{background-position: 50px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-2 li.i2{background-position: -105px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-2 li.i3{background-position: -260px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-2 li.i4{background-position: -416px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-2 li.i5{background-position: -570px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-3 li{ background-image: url("../images/social_1-ovs-st-icon-t-3.png") ; }*/ /*.social_1 .z-ovs-dt-1.t-3 li.i1{background-position: 50px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-3 li.i2{background-position: -105px 72px;}*/ /*.social_1 .z-ovs-dt-1.t-3 li.i3{background-position: -260px 72px;}*/ .social_1 .z-ovs-dt-1{overflow: hidden;} .social_1 .z-ovs-dd-1{overflow: hidden;padding-bottom: 40px;} .social_1 .z-ovs-dd-1 h3{color: #545454;font-size: 18px;line-height: 100%;margin-bottom: 10px;} .social_1 .z-ovs-dd-1 p{color: #818181;line-height: 20px;margin-bottom: 14px;} .social_1 .bom-t{height: 413px;background: url("../images/social-1-002.jpg") no-repeat center;overflow: hidden;position: relative;z-index: 600;} .social_1 .bom-t h1{color: #868686;font: 400 30px/100% 'Myriad Pro Regular';margin: 118px 0 10px;opacity: 0.3;filter: Alpha(opacity=30);} .social_1 .bom-t h2{color: #399d02;font-weight: inherit;font-size: 24px;line-height: 100%;margin-bottom: 30px;} .social_1 .bom-t .card li{float: left;margin-right: 2px;} .social_1 .bom-t .card li em{display: block;width: 75px;height: 75px;background-color: #cbd8e1 ;background-image: url("../images/scooter.png");background-repeat: no-repeat;} .social_1 .bom-t .card .i1 em{background-position: 18px 18px;} .social_1 .bom-t .card .i2 em{background-position: -54px 18px;} .social_1 .bom-t .card .i3 em{background-position: -132px 18px;} .social_1 .bom-t .card .i4 em{background-position: -204px 18px;} .social_1 .bom-t .card .i5 em{background-position: -279px 18px;} .social_1 .bom-t .card .i6 em{background-position: -356px 18px;} .social_1 .bom-t .card .i7 em{background-position: -431px 18px;} .social_1 .bom-t .card li p{color: #868686;text-align: center;opacity: 0.6;filter: Alpha(opacity=60);margin-top: 4px;} .social_1 .z-slider{position: relative;margin-bottom: 40px;} .social_1 .z-slider a{cursor: inherit;} .social_1 .z-slider .next,.social_1 .z-slider .prev{display: block;width: 50px;height: 50px;position: absolute;bottom:0;z-index: 99;} .social_1 .z-slider .next{right:0;background: url("../images/slid-btn-next-001.png") no-repeat center;} .social_1 .z-slider .prev{right: 51px;background: url("../images/slid-btn-prev-001.png") no-repeat center;} .social_1 .z-slider .z-card{ width: 770px; } /*.social_1 .z-ovs-dd .z-slider img{ width: 770px; height: 400px; }*/ .social_1 .dd-1-list{ width: 790px; margin-left: -20px; margin-top: 40px; } .social_1 .dd-1-list .card{ float: left; width: 157px; height: 234px; padding: 0 10px; margin-bottom: 20px; margin-left: 20px; background-color: #eaebf2; background-image: url("../images/moving-truck.png"); background-repeat: no-repeat; } .social_1 .dd-1-list .card.ca1{ background-position: 10px 164px; } .social_1 .dd-1-list .card.ca2{ background-position: -190px 164px; } .social_1 .dd-1-list .card.ca3{ background-position: -382px 164px; } .social_1 .dd-1-list .card.ca4{ background-position: -583px 164px; } .social_1 .dd-1-list .card.ca5{ background-position: 10px -100px; } .social_1 .dd-1-list .card.ca6{ background-position: -190px -100px; } .social_1 .dd-1-list .card.ca7{ background-position: -382px -100px; } .social_1 .dd-1-list .card.ca8{ background-position: -583px -100px; } .social_1 .dd-1-list .card strong{ display: block; padding: 18px 0; line-height: 100%; color: #5d5dec; font-size: 18px; } .social_1 .dd-1-list .card p{ height: 36px; color: #8c909f; line-height: 18px; font-size: 14px; margin-bottom: 14px; } .social_1 .ik{margin: 24px 0;} .social_1 .ik li p{margin-bottom: 0;line-height: 26px;} .social_1 .ik li{padding-left: 20px;line-height: 26px;color: #868686;position: relative;font-size: 13px;} .social_1 .ik li:after{content: "";float: left;width: 0;height: 0;border-left: 6px solid #ff1919;border-top: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 0;top: 7px;} /*===> social_2 */ .social_2 .z-h1{ margin-top: 60px; } .social_2 .z-h2{ margin-top: 0px; } /*.social_2.about1 .top .ri .icon { top:230px; }*/ .social_2 .top{height: auto!important;overflow: hidden;} .social_2 .top .ri{height: 2000px;} .social_2 .tit-i{margin-top: 60px;} .social_2 .z-ovs-dt{ margin-top: 10px; overflow: hidden; margin-bottom: 20px; } .social_2 .z-ovs-dt ul{ border-bottom: 3px solid #dee1ea; height: 54px; position: relative; } .social_2 .z-ovs-dt li{ float: left; margin-right: 24px; line-height: 54px; color: #818181; font-weight: bold; border-bottom: 3px solid transparent; } .social_2 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} .social_2 .z-ovs-ddWrap{overflow: hidden;} .social_2 .z-ovs-dd{margin-bottom: 60px;} .social_2 .z-ovs-dd>div{ width: 770px; } .social_2 .z-ovs-dd p{color: #868686;font-size: 14px;} .social_2 .z-slider{height: 299px;overflow: hidden;position: relative; margin-bottom: 40px;} .social_2 .z-slider a{cursor: inherit;} .social_2 .z-slider .next,.social_2 .z-slider .prev{display: block;width: 50px;height: 50px;position: absolute;top: 50%;z-index: 99;} .social_2 .z-slider .next{right:0;background: url("../images/slid-btn-next-001.png") no-repeat center;} .social_2 .z-slider .prev{left: 0;background: url("../images/slid-btn-prev-001.png") no-repeat center;} /*===> social_3 */ /*.social_3.about1 .top .ri .icon { top:240px; }*/ /*.social_3 .z-ovs-dt{height: 70px;border-bottom: 3px solid #dee1ea;margin-bottom: 40px;margin-top: -20px;}*/ /*.social_3 .z-ovs-dt li{float: left;margin-right: 24px;line-height: 70px;color: #818181;font-size: 18px;}*/ /*.social_3 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;}*/ .social_3 .z-ovs-dt{ /*margin-top: 28px;*/ overflow: hidden; margin-bottom: 20px; } .social_3 .z-ovs-dt ul{ border-bottom: 3px solid #dee1ea; height: 54px; position: relative; } .social_3 .z-ovs-dt li{ float: left; margin-right: 24px; line-height: 54px; color: #818181; font-weight: bold; border-bottom: 3px solid transparent; } .social_3 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} .social_3 .top{height: auto!important;overflow: hidden;} .social_3 .top .ri{height: 20000px;} .social_3 .z-h1{margin-top: 60px;} .social_3 .z-h2{margin-bottom: 26px!important;} .social_3 .z-slider{height: 300px;overflow: hidden;position: relative;margin-top: 20px;margin-bottom: 30px;} .social_3 .z-slider .z-card img{height: 300px;} .social_3 .z-slider a{cursor: inherit;} .social_3 .z-slider .next,.social_3 .z-slider .prev{display: block;width: 50px;height: 50px;position: absolute;bottom:0;z-index: 99;} .social_3 .z-slider .next{right:0;background: url("../images/slid-btn-next-001.png") no-repeat center;} .social_3 .z-slider .prev{right: 51px;background: url("../images/slid-btn-prev-001.png") no-repeat center;} /*.social_3 .z-slider-1 img{ width: 770px; height: 400px; }*/ .social_3 .top .text{margin: 30px 0 60px;} .social_3 .top .text h5{ color: #58585e; font-size: 16px; line-height: 100%; margin-bottom: 10px; } .social_3 .top .text p{color: #868686;margin-bottom: 26px;} .social_3 .top p{ color: #868686; } /*===> social_4 */ /*.social_4.about1 .top .ri .icon { top:240px; }*/ .social_4 .top{overflow: hidden;height: auto;padding-bottom: 40px;} .social_4 .top .ri{height: 60000px;} .social_4 .top .z-h1{margin-top: 60px;} .social_4 .top .z-h2{margin-bottom: 30px;} .social_4 .top .text{margin: 30px 0 0;} .social_4 .top .text img{ margin-bottom: 20px; } .social_4 .top .text p{color: #868686;margin-bottom: 10px;line-height: 20px} .social_4 .top .text p span{font-weight: bold;} .social_4 .top .text .ik { margin: 10px 0; } .social_4 .top .text .ik p{ margin-bottom: 0;line-height: 26px; } .social_4 .bom-t{height: 666px;overflow: hidden;background: url("../images/social-4-002.jpg") no-repeat center;} .social_4 .bom-t h1{margin: 312px 0 10px 770px;line-height: 100%;color: #ff3600;font-size: 20px;font-weight: inherit;} .social_4 .bom-t h2{color: #bcbdc1;font: 400 36px/100% 'Myriad Pro Regular'; margin-left: 770px;} /*===> hr-1 */ .hr-1.about1 .top .ri .icon { top:230px; } .hr-1.about1 .top .ri .icon{width: 386px;} .hr-1.about1 .top .ri .icon2 { top: 478px; } .hr-1 .top{height: auto!important;min-height: 740px;overflow: hidden;} .hr-1 .top .ri{height: 20000px;} .hr-1 .z-ovs-dt{ margin-top: 40px; overflow: hidden; margin-bottom: 20px; } .hr-1 .z-ovs-dt ul{ border-bottom: 3px solid #dee1ea; height: 54px; position: relative; } .hr-1 .z-ovs-dt li{ float: left; margin-right: 24px; line-height: 54px; color: #818181; font-weight: bold; border-bottom: 3px solid transparent; } .hr-1 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} /*.hr-1 .top .z-ovs-dt{height: 70px;border-bottom: 3px solid #dee1ea;margin-top: 30px;}*/ /*.hr-1 .top .z-ovs-dt li{float: left;margin-right: 24px;color: #818181;font-size: 18px;line-height: 70px;}*/ /*.hr-1 .top .z-ovs-dt li.on{border-bottom: 3px solid #e23029;}*/ .hr-1 .top .z-ovs-dd{overflow: hidden;padding-bottom: 60px;} .hr-1 .top .z-ovs-dd>div{width: 770px;display: block;} .hr-1 .top .z-ovs-ddWrap{overflow: hidden;} .hr-1 .top .z-ovs-dd h3{color: #818181;font-size: 16px;font-weight: 400;line-height: 100%;margin-top: 30px;} .hr-1 .top .z-ovs-dd .ik{margin: 24px 0;} .hr-1 .top .z-ovs-dd .ik li{padding-left: 20px;line-height: 26px;color: #868686;position: relative;font-size: 13px;} .hr-1 .top .z-ovs-dd .ik li>p{margin-top: 0;} .hr-1 .top .z-ovs-dd .ik li:after{content: "";float: left;width: 0;height: 0;border-left: 6px solid #ff1919;border-top: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 0;top: 7px;} .hr-1 .top .z-slider{height: 300px;overflow: hidden;position: relative;margin: 30px 0 0} .hr-1 .top .z-slider a{cursor: inherit;} .hr-1 .top .z-slider .next,.hr-1 .top .z-slider .prev{display: block;width: 50px;height: 50px;position: absolute;bottom:0;z-index: 99;} .hr-1 .top .z-slider .next{right:0;background: url("../images/slid-btn-next-001.png") no-repeat center;} .hr-1 .top .z-slider .prev{right: 51px;background: url("../images/slid-btn-prev-001.png") no-repeat center;} .hr-1 .top .z-ovs-dd p{ color: #818181; margin-top: 25px; } .hr-1 .top .z-ovs-dd .oic{margin: 40px 0 54px;} .hr-1 .top .z-ovs-dd .cardBox{width: 788px;margin-left: -18px;overflow: hidden;} .hr-1 .top .z-ovs-dd .cardBox li{float: left;width: 244px;height: 384px;margin-left: 18px;background-color: #f8f9fb;} .hr-1 .top .z-ovs-dd .cardBox li .txt{padding: 30px 30px 0;} .hr-1 .top .z-ovs-dd .cardBox li h4{color: #001cc6;font-weight: bold;font-size: 16px;line-height: 100%;margin-bottom: 20px;} .hr-1 .top .z-ovs-dd .cardBox li p{color: #868686;line-height: 22px;} /*===> hr-2 */ .hr-2.about1 .top .ri .icon { top:230px; } .hr-2.about1 .top .ri .icon{width: 386px;} .hr-2.about1 .top .ri .icon2 { top: 478px; } /*.hr-2.about1 .top .ri .icon { top:240px; }*/ /*.hr-2.about1 .top .ri .icon2 { top: 465px; }*/ .hr-2 .top{height: auto!important;min-height: 680px;overflow: hidden;padding-bottom: 40px;} .hr-2 .top .ri{height: 20000px;} /*.hr-2 .top .z-ovs-dt{height: 70px;border-bottom: 3px solid #dee1ea;margin-top: 30px;}*/ /*.hr-2 .top .z-ovs-dt li{float: left;margin-right: 24px;color: #818181;font-size: 18px;line-height: 70px;}*/ /*.hr-2 .top .z-ovs-dt li.on{border-bottom: 3px solid #e23029;}*/ .hr-2 .z-ovs-dt{ margin-top: 40px; overflow: hidden; margin-bottom: 20px; } .hr-2 .z-ovs-dt ul{ border-bottom: 3px solid #dee1ea; height: 54px; position: relative; } .hr-2 .z-ovs-dt li{ float: left; margin-right: 24px; line-height: 54px; color: #818181; font-weight: bold; border-bottom: 3px solid transparent; } .hr-2 .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} .hr-2 .top .z-ovs-dd{margin-bottom: 30px;padding-top: 30px;} .hr-2 .top .z-ovs-ddWrap{overflow: hidden;padding-bottom: 40px;} .hr-2 .top .z-ovs-dd>div{width: 770px;} .hr-2 .top .z-ovs-dd h3{color: #818181;font-size: 16px;font-weight: 400;line-height: 100%;margin: 16px 0;} .hr-2 .top .z-ovs-dd h4{ color: #818181;font-size: 16px;font-weight: 400;line-height: 100%; } .hr-2 .top .z-ovs-dd .ik{margin: 20px 0 30px;} .hr-2 .top .z-ovs-dd .ik li{padding-left: 20px;line-height: 30px;color: #818181;position: relative;} .hr-2 .top .z-ovs-dd .ik li:after{content: "";float: left;width: 0;height: 0;border-left: 6px solid #ff1919;border-top: 6px solid transparent;border-right: 6px solid transparent;border-bottom: 6px solid transparent;position: absolute;left: 0;top: 9px;} /*===> hr-3 */ .hr-3.about1 .top .ri .icon { top:230px; } .hr-3.about1 .top .ri .icon{width: 386px;} .hr-3.about1 .top .ri .icon2 { top: 478px; } /*.hr-3.about1 .top .ri .icon { top:240px; }*/ /*.hr-3.about1 .top .ri .icon2 { top: 465px; }*/ .hr-3 .top{height: auto!important;min-height: 740px;overflow: hidden;padding-bottom: 60px;} .hr-3 .top .ri{height: 20000px;} .hr-3 .top .z-h1{margin-top: 60px;} .hr-3 .top .z-h2{margin-bottom: 40px;} .hr-3 .top .slideBox{overflow: hidden;position: relative;} .hr-3 .top .slideBox .bd img{width: 770px;} .hr-3 .top .slideBox .next,.hr-3 .top .slideBox .prev{display: block;width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;z-index: 99;} .hr-3 .top .slideBox .next{right: 0;background: url(../images/slid-btn-next-001.png) no-repeat center;} .hr-3 .top .slideBox .prev{left: 0;background: url(../images/slid-btn-prev-001.png) no-repeat center;} .hr-3 .top .slideBox .hd{width: 770px;height: 89px;padding-top: 5px;overflow: hidden;position: absolute;bottom:0;left: 0;z-index: 200;background-color: rgba(0,0,0,0.5);} .hr-3 .top .slideBox .hd ul{position: relative;} .hr-3 .top .slideBox .hd li{float: left;width: 148px;height: 84px;margin-left: 5px;cursor: pointer;position: relative;} /*.hr-3 .top .slideBox .hd li.on:after{*//*content: '';*//*display: block;*//*width: 148px;*//*height: 84px;*//*border:5px solid #4c66bb;*//*position: absolute;*//*left: -5px;*//*top: -5px;*//*}*/ .hr-3 .top .slideBox .hd img{width: 148px;height: 84px;} .hr-3 .top .bD{ color: #818181; font-size: 16px; margin-top: 30px; } /*===> contact */ .contact .top{height: 446px;} .contact .top .ri{height: 446px;} .contact .bom{height: 488px;background: url("../images/contact-001.jpg") no-repeat center;} .contact .top .z-h1{margin-top: 60px;} .contact .top .z-h2{margin-bottom: 10px;} .contact .top .if{overflow: hidden;margin-bottom: 40px;} .contact .top .if li{color: #868686;line-height: 22px;} .contact .top .z-ovs-dt{height: 70px;border-bottom: 3px solid #f1f2f6;} .contact .top .z-ovs-dt li{float: left; margin-right: 24px; color: #818181; font-size: 18px; line-height: 70px;} .contact .top .z-ovs-dt li.on{border-bottom: 3px solid #e2271a;} .contact .top .z-ovs-dd{margin-top: 20px;} .contact .top .z-ovs-dd p{color: #868686;line-height: 22px;/*font-size: 16px;*/} .contact .bom h1{color: #e2271a;font: 400 37px/100% 'Rubik Regular';margin-bottom: 6px;margin-top: 140px;} .contact .bom h2{color: #58585e;font: 400 30px/100% '微软雅黑';margin-bottom: 20px;} .contact .bom p{color: #535353;opacity: 0.6;filter:Alpha(opacity=60);margin-top: 20px;} .contact .bom .le p{color: #868686;line-height: 20px;margin-top: 0!important;} .contact .bom .le{float: left;} .contact .bom .ri{float: right;width: 733px;padding-top: 73px;} .contact .bom .ri input{float: left;background-color: #f8f8f6;padding: 0 20px;height: 60px;line-height: 60px;margin-bottom: 10px;margin-left: 10px;} .contact .bom .ri input.ip1{width: 143px;} .contact .bom .ri input.ip2{width: 340px;} .contact .bom .ri input.ip3{width: 293px;} .contact .bom .ri .zqm-dow-2{float: left;width: 100px;height: 60px;padding: 0 20px;background-color: #f8f8f6;margin-bottom: 10px;margin-left: 10px;} .contact .bom .ri .zqm-dow-2 .dro{color: #797a81;opacity: 1;filter: Alpha(opacity=100);position: relative;} .contact .bom .ri .zqm-dow-2 .dro:after{content: '';display: block;width: 0;height: 0;border: 5px solid transparent;border-top: 5px solid #e2271a;position: absolute;top:10px;right: 0;} .contact .bom .ri .zqm-dow-2 ul{display: none;width: 140px;background-color: #f8f8f6;position: absolute;left: 0;top:50px;} .contact .bom .ri .zqm-dow-2 ul li{padding: 0 20px;color: #797a81;line-height: 34px;cursor: pointer;} .contact .bom .ri .zqm-dow-2 ul li:hover{background-color: #5c5c5c;color: #FFF;} .contact .bom .ri textarea{width: 683px;height: 130px;padding: 20px;margin-left: 10px;background-color: #f8f8f6;border:none;} .contact .bom .ri .btn{float: right;color: #485acb;font-size: 16px;margin-top: 20px;-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 ;cursor: pointer;} .contact .bom .ri .btn:hover{color: #FFF;background-color: #e2271a;} .contact .top .ri .ewm{margin-top: 74px; width: 158px; padding: 15px; text-align: center; background-color: #FFF; border:2px solid #eeeeee; } .contact .top .ri .ewm img{ display: inline-block;} .contact .top .ri .ewm p{color: #bcbdc1;font-size: 13px;line-height: 20px;padding-top: 50px;} .contact .top .ri .ewm h5{ color: #726f6f; font-size: 16px; line-height: 100%; border-top: 1px solid #b2b2b2; padding-top: 10px; margin-bottom: 4px; } .contact .top .ri .ewm h6{ color: #c0a988; font-size: 12px; line-height: 14px; font-weight: inherit; letter-spacing: -1px; } /*===> investor */ .investor .top{height: auto!important;min-height: 640px;overflow: hidden;padding-bottom: 100px;} .investor .top .ri{height: 20000px;} .investor .top .z-h1{margin-top: 60px;} .investor .top .text p{color: #b2b2b2;} .investor .top .list{margin-top: 36px;border-top: 2px solid #e8e9f0;} .investor .top .list dl{height: 68px;padding: 34px 0;overflow: hidden;border-bottom: 2px solid #e8e9f0;position: relative;} .investor .top .list dt{float: left;width: 110px;color: #c0a988;font: 400 24px/100% 'Montserrat Regular';} .investor .top .list dd{float: right;width: 504px;margin-right: 124px;} .investor .top .list dd em{display: block;width: 100px;height: 130px;background: #e8e9f0 url("../images/investor-1-list-003.png") no-repeat center;position: absolute;right:0;top:0;} .investor .top .list dd h3{color: #58585e;font-size: 18px;line-height: 100%;margin-bottom: 4px; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out; } .investor .top .list dl:hover h3{color: #d6080f;-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-ms-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);} .investor .top .list dd .txt{} .investor .top .list dd p{color: #a5a5a5;} .investor .more{display: block;width: 62px;height: 40px;margin-top: 20px;background: url("../images/more-003.png") no-repeat center;cursor: pointer;} /*===> search */ .childNav .serch_ik{overflow: hidden;} .childNav .serch_ik > img{float: left;margin: 15px 15px 0 0 ;} .childNav .serch_ik .tit{float: left;margin-top: 15px;} .childNav .serch_ik .tit p{line-height: 20px;color: #5d5d5d;opacity: 0.8;filter: Alpha(opacity=80);} .childNav .serch_ik .tit em{color: #f50613;} .search{padding-bottom: 30px;} .search .list li{padding: 30px 0;border-bottom: 1px solid #dcdcdc;} .search .list li h3{color: #181818;font-size: 16px;line-height: 100%;margin-bottom: 10px;opacity: 0.8;filter: Alpha(opacity=80);-webkit-transition: color 200ms ease;-moz-transition: color 200ms ease;-ms-transition: color 200ms ease;-o-transition: color 200ms ease;transition: color 200ms ease;} .search .list li:hover h3{color: #d6080f;} .search .list li p{color: #8c8c8c;font-size: 16px;line-height: 100%;opacity: 0.8;filter: Alpha(opacity=80);} .search .more{display: block;width: 80px;height: 40px;margin: 20px auto 0;background: url("../images/search-more.png") no-repeat center;} /*2018-07-31*/ #pop-up{display:none; position:fixed; z-index: 5555;} #pop-up,#pop-up .bg{left:0; top:0; width:100%; height:100%;} #pop-up .bg{position:absolute; background:#000; opacity:.5; filter:alpha(opacity=50);} #pop-up .cnt_wr{position:absolute; left:50%; top:50%; margin-left: -600px; z-index: 5;} #pop-up .main{width:730px; padding:0 20px; background:#fff;} #pop-up .main .til_box{overflow:hidden; margin-bottom: 24px;} #pop-up .main .til_box .year{float:left; height:50px; width:78px; text-align: center; color:#fff; font-size: 36px; line-height: 34px; padding-top: 50px; font-family: "DIN 1451 Std"; font-weight: normal; background:#c0a988; margin-right: 20px;} #pop-up .main .til_box h4{float:left; padding-top: 50px; font-size: 18px; line-height: 32px; color:#818181; font-weight: normal; font-weight: bold;} #pop-up .main .ul{padding-bottom: 10px; overflow:hidden;} #pop-up .main .ul a{ display: block; height:60px; padding: 0 78px 0 24px; margin:0 10px 10px 0; color: #494949; line-height: 60px; color: #494949; font-size: 18px; background:#dee1ea url("../images/pop-up-cion-dow.png") no-repeat 660px center; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; } #pop-up .main .ul a:hover{ height: 55px; border-bottom: 5px solid #e6311e; } /*=========*/ .investor-new .top{height: auto!important; min-height:400px;} .investor-new .auto:after{content: "";display: block;clear: both;} .investor-new .le{float: left;width: 770px;} .investor-new .z-ovs-dt{margin-top: 20px;overflow: hidden;margin-bottom: 20px;} .investor-new .z-ovs-dt ul{border-bottom: 3px solid #dee1ea;height: 54px;margin-top: 0!important;overflow: visible!important;position: relative;} .investor-new .z-ovs-dt li{float: left;margin-right: 24px;line-height: 54px;color: #818181;font-weight: bold;padding: 0!important;border-bottom: 3px solid transparent;} .investor-new .z-ovs-dt li.on{border-bottom: 3px solid #e23029;} .investor-new .le .list{padding-bottom: 60px;} .investor-new .le .list h3{color: #476bc7;font-size: 24px;font-weight: inherit;margin-bottom: 4px;} .investor-new .le .list h3 em{display: inline-block;font-size: 14px;color: #999999;} .investor-new .le .list .box{padding: 30px 0 ;border-top: 1px dashed #e8e9f0;} .investor-new .le .list p{color: #868686;} .investor-new .le .list h4{color: #666666;font-size: 14px;margin-bottom: 16px;} .investor-new .ri{width: 887px;height: 100%!important;background-color: #f8f9fb;position: absolute;right: -500px;top:0;} .investor-new .ri .gav-box{width: 386px;height: 215px;background: #4d6fd0 url("../images/investor-new-ri-01.jpg") no-repeat 0 0;margin-top: 60px;} .investor-new .ri .gav-box h4{color: #c8d2ed;font-size: 14px;padding: 35px 0 0 40px;line-height: 20px;} .investor-new .ri .gav-box em{display: block;color: #ffffff;font-size: 26px;line-height: 1;padding: 17px 0 0 40px;font-family: "Rubik Regular";} .investor-new2 .z-h1{padding-top: 60px;} .investor-new2 .z-h2{margin-bottom: 30px;} .investor-new2 .list{padding-top: 34px;padding-bottom: 10px!important;} .investor-new2 .list .li{height: 70px;line-height: 70px;border: 2px solid #dee1ea;margin-bottom: 12px;background-color: #FFF;-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;} .investor-new2 .list .li:hover{background-color: #f5f7fd;} .investor-new2 .list .li h5{float: left;width: 140px;text-align: right;color: #58585e;font-size: 20px;font-weight: 400;margin-right: 20px;font-family: "Montserrat Regular";} .investor-new2 .list .li p{float: left;width: 526px;color: #868686;} .investor-new2 .list .li .do{float: right;width: 70px;height: 70px;background: url("../images/pdf-icon.png") no-repeat left center;} .investor-new2 .l-more{display: block;margin: 20px 0 60px;height: 50px;text-align: center;line-height: 50px;border: 1px solid #e8e9f0;color: #666;-webkit-transition: background-color 0.4s ease ;-moz-transition: background-color 0.4s ease ;-ms-transition: background-color 0.4s ease ;-o-transition: background-color 0.4s ease ;transition: background-color 0.4s ease ;cursor: pointer;} .investor-new2 .l-more:hover{color: #FFF;background-color: #777777;} .investor-new4 .z-h1{padding-top: 60px;} .investor-new4 .z-h2{padding-bottom: 34px;} .investor-new4 .cardWrap{padding-bottom: 60px;} .investor-new4 .cardWrap .card{height: 160px;padding-left: 150px;margin-bottom: 10px;background-color: #e9edf4;position: relative;} .investor-new4 .cardWrap .card:after{content: "";width: 66px;height: 60px;position: absolute;left: 54px;top: 50px;} .investor-new4 .cardWrap .card.c1:after{background: url("../images/investor-new4-ic.png") no-repeat 0 0;} .investor-new4 .cardWrap .card.c2:after{background: url("../images/investor-new4-ic.png") no-repeat 0 -174px;} .investor-new4 .cardWrap .card.c3:after{background: url("../images/investor-new4-ic.png") no-repeat 0 -344px;} .investor-new4 .cardWrap .card h3{color: #7e7e86;font-size: 16px;padding: 50px 0 6px;} .investor-new4 .cardWrap .card h4{color: #c0a988;font-size: 20px;font-weight: 400;font-family: "Montserrat Regular";} .reenoo{ transition: color 300ms ease; } .reenoo:hover{ color: #35c3d3; } /* xinzeng */ .social_2 .z-ovs-dt li{ margin-right: 0; } .childNav .nav li{ padding-right: 27px; } .social_1 .z-ovs-dt{ margin-bottom: 50px; } .social_1 .cont .list_cont { margin-top: 45px; } .social_1 .cont .list_cont h3{ color: #868686; font-size: 14px; line-height: 1; margin-bottom: 30px; } .social_1 .top{ padding-bottom: 80px; } .z-h2{ text-transform: uppercase; } .social_2 .s2_list_number { overflow: hidden; position: relative; margin-bottom: 45px; } .social_2 .s2_list_number >p{ color: #58585e; font-size: 18px; font-weight: 600; margin-bottom: 40px; } .social_2 .s2_list_number li{ width: 170px; height: 128px; margin-bottom: 25px; margin-right: 30px; float: left; } .social_2 .s2_list_number li:nth-child(4n){ margin-right: 0; } .social_2 .s2_list_number li p{ font-size: 14px; color: #666; } .social_2 .s2_list_number li .s2_num{ color: #e23029; font-family: 'DIN-BOLD'; font-size: 36px; letter-spacing: -1px; line-height: 1; } .social_2 .s2_list_number li .s2_line_ico { background-color: #dfe2eb; width: 100%; height: 2px; margin-bottom: 25px; } .social_1.social_2 .z-ovs-dt, .social_1.social_2_2 .z-ovs-dt { margin-bottom: 25px; } .social_1.social_2 .top { padding-bottom: 25px; } .social_2 .s2_list_number uL { overflow: hidden; } .social_2 .s2_list_number{ position: relative; overflow: hidden; } .social_2_2 .s2_list_number>p{ color: #818181; font-size: 16px; font-weight: 600; margin-bottom: 15px; } .social_2_2 .s2_list_number li{ position: relative; /* margin-right: 25px; width: 240px; */ margin-right: 12px; padding: 0px 0 0; min-height: 113px; margin-bottom: 60px; float: left; width: 248px; display: flex; flex-direction: column; justify-content: flex-end; } .social_2_2 .s2_list_number li:nth-child(3n){ margin-right: 0; } .social_2_2 .s2_list_number li::before{ content: ''; position: absolute; top: 0; left: 0; background: url(../news_img/develop/i2_ico1.png) no-repeat center; width: 48px; height: 116px; } .social_2_2 .s2_list_number li::after{ content: ''; position: absolute; top: 0; right: 0; background: url(../news_img/develop/i2_ico2.png) no-repeat center; width: 48px; height: 116px; } .social_2_2 .s2_list_number li h3{ text-align: center; font-size: 16px; color: #333; font-weight: 500; } .social_2_2 .s2_list_number li p{ text-align: center; font-size: 14px; color: #808080; margin-bottom: 5px; margin-top: 3px; } .social_2_2 .s2_list_number li .time{ text-align: center; position: relative; font-size: 14px; color: #808080; } .social_2_2 .s2_list_number li .time::before{ content: ''; position: absolute; top: 11px; left: 49px; width: 45px; height: 1px; background-color: #e0e0e0; } .social_2_2 .s2_list_number li .time::after{ content: ''; position: absolute; top: 11px; right: 49px; width: 45px; height: 1px; background-color: #e0e0e0; } .social_3 .s3_cont1 p{ color: #868686; font-size: 14px; line-height: 22px; } .social_3 .s3_cont1 ul{ margin-top: 20px; } .social_3 .s3_cont1 ul li{ margin-bottom: 20px; } .social_3 .s3_cont1 li h3{ font-weight: bold; color: #868686; font-size: 14px; } .social_3 .s3_cont2 h2{ color: #656565; font-size: 18px; margin-bottom: 30px; } .s3_cont2{ margin-top: 35px; position: relative; } .s3_cont2 .s3_warp { position: relative; } .s3_cont2 .s3_warp::before{ content: ''; position: absolute; top: 0; left: 127px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .3); } .s3_cont2 .s3_warp::after{ content: ''; position: absolute; top: 0; left: 307px; width: 1px; height: 100%; background-color: rgba(255, 255, 255, .3); } .s3_cont2 .s3_warp .title { overflow: hidden; background-color: #376092; width: 100%; } .s3_cont2 .s3_warp .title li{ color: #fff; font-size: 16px; height: 70px; line-height: 70px; /* padding-left: 20px; */ float: left; width: 159px; text-align: center; } .s3_cont2 .s3_warp .title li:nth-of-type(1){ width: 130px; } .s3_cont2 .s3_warp .title li:nth-of-type(3){ text-align: center; width: 480px; padding-left: 0; } .s3_content .cont >div{ float: left; } .s3_content .cont .li1{ width: 127px; padding-left: 20px; color: #888; display: flex; flex-direction: column; justify-content: center; } .s3_content .cont .li2{ padding-left: 40px; width: 180px; } .s3_content .cont .li3{ padding-left: 56px; width: 214px; } .s3_content .cont .li4{ padding-left: 40px; width: 290px; } .social_3 div,.social_3 li { box-sizing: border-box; } .s3_content .cont .cord{ margin-bottom: 10px; } .s3_content .cont h6{ color: #888; font-size: 14px; line-height: 22px; font-weight: 500; } .s3_content .cont p{ position: relative; color: #888; font-size: 14px; line-height: 22px; } .s3_content .cont p::before{ content: ''; position: absolute; top: 9px; left: -13px; width: 4px; height: 4px; background-color: #c8c8c8; border-radius: 50%; } .s3_content .odd{ background-color: #dce6f2; } .s3_content .even{ background-color: #376092; } .s3_content .even h6,.s3_content .even p,.s3_content .even .li1{ color: #fff; } .s3_content .cont{ display: flex; justify-content: center; align-items: center; padding: 40px 0; } .social_4-1.investor-new .le .list .box:nth-of-type(1) { border-top: none; padding-top: 0; } .social_4-1.investor-new .top,.social_4-1.investor-new .le .list{ padding-bottom: 0; } .social_4-1.social_1 .z-ovs-dt li{ margin-left: 0; } .social_4-1.social_1 .z-ovs-dt { margin-bottom: 40px; margin-top: 10px; } .social_4-2 .cont_img img{ margin: 0 auto 20px; } .social_4-2 p{ font-size: 14px; color: #818181; } .social_4-2 .so4_2-c2 { margin-top: 35px; } .social_4-2 .so4_2-c2 .icn{ margin-bottom: 15px; } .social_4-2 .so4_2-c2 >img{ margin: 40px auto 0; } .social_4-2 .so4_2-c3{ margin-top: 40px; } .social_4-2 .so4_2-c3 p{ margin-bottom: 10px; line-height: 22px; } .social_4-2 .so4_2-c3 >img{ padding-top: 25px; padding-bottom: 35px; } .social_4-2 h3{ color: #818181; margin-bottom: 10px; font-size: 18px; } .social_1.social_4-2 .top .ri { height: 2000px; } .social_1.social_4-2 .top { padding-bottom: 110px; } .social_4-3 .cont h3,.social_4-4 .cont h3{ color: #545454; font-size: 18px; margin-bottom: 25px; line-height: 1; } .social_4-3 .cont p,.social_4-4 .cont p{ color: #868686; font-size: 14px; line-height: 24px; } .social_4-3 .cont li,.social_4-4 .cont li{ position: relative; } .social_4-3 .cont li::after,.social_4-4 .cont li::after{ content: ''; position: absolute; left: 0; top: 6px; width: 8px; height: 12px; background: url(../news_img/develop/i4-2_ic2.png) no-repeat center; } .social_4-3 .cont li p,.social_4-4 .cont li p{ text-indent: 20px; position: relative; } .social_4-3 .cont ul{ margin-bottom: 20px; } .social_4-3 .cont .c1 img{ margin: 30px auto ; } .social_4-3 .cont >div{ margin-top: 30px; } .social_4-3 .cont .c3 li h6{ float: left; text-indent: 20px; color: #868686; font-size: 14px; } .social_4-3 .cont .c3 li p{ text-indent: 0; } .social_4-4 .cont img{ margin: 0 auto 30px; } .social_1.social_4-4 .z-ovs-dt{ margin-bottom: 30px; } .social_4-4 h6{ font-size: 14px; color: #545454; margin-bottom: 10px; } .social_4-4 .cont p{ margin-bottom: 25px; } .social_4-4 .cont li p{ margin-bottom: 0; } .social_4-4 .cont ul{ margin-top: -10px; margin-bottom: 30px; } .social_4-4 .c2 h3{ margin-bottom: 15px; } .social_4-5 .social_pdfList{ margin-top: 0; } .social_4-5 .l-more { display: block; margin: 50px 0; height: 50px; text-align: center; line-height: 50px; border: 1px solid #e8e9f0; color: #666; -webkit-transition: background-color 0.4s ease; -moz-transition: background-color 0.4s ease; -ms-transition: background-color 0.4s ease; -o-transition: background-color 0.4s ease; transition: background-color 0.4s ease; cursor: pointer; } .social_4-5 .l-more:hover { color: #FFF; background-color: #777777; } /* 投资者新增 */ .content .top .R_Bot h3{ margin-top: 40px !important; } .content .top .R_Bot .ri{ position: initial !important; padding-left: 0; } .content .top .R_Bot .cont{ padding-top: 0; } .content .top .R_Bot .ri>a{ left: 0; } .investor-new5 .z-h1{padding-top: 60px;} .investor-new5 .z-h2{padding-bottom: 34px;} .investor-new5 .Top{ padding-top: 0; } .investor-new5.news .l-more{ height: 70px; line-height: 70px; } .banner-7{ background: url(../news_img/investor/in_ban.jpg) no-repeat center; } .investor-new5 .ri .cont{ padding-top: 70px; } .investor-new5 .ri .cont>p{ color: #585b5d; font-size: 16px; margin-bottom: 35px; line-height: 1; } .investor-new5 .ri .cont .Tips h2{ position: relative; font-size: 33px; font-family: 'Myriad Pro Regular'; color: #ff1919; margin-bottom: 5px; } .investor-new5 .ri .cont .Tips h2.on{ color: #099818; } .investor-new5 .ri .cont .Tips h2.on::before{ transform: rotate(180deg); background: url(../news_img/investor/ico_.png) no-repeat center; } .investor-new5 .ri .cont .Tips h2::before{ content: ''; position: absolute; top: -20px; left: 0; background: url(../news_img/investor/ico.png) no-repeat center; width: 15px; height: 8px; } .investor-new5 .ri .cont .Tips .num{ color: #34364b; font-size: 20px; letter-spacing: -2px; font-weight: 600; } .investor-new5 .ri .cont .Tips p{ color: rgba(52, 54, 75, .7); } .investor-new5 .ri>a{ position: relative; left: -30px; } .investor-new5.about1 .top .ri{ height: 20000px!important; } .about1 .ri .inv_img{ position: relative; left: -30px; top: 25px; } .investor1.about1 .top .le{ position: relative; } .investor1.about1 .top{ height: auto; overflow: hidden; padding-bottom: 120px; } .investor1 .c_down{ width: 170px; height: 45px; margin-right: 20px; border-radius: 20px; position: absolute; top: 60px; right: 0; border: 1px solid #818181; cursor: pointer; } .investor1 .c_down.on span{ background: url(../news_img/investor/ico3.png) no-repeat 135px center; transition: all .2s; } .investor1 .c_down span{ color: #818181; font-family: 'DIN-BOLD'; display: flex; flex-direction: row; line-height: 45px; padding-left: 20px; transition: all .2s; background: url(../news_img/investor/ico2.png) no-repeat 135px center; } .investor1 .c_down span em{ padding-left: 20px; letter-spacing: -1px; } .investor1 .c_down ul{ display: none; top: 46px; max-height: 182px; position: absolute; left: -2px; right: 0; overflow: hidden; overflow-y: auto; color: #818181; z-index: 10; } .investor1 .c_down li{ padding-left: 30px; height: 45px; line-height: 45px; font-size: 14px; color: #818181; background: #f2f2f2; /* border-bottom: 2px solid #e6e6e6; */ transition: all .5s; font-family: 'DIN-BOLD'; position: relative; } .investor1 .c_down li:hover{ background: #e7e7e7; } .inv_cont{ overflow: hidden; } .inv_cont .title{ height: 80px; line-height: 80px; } .inv_cont .title{ background-color: #ededed; } .inv_cont ul li:nth-of-type(1){ width: 190px; } .inv_cont ul li:nth-of-type(2){ width: 280px; } .inv_cont ul li:nth-of-type(3){ width: 300px; } .inv_cont .ct > div{ overflow: hidden; border-bottom: 1px solid #eeeeee; height: 80px; line-height: 80px; } .inv_cont ul li { float: left; color: #666; font-size: 16px; text-align: center; font-family: 'DIN-BOLD'; } /* 小明 */ .social_8 .top .le { min-height: 400px; } /* pdf 列表 */ .social_pdfList { margin-top: 53px; } .social_pdfList .li { display: block; height: 100px; background-color: #FFF; position: relative; padding: 22px 150px 0 0; overflow: hidden; border-bottom: 3px solid #f6f4f1; box-sizing: border-box; transition: all .3s; } .social_pdfList h4 { color: #818181; font-size: 18px; line-height: 20px; height: 20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow-wrap: break-word; font-weight: 400; margin-bottom: 10px; } .social_pdfList .tips { font-size: 0; } .social_pdfList .tips em { display: inline-block; color: #d0d0d0; margin-right: 20px; font-size: 14px; } .social_pdfList .ic { width: 32px; height: 32px; background: url(../news_img/social/social_psfList-pdf.png) no-repeat 0 0; position: absolute; right: 70px; top: 34px; opacity: 0; transform: translateX(-100%); transition: all .3s .1s; } .social_pdfList .li::before { content: ""; width: 8px; height: 14px; background: url(../news_img/social/social_psfList-ic1.png) no-repeat 0 0; position: absolute; right: 0; top: 39px; opacity: 1; transform: translateX(0); transition: all .3s; } .social_pdfList .li::after { content: ""; width: 21px; height: 14px; background: url(../news_img/social/social_psfList-ic2.png) no-repeat 0 0; position: absolute; right: 20px; top: 39px; opacity: 0; transform: translateX(-100%); transition: all .3s; } .social_pdfList .con { transform: translateX(0); transition: all .3s; } .social_pdfList .li:hover { background-color: #faf8f5; } .social_pdfList .li:hover::before { opacity: 0; transform: translateX(120%); } .social_pdfList .li:hover::after { opacity: 1; transform: translateX(0); } .social_pdfList .li:hover .ic { opacity: 1; transform: translateX(0); } .social_pdfList .li:hover .con{ transform: translateX(20px); } /* 社会公益 */ .social_7-2_cont::after{ content: ""; display: block; clear: both; width: 100%; height: 0; } .social_7-2_cont .t_le { float: left; width: 376px; } .social_7-2_cont .t_le h5{ color: #818181; font-size: 16px; line-height: 24px; font-weight: 700; margin-bottom: 20px; } .social_7-2_cont .t_le p{ color: #868686; margin-bottom: 24px; } .social_7-2_cont .t_ri { float: right; width: 372px; } .social_7-2_cont .t_ri img{ width: 100%; } .social_6 .z-ovs-dt{ margin-bottom: 20px; } .social_6 .yuxCard .li h5{ height: auto; } .social_6 .yuxCard a:nth-of-type(1) img{ margin-top: 10px; } .social_6 .yuxCard a:nth-of-type(2) img{ margin-top: 25px; } .yuxCard{ font-size: 0; margin-right: -10px; margin-bottom: 50px; } .yuxCard .li{ display: inline-block; vertical-align: top; margin-right: 10px; width: 146px; height: 146px; font-size: 14px; background-color: #e9edf4; text-align: center; box-sizing: border-box; cursor: pointer; } .yuxCard .li.on{ border-bottom: 5px solid #000099; } .yuxCard .li h5{ height: 74px; padding: 20px 14px 0; color: #545454; font-size: 18px; font-weight: 400; box-sizing: border-box; font-weight: bold; cursor: pointer; } .yuxCard .li .ic { display: block; margin: 0 auto; } .social_6-2_cont .cont .img{ margin-bottom: 35px; } .social_6-2_cont .cont h3{ color: #868686; } .social_6-2_cont .cont .show_Fdf{ /* margin-bottom: 20px; */ margin-top: 20px; } .social_6-2_cont .cont .show_Fdf .pft_show{ color: #0066cc; margin-top: 0; display: block; } .social_6-2_cont .cont p{ color: #868686; vertical-align: middle; } .social_6-2_cont .cont .tic { display: inline-block; margin-right: 24px; } .social_6-2_cont .cont h4{ color: #818181; font-size: 16px; line-height: 1; margin-top: 24px; margin-bottom: 14px; } .social_6-2_cont .cont a{ display: inline-block; color: #868686; margin-top: 14px; transition: all .3s; } .social_6-2_cont .cont a:hover{ color: #333; } .social_6-2_cont .cont .ul_img{ margin-top: 25px; } .social_6-2_cont .cont .ul_img li{ float: left; margin-right: 10px; } .social_6-2_cont .cont .ul_img li:nth-child(3n){ margin-right: 0; } .social_6-2_cont .cont .img{ margin-bottom: 35px; } .social_6-2_cont .cont p{ color: #868686; vertical-align: middle; } .social_6-2_cont .cont .tic { display: inline-block; margin-right: 24px; } .social_6-2_cont .cont h4{ color: #818181; font-size: 16px; line-height: 1; margin-top: 24px; margin-bottom: 14px; } .social_6-2_cont .cont a{ display: inline-block; color: #868686; margin-top: 14px; transition: all .3s; } .social_6-2_cont .cont a:hover{ color: #333; } .social_5_cont .soc5_Le{ width: 375px; padding-right: 30px; box-sizing: border-box; float: left; } .social_5_cont .soc5_Ri{ float: right; position: relative; } .social_5_cont .soc5_Ri .R_txt{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; margin: 0 auto; width: 100%; height: 100%; } .social_5_cont .soc5_Le p{ color: #868686; } .social_5_cont .soc5_Ri .R_txt { padding-top: 80px; } .social_5_cont .soc5_Ri .R_txt p{ text-align: center; color: #9def9d; } .social_5_cont .soc5_Ri .R_txt h5{ color: #92db9e; font-size: 18px; margin-top: 30px; margin-bottom: 10px; } .social_5_cont .soc5_Ri .R_txt h5:nth-of-type(1){ margin-top: 0; } .social_5_cont .cont .img { margin-bottom: 35px; } .social_5_cont .cont p { color: #868686; vertical-align: middle; } .social_5_cont .cont .tic { display: inline-block; margin-right: 6px; } .social_5_cont .cont h4 { color: #818181; font-size: 16px; line-height: 1; margin-top: 24px; margin-bottom: 24px; } .social_5_cont .cont a { display: inline-block; color: #868686; margin-top: 14px; transition: all .3s; } .social_5_cont .cont a:hover { color: #333; } .social_5_table .th { padding: 24px 37px; background-color: #376092; color: #FFF; font-size: 16px; } .social_5_table .td { padding: 24px 30px 24px 89px; background-color: #dce6f2; color: #888888; font-size: 16px; border-bottom: 1px solid #e9eff7; position: relative; } .social_5_table .td::before{ content: ""; width: 57px; background: url(../news_img/social/social_5_table-bor.png) no-repeat center; border-right: 1px solid #e9eff7; position: absolute; left: 0; top: 0; bottom: 0; } .social_7-1_cont .img{ margin-bottom: 45px; } .social_7-1_cont h3{ font-size: 16px ; color: #818181; line-height: 1; margin-bottom: 20px; } .social_7-1_cont p{ color: #868686; margin-bottom: 20px; font-size: 14px; line-height: 24px; } .social_1.social_7-1 .top .ri { height: 3000px; } .pop { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; /* overflow: hidden; overflow-y: auto; background-color: rgba(0, 0, 0, 0.5); */ } .pop::-webkit-scrollbar { display: none; } .pop .bg{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0, 0, 0, .3); } .pop .popBody{ position: relative; top: 50%; left: 50%; margin-left: -600px; margin-top: -313px; width: 1200px; height: 500px; z-index: 2; background: #fff; padding: 55px 20px 60px 40px; } .pop .detailed { height: 405px; overflow: auto; padding-right: 40px; } /* .statement_pop .detailed h3:nth-of-type(1){ margin-top: 0; } */ .pop .detailed h3{ font-size: 16px; color: #999999; margin-bottom: 10px; margin-top: 15px; } .pop .detailed p{ font-size: 14px; line-height: 22px; color: #999; } .pop .title .cn { font-size: 30px; color: #666666; line-height: 24px; text-align: left; font-weight: 100; line-height: 1; margin-bottom: 5px; } .pop .title .en { font-size: 30px; color: #d82c1d; line-height: 24px; text-align: left; font-family: 'FS_SINCLAIR'; letter-spacing: -1px; text-transform: uppercase; } .pop .title { padding-bottom: 30px; margin: 0; border: none; } .pop .close { position: absolute; top: 40px; right: 40px; width: 30px; height: 30px; background: url(../news_img/test/close.png) no-repeat center; background-size: cover; cursor: pointer; z-index: 1; } #footer em.foot_statement { cursor: pointer; } .investor-new5.news .top{ height: 580px !important; }