/* * @Title: 氓鈥β泵р€澛β犅访ヂ悸徝÷ * @Author: 茅鈥澛惷好ぢ衡€櫭ヅ犅?忙艩鈧ε撀︹€澛ε捖?莽沤鈥姑︹€撯€∶锯€ * @Date: 2018-11-20 14:00:00 * @Last Modified time: */ /*reset*/ * { padding: 0; margin: 0; line-height: 0.8em; font-family: 'fanzhen', "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, Arial, sans-serif; } body { max-width: 1920px; min-width: 1280px; margin: 0 auto; overflow-x: hidden; padding-top: 270px; } ul, ol { list-style: none; } a { display: block; text-decoration: none; color: inherit; } img, input, select, textarea, button { border: none; outline: none; } img { display: block; } .clearfix { display: block; clear: both; } /*::-webkit-scrollbar{ width: 2px; height: 8px; background-color:#fff;-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0;} ::-webkit-scrollbar-thumb{ background-color:rgb(230,0,18); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; }*/ /*font*/ /* 鏂规 */ @font-face { font-family: 'fanzhen'; src: url(../font/fanzhen.eot); src: url(../font/fanzhen.eot?#iefix) format('embedded-opentype'), url(../font/fanzhen.woff) format('woff'), url(../font/fanzhen.ttf) format('truetype'), url(../font/fanzhen.svg#DIN-Medium) format('svg'); } @font-face { font-family: 'webfont-DIN-Medium'; src: url(../font/DIN-Medium.eot); src: url(../font/DIN-Medium.eot?#iefix) format('embedded-opentype'), url(../font/DIN-Medium.woff) format('woff'), url(../font/DIN-Medium.ttf) format('truetype'), url(../font/DIN-Medium.svg#DIN-Medium) format('svg'); } @font-face { font-family: 'DINPro'; src: url(../font/DINPro-Light.eot); src: url(../font/DINPro-Light.eot?#iefix) format('embedded-opentype'), url(../font/DINPro-Light.woff) format('woff'), url(../font/DINPro-Light.ttf) format('truetype'), url(../font/DINPro-Light.svg#DIN-Medium) format('svg'); } /*脙陇脗戮脗搂脙篓脗戮脗鹿脙楼芒鈧好偮好兟ッ偮吢∶兟γ呪€櫭⑩偓掳脙漏芒鈧劉脗庐*/ .fixedNavR { display: none; width: 60px; border: 1px solid #dfcfb7; background-color: #FFF; position: fixed; right: 10px; bottom: 80px; } .fixedNavR li { height: 60px; overflow: hidden; box-sizing: border-box; font-size: 15px; border-top: 1px solid #dfcfb7; color: #54442e; cursor: pointer; } .fixedNavR li a { display: block; width: 60px; height: 60px; overflow: hidden; } .fixedNavR li.reTop { border-top: none; background: url("../images/fixednavr-re-top.png") no-repeat center; } .fixedNavR li.rePage { background: url("../images/fixednavr-re-page.png") no-repeat center; } .fixedNavR li:hover .ch { opacity: 1; filter: alpha(100); } .fixedNavR li .ch { width: 60px; height: 60px; background-color: #fff7ea; color: #54442e; text-align: center; line-height: 1.2; padding-top: 11px; opacity: 0; filter: alpha(0); transition: all .2s ease; } /*2020.3.23 FUN+氓鹿赂莽娄聫莽鈥澟该β绰 */ .productFunLive_changping { padding-top: 60px; } .productFunLive_changping .w1200 { padding-bottom: 74px; } .productFunLive_changping .tip { margin-bottom: 30px; } .productFunLive_changping .tip h3 { color: #333333; font-size: 24px; line-height: 1; margin-bottom: 20px; } .productFunLive_changping .w1200 { border-bottom: 4px solid #dfe1e3; overflow: hidden; } .productFunLive_changping .card { width: 1200px; text-align: center; overflow: hidden; } .productFunLive_changping .card .li { display: inline-block; width: 282px; height: 390px; background-color: #FFF; margin: 0 12px; cursor: default; } .productFunLive_changping .card .li .img { margin-bottom: 30px; } .productFunLive_changping .card .li h4 { color: #84888b; font-size: 21px; line-height: 1; margin-bottom: 10px; font-weight: 400; } .productFunLive_changping .card .li h5 { color: #aeb1b2; font-size: 21px; margin-bottom: 25px; font-family: 'DINPro'; line-height: 1; font-weight: 300; opacity: .5; filter: alpha(50); } .productFunLive_changping .card .li h5 em { display: inline-block; width: 3px; height: 3px; vertical-align: middle; margin: 0 4px; background: url("../images/product_fun_live-ha-bor.png") no-repeat center center; } .productFunLive_changping .card .li p { font-size: 16px; line-height: 1.4; width: 282px; height: 36px; display: table-cell; padding: 0 20px; vertical-align: middle; } /*2020.3.23 忙艙藛氓潞娄茅鈧∶ */ .investor_message .show .toggle { padding-left: 30px !important; } .investor_message .cMore { margin-left: 326px; margin-top: 40px; } .investor_message .filter { position: relative; z-index: 2; margin: -40px 0 10px 0; height: 60px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); font-size: 0px; } .investor_message .filter .years { width: 240px; height: 56px; display: inline-block; vertical-align: top; position: relative; } .investor_message .filter .years input { display: block; width: 100%; height: 56px; box-sizing: border-box; text-indent: 20px; font-size: 14px; color: #000; border-right: 2px solid #E9E2DD; background: #fff url(../img/news/media_news_02.png) no-repeat right 20px center; cursor: pointer; } .investor_message .filter .years ul { display: none; position: absolute; left: -2px; top: 60px; width: 242px; max-height: 340px; box-sizing: border-box; border: 2px solid #E9E2DD; background-color: #FBFBFB; overflow-x: hidden; overflow-y: auto; } .investor_message .filter .years ul li { height: 56px; line-height: 56px; text-indent: 20px; font-size: 14px; color: #000; cursor: pointer; display: block; margin: 0; } .investor_message .filter .input { display: inline-block; vertical-align: top; width: 518px; height: 56px; position: relative; } .investor_message .filter .input input { width: 100%; height: 56px; box-sizing: border-box; padding: 0 78px 0 30px; background-color: transparent; font-size: 14px; color: #000; } .investor_message .filter .input button { position: absolute; z-index: 2; width: 64px; height: 56px; top: 0; right: 0; background: url(../img/news/media_news_03.png) no-repeat center; cursor: pointer; text-indent: -9999px; } .cMore:hover { background-color: rgb(195, 32, 45); } .cMore { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; transition: all 400ms; } /*2020.3.24 氓鈥βモ€樑犆ヂ徟犆绰⒚ε犅 */ .investor_journal .text .investor_journal_filter { position: relative; z-index: 2; margin: 20px 0 20px 0; height: 60px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); font-size: 0px; } .investor_journal .text .investor_journal_filter .years { width: 240px; height: 56px; display: inline-block; vertical-align: top; position: relative; } .investor_journal .text .investor_journal_filter .years input { display: block; width: 100%; height: 56px; box-sizing: border-box; text-indent: 20px; font-size: 14px; color: #000; border-right: 2px solid #E9E2DD; background: #fff url(../img/news/media_news_02.png) no-repeat right 20px center; cursor: pointer; } .investor_journal .text .investor_journal_filter .years ul { display: none; position: absolute; left: -2px; top: 60px; width: 242px; max-height: 340px; box-sizing: border-box; border: 2px solid #E9E2DD; background-color: #FBFBFB; overflow-x: hidden; overflow-y: auto; } .investor_journal .text .investor_journal_filter .years ul li { height: 56px; line-height: 56px; text-indent: 20px; font-size: 14px; color: #000; cursor: pointer; } .investor_journal .text .investor_journal_filter .input { display: inline-block; vertical-align: top; width: 546px; height: 56px; position: relative; } .investor_journal .text .investor_journal_filter .input input { width: 100%; height: 56px; box-sizing: border-box; padding: 0 78px 0 30px; background-color: transparent; font-size: 14px; color: #000; } .investor_journal .text .investor_journal_filter .input button { position: absolute; z-index: 2; width: 64px; height: 56px; top: 0; right: 0; background: url(../img/news/media_news_03.png) no-repeat center; cursor: pointer; text-indent: -9999px; } /*2020.3.34 氓艙掳氓鈥郝久ヅ概矫ヂ糕€毭ニ嗏€∶β嵚?/ .product_fun_sport-mapChenTab .chen-tav { overflow: hidden; padding: 30px 0 20px; width: 524px; } .product_fun_sport-mapChenTab .chen-tav .li.on { color: #fabe00; } .product_fun_sport-mapChenTab .chen-tav .li { float: left; font-size: 16px; line-height: 1; color: #84888b; width: 87px; cursor: pointer; } /*public*/ .header { max-width: 1920px; min-width: 1280px; width: 100%; height: 90px; margin: 0 auto; position: fixed; z-index: 999; top: 0; left: 0; right: 0; box-sizing: border-box; background-color: #fff; border-bottom: 4px solid rgb(205, 201, 197); } .header .logo { float: left; width: 120px; height: 56px; background: url(../img/public/header_logo.png) no-repeat left center; margin-top: 15px; margin-left: 30px; } .header .navbar { float: right; position: relative; height: 86px; margin-right: 14px; } .header .navbar>li { float: left; position: relative; z-index: 3; height: 90px; } .header .navbar>li>a { height: 86px; } .header .navbar>li>a h2 { font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; height: 86px; line-height: 86px; padding: 0 14px; transition: all 400ms; } .header .navbar>li.on>a h2 { color: rgb(230, 0, 18); } .header .navbar ul { position: absolute; top: 90px; left: 0px; height: 0px; font-size: 0px; white-space: nowrap; overflow: hidden; width: 1920px; padding-left: 2000px; margin-left: -2000px; background: url(../img/public/header_navbarbg.png); } .header .navbar ul li { display: inline-block; vertical-align: top; } .header .navbar ul>li:first-child { margin-left: 14px; } .header .navbar ul li h3 { height: 60px; line-height: 60px; margin-right: 20px; font-size: 14px; color: #fff; position: relative; opacity: 0; filter: Alpha(opacity=0); top: 30px; } .header .navbar>li:hover ul { height: 60px; } .header .navbar>li:hover .li1 h3 { opacity: 1; filter: Alpha(opacity=100); top: 0px; transition: all 1000ms 100ms; } .header .navbar>li:hover .li2 h3 { opacity: 1; filter: Alpha(opacity=100); top: 0px; transition: all 1000ms 250ms; } .header .navbar>li:hover .li3 h3 { opacity: 1; filter: Alpha(opacity=100); top: 0px; transition: all 1000ms 400ms; } .header .navbar>li:hover .li4 h3 { opacity: 1; filter: Alpha(opacity=100); top: 0px; transition: all 1000ms 550ms; } .header .navbar>li:hover .li5 h3 { opacity: 1; filter: Alpha(opacity=100); top: 0px; transition: all 1000ms 700ms; } .header .navbar>li:hover .li6 h3 { opacity: 1; filter: Alpha(opacity=100); top: 0px; transition: all 1000ms 850ms; } .header .navbar .subline { height: 4px; position: absolute; z-index: 2; top: 86px; background-color: rgb(230, 0, 18); } .header .oa { float: right; margin-right: 38px; height: 86px; line-height: 86px; font-size: 14px; color: rgb(51, 51, 51); padding-left: 30px; background: url(../img/public/header_update.png) no-repeat left center; font-weight: bold; } .header .language { float: right; } .header .language li { display: inline-block; } .header .language li a { height: 86px; line-height: 86px; font-size: 14px; color: rgb(51, 51, 51); margin-right: 42px; font-weight: bold; } .header .language :first-child a { margin-right: 15px; } .header .search { float: right; width: 22px; height: 30px; margin-top: 28px; margin-right: 22px; position: relative; } .header .search a { width: 22px; height: 30px; background: url(../img/public/header_search.png) no-repeat left center; } .header .search div { position: absolute; top: 62px; left: 0px; width: 200px; height: 46px; overflow: hidden; } .header .search div input { position: absolute; top: -46px; left: 0px; width: 200px; height: 46px; box-sizing: border-box; padding: 0 10px; border-left: 4px solid rgb(205, 201, 197); border-right: 4px solid rgb(205, 201, 197); border-bottom: 4px solid rgb(205, 201, 197); font-size: 14px; color: rgb(51, 51, 51); font-weight: bold; outline: none; background-color: transparent; background-color: #fff; transition: all 400ms; } .bannerbg { position: fixed; z-index: 1; top: 90px; left: 0; width: 100%; height: 180px; } .bannerbg div { width: 1200px; margin: 110px auto 0 auto; font-family: 'webfont-DIN-Medium'; font-size: 48px; color: #fff; text-transform: uppercase; letter-spacing: -2px; text-align: right; } .banner { height: 80px; position: relative; } .banner .route { position: absolute; width: 1200px; height: 80px; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1; box-sizing: border-box; border-bottom: 4px solid rgb(235, 235, 235); } .banner .route li { float: left; } .banner .route a { height: 76px; line-height: 76px; font-size: 14px; color: rgb(102, 102, 102); margin-right: 21px; padding-left: 18px; background: url(../img/public/banner_02.png) no-repeat left center; font-weight: bold; } .banner .route :first-child a { padding-left: 33px; background-image: url(../img/public/banner_01.png); } .banner .route :last-child a { color: rgb(230, 0, 18); } .banner .subnav { width: 1200px; height: 80px; position: absolute; top: 0px; right: 0px; left: 0px; z-index: 2; margin: auto; text-align: right; font-size: 0px; } .banner .subnav li { display: inline-block; vertical-align: top; margin-left: 36px; } .banner .subnav li a h3 { height: 76px; line-height: 76px; font-size: 14px; color: rgb(102, 102, 102); font-weight: bold; transition: all 400ms; } .banner .subnav li a.on h3 { color: rgb(230, 0, 18); border-bottom: 4px solid rgb(230, 0, 18); } .banner .subnav li a h3:hover { color: rgb(230, 0, 18); } .banner .subnav li a h3.hcolor1:hover { color: rgb(230, 0, 18); } .banner .subnav li a h3.hcolor2:hover { color: #0eb0a4; } .banner .subnav li a h3.hcolor3:hover { color: #116ea6; } .banner .subnav li a h3.hcolor4:hover { color: #fabe00; } .content { position: relative; z-index: 2; background-image: linear-gradient(0deg, rgb(245, 240, 237) 0%, rgb(255, 255, 255) 100%); } .content .wrap { padding-top: 60px; padding-bottom: 60px; } .content .wrap .show { width: 1200px; margin: 0 auto; } .content p { font-size: 14px; color: rgb(132, 136, 139); margin-bottom: 15px; line-height: 24px; } .footer { height: 120px; background-color: rgb(245, 240, 237); position: relative; z-index: 3; } .footer .wrap { width: 1200px; height: 120px; margin: 0 auto; box-sizing: border-box; border-top: 4px solid rgb(255, 255, 255); padding-top: 34px; } .footer .wrap .copyright { float: left; font-size: 0px; } .footer .wrap .copyright div { display: inline-block; vertical-align: top; } .footer .wrap .copyright .company { font-size: 14px; color: rgb(83, 83, 83); opacity: 0.7; filter: alpha(opacity=70); margin-right: 16px; font-weight: bold; } .footer .wrap .copyright .numb { font-size: 14px; color: rgb(83, 83, 83); opacity: 0.7; filter: alpha(opacity=70); font-weight: bold; } .footer .wrap .copyright .address { display: block; margin-top: 16px; font-size: 16px; color: rgb(83, 83, 83); opacity: 0.7; filter: alpha(opacity=70); font-weight: bold; } .footer .wrap .copyright .iphone { margin-top: 16px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: #ff8a00; } .footer .wrap .contactus { float: right; } .footer .wrap .contactus ul { display: inline-block; font-size: 0px; vertical-align: top; } .footer .wrap .contactus ul li { display: inline-block; vertical-align: top; } .footer .wrap .contactus ul li a { font-size: 13px; color: rgb(83, 83, 83); opacity: 0.7; filter: alpha(opacity=70); font-weight: bold; margin-left: 18px; position: relative; } .footer .wrap .contactus ul li a::before { content: ""; width: 2px; height: 2px; position: absolute; top: 50%; margin-top: -1px; left: -10px; background-color: rgb(83, 83, 83); opacity: 0.7; filter: alpha(opacity=70); } .footer .wrap .contactus ul>:first-child a::before { display: none; } .footer .wrap .contactus div { display: inline-block; vertical-align: top; width: 33px; height: 33px; margin-top: -10px; margin-left: 22px; position: relative; } .footer .wrap .contactus div em { display: block; width: 33px; height: 33px; background: url(../img/public/footer_weixin.png) no-repeat center; cursor: pointer; text-indent: -9999px; } .footer .wrap .contactus div img { width: 150px; height: 150px; display: none; position: absolute; top: -174px; right: 0px; } .footer.on .wrap .copyright .company { display: block; font-size: 16px; margin-bottom: 10px; } .footer.on .wrap .copyright .numb { font-size: 16px; } .footer.on .wrap .copyright .address, .footer.on .wrap .copyright .iphone { display: none; } /*20205.15 氓潞鈥⒚┢捖ぢ号捗宦疵犅 start*/ .footer .wrap .contactus div { margin-left: 10px; } .footer .wrap .contactus .weixin em { background: url(../img/public/footer_weixin.png) no-repeat center; } .footer .wrap .contactus .douyin em { background: url(../img/public/footer_douyin.png) no-repeat center; } .footer .wrap .contactus .junxj { width: 58px; } .footer .wrap .contactus .junxj em { width: 58px; background: url(../img/public/footer_junxj.png) no-repeat center; } /*20205.15 end*/ /*index*/ .index_footer { background-color: #fff; } .index_slide { position: relative; z-index: 2; top: 0px; left: 0px; width: 100%; max-width: 1920px; min-width: 1280px; overflow: hidden; } .index_slide>a { position: absolute; z-index: 2; top: 50%; margin-top: -28px; left: -56px; width: 56px; height: 56px; background: url(../img/news/media_adveitise_01.png) no-repeat center; cursor: pointer; transition: all 400ms; } .index_slide>a.next { left: auto; right: -56px; background-image: url(../img/news/media_adveitise_02.png); } .index_slide:hover>a.prev { left: 56px; } .index_slide:hover>a.next { right: 56px; } .index_slide>a.prev:hover { background-image: url(../img/news/media_adveitise_01-on.png); } .index_slide>a.next:hover { background-image: url(../img/news/media_adveitise_02-on.png); } .index_slide .box { width: 100%; } .index_slide .box li { width: 100%; background-repeat: no-repeat; background-position: center; } .index_slide .box li img { display: block; width: 100%; } .index_slide .smallimg { position: absolute; width: 1200px; height: 80px; bottom: 30px; left: 0; right: 0; margin-left: auto; margin-right: auto; background: url(../img/index/index_slide_smallimg.png) no-repeat right; } .index_slide .hd { position: absolute; z-index: 3; width: 1200px; height: 8px; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 40px; font-size: 0px; } .index_slide .hd li { display: inline-block; vertical-align: top; width: 8px; height: 8px; margin-right: 10px; background-color: #fff; border-radius: 8px; transition: all 400ms; } .index_slide .hd li.on { background-color: rgb(230, 0, 18); } .index .t_wrap { width: 1200px; height: 333px; margin: 0 auto; box-sizing: border-box; padding-bottom: 30px; } .index .t_wrap .new { float: left; width: 434px; height: 100%; } .index .t_wrap .new .news { margin-top: 33px; font-family: 'webfont-DIN-Medium'; font-size: 32px; color: rgb(230, 0, 18); text-transform: uppercase; letter-spacing: -2px; } .index .t_wrap .new .title { margin-top: 20px; margin-bottom: 8px; } .index .t_wrap .new .title .day { float: left; color: #7a7774; font-family: 'webfont-DIN-Medium'; font-size: 20px; letter-spacing: -1px; width: 96px; line-height: 1.2em; } .index .t_wrap .new .title h4 { float: right; width: 328px; margin-left: 10px; font-size: 18px; line-height: 1.4em; color: rgb(102, 102, 102); } .index .t_wrap .new p a { font-size: 14px; color: rgb(83, 83, 83); opacity: 0.6; filter: Alpha(opacity=60); line-height: 1.6em; } .index .t_wrap .new .look { display: inline-block; margin-top: 18px; margin-bottom: 20px; height: 12px; line-height: 12px; font-size: 12px; color: rgb(204, 204, 204); padding-left: 30px; background: url(../img/index/index_00.jpg) no-repeat left center; } .index .t_wrap .new .news_more { font-size: 14px; font-weight: normal; color: rgba(83, 83, 83, 0.8) !important; } .index .t_wrap .new ul { border-bottom: 4px solid rgb(243, 240, 237); padding-bottom: 16px; } .index .t_wrap .new ul a { margin-top: 14px; font-size: 14px; color: rgb(83, 83, 83); opacity: 0.8; filter: Alpha(opacity=80); } .index .t_wrap .new ul a strong { margin-right: 10px; font-weight: normal; } .index .t_wrap .new ul a em { font-style: normal; font-family: 'webfont-DIN-Medium'; } .index .t_wrap .bus { float: right; width: 720px; height: 100%; } .index .t_wrap .bus .share { height: 78px; text-align: right; } .index .t_wrap .bus .share>div { display: inline-block; vertical-align: top; } .index .t_wrap .bus .share .numb { font-family: 'webfont-DIN-Medium'; font-size: 36px; padding-top: 30px; color: rgb(102, 102, 102); letter-spacing: -2px; } .index .t_wrap .bus .share .numb.up { background: url(../img/index/index_01.png) no-repeat left 14px; color: rgb(230, 0, 18); } .index .t_wrap .bus .share .numb.down { background: url(../img/index/index_02.png) no-repeat left 14px; color: rgb(93, 180, 65); } .index .t_wrap .bus .share .code { font-size: 16px; color: rgb(51, 51, 51); margin-top: 30px; margin-left: 15px; } .index .t_wrap .bus .share .code strong { display: block; text-align: left; font-weight: normal; font-family: 'webfont-DIN-Medium'; margin-bottom: 4px; font-size: 24px; letter-spacing: -2px; } .index .t_wrap .bus .share .code em { font-style: normal; opacity: 0.7; filter: Alpha(opacity=70); font-size: 13px; color: #34364b; } .index .t_wrap .bus ul { height: 225px; width: 724px; overflow: hidden; } .index .t_wrap .bus ul li { float: left; } .index .t_wrap .bus ul li a { width: 135px; height: 225px; box-sizing: border-box; padding-top: 46px; padding-left: 20px; position: relative; transition: all 400ms; } .index .t_wrap .bus ul li a.alink1 { background: url(../img/index/index_03.jpg); } .index .t_wrap .bus ul li a.alink2 { background: url(../img/index/index_04.jpg); } .index .t_wrap .bus ul li a.alink3 { background: url(../img/index/index_05.jpg); } .index .t_wrap .bus ul li a.alink4 { background: url(../img/index/index_06.jpg); } .index .t_wrap .bus ul li a .cn { font-size: 16px; text-transform: uppercase; font-weight: bold; color: #fff; opacity: 0.5; filter: alphga(opacity=50); transition: all 400ms; } .index .t_wrap .bus ul li a .cn em { font-style: normal; position: relative; } .index .t_wrap .bus ul li a .cn em:first-child { padding-right: 7px; } .index .t_wrap .bus ul li a .cn em:first-child::after { content: "+"; display: block; position: absolute; top: -1px; right: -1px; font-size: 12px; font-weight: bold; } .index .t_wrap .bus ul li a .en { font-family: 'webfont-DIN-Medium'; font-size: 18px; color: #fff; line-height: 1.2em; padding-bottom: 50px; margin-top: 15px; background: url(../img/index/index_07.png) no-repeat -24px bottom; opacity: 0; filter: alpha(opacity=0); transition: all 400ms; text-transform: uppercase; font-weight: normal; } .index .t_wrap .bus ul li a .en em { font-style: normal; position: relative; font-family: 'webfont-DIN-Medium'; } .index .t_wrap .bus ul li a .en em:first-child::after { content: "+"; display: block; position: absolute; top: 0px; right: -12px; font-size: 16px; font-weight: normal; } .index .t_wrap .bus ul li a.on { width: 319px; } .index .t_wrap .bus ul li a.on.alink1 { background: url(../img/index/index_03_on.jpg); } .index .t_wrap .bus ul li a.on.alink2 { background: url(../img/index/index_04_on.jpg); } .index .t_wrap .bus ul li a.on.alink3 { background: url(../img/index/index_05_on.jpg); } .index .t_wrap .bus ul li a.on.alink4 { background: url(../img/index/index_06_on.jpg); } .index .t_wrap .bus ul li a.on .cn { opacity: 1; filter: alphga(opacity=100); } .index .t_wrap .bus ul li a.on .en { opacity: 1; filter: alphga(opacity=100); background-position: 0px bottom; } .index .b_wrap { height: 270px; background-color: rgb(252, 249, 248); } .index .b_wrap .inbox { width: 1200px; height: 270px; margin: 0 auto; } .index .b_wrap .inbox>div { float: left; height: 270px; position: relative; } .index .b_wrap .inbox>div img { max-width: 100%; height: 270px; display: block; } .index .b_wrap .inbox>div img.horse { max-width: none; margin-left: -30px; } .index .b_wrap .inbox>div .en { position: absolute; top: 130px; font-family: 'webfont-DIN-Medium'; font-size: 20px; color: rgb(122, 119, 116); opacity: 0.4; filter: Alpha(opacity=40); text-transform: uppercase; letter-spacing: -1px; line-height: 1em; } .index .b_wrap .inbox>div .cn { position: absolute; top: 100px; font-size: 20px; color: rgb(230, 0, 18); opacity: 0.8; filter: Alpha(opacity=80); font-weight: bold; } .index .b_wrap .inbox .left { position: relative; width: 480px; background: black; overflow: hidden; } .index .b_wrap .inbox .left .video { width: 100%; height: 270px; } .index .b_wrap .inbox .left .video:focus { outline: none; } .index .b_wrap .inbox .left .index_video_list { position: absolute; width: 120px; height: 270px; padding: 5px; background: rgba(255, 255, 255, .5); right: 0; top: 0; box-sizing: border-box; transition: all 0.3s ease-in-out; } .index .b_wrap .inbox .left .index_video_list.hidden { right: -120px; } .index .b_wrap .inbox .left .index_video_list li { position: relative; display: block; width: 110px; height: 61px; background: #000; box-sizing: border-box; margin-bottom: 5px; cursor: pointer; border: 1px solid transparent; } .index .b_wrap .inbox .left .index_video_list li .title { position: absolute; background: rgba(0, 0, 0, .6); width: 100%; height: 20px; padding: 0 3px; left: 0; bottom: 0; line-height: 20px; color: rgba(255, 255, 255, .9); font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; } .index .b_wrap .inbox .left .index_video_list li.cur { border: 1px solid #f6ecea; } .index .b_wrap .inbox .left .index_video_list li>img { width: 100%; height: 55px; } .index .b_wrap .inbox .left .index_video_list .slide { position: absolute; width: 10px; height: 70px; left: -10px; top: 100px; background: rgba(255, 255, 255, .5); border-left: 1px solid rgba(255, 255, 255, .8); border-radius: 10px 0 0 10px; cursor: pointer; } .index .b_wrap .inbox .left .index_video_list .slide::before { display: block; content: ''; width: 0; height: 0; border: 5px solid; border-top-width: 4px; border-bottom-width: 4px; border-color: transparent transparent transparent #000; margin-top: 30px; margin-left: 2px; transition: all .3s ease-in-out; } .index .b_wrap .inbox .left .index_video_list.hidden .slide::before { transform: rotate(180deg); transform-origin: 2px 5px; margin-left: 3px; } .index .b_wrap .inbox .left .en { left: 246px; } .index .b_wrap .inbox .left .cn { left: 246px; } .index .b_wrap .inbox .center { width: 450px; } .index .b_wrap .inbox .center a { overflow: hidden; } .index .b_wrap .inbox .center .en { left: 200px; } .index .b_wrap .inbox .center .cn { left: 200px; } .index .b_wrap .inbox .right { width: 270px; } .index .b_wrap .inbox .right .en { left: 128px; } .index .b_wrap .inbox .right .cn { left: 128px; } .index .b_wrap .inbox>div.clearfix { height: 0px; } /*index_statement*/ .index_statement .show { font-size: 0px; min-height: 564px; } .index_statement .show .title { display: inline-block; vertical-align: top; width: 377px; } .index_statement .show .title h3 { font-weight: normal; font-size: 24px; color: rgb(230, 0, 18); } .index_statement .show .title em { font-family: 'webfont-DIN-Medium'; font-size: 20px; color: #e9e2dd; font-style: normal; letter-spacing: -1px; text-transform: uppercase; margin-top: 10px; display: block; } .index_statement .show .des { display: inline-block; vertical-align: top; width: 823px; box-sizing: border-box; border-left: 4px solid rgb(233, 226, 221); padding-left: 30px; } .index_statement .show .des p strong { display: block; font-size: 16px; color: rgb(102, 102, 102); } /*index_sitemap*/ .index_sitemap { padding-bottom: 0px !important; } .index_sitemap .show { font-size: 0px; } .index_sitemap .show .title { display: inline-block; vertical-align: top; width: 377px; } .index_sitemap .show .title h3 { font-weight: normal; font-size: 24px; color: rgb(230, 0, 18); } .index_sitemap .show .title em { font-family: 'webfont-DIN-Medium'; font-size: 20px; color: #e9e2dd; font-style: normal; letter-spacing: -1px; text-transform: uppercase; margin-top: 10px; display: block; } .index_sitemap .show .des { display: inline-block; vertical-align: top; width: 823px; box-sizing: border-box; border-left: 4px solid rgb(233, 226, 221); padding-left: 30px; padding-bottom: 60px; } .index_sitemap .show .des>li>a h2 { margin-top: 35px; margin-bottom: 15px; font-size: 16px; color: rgb(102, 102, 102); padding-left: 30px; border-left: 4px solid rgb(230, 0, 18); position: relative; top: 0; left: -34px; } .index_sitemap .show .des>li:first-child>a h2 { margin-top: 0px; } .index_sitemap .show .des ul li { display: inline-block; vertical-align: top; margin-right: 36px; } .index_sitemap .show .des ul li h3 { font-size: 14px; color: #84888B; } .index_sitemap .show .des ul li h3 em { font-style: normal; position: relative; display: inline-block; padding-right: 12px; } .index_sitemap .show .des ul li h3 em::after { content: "+"; display: block; position: absolute; top: -5px; right: 0px; } /*index_search*/ .index_search .keyword { font-size: 14px; color: #84888B; margin-bottom: 40px; } .index_search .keyword q { color: rgb(230, 0, 18); padding: 0 10px; font-weight: bold; } .index_search .newsbars li a { width: 1200px; height: 150px; background-color: #fff; box-sizing: border-box; padding: 30px 30px 30px 150px; font-size: 0px; position: relative; margin-top: 10px; } .index_search .newsbars li a .day { position: absolute; top: 30px; left: 30px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(230, 0, 18); letter-spacing: -2px; } .index_search .newsbars li a .tit { font-size: 20px; color: rgb(51, 51, 51); margin-bottom: 20px; } .index_search .newsbars li a p { margin-bottom: 0; } .index_search .more { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; margin-top: 40px; transition: all 400ms; } .index_search .more:hover { background-color: rgb(195, 32, 45); } /*about_group*/ .about_group { padding-top: 55px !important; } .about_group .intro { font-size: 0px; position: relative; } .about_group .intro::after { content: ""; display: block; position: absolute; z-index: 2; width: 4px; height: 100%; background-color: rgb(252, 249, 248); top: 0px; left: 812px; } .about_group .intro .left { display: inline-block; vertical-align: top; width: 812px; box-sizing: border-box; padding-right: 50px; } .about_group .intro .left h4 { font-size: 19px; color: rgb(102, 102, 102); margin-bottom: 30px; line-height: 1.4em; } .about_group .intro .left p { color: #848484; margin-bottom: 0px; padding-bottom: 12px; } .about_group .intro .right { display: inline-block; vertical-align: top; width: 388px; box-sizing: border-box; ; padding-left: 39px; } .about_group .intro .right .code em { display: block; font-size: 14px; color: rgb(52, 54, 75); opacity: 0.7; filter: alpha(opacity=70); font-style: normal; line-height: 1.4em; } .about_group .intro .right .code strong { display: block; font-weight: normal; margin-top: 13px; margin-bottom: 22px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: #c09a60; letter-spacing: -2px; } .about_group .intro .right .numb { font-family: 'webfont-DIN-Medium'; font-size: 48px; color: rgb(102, 102, 102); padding-top: 18px; letter-spacing: -2px; } .about_group .intro .right .numb.up { background: url(../img/about/about_group_01.png) no-repeat; color: rgb(230, 0, 18); } .about_group .intro .right .numb.down { background: url(../img/about/about_group_02.png) no-repeat; color: rgb(93, 180, 65); } .about_group .build { width: 1200px; height: 409px; background: url(../img/about/about_group_04.jpg) no-repeat center; font-size: 0px; } .about_group .build .img { display: inline-block; vertical-align: top; width: 812px; height: 409px; box-sizing: border-box; padding-top: 150px; padding-left: 250px; } .about_group .build .img .cn { position: relative; width: 413px; height: 41px; line-height: 41px; padding-left: 66px; } .about_group .build .img .cn::before { content: ""; display: block; position: absolute; top: 50px; left: 0px; width: 66px; height: 41px; background: url(../img/about/about_group_03.png) no-repeat left center; } .about_group .build .img .en { margin-top: 8px; margin-left: 66px; font-family: 'webfont-DIN-Medium'; font-size: 48px; color: rgb(71, 72, 82); opacity: 0.3; filter: alpha(opacity=30); letter-spacing: -2px; font-weight: 100; } .about_group .build .text { display: inline-block; vertical-align: top; width: 388px; height: 409px; background-color: rgb(230, 0, 18); box-sizing: border-box; padding-top: 50px; padding-left: 40px; } .about_group .build .text p { font-size: 16px; color: #efd4a0; line-height: 1.4em; margin-bottom: 24px; padding-left: 22px; background: url(../img/about/about_group_05.png) no-repeat left 6px; } .about_group .estate { margin: 10px 0; width: 1200px; font-size: 0px; background-color: #fff; } .about_group .estate .left { display: inline-block; vertical-align: top; box-sizing: border-box; padding: 60px 30px 34px 30px; } .about_group .estate .left .en { font-family: 'webfont-DIN-Medium'; font-size: 20px; color: rgb(71, 72, 82); opacity: 0.3; filter: alpha(opacity=30); letter-spacing: -1px; text-transform: uppercase; margin: 10px 0 25px 0; } .about_group .estate .left .cn { font-size: 24px; color: rgb(230, 0, 18); font-weight: bold; line-height: 1.2; margin-bottom: 6px; } .about_group .estate .left p { font-size: 14px; color: #848484; margin-bottom: 20px; margin-top: 22px; } .about_group .estate .right { display: inline-block; vertical-align: top; width: 790px; box-sizing: border-box; padding: 0 30px; border-top: 60px solid #fff; border-bottom: 60px solid #fff; position: relative; } .about_group .estate .right::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 2px; height: 100%; z-index: 2; background-color: #f7f5f1; } .about_group .estate .right .item { border-top: 2px solid #f7f5f1; padding-top: 25px; box-sizing: border-box; padding-left: 120px; position: relative; } .about_group .estate .right>:first-child { padding-top: 0; border-top: none; } .about_group .estate .right .item .cn { position: absolute; top: 25px; left: 0; width: 100px; font-size: 16px; color: #7e725e; font-weight: bold; } .about_group .estate .right>:first-child .cn { top: 0px; } .about_group .estate .right .item .bold { font-size: 16px; color: #7e725e; font-weight: bold; margin-bottom: 12px; } .about_group .estate .right .item p { color: #999080; margin-bottom: 25px; } .about_group .commercial, .about_group .property, .about_group .fun { width: 1200px; box-sizing: border-box; padding: 60px 30px 34px 30px; background-color: rgb(255, 255, 255); margin-top: 10px; } .about_group .commercial .en, .about_group .property .en, .about_group .fun .en { font-family: 'webfont-DIN-Medium'; font-size: 20px; color: rgb(71, 72, 82); opacity: 0.3; filter: alpha(opacity=30); letter-spacing: -1px; text-transform: uppercase; margin: 10px 0 25px 0; } .about_group .fun .en { margin: 7px 0 25px 0; } .about_group .commercial .cn, .about_group .property .cn, .about_group .fun .cn { font-size: 24px; color: rgb(230, 0, 18); font-weight: bold; } .about_group .commercial p, .about_group .property p, .about_group .fun p { font-size: 14px; color: rgb(132, 132, 132); margin-bottom: 20px; } .about_group .fun .cn { margin-top: -5px; } .about_group .fun em { display: none; } /*about_team*/ .about_team .toggle { font-size: 0px; } .about_team .toggle a { display: inline-block; vertical-align: top; margin-right: 40px; font-size: 16px; color: #8c8a89; font-weight: bold; } .about_team .toggle a.on { color: rgb(230, 0, 18); } .about_team .toggle a:hover { color: rgb(230, 0, 18); } .about_team ul { display: none; } .about_team ul.on { display: block; } .about_team ul li { margin-top: 40px; width: 1200px; min-height: 300px; position: relative; box-sizing: border-box; border-top: 2px solid rgb(241, 233, 230); padding-left: 350px; padding-top: 65px; overflow: hidden; } .about_team ul li img { position: absolute; top: -2px; left: 0px; height: 300px; background-color: rgb(241, 233, 230); } .about_team #list1 li { padding-left: 0; } .about_team #list1 li img { position: static; width: 300px; height: auto; float: left; margin: -65px 40px 0 0; } .about_team ul li .name { font-size: 24px; color: rgb(192, 169, 136); opacity: 0.8; filter: alpha(opacity=80); } .about_team ul li .keyword { margin-top: 30px; font-size: 14px; color: rgb(111, 109, 108); opacity: 0.8; filter: alpha(opacity=80); line-height: 1.6em; } .about_team ul li p { margin-top: 20px; font-size: 14px; color: rgb(111, 109, 108); opacity: 0.8; filter: alpha(opacity=80); margin-bottom: 0px; } .about_team .more { transition: all 400ms; margin-top: 60px; margin-left: auto; margin-right: auto; width: 140px; height: 50px; text-align: center; line-height: 50px; background-color: rgb(230, 0, 18); font-size: 14px; color: #fff; } .about_team .more:hover { background-color: rgb(195, 32, 45); } /*about_process*/ .about_process .slide .bd p { font-size: 12px; } .about_process { padding-top: 0 !important; padding-bottom: 0 !important; } .about_process .show { height: 760px; position: relative; } .about_process .show .bg_horse { position: absolute; z-index: 1; width: 1200px; height: 760px; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; } .about_process .show .bg_horse div { position: absolute; top: 0; right: 0px; width: 1560px; height: 760px; background: url(../img/about/about_process_01.png) no-repeat left bottom; } .about_process .show .bg_city { position: absolute; z-index: 2; width: 1200px; height: 203px; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; background: url(../img/about/about_process_02.png) no-repeat right bottom; } .about_process .show .slide { position: absolute; z-index: 3; top: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 1200px; height: 760px; } .about_process .show .slide .leftinput, .about_process .show .slide .rightinput { position: absolute; top: 263px; left: -360px; width: 360px; height: 56px; overflow: hidden; } .about_process .show .slide .rightinput { left: auto; right: -360px; } .about_process .show .slide .box { position: absolute; top: 0; left: -26px; width: 656px; height: 56px; } .about_process .show .slide .box .outxian { position: absolute; top: 50%; margin-top: -1px; left: 0px; width: 300px; height: 2px; background-color: rgb(206, 196, 191); } .about_process .show .slide .box a { width: 56px; height: 56px; position: absolute; top: 0; left: 300px; background: url(../img/about/about_process_03.png) no-repeat center; cursor: pointer; transition: all 400ms; } .about_process .show .slide .box .inxian { position: absolute; top: 50%; margin-top: -1px; left: 356px; width: 300px; height: 2px; background-color: rgb(206, 196, 191); } .about_process .show .slide .rightinput .box { position: absolute; top: 0; left: auto; right: -26px; width: 656px; height: 56px; } .about_process .show .slide .rightinput .box .outxian { position: absolute; top: 50%; margin-top: -1px; left: 356px; width: 300px; height: 2px; background-color: rgb(206, 196, 191); } .about_process .show .slide .rightinput .box a { width: 56px; height: 56px; position: absolute; top: 0; left: 300px; background: url(../img/about/about_process_04.png) no-repeat center; cursor: pointer; } .about_process .show .slide .rightinput .box .inxian { position: absolute; top: 50%; margin-top: -1px; left: 0px; width: 300px; height: 2px; background-color: rgb(206, 196, 191); } .about_process .show .slide .leftinput .box a:hover { background-image: url(../img/news/media_adveitise_01-on.png); } .about_process .show .slide .rightinput .box a:hover { background-image: url(../img/news/media_adveitise_02-on.png); } .about_process .show .slide .bd { width: 1200px; height: 760px; overflow: hidden; background: url(../img/about/about_process_05.png) repeat-x left 284px; font-size: 0px; } .about_process .show .slide .bd li { display: inline-block; vertical-align: top; width: 300px; height: 760px; position: relative; margin-right: -150px; } .about_process .show .slide .bd li ::-webkit-scrollbar { width: 4px; height: 8px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .about_process .show .slide .bd li ::-webkit-scrollbar-thumb { background-color: rgb(230, 0, 18); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .about_process .show .slide .bd li.odd { margin-top: 114px; height: 176px; } .about_process .show .slide .bd li.odd .xian { position: absolute; top: 13px; left: 0px; width: 2px; height: 165px; background-color: rgb(206, 196, 191); } .about_process .show .slide .bd li.odd .arrow { position: absolute; top: 13px; left: 0px; width: 30px; height: 12px; margin-top: -6px; background: url(../img/about/about_process_06.png) no-repeat left center; } .about_process .show .slide .bd li.odd .day { font-family: 'webfont-DIN-Medium'; font-size: 36px; color: rgb(230, 0, 18); padding-left: 45px; margin-bottom: 15px; letter-spacing: -2px; } .about_process .show .slide .bd li.odd .text { width: 200px; height: 120px; padding-right: 10px; margin-left: 45px; overflow: auto; } .about_process .show .slide .bd li.odd p { color: rgb(111, 109, 108); margin: 0; } .about_process .show .slide .bd li.even { margin-top: 292px; } .about_process .show .slide .bd li.even .xian { position: absolute; top: 0px; left: 0px; width: 2px; height: 165px; background-color: rgb(206, 196, 191); } .about_process .show .slide .bd li.even .arrow { position: absolute; top: 165px; left: 0px; width: 30px; height: 12px; margin-top: -6px; background: url(../img/about/about_process_06.png) no-repeat left center; } .about_process .show .slide .bd li.even .day { font-family: 'webfont-DIN-Medium'; font-size: 36px; color: rgb(230, 0, 18); margin-bottom: 15px; padding-top: 147px; padding-left: 45px; letter-spacing: -2px; } .about_process .show .slide .bd li.even .text { width: 200px; height: 120px; padding-right: 10px; margin-left: 45px; } .about_process .show .slide .bd li.even p { color: rgb(111, 109, 108); margin: 0; } .about_process .show .slide .bd li.special { padding-top: 0; margin-top: 292px; } /*about_honor*/ .about_honor { padding-bottom: 0px !important; } .about_honor .show { position: relative; padding-top: 1px; padding-bottom: 1px; } .about_honor .show .shuxian { position: absolute; top: 0; left: 390px; width: 4px; height: 100%; background-color: #f6ecea; } .about_honor .show ul { margin-bottom: 60px; } .about_honor .show ul li { margin-top: 85px; width: 1200px; font-size: 0px; position: relative; } .about_honor .show ul>:first-child { margin-top: 0px; } .about_honor .show ul li .year { display: inline-block; vertical-align: top; width: 404px; position: relative; } .about_honor .show ul li .year .hengxian { position: absolute; z-index: 1; top: 8px; right: 0px; width: 404px; height: 4px; background-image: linear-gradient(-90deg, #f6ecea, rgba(255, 255, 255, 0.2)); } .about_honor .show ul li .year .yuan { position: absolute; z-index: 2; top: 0; right: 0; width: 22px; height: 22px; box-sizing: border-box; border: 4px solid rgb(230, 0, 18); background-color: #fff; border-radius: 22px; } .about_honor .show ul li .year strong { position: relative; z-index: 3; display: block; font-family: 'webfont-DIN-Medium'; font-size: 36px; font-weight: normal; color: #c09a60; letter-spacing: -2px; padding-top: 8px; margin-bottom: 10px; } .about_honor .show ul li .year em { display: block; width: 242px; font-style: normal; font-size: 20px; color: #c09a60; line-height: 1.6em; } .about_honor .show ul li .event { display: inline-block; vertical-align: top; width: 796px; box-sizing: border-box; padding-left: 26px; padding-top: 4px; } .about_honor .show ul li .event>:first-child { margin-top: 0px; } .about_honor .show ul li .event p { padding-left: 65px; background: url(../img/about/about_honor_02.png) no-repeat left 7px; margin-bottom: 10px; font-size: 14px; color: rgb(111, 109, 108); opacity: 0.8; filter: alpha(opacity=80); position: relative; } .about_honor .show ul li .event p strong { font-weight: normal; position: absolute; top: 5px; left: 26px; } .about_honor .show .more { position: relative; z-index: 2; margin-left: 362px; margin-bottom: 60px; width: 60px; height: 60px; box-sizing: border-box; border: 4px solid #f6ecea; background: #fff url(../img/about/about_honor_01.png) no-repeat center; border-radius: 30px; text-indent: -9999px; transition: all 400ms; } .about_honor .show .more:hover { background-color: rgb(230, 0, 18); background-image: url(../img/about/about_honor_01_on.png); } /*about_culture*/ .about_culture .keyvalue div { position: relative; overflow: hidden; } .about_culture .keyvalue div .ps { position: absolute; display: table; transition: all 400ms; } .about_culture .keyvalue div .ps .bg { position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgb(230, 0, 18); opacity: 0.8; filter: alpha(opacity=80); } .about_culture .keyvalue div .ps .text { position: relative; z-index: 2; display: table-cell; vertical-align: middle; padding: 30px; } .about_culture .keyvalue div .ps .text p { font-size: 14px; color: #fff; margin-bottom: 10px; } .about_culture .keyvalue div .ps .text p strong { display: block; margin-bottom: -4px; } .about_culture .keyvalue div .ps .text p:last-child { margin-bottom: -4px; } .about_culture .keyvalue div.box3 .ps .text { padding-top: 18px; } .about_culture .keyvalue div.box1 .ps { width: 600px; height: 440px; top: 0; right: -600px; } .about_culture .keyvalue div.box2 .ps { width: 600px; height: 353px; top: 0; left: -600px; } .about_culture .keyvalue div.box3 .ps { width: 600px; height: 353px; top: 0; right: -600px; } .about_culture .keyvalue div.box4 .ps { width: 594px; height: 353px; top: 0; left: -594px; } .about_culture .keyvalue div.box5 .ps { width: 594px; height: 353px; top: 0; right: -594px; } .about_culture .keyvalue div.box1:hover .ps { right: 0; } .about_culture .keyvalue div.box2:hover .ps { left: 0; } .about_culture .keyvalue div.box3:hover .ps { right: 0; } .about_culture .keyvalue div.box4:hover .ps { left: 0; } .about_culture .keyvalue div.box5:hover .ps { right: 0; } .about_culture .keyvalue div>strong { display: block; font-size: 16px; color: rgb(132, 132, 132); letter-spacing: 3px; position: relative; } .about_culture .keyvalue div>strong:before { content: ""; width: 39px; height: 28px; background: url("../img/about/about_culture_box_strong-ic.png") no-repeat 0 0; position: absolute; left: 0; top: -40px; } .about_culture .keyvalue div>em { display: block; font-family: 'webfont-DIN-Medium'; font-size: 20px; color: #d7c4b3; font-style: normal; margin-top: 12px; margin-bottom: 10px; } .about_culture .keyvalue div>p { font-size: 24px; color: rgb(102, 102, 102); line-height: 1.6em; margin-bottom: 0px; } .about_culture .keyvalue div.box1 { width: 1200px; height: 440px; background: url(../img/about/about_culture_01.jpg) no-repeat center; box-sizing: border-box; padding-top: 176px; padding-left: 655px; } .about_culture .keyvalue div.box1>em { color: #dfb02f; } .about_culture .keyvalue div.box2 { width: 1200px; height: 353px; margin-top: 13px; background: url(../img/about/about_culture_03.jpg) no-repeat center; box-sizing: border-box; padding-top: 131px; padding-left: 54px; } .about_culture .keyvalue div.box3 { width: 1200px; height: 353px; margin-top: 13px; background: url(../img/about/about_culture_05.jpg) no-repeat center; box-sizing: border-box; padding-top: 117px; padding-left: 655px; } .about_culture .keyvalue div.box4 { float: left; margin-top: 13px; width: 594px; height: 353px; background: url(../img/about/about_culture_07.jpg) no-repeat; box-sizing: border-box; padding-top: 90px; padding-left: 54px; } .about_culture .keyvalue div.box4>p { margin-bottom: 0px; font-size: 16px; } .about_culture .keyvalue div.box4>p strong { font-weight: normal; } .about_culture .keyvalue div.box4>p * { display: inline-block; vertical-align: middle; } .about_culture .keyvalue div.box4>p span { width: 36px; height: 2px; background-color: rgb(102, 102, 102); margin: 0 1px; } .about_culture .keyvalue div.box4>p em { font-style: normal; font-size: 14px; margin-top: -2px; } .about_culture .keyvalue div.box5 { float: right; margin-top: 13px; width: 594px; height: 353px; background: url(../img/about/about_culture_08.jpg) no-repeat; box-sizing: border-box; padding-top: 90px; padding-left: 54px; } .about_culture .keyvalue div.box5 p { font-size: 16px; color: rgb(102, 102, 102); } .about_culture .keyvalue div.box4 strong, .about_culture .keyvalue div.box5 strong { margin-top: 10px; } .about_culture .keyvalue .box6 { float: left; width: 100%; height: 353px; margin-top: 13px; padding: 0 54px; box-sizing: border-box; background: url("../img/about/about_culture_box6.jpg") no-repeat 0 0; } .about_culture .keyvalue .box6 div { position: inherit; overflow: inherit; } .about_culture .keyvalue .box6 .le { float: left; width: 250px; padding-top: 110px; } .about_culture .keyvalue .box6 .list-rd { float: right; width: 500px; padding-top: 30px; } .about_culture .keyvalue .box6 .list-rd .bor .dt { border-top: none; } .about_culture .keyvalue .box6 .list-rd .open .dt { background: url("../img/about/about_culture_box6-ic2.png") no-repeat right center; } .about_culture .keyvalue .box6 .list-rd .dt { padding: 20px 0; border-top: 2px solid #ddc4ae; line-height: 1; cursor: pointer; font-size: 16px; color: #666; background: url("../img/about/about_culture_box6-ic1.png") no-repeat right center; } .about_culture .keyvalue .box6 .list-rd .dd { display: none; padding-bottom: 20px; } .about_culture .keyvalue .box6 .list-rd p { font-size: 14px; color: rgb(102, 102, 102); } .about_culture .sce_dream { margin-top: 56px; text-align: center; } .about_culture .sce_dream .title { font-size: 20px; color: rgb(132, 132, 132); margin-bottom: 13px; } .about_culture .sce_dream .font { text-align: center; } .about_culture .sce_dream .font strong { font-size: 36px; color: rgb(230, 0, 18); font-weight: 100; display: inline-block; vertical-align: middle; padding-right: 10px; } .about_culture .sce_dream .font em { font-family: 'webfont-DIN-Medium'; font-size: 48px; color: #d7c4b3; font-style: normal; letter-spacing: -2px; vertical-align: middle; } .about_culture .sce_dream ul { width: 1230px; position: relative; top: 0; left: -30px; font-size: 0px; text-align: left; } .about_culture .sce_dream ul li { display: inline-block; vertical-align: top; width: 216px; margin-left: 30px; margin-top: 30px; } .about_culture .sce_dream ul li a img { width: 216px; height: 290px; box-sizing: border-box; border: 2px solid rgb(234, 227, 222); } .about_culture .sce_dream ul li a div { margin-top: 10px; font-size: 24px; color: #7f7d7b; text-align: left; } .about_culture .sce_dream .more { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; margin-top: 40px; transition: all 400ms; } .about_culture .sce_dream .more:hover { background-color: rgb(195, 32, 45); } /*media_news*/ .media_news ::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .media_news :-moz-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .media_news ::-moz-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .media_news :-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .media_news ::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .media_news ::-webkit-scrollbar-thumb { background-color: rgb(230, 0, 18); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; height: 10px; } .media_news .toggle { font-size: 0px; margin-bottom: 40px; } .media_news .toggle a { display: inline-block; vertical-align: top; font-size: 16px; color: #84888B; font-weight: bold; margin-right: 45px; transition: all 400ms; } .media_news .toggle a.on { color: rgb(230, 0, 18); } .media_news .toggle a:hover { color: rgb(230, 0, 18); } .media_news .newstop { width: 1200px; height: 240px; font-size: 0px; } .media_news .newstop img { display: inline-block; vertical-align: top; width: 380px; height: 240px; } .media_news .newstop>div { display: inline-block; vertical-align: top; width: 820px; height: 240px; background-color: rgb(245, 240, 237); box-sizing: border-box; padding: 40px 30px 0 30px; } .media_news .newstop>div .day { font-family: 'webfont-DIN-Medium'; font-size: 36px; color: rgb(230, 0, 18); margin-bottom: 20px; letter-spacing: -2px; } .media_news .newstop>div .tit { line-height: 24px; font-size: 18px; color: rgb(51, 51, 51); margin: 20px 0; font-weight: bold; } .media_news .newstop>div p { margin-bottom: 0; } .media_news .filter { position: relative; z-index: 2; margin: 20px 0 10px 0; width: 1200px; height: 60px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); font-size: 0px; } .media_news .filter .years { width: 378px; height: 56px; display: inline-block; vertical-align: top; position: relative; } .media_news .filter .years input { display: block; width: 378px; height: 56px; box-sizing: border-box; text-indent: 20px; font-size: 14px; color: #000; border-right: 2px solid #E9E2DD; background: #fff url(../img/news/media_news_02.png) no-repeat 334px center; cursor: pointer; } .media_news .filter .years ul { display: none; position: absolute; left: -2px; top: 60px; width: 380px; max-height: 340px; box-sizing: border-box; border: 2px solid #E9E2DD; background-color: #FBFBFB; overflow-x: hidden; overflow-y: auto; } .media_news .filter .years ul li { height: 56px; line-height: 56px; text-indent: 20px; font-size: 14px; color: #000; cursor: pointer; } .media_news .filter .input { display: inline-block; vertical-align: top; width: 818px; height: 56px; position: relative; } .media_news .filter .input input { width: 818px; height: 56px; box-sizing: border-box; padding: 0 78px 0 30px; background-color: transparent; font-size: 14px; color: #000; } .media_news .filter .input button { position: absolute; z-index: 2; width: 78px; height: 56px; top: 0; right: 0; background: url(../img/news/media_news_03.png) no-repeat center; cursor: pointer; text-indent: -9999px; } .media_news .newsbars li a { width: 1200px; height: 150px; background-color: #fff; box-sizing: border-box; padding: 30px 30px 30px 150px; font-size: 0px; position: relative; margin-top: 10px; } .media_news .newsbars li a .day { position: absolute; top: 30px; left: 30px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(230, 0, 18); letter-spacing: -2px; } .media_news .newsbars li a .tit { font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 20px; font-weight: bold; } .media_news .newsbars li a p { margin-bottom: 0; } .media_news .more { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; margin-top: 40px; transition: all 400ms; } .media_news .more:hover { background-color: rgb(195, 32, 45); } /*media_news_d*/ .media_news_d { font-size: 0px; } .media_news_d .news_bar { display: inline-block; vertical-align: top; width: 870px; box-sizing: border-box; padding-right: 30px; } .media_news_d .news_bar .title { font-size: 0px; padding-bottom: 30px; border-bottom: 2px solid rgb(245, 240, 237); margin-bottom: 30px; } .media_news_d .news_bar .title .tit { font-size: 20px; color: rgb(51, 51, 51); font-weight: bold; margin-bottom: 21px; line-height: 1.4em; } .media_news_d .news_bar .title .day { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(230, 0, 18); margin-right: 34px; letter-spacing: -2px; } .media_news_d .news_bar .title .skim { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; font-family: 'webfont-DIN-Medium'; font-size: 14px; color: #c1c0c0; font-weight: 100; padding-left: 30px; background: url(../img/news/media_news_d_01.png) no-repeat left center; margin-right: 20px; } .media_news_d .news_bar .title .source { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; font-size: 14px; color: #84888B; } .media_news_d .news_bar .title .source strong { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; font-weight: normal; } .media_news_d .news_bar .title .source em { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; font-style: normal; } .media_news_d .news_bar .text p strong { display: initial; /* margin-bottom: -15px; */ line-height: 24px; } .media_news_d .news_bar .text p img { margin: 0 auto; max-width: 100%; } .media_news_d .news_bar .share { width: 210px; height: 50px; display: block; box-sizing: border-box; border: 2px solid rgb(240, 233, 229); border-radius: 50px; background-color: rgb(252, 249, 248); padding-left: 62px; position: relative; font-size: 0px; } .media_news_d .news_bar .share p { position: absolute; width: 50px; height: 50px; box-sizing: border-box; top: -2px; left: -2px; border: 2px solid rgb(240, 233, 229); background: transparent url(../img/news/media_news_d_08_hover.png) no-repeat center; border-radius: 50px; text-indent: -9999px; } .media_news_d .news_bar .share a { float: none; padding-left: 0; display: inline-block; vertical-align: top; width: 22px; height: 46px; padding-right: 14px; margin: 0px; transition: all 400ms; } .media_news_d .news_bar .share a.wx { background: url(../img/news/media_news_d_05.png) no-repeat left center; } .media_news_d .news_bar .share a.wb { background: url(../img/news/media_news_d_06.png) no-repeat left center; } .media_news_d .news_bar .share a.qzone { background: url(../img/news/media_news_d_04.png) no-repeat left center; } .media_news_d .news_bar .share a.qq { background: url(../img/news/media_news_d_03.png) no-repeat left center; padding-right: 0px; } .media_news_d .news_bar .share a.wx:hover { background-image: url(../img/news/media_news_d_05_hover.png); } .media_news_d .news_bar .share a.wb:hover { background-image: url(../img/news/media_news_d_06_hover.png); } .media_news_d .news_bar .share a.qzone:hover { background-image: url(../img/news/media_news_d_04_hover.png); } .media_news_d .news_bar .share a.qq:hover { background-image: url(../img/news/media_news_d_03_hover.png); } .media_news_d .news_bar .bd_weixin_popup .bd_weixin_popup_head { text-align: center !important; } .media_news_d .news_related { display: inline-block; vertical-align: top; width: 300px; background-color: rgb(241, 235, 232); box-sizing: border-box; padding: 30px; top: 110px; } .media_news_d .news_related .top { font-size: 24px; color: rgb(51, 51, 51); margin-bottom: 30px; } .media_news_d .news_related li { padding-top: 15px; border-top: 2px solid rgb(225, 213, 204); margin-top: 15px; } .media_news_d .news_related a .day { font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(230, 0, 18); letter-spacing: -2px; margin-bottom: 8px; } .media_news_d .news_related a .tit { font-size: 16px; color: rgb(51, 51, 51); line-height: 1.2em; } /*wang*/ .album_slide { position: relative; height: 460px; } .album_slide .hd a { position: absolute; top: 50%; margin-top: -28px; width: 56px; height: 56px; background: no-repeat center; } .album_slide .hd .prev { left: 0; background-image: url("../img/news/media_adveitise_01.png"); transition: all 400ms; } .album_slide .hd .next { right: 0; background-image: url("../img/news/media_adveitise_02.png"); transition: all 400ms; } .album_slide .hd .prev:hover { background-image: url("../img/news/media_adveitise_01-on.png"); } .album_slide .hd .next:hover { background-image: url("../img/news/media_adveitise_02-on.png"); } .album_slide .bd li, .album_slide .bd li * { -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .album_slide .bd li { float: left; width: 280px; height: 335px; padding-top: 45px; background: url("../img/news/media_album_frame.png") no-repeat center; margin-right: 30px; } .album_slide .bd .pic { height: 240px; width: 190px; margin: 0 auto; } .album_slide .bd .btns { width: 280px; height: 50px; margin: 40px auto 0; overflow: hidden; } .album_slide .bd .btns a { float: left; width: 50%; height: 50px; line-height: 50px; font-size: 14px; color: #fffefe; text-align: center; } .album_slide .bd .btns .read { background-color: #dfcbc0; } .album_slide .bd .btns .download { background-color: #e5d2c7; } .album_slide .bd .btns a:hover { color: #fff; background-color: #e60012; } .album_slide .bd .btns { display: none; } .album_slide .bd .tempWrap { width: 380px !important; padding: 40px 310px; margin: 0 auto; } .album_slide .bd ul { overflow: visible !important; } .album_slide .bd h4 { font-size: 16px; color: rgb(51, 51, 51); font-weight: bold; text-align: center; padding-top: 15px; } .album_slide .bd li.on { width: 380px !important; height: 415px; margin-top: -40px; background-image: url("../img/news/media_album_frame_max.png"); } .album_slide .bd li.on h4 { font-size: 20px; color: #e60012; padding-top: 25px; } .album_slide .bd li.on .btns { display: block; } /*media_video*/ .media_video .video_top { width: 1200px; height: 400px; position: relative; background-color: rgb(240, 232, 227); box-sizing: border-box; padding: 60px 820px 0 30px; } .media_video .video_top .ov { position: absolute; top: 0; right: 0; width: 790px; height: 400px; overflow: hidden; } .media_video .video_top .ov img { width: 790px; height: 400px; transform-origin: center; transition: all 400ms; } .media_video .video_top .ov .bg { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0; filter: alpha(opacity=0); transition: all 400ms; } .media_video .video_top .en { font-family: 'webfont-DIN-Medium'; font-size: 36px; color: rgb(230, 0, 18); letter-spacing: -2px; line-height: 0.9em; margin-bottom: 30px; } .media_video .video_top .cn { font-size: 20px; color: rgb(51, 51, 51); } .media_video .video_top .play { margin-top: 40px; width: 56px; height: 56px; background: url(../img/news/media_video_01.png) no-repeat center; cursor: pointer; } .media_video .video_top:hover img { transform: scale(1.1, 1.1); } .media_video .video_top:hover .bg { opacity: 0.5; filter: alpha(opacity=50); } .media_video .video_list { margin-top: 60px; } .media_video .video_list .toggle { text-align: center; font-size: 0px; padding-bottom: 10px; } .media_video .video_list .toggle a { display: inline-block; vertical-align: top; margin-left: 46px; font-size: 16px; color: #84888B; font-weight: bold; } .media_video .video_list .toggle a.on { color: rgb(230, 0, 18); } .media_video .video_list .toggle a:hover { color: rgb(230, 0, 18); } .media_video .video_list .toggle :first-child { margin-left: 0; } .media_video .video_list ul { width: 1230px; font-size: 0px; position: relative; top: 0; left: -30px; } .media_video .video_list ul li { display: inline-block; vertical-align: top; width: 380px; height: 320px; margin-left: 30px; margin-top: 30px; background-color: rgb(235, 226, 220); } .media_video .video_list ul li .ov { width: 380px; height: 210px; position: relative; overflow: hidden; } .media_video .video_list ul li .ov img { width: 285px; transform-origin: center; transition: all 400ms; } .media_video .video_list ul li .ov .bg { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(0, 0, 0); opacity: 0; filter: alpha(opacity=0); transition: all 400ms; } .media_video .video_list ul li .ov .play { position: absolute; z-index: 3; left: 30px; bottom: 30px; width: 56px; height: 56px; background: url(../img/news/media_video_02.png); cursor: pointer; transition: all 400ms; } .media_video .video_list ul li .cn { width: 380px; height: 106px; background-color: rgb(255, 255, 255); line-height: 106px; font-size: 20px; color: rgb(51, 51, 51); box-sizing: border-box; padding: 0 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 400ms; } .media_video .video_list ul li:hover .ov img { transform: scale(1.1, 1.1); } .media_video .video_list ul li:hover .ov .bg { opacity: 0.5; filter: alpha(opacity=50); } .media_video .video_list ul li:hover .ov .play { background-image: url(../img/news/media_video_01.png); } .media_video .video_list ul li:hover .cn { background-color: rgb(235, 226, 220); color: rgb(230, 0, 18); } .media_video .video_list .more { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; margin-top: 40px; transition: all 400ms; } .media_video .video_list .more:hover { background-color: rgb(195, 32, 45); } /*media_wemedia*/ .media_wemedia .toggle { font-size: 0px; padding-bottom: 10px; } .media_wemedia .toggle a { display: inline-block; vertical-align: top; margin-left: 40px; font-size: 16px; color: #84888B; font-weight: bold; } .media_wemedia .toggle a em { font-style: normal; position: relative; } .media_wemedia .his-dt { overflow: hidden; padding: 20px 0 20px 86px; box-sizing: content-box; } .media_wemedia .his-dt a.on { color: rgb(230, 0, 18); } .media_wemedia .his-dt a { float: left; vertical-align: top; margin-right: 30px; font-size: 16px; color: #84888B; font-weight: inherit; } .media_wemedia .toggle a :first-child { margin-right: 10px; } .media_wemedia .toggle a :first-child::after { content: "+"; display: block; position: absolute; top: 0; right: -10px; width: 10px; height: 10px; text-align: center; line-height: 10px; } .media_wemedia .toggle a.on { color: rgb(230, 0, 18); } .media_wemedia .toggle a:hover { color: rgb(230, 0, 18); } .media_wemedia .toggle :first-child { margin-left: 0; } .media_wemedia ul { width: 1230px; position: relative; top: 0; left: -30px; font-size: 0px; } .media_wemedia ul li { display: inline-block; vertical-align: top; width: 380px; height: 320px; margin-left: 30px; margin-top: 30px; background: rgb(255, 255, 255) url(../img/news/media_wemedia_01.png) no-repeat center 20px; transition: all 400ms; } .media_wemedia ul li div { width: 380px; height: 319px; padding-top: 1px; background: url(../img/news/media_wemedia_02.jpg) no-repeat center 20px/0px auto; } .media_wemedia ul li img { border: 1px solid rgb(233, 226, 220); margin-top: 73px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .media_wemedia ul li strong { display: block; font-weight: normal; font-size: 16px; color: rgb(102, 102, 102); text-align: center; margin-bottom: 10px; transition: all 400ms; } .media_wemedia ul li em { font-family: 'webfont-DIN-Medium'; display: block; font-style: normal; font-size: 14px; color: rgb(153, 153, 153); text-align: center; } .media_wemedia ul li em p { font-family: 'webfont-DIN-Medium'; font-size: 14px; color: rgb(153, 153, 153); text-align: center; margin-bottom: 0; line-height: 0.8em; } .media_wemedia ul li:hover { background-position: center -60px; transition: none; } .media_wemedia ul li:hover div { background-size: 270px auto; transition: all 400ms; } .media_wemedia ul li:hover strong { color: rgb(230, 0, 18); } .media_wemedia ul li.dx1 { background: rgb(255, 255, 255) url(../img/news/media_wemedia_02.png) no-repeat center 20px; } .media_wemedia ul li.dx2 { background: rgb(255, 255, 255) url(../img/news/media_wemedia_03.png) no-repeat center 29px; } .media_wemedia .more { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; margin-top: 40px; transition: all 400ms; } .media_wemedia .more:hover { background-color: rgb(195, 32, 45); } /*service_idea*/ .service_idea .show { background: url('https://imagecdn.funplus.cn/www/static/service/service-bg.png') no-repeat; width: 1200px; height: 485px; padding: 82px 68px; box-sizing: border-box; } .service_idea .show div { margin-bottom: 40px; } /* .service_idea .show div { width: 1200px; height: 400px; margin-top: 10px; background: url(../img/service/service_idea_02.jpg) no-repeat center; box-sizing: border-box; padding-top: 137px; padding-left: 30px; } .service_idea .show div:first-child { margin-top: 0px; background-image: url(../img/service/service_idea_01.jpg); padding-left: 600px; } */ .service_idea .show div em { display: block; width: 570px; font-size: 24px; color: rgb(230, 0, 18); padding-bottom: 26px; border-bottom: 4px solid rgb(255, 255, 255); margin-bottom: 30px; text-transform: uppercase; font-style: normal; font-weight: bold; } .service_idea .show div strong { display: block; font-size: 14px; color: #8d8079; line-height: 1.6em; width: 570px; font-weight: normal; } /*service_hotline*/ .service_hotline .show { font-size: 0px; } .service_hotline .show>div { vertical-align: top; display: inline-block; width: 760px; height: 380px; background-color: #fff; box-sizing: border-box; padding: 0 30px; position: relative; } .service_hotline .show>div:first-child { width: 440px; background-color: rgb(240, 233, 227); } .service_hotline .show>div strong { display: block; padding-top: 60px; font-size: 20px; color: rgb(51, 51, 51); line-height: 1.6em; } .service_hotline .show>div ul { width: 420px; position: relative; left: -33px; } .service_hotline .show>div ul li { cursor: pointer; display: inline-block; vertical-align: top; font-size: 16px; font-weight: bold; color: #84888b; margin-left: 32px; margin-top: 24px; } .service_hotline .show>div ul li.on { color: rgb(230, 0, 18); } .service_hotline .show>div .c1 { width: 380px; padding-top: 80px; padding-bottom: 48px; border-bottom: 1px solid rgb(234, 226, 223); font-size: 30px; color: rgb(51, 51, 51); text-align: center; margin-bottom: 45px; } .service_hotline .show>div .c2 { font-family: 'webfont-DIN-Medium'; font-size: 32px; color: rgb(230, 0, 18); width: 380px; text-align: center; line-height: 1.2; } .service_hotline .show>div .c2 em { font-style: normal; font-size: 18px; } .service_hotline .show>div .c3 { margin-top: 20px; height: 65px; width: 380px; text-align: center; font-size: 14px; color: #84888b; background: url(../img/service/service_hotline_01.png) no-repeat center top; box-sizing: border-box; padding-top: 50px; } .service_hotline .show>div .c4 { position: absolute; bottom: 0px; left: 440px; width: 270px; height: 350px; background: url(../img/service/service_hotline_02.jpg) no-repeat left 1px; } .service_hotline .show>div .c4 img { margin: 54px auto 20px auto; width: 150px; height: 150px; border: 1px solid rgb(233, 226, 221); } .service_hotline .show>div .c4 em { display: block; height: 65px; text-align: center; font-size: 14px; color: #84888b; background: url(../img/service/service_hotline_03.png) no-repeat center top; box-sizing: border-box; padding-top: 50px; font-style: normal; line-height: 1.6em; } .service_hotline .show>div.pos .toggle { margin: 40px 0 20px 0; } .service_hotline .show>div.pos .toggle h4 { cursor: pointer; transition: all 400ms; font-size: 16px; color: #84888B; display: inline-block; vertical-align: top; margin-left: 25px; } .service_hotline .show>div.pos .toggle h4.on { color: rgb(230, 0, 18); } .service_hotline .show>div.pos .toggle h4:hover { color: rgb(230, 0, 18); } .service_hotline .show>div.pos .toggle>:first-child { margin-left: 0px; } .service_hotline .show>div.pos .toggle h4 em { font-style: normal; padding-right: 12px; position: relative; } .service_hotline .show>div.pos .toggle h4 em::after { content: "+"; display: inline-block; position: absolute; top: 0; right: 0px; } .content .wrap.service_hotline { padding-top: 30px; } .service_hotline_sub_nav .toggle { width: 1200px; margin: 30px auto 0; text-align: right; } .service_hotline_sub_nav .toggle h4 { cursor: pointer; transition: all 400ms; font-size: 16px; color: #84888B; display: inline-block; vertical-align: top; margin-left: 25px; line-height: 24px; } .service_hotline_sub_nav .toggle h4.on { color: rgb(230, 0, 18); } .service_hotline .hotline_img { display: block; width: 1200px; margin: 0 auto 30px; } .service_hotline .hotline_img.hidden { display: none; } .service_hotline .show.hidden_info .pos { width: 760px; } .service_hotline .show.hidden_info .pos_info { width: 440px; } .service_hotline .show.hidden_info .pos_info .c1, .service_hotline .show.hidden_info .pos_info .c2, .service_hotline .show.hidden_info .pos_info .c3 { display: none; } .service_hotline .show.hidden_info .pos_info .c4 { left: 85px; } .service_hotline .show.hidden_info>div { padding: 0 75px; } .service_hotline .show.hidden_info>div ul { width: 700px; } .service_hotline .show.hidden_info>div ul li { font-size: 20px; } .service_hotline .show .estate_title { display: none; } .service_hotline .show.hidden_info .estate_title { font-size: 30px; display: block; } .service_hotline .show.hidden_info .other_title { display: none; } /*investor_share*/ .investor_share .show { font-size: 0px; } .investor_share .deal { display: inline-block; vertical-align: top; width: 820px; height: 400px; box-sizing: border-box; padding: 86px 30px 0 30px; background-color: #fff; } .investor_share .deal h1 { font-size: 30px; color: rgb(102, 102, 102); } .investor_share .deal .zhuche { margin-top: 20px; font-size: 14px; color: #84888b; } .investor_share .deal ul { margin-top: 60px; font-size: 0px; margin-bottom: 60px; } .investor_share .deal ul li { display: inline-block; vertical-align: top; width: 160px; border-top: 2px solid rgb(245, 240, 237); margin-left: 30px; } .investor_share .deal ul>:first-child { margin-left: 0px; } .investor_share .deal ul li div { margin-top: 28px; font-family: 'webfont-DIN-Medium'; font-size: 36px; color: rgb(102, 102, 102); font-weight: bold; letter-spacing: -2px; } .investor_share .deal ul li strong { display: block; margin-top: 11px; font-size: 14px; color: rgb(102, 102, 102); font-weight: bold; } .cost { display: inline-block; vertical-align: top; width: 380px; height: 400px; box-sizing: border-box; padding: 30px 30px 0 30px; background: url(../img/investor/investor_share_03.jpg) no-repeat center; } .cost .nownumb { font-family: 'webfont-DIN-Medium'; padding-top: 50px; font-size: 72px; color: rgb(102, 102, 102); padding-bottom: 30px; border-bottom: 2px solid #fff; letter-spacing: -3px; } .cost .per { margin-top: 28px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(102, 102, 102); letter-spacing: -2px; } .cost .dw { margin-top: 10px; font-size: 14px; color: #84888b; } .cost .dw em { font-style: normal; } .cost .sharenumb { margin-top: 10px; font-size: 14px; color: #84888b; } .cost .sharenumb em { font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(102, 102, 102); font-style: normal; letter-spacing: -2px; } .cost.up .nownumb { background: url(../img/investor/investor_share_01.jpg) no-repeat; color: rgb(230, 0, 18); } .cost.up .per { color: rgb(230, 0, 18); } .cost.down .nownumb { background: url(../img/investor/investor_share_02.jpg) no-repeat; color: rgb(93, 180, 65); } .cost.down .per { color: rgb(93, 180, 65); } .cost .time { font-size: 14px; color: rgb(153, 153, 153); margin-top: 24px; line-height: 1.6em; } .cost .time em { font-style: normal; padding: 0 4px; } .cost .route { font-size: 14px; color: rgb(153, 153, 153); line-height: 1.6em; } .cost .route em { font-style: normal; } /*investor_data*/ .investor_data .show { position: relative; min-height: 400px; background-color: #fff; font-size: 0px; box-sizing: border-box; padding: 40px 30px 30px 30px; } .investor_data .show .cost { position: absolute; top: 0; right: 0px; z-index: 10; } .investor_data .show .toggle { width: 760px; padding-bottom: 30px; border-bottom: 2px solid rgb(252, 247, 245); } .investor_data .show .toggle h4 { display: inline-block; vertical-align: top; margin-right: 40px; font-size: 16px; color: #84888b; cursor: pointer; transition: all 400ms; } .investor_data .show .toggle h4.on { color: rgb(230, 0, 18); } .investor_data .show .toggle h4:hover { color: rgb(230, 0, 18); } .investor_data .show .text1 { display: none; width: 760px; } .investor_data .show .text1 li { display: inline-block; vertical-align: top; width: 380px; margin-top: 40px; } .investor_data .show .text li h5 { font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 10px; } .investor_data .show .text li div { height: 30px; line-height: 30px; margin-bottom: -8px; margin-top: 3px; font-size: 14px; color: #84888b; transition: all 400ms; cursor: pointer; } .investor_data .show .text li div a { display: inline-block; vertical-align: top; margin-left: 10px; width: 84px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; color: #fff; background-color: rgb(230, 0, 18); border-radius: 15px; transform: scale(0, 0); transition: all 800ms; } .investor_data .show .text li div:hover { color: rgb(51, 51, 51); } .investor_data .show .text li div a.on { transform: scale(1, 1); } .investor_data .show .text2 { display: none; width: 760px; } .investor_data .show .text2 li { display: inline-block; vertical-align: top; width: 380px; margin-top: 40px; } .investor_data .show .text3 { display: none; padding-bottom: 30px; } .investor_data .show .text3 li { display: inline-block; vertical-align: top; width: 380px; box-sizing: border-box; padding-right: 30px; } .investor_data .show .text3 li h5 { margin-top: 40px; margin-bottom: 10px; } .investor_data .show .text3 li div { font-size: 14px; color: #84888b; height: auto; line-height: 1.8em; margin-bottom: 0; margin-top: 0; cursor: auto; transition: none; } .investor_data .show .text3 li div:hover { color: #84888b; } .investor_data .show .text.on { display: block; } .investor_data .show.on { min-height: auto; } .investor_data .show.on .cost, .investor_data .show.on .toggle, .investor_data .show.on .text { display: none; } .investor_data .show .resume { display: none; } .investor_data .show.on .resume { position: relative; display: block; font-size: 0px; } .investor_data .show.on .resume::after { content: ""; display: block; position: absolute; z-index: 2; width: 4px; height: 100%; background-color: rgb(245, 240, 237); top: 0; left: 346px; } .investor_data .show.on .resume .work { display: inline-block; vertical-align: top; width: 350px; height: 100%; font-size: 16px; color: rgb(51, 51, 51); font-weight: bold; } .investor_data .show.on .resume .text { display: inline-block; vertical-align: top; width: 790px; box-sizing: border-box; padding-left: 30px; } .investor_data .show.on .resume .text :last-child { margin-bottom: 0px; } .investor_data .show.on .resume .text .name { font-size: 24px; color: rgb(51, 51, 51); } .investor_data .show.on .resume .text .keyword { margin: 30px 0 20px 0; font-size: 14px; color: #84888b; line-height: 1.6em; text-align: justify; } .investor_data .show.on .resume .text p { font-size: 14px; color: #84888b; line-height: 1.6em; margin-bottom: 70px; text-align: justify; } .investor_data .show.on .resume .text .note { font-size: 14px; color: #84888b; text-align: right; } .investor_data .show.on .resume a { position: absolute; left: 0; bottom: 0; width: 110px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background-color: rgb(230, 0, 18); z-index: 3; transition: all 400ms; } .investor_data .show.on .resume a:hover { background-color: rgb(195, 32, 45); } /*investor_journal*/ .investor_journal .show { position: relative; min-height: 400px; } .investor_journal .show .cost { position: absolute; z-index: 2; top: 0; right: 0; } .investor_journal .toggle { font-size: 0px; margin-bottom: 40px; } .investor_journal .toggle a { display: inline-block; vertical-align: top; font-size: 16px; color: #84888B; font-weight: bold; margin-right: 45px; transition: all 400ms; } .investor_journal .toggle a.on { color: rgb(230, 0, 18); } .investor_journal .toggle a:hover { color: rgb(230, 0, 18); } .investor_journal .show .text { display: none; width: 790px; } .investor_journal .show .text.on { display: block; } .investor_journal .show .bars { width: 790px; } .investor_journal .show .bars ul { margin-bottom: 40px; } .investor_journal .show .bars ul li a { width: 790px; height: 90px; margin-bottom: 20px; background-color: rgb(240, 233, 227); } .investor_journal .show .bars ul li a .day { float: left; width: 145px; height: 90px; text-align: center; line-height: 90px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(230, 0, 18); letter-spacing: -2px; } .investor_journal .show .bars ul li a .des { float: right; width: 625px; height: 90px; padding-right: 20px; display: table; } .investor_journal .show .bars ul li a .des p { display: table-cell; vertical-align: middle; font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 0px; } .investor_journal .show .imgs ul { width: 820px; position: relative; top: 0; left: -30px; font-size: 0px; margin-bottom: 10px; } .investor_journal .show .imgs ul li { display: inline-block; vertical-align: top; width: 380px; height: 400px; margin-left: 30px; margin-bottom: 30px; background-color: rgb(240, 232, 227); box-sizing: border-box; padding: 10px; background: url(../img/investor/investor_journal_02.png) no-repeat center bottom; } .investor_journal .show .imgs ul li a { width: 100%; height: 100%; box-sizing: border-box; border: 1px solid transparent; padding: 10px; } .investor_journal .show .imgs ul li a .box { width: 100%; height: 100%; } .investor_journal .show .imgs ul li a .box .img { padding-top: 20px; height: 240px; width: 100%; } .investor_journal .show .imgs ul li a .box .img img { width: 190px; height: 240px; margin: 0 auto; } .investor_journal .show .imgs ul li a .box .tit { margin-top: 20px; margin-bottom: 12px; font-size: 20px; color: rgb(51, 51, 51); text-align: center; } .investor_journal .show .imgs ul li a .box .day { font-family: 'webfont-DIN-Medium'; font-size: 24px; color: #84888B; text-align: center; letter-spacing: -1px; } .investor_journal .more { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; transition: all 400ms; } .investor_journal .more:hover { background-color: rgb(195, 32, 45); } /*investor_message*/ .investor_message .show { min-height: 480px; position: relative; background-color: #fff; padding-bottom: 40px; } .investor_message .show .cost { position: absolute; z-index: 2; top: 0; right: 0; } .investor_message .show .recent { position: absolute; top: 0; right: 0; width: 380px; height: 480px; box-sizing: border-box; padding: 40px 30px 0 30px; background-color: rgb(240, 233, 229); } .investor_message .show .recent .newest { font-size: 16px; color: rgb(51, 51, 51); padding-bottom: 40px; border-bottom: 2px solid rgb(255, 255, 255); } .investor_message .show .recent .aug { font-family: 'webfont-DIN-Medium'; font-size: 48px; color: rgb(230, 0, 18); margin-top: 48px; letter-spacing: -4px; } .investor_message .show .recent .tit { margin-top: 50px; margin-bottom: 12px; font-size: 24px; color: rgb(51, 51, 51); } .investor_message .show .recent .day { font-family: 'webfont-DIN-Medium'; font-size: 24px; color: #cec4bf; } .investor_message .show .recent .icon { margin-top: 40px; height: 40px; font-size: 0px; } .investor_message .show .recent .icon a { display: inline-block; vertical-align: top; width: 40px; height: 40px; box-sizing: border-box; border: 2px solid rgb(230, 0, 18); margin-right: 10px; border-radius: 20px; } .investor_message .show .recent .icon a.look { background: url(../img/investor/investor_message_01.png) no-repeat center; transition: all 400ms; } .investor_message .show .recent .icon a.look:hover { background: rgb(230, 0, 18) url(../img/investor/investor_message_03.png) no-repeat center; } .investor_message .show .recent .icon a.load { background: url(../img/investor/investor_message_02.png) no-repeat center; transition: all 400ms; } .investor_message .show .recent .icon a.load:hover { background: rgb(230, 0, 18) url(../img/investor/investor_message_04.png) no-repeat center; } .investor_message .show .toggle { width: 792px; box-sizing: border-box; padding: 40px 0 14px 7px; border-bottom: 2px solid rgb(240, 233, 229); font-size: 0px; } .investor_message .show .toggle h4 { display: inline-block; vertical-align: top; margin-left: 23px; margin-bottom: 20px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: #84888b; font-weight: normal; cursor: pointer; transition: all 400ms; } .investor_message .show .toggle h4.on { color: rgb(230, 0, 18); } .investor_message .show .toggle h4:hover { color: rgb(230, 0, 18); } .investor_message .show ul { font-size: 0px; width: 792px; box-sizing: border-box; padding-top: 8px; padding-left: 12px; } .investor_message .show ul li { display: inline-table; vertical-align: top; margin-left: 20px; margin-top: 20px; } .investor_message .show ul li a { display: table-cell; vertical-align: middle; width: 240px; height: 100px; background-color: rgb(245, 240, 237); box-sizing: border-box; padding: 0 20px; transition: all 400ms; } .investor_message .show ul li a .tit { font-size: 20px; color: rgb(51, 51, 51); transition: all 400ms; } .investor_message .show ul li a .day { margin-top: 9px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: #cec4bf; letter-spacing: -2px; transition: all 400ms; } .investor_message .show ul li a:hover { background-color: rgb(230, 0, 18); } .investor_message .show ul li a:hover .tit { color: #fff; } .investor_message .show ul li a:hover .day { color: #fff; } /*investor_analyst*/ .investor_analyst .show { position: relative; min-height: 400px; background-color: #fff; padding-bottom: 40px; box-sizing: border-box; } .investor_analyst .show .cost { position: absolute; z-index: 2; top: 0; right: 0; } .investor_analyst .show .toggle { width: 760px; padding-top: 40px; margin-left: 30px; font-size: 0px; padding-bottom: 30px; border-bottom: 2px solid rgb(245, 240, 237); } .investor_analyst .show .toggle h4 { font-size: 16px; color: #84888B; margin-right: 45px; display: inline-block; vertical-align: top; cursor: pointer; transition: all 400ms; } .investor_analyst .show .toggle h4.on { color: rgb(230, 0, 18); } .investor_analyst .show .toggle h4:hover { color: rgb(230, 0, 18); } .investor_analyst .show table { display: none; border-collapse: collapse; } .investor_analyst .show table.on { display: block; } .investor_analyst .show table { width: 760px; margin-left: 30px; } .investor_analyst .show table tbody th { height: 70px; color: rgb(51, 51, 51); font-size: 16px; } .investor_analyst .show table tbody>:first-child { border-bottom: 1px solid rgb(245, 240, 237); } .investor_analyst .show table tbody>:first-child .col1 { width: 200px; text-align: left; } .investor_analyst .show table tbody>:first-child .col2 { width: 200px; text-align: left; } .investor_analyst .show table tbody>:first-child .col3 { width: 200px; text-align: left; } .investor_analyst .show table tbody>:first-child .col4 { width: 160px; text-align: left; } .investor_analyst .show table td { font-size: 14px; color: #84888b; height: 34px; vertical-align: bottom; } .investor_analyst .show table tfoot td { font-size: 14px; color: rgb(153, 153, 153); height: 54px; } /*investor_search*/ .investor_search .show { position: relative; min-height: 400px; background-color: #fff; box-sizing: border-box; padding: 40px 30px; } .investor_search .show .cost { position: absolute; z-index: 2; top: 0; right: 0; } .investor_search .show .info { width: 760px; } .investor_search .show .info .bar { width: 100%; height: 110px; box-sizing: border-box; padding-left: 120px; padding-top: 40px; background-color: rgb(245, 240, 237); margin-top: 10px; position: relative; } .investor_search .show .info>.bar:first-child { margin-top: 0; } .investor_search .show .info .bar img { position: absolute; width: 70px; height: 70px; border-radius: 35px; top: 50%; margin-top: -35px; left: 30px; } .investor_search .show .info .bar .name { font-size: 16px; color: rgb(51, 51, 51); margin-bottom: 8px; } .investor_search .show .info .bar .work { font-size: 14px; color: rgb(153, 153, 153); } .investor_search .show .info .method { padding: 0 30px; background-color: rgb(245, 240, 237); } .investor_search .show .info .method .boxs { border-top: 1px solid #fff; font-size: 0px; } .investor_search .show .info .method .boxs div { display: inline-block; vertical-align: top; box-sizing: border-box; padding-left: 30px; font-size: 14px; color: #84888b !important; text-decoration: none; line-height: 1.4em; padding-top: 27px; padding-bottom: 27px; } .investor_search .show .info .method .boxs div.hk { padding-left: 0px; background: url(../images/investor30-hk-call.png) no-repeat center left; } .investor_search .show .info .method .boxs div.sh { text-align: center; width: 293px; } .investor_search .show .info .method .boxs div.sh strong { font-style: normal; display: inline-block; text-align: left; line-height: 1.4em; } .investor_search .show .info .method .boxs div.em { text-align: right; } /*responsibility_concept*/ .responsibility_concept .bottom { width: 1200px; height: 1100px; position: relative; background-color: #fff; } .responsibility_concept .bottom .img1 { width: 660px; height: 660px; position: absolute; top: 0px; right: 0px; } .responsibility_concept .bottom .img2 { width: 540px; height: 440px; position: absolute; bottom: 0px; left: 0px; } .responsibility_concept .bottom .text1 { width: 540px; height: 660px; position: absolute; z-index: 2; top: 0px; left: 0px; box-sizing: border-box; padding: 60px 30px 0 30px; background-color: rgb(245, 240, 237); } .responsibility_concept .bottom .text2 { width: 660px; height: 440px; position: absolute; z-index: 2; bottom: 0px; right: 0px; box-sizing: border-box; padding: 60px 40px 0 40px; } .responsibility_concept .bottom .text .cn { font-size: 24px; color: rgb(51, 51, 51); margin-bottom: 15px; } .responsibility_concept .bottom .text .en { font-family: 'webfont-DIN-Medium'; font-size: 20px; color: #e1d5cc; letter-spacing: -1px; text-transform: uppercase; font-weight: normal; margin: 15px 0 20px 0; } .responsibility_concept .bottom .text p { margin-bottom: 16px; margin-top: 16px; } .responsibility_concept .bold { font-size: 20px; color: rgb(102, 102, 102); line-height: 1.6em; margin-top: 24px; margin-bottom: 14px; } .responsibility_concept .des { font-size: 14px; color: #84888b; line-height: 1.6em; margin-bottom: 30px; } /*responsibility_activity*/ .responsibility_activity ::-webkit-input-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .responsibility_activity :-moz-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .responsibility_activity ::-moz-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .responsibility_activity :-ms-input-placeholder { color: rgb(0, 0, 0); font-size: 14px; } .responsibility_activity ::-webkit-scrollbar { width: 2px; height: 8px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; } .responsibility_activity ::-webkit-scrollbar-thumb { background-color: rgb(230, 0, 18); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0; height: 10px; } .responsibility_activity .newstop { width: 1200px; height: 240px; font-size: 0px; } .responsibility_activity .newstop img { display: inline-block; vertical-align: top; width: 380px; height: 240px; } .responsibility_activity .newstop>div { display: inline-block; vertical-align: top; width: 820px; height: 240px; background-color: rgb(245, 240, 237); box-sizing: border-box; padding: 40px 30px 0 30px; } .responsibility_activity .newstop>div .day { font-family: 'webfont-DIN-Medium'; font-size: 36px; color: rgb(230, 0, 18); margin-bottom: 20px; letter-spacing: -2px; } .responsibility_activity .newstop>div .tit { font-size: 18px; color: rgb(51, 51, 51); margin: 20px 0; font-weight: bold; } .responsibility_activity .newstop>div p { margin-bottom: 0; } .responsibility_activity .filter { position: relative; z-index: 2; margin: 20px 0 10px 0; width: 1200px; height: 60px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); font-size: 0px; } .responsibility_activity .filter .years { width: 378px; height: 56px; display: inline-block; vertical-align: top; position: relative; } .responsibility_activity .filter .years input { display: block; width: 378px; height: 56px; box-sizing: border-box; text-indent: 20px; font-size: 14px; color: #000; border-right: 2px solid #E9E2DD; background: #fff url(../img/news/media_news_02.png) no-repeat 334px center; cursor: pointer; } .responsibility_activity .filter .years ul { display: none; position: absolute; left: -2px; top: 60px; width: 380px; max-height: 340px; box-sizing: border-box; border: 2px solid #E9E2DD; background-color: #FBFBFB; overflow-x: hidden; overflow-y: auto; } .responsibility_activity .filter .years ul li { height: 56px; line-height: 56px; text-indent: 20px; font-size: 14px; color: #000; cursor: pointer; } .responsibility_activity .filter .input { display: inline-block; vertical-align: top; width: 818px; height: 56px; position: relative; } .responsibility_activity .filter .input input { width: 818px; height: 56px; box-sizing: border-box; padding: 0 78px 0 30px; background-color: transparent; font-size: 14px; color: #000; } .responsibility_activity .filter .input button { position: absolute; z-index: 2; width: 78px; height: 56px; top: 0; right: 0; background: url(../img/news/media_news_03.png) no-repeat center; cursor: pointer; text-indent: -9999px; } .responsibility_activity ul li a { width: 1200px; height: 150px; background-color: #fff; box-sizing: border-box; padding: 30px 30px 30px 150px; font-size: 0px; position: relative; margin-top: 10px; } .responsibility_activity ul li a .day { position: absolute; top: 30px; left: 30px; font-family: 'webfont-DIN-Medium'; font-size: 24px; color: rgb(230, 0, 18); letter-spacing: -2px; } .responsibility_activity ul li a .tit { font-size: 18px; color: rgb(51, 51, 51); margin-bottom: 20px; font-weight: bold; } .responsibility_activity ul li a p { margin-bottom: 0; } .responsibility_activity .more { width: 140px; height: 50px; margin-left: auto; margin-right: auto; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; margin-top: 40px; transition: all 400ms; } .responsibility_activity .more:hover { background-color: rgb(195, 32, 45); } /*responsibility_report*/ .responsibility_report { padding-top: 30px !important; } .responsibility_report ul { width: 1230px; position: relative; top: 0; left: -30px; font-size: 0px; } .responsibility_report ul li { display: inline-block; vertical-align: top; width: 380px; height: 460px; margin-left: 30px; margin-top: 30px; background: url(../img/news/media_album_frame_max.png) no-repeat center; text-align: center; } .responsibility_report ul li .img { width: 380px; height: 240px; padding-top: 45px; } .responsibility_report ul li .img img { width: 190px; height: 240px; margin: 0 auto; } .responsibility_report ul li .tit { width: 100%; text-align: center; margin-top: 25px; margin-bottom: 40px; font-size: 20px; color: rgb(51, 51, 51); } .responsibility_report ul li a { display: inline-block; vertical-align: top; width: 140px; height: 50px; text-align: center; line-height: 50px; font-size: 14px; color: rgb(255, 255, 255); transition: all 400ms; } .responsibility_report ul li a.read { background-color: rgb(223, 203, 192); } .responsibility_report ul li a.load { background-color: rgb(229, 210, 199); } .responsibility_report ul li a:hover { background-color: rgb(230, 0, 18); } /*join_recruit*/ .join_recruit .show { font-size: 0px; } .join_recruit .img { display: inline-block; vertical-align: top; width: 820px; height: 420px; background: url(../img/join/join_recruit_01.jpg) no-repeat center; box-sizing: border-box; padding-top: 333px; padding-left: 30px; } .join_recruit .img strong { font-size: 24px; color: rgb(230, 0, 18); font-weight: normal; display: block; margin-bottom: 20px; } .join_recruit .img em { display: block; font-size: 14px; color: #fff; font-style: normal; } .join_recruit .zhaoping { display: inline-block; vertical-align: top; width: 380px; height: 420px; } .join_recruit .zhaoping .text { position: relative; width: 380px; height: 210px; box-sizing: border-box; padding-top: 40px; padding-left: 30px; background-color: rgb(235, 226, 220); } .join_recruit .zhaoping>:first-child { background-color: rgb(240, 232, 227); } .join_recruit .zhaoping .text .tit { font-size: 24px; color: rgb(51, 51, 51); margin-bottom: 10px; } .join_recruit .zhaoping .text p { margin-bottom: 0; } .join_recruit .zhaoping .text a { transition: all 400ms; position: absolute; z-index: 2; bottom: 30px; left: 30px; width: 100px; height: 40px; text-align: center; line-height: 40px; font-size: 14px; color: #fff; background-color: rgb(230, 0, 18); } .join_recruit .zhaoping .text a:hover { background-color: rgb(195, 32, 45); } /*join_contact*/ .join_contact .company { width: 1260px; font-size: 0px; padding-bottom: 12px; } .join_contact .company li:nth-child(9) { margin-right: 190px; } .join_contact .company li { display: inline-block; font-size: 0px; } .join_contact .company li a { /* width: 113px; */ margin-right: 20px; margin-bottom: 30px; font-size: 16px; color: #84888b; font-weight: bold; transition: all 400ms; } .join_contact .company li a.on { color: rgb(230, 0, 18); } .join_contact .company li a:hover { color: rgb(230, 0, 18); } .join_contact address { display: block; margin-top: 15px; margin-bottom: 40px; font-size: 0px; font-style: normal; } .join_contact address strong { display: inline-block; vertical-align: top; width: 380px; min-height: 60px; border-top: 2px solid rgb(240, 233, 229); box-sizing: border-box; margin-left: 30px; padding-left: 50px; padding-top: 34px; font-size: 14px; color: #84888b; font-weight: normal; } .join_contact address>:first-child { margin-left: 0px; } .join_contact address>p { font-size: 0px; } .join_contact address>p:first-child>:first-child { margin-left: 0px; } .join_contact address strong.phone { background: url(../img/join/join_contact_01.png) no-repeat left 18px; } .join_contact address strong.email { background: url(../img/join/join_contact_02.png) no-repeat left 18px; } .join_contact address strong.address { background: url(../img/join/join_contact_03.png) no-repeat left 18px; } .join_contact address strong em { font-style: normal; vertical-align: top; display: inline-block; font-weight: normal; } .join_contact address strong em.key { width: 45px; margin-right: -45px; } .join_contact address strong em.des { line-height: 1.6em; margin-top: -5px; text-indent: 3em; } .join_contact #allmap { height: 400px; width: 1200px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); border-radius: 2px; } .join_contact #allmap .BMap_shadow img { display: none !important; } .join_contact #allmap .BMap_pop>:nth-child(-n+8) { display: none; } .join_contact #allmap .BMap_pop>:nth-child(n+10) { display: none; } .join_contact #allmap .BMap_pop>div { width: 200px !important; height: 50px !important; display: table; box-sizing: border-box !important; padding: 0 20px; background-color: #fff; box-shadow: 2px 2px 10px 0px #C1C0C0; overflow: visible !important; left: 8px !important; top: 45px !important; } .join_contact #allmap .BMap_pop>div .BMap_bubble_title { display: table-cell; vertical-align: middle; position: relative; z-index: 3; text-align: center !important; white-space: normal !important; background-color: #fff !important; } .join_contact #allmap .BMap_pop>div .BMap_bubble_content { position: absolute; z-index: 2 !important; bottom: -7px !important; left: 50% !important; width: 14px !important; height: 14px !important; background-color: #fff !important; transform-origin: center; transform: rotate(45deg); margin-left: -7px; box-shadow: 0px 0px 10px 2px #C1C0C0; } /*report*/ .report .state { font-size: 16px; color: rgb(102, 102, 102); text-align: center; line-height: 1.6em; font-weight: bold; } .report .to { margin-top: 60px; font-size: 0px; } .report .to .item { display: inline-block; vertical-align: top; width: 288px; margin-left: 16px; border-top: 2px solid rgb(240, 233, 229); } .report .to>.item:first-child { margin-left: 0; } .report .to .item a { margin-top: 38px; width: 200px; height: 54px; margin-left: auto; margin-right: auto; border-radius: 27px; } .report .to .item.online a { transition: all 400ms; background: rgb(230, 0, 18) url(../img/report/report_01.png) no-repeat center; } .report .to .item.online a:hover { background-color: rgb(195, 32, 45); } .report .to .item.email a { background: url(../img/report/report_02.png) no-repeat center; } .report .to .item.phone a { background: url(../img/report/report_03.png) no-repeat center; } .report .to .item.letter a { background: url(../img/report/report_04.png) no-repeat center; } .report .to .item strong { display: block; margin-top: 20px; font-size: 16px; color: rgb(51, 51, 51); text-align: center; margin-bottom: 10px; } .report .to .item.online strong { font-size: 16px; color: rgb(230, 0, 18); margin-bottom: 8px; } .report .to .item em { display: block; font-size: 14px; text-align: center; color: rgb(132, 136, 139); font-style: normal; line-height: 1.6em; } .report .cen { width: 1200px; margin-top: 40px; margin-bottom: 20px; font-size: 0px; } .report .cen .item { display: inline-block; vertical-align: top; width: 380px; height: 460px; margin-left: 30px; box-sizing: border-box; padding: 40px 30px 0 30px; background-color: rgb(240, 233, 229); } .report .cen>.item:first-child { margin-left: 0px; } .report .cen .img { width: 46px; height: 46px; background-repeat: no-repeat; background-position: left top; } .report .cen .img.img1 { background-image: url(../img/report/report_05.png); } .report .cen .img.img2 { background-image: url(../img/report/report_06.png); } .report .cen .img.img3 { background-image: url(../img/report/report_07.png); } .report .cen p strong { font-size: 20px; color: rgb(51, 51, 51); margin-bottom: 20px; margin-top: 28px; display: block; } .report .cen p.bold { margin-bottom: 0px; } .report .bo { width: 1200px; background-color: #fff; padding-bottom: 30px; } .report .bo .tit { height: 105px; border-bottom: 2px solid rgb(240, 233, 229); text-indent: 30px; line-height: 105px; font-size: 24px; color: rgb(51, 51, 51); font-weight: bold; } .report .bo .ov { width: 1200px; box-sizing: border-box; padding: 0 30px; } .report .bo .ov p { margin-bottom: 0px; display: none; } .report .bo .ov p strong { display: block; margin-top: 34px; margin-bottom: 7px; } .report .bo .more { transition: all 400ms; margin-top: 40px; margin-left: auto; margin-right: auto; width: 140px; height: 50px; background-color: rgb(230, 0, 18); text-align: center; line-height: 50px; font-size: 14px; color: #fff; } .report .bo .more:hover { background-color: rgb(195, 32, 45); } /*report_d*/ .report_d .psBox { margin-top: 20px; } .report_d .state { font-size: 16px; color: rgb(102, 102, 102); text-align: center; line-height: 1.6em; font-weight: bold; } .report_d .form { font-size: 0px; margin-top: 60px; } .report_d .form ::-webkit-input-placeholder { color: rgb(153, 153, 153); font-size: 14px; } .report_d .form :-moz-placeholder { color: rgb(153, 153, 153); font-size: 14px; } .report_d .form ::-moz-placeholder { color: rgb(153, 153, 153); font-size: 14px; } .report_d .form :-ms-input-placeholder { color: rgb(153, 153, 153); font-size: 14px; } .report_d .tit { font-size: 16px; color: rgb(102, 102, 102); font-weight: bold; position: relative; margin-bottom: 12px; margin-left: 22px; } .report_d .tit.must::after { content: "*"; color: rgb(230, 0, 18); } .report_d .event .box { height: 70px; background-color: #fff; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); } .report_d .event .box label { display: inline-block; height: 14px; line-height: 14px; margin-top: 26px; margin-left: 52px; padding-left: 24px; font-size: 14px; color: rgb(153, 153, 153); background: url(../img/report/report_08.jpg) no-repeat left center; position: relative; } .report_d .event .box>label:first-child { margin-left: 20px; } .report_d .event .box label input { position: absolute; width: 80px; height: 14px; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0); } .report_d .event .box label.on { background-image: url(../img/report/report_09.jpg); } .report_d .title { position: relative; margin-top: 30px; width: 1200px; height: 70px; } .report_d .title .tit { text-indent: -9999px; position: absolute; z-index: 1; top: 0; left: 0; width: 1200px; height: 70px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); background-color: #fff; margin: 0; text-indent: 20px; line-height: 66px; color: rgb(153, 153, 153); font-weight: normal; font-size: 14px; } .report_d .title input { position: absolute; z-index: 2; width: 100%; height: 100%; box-sizing: border-box; padding: 0 22px; font-size: 14px; color: rgb(153, 153, 153); background-color: transparent; } .report_d .item { position: relative; margin-top: 10px; width: 1200px; height: 70px; } .report_d .item .tit { position: absolute; z-index: 1; top: 0; left: 0; width: 1200px; height: 70px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); background-color: #fff; margin: 0; text-indent: 20px; line-height: 66px; color: rgb(153, 153, 153); font-weight: normal; font-size: 14px; } .report_d .item input { position: absolute; z-index: 2; width: 100%; height: 100%; box-sizing: border-box; padding: 0 22px; font-size: 14px; color: rgb(153, 153, 153); background-color: transparent; } .report_d .name { display: inline-block; vertical-align: top } .report_d .city { display: inline-block; vertical-align: top; margin-left: 20px; } .report_d .name, .report_d .city { position: relative; margin-top: 10px; width: 590px; height: 70px; } .report_d .name .tit, .report_d .city .tit { position: absolute; z-index: 1; top: 0; left: 0; width: 590px; height: 70px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); background-color: #fff; margin: 0; text-indent: 20px; line-height: 66px; color: rgb(153, 153, 153); font-weight: normal; font-size: 14px; } .report_d .name input, .report_d .city input { position: absolute; z-index: 2; width: 100%; height: 100%; box-sizing: border-box; padding: 0 22px; font-size: 14px; color: rgb(153, 153, 153); background-color: transparent; } .report_d .participator, .report_d .insider { display: inline-block; vertical-align: top; width: 590px; height: 70px; margin-top: 10px; } .report_d .insider { margin-left: 20px; } .report_d .participator input, .report_d .insider input { display: block; width: 590px; height: 70px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); background-color: #fff; font-size: 14px; color: rgb(153, 153, 153); padding: 0 20px; } .report_d .des { margin-top: 20px; width: 1200px; height: 200px; background-color: #fff; } .report_d .des .tit { height: 70px; box-sizing: border-box; border: 2px solid rgb(233, 226, 221); line-height: 66px; margin-left: 0px; text-indent: 20px; margin-bottom: 0px; } .report_d .des textarea { width: 1200px; height: 140px; box-sizing: border-box; padding: 10px 10px 10px 20px; overflow: auto; background-color: #fff; border-left: 2px solid rgb(233, 226, 221); border-right: 2px solid rgb(233, 226, 221); border-bottom: 2px solid rgb(233, 226, 221); resize: none; font-size: 14px; color: rgb(153, 153, 153); line-height: 1.6em; } .report_d .file { margin-top: 30px; position: relative; } .report_d .file .box { width: 1200px; height: 70px; position: relative; } .report_d .file .box input[type="text"] { position: absolute; top: 0px; left: 0px; z-index: 1; width: 1040px; height: 70px; background-color: #fff; box-sizing: border-box; padding: 0 20px; font-size: 14px; color: rgb(153, 153, 153); border: 2px solid rgb(233, 226, 221); } .report_d .file .box button { position: absolute; top: 0px; right: 0px; ; z-index: 1; width: 160px; height: 70px; background-color: rgb(233, 226, 221); font-size: 14px; color: #84888b; cursor: pointer; } .report_d .file .box input[type="file"] { cursor: pointer; position: absolute; z-index: 2; top: 0px; right: 0px; width: 160px; height: 70px; opacity: 0; filter: Alpha(opacity=0); } .report_d .file #GardenImageForm { position: absolute; top: 0px; left: 0px; z-index: 10; width: 1040px; height: 70px; box-sizing: border-box; padding: 0 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0px; } .report_d .file #GardenImageForm .fileshow { display: inline-block; vertical-align: top; position: relative; height: 70px; padding-right: 25px; margin-right: 20px; } .report_d .file #GardenImageForm .fileshow .name { height: 70px; line-height: 70px; font-size: 14px; color: rgb(153, 153, 153); margin-left: 0px; margin-top: 0px; width: auto; display: block; vertical-align: top; } .report_d .file #GardenImageForm .fileshow .close { position: absolute; z-index: 2; width: 20px; height: 20px; top: 50%; margin-top: -10px; right: 0px; background: url(../img/report/report_11.png) no-repeat center; background-size: 20px 20px; cursor: pointer; } .report_d .file .afterSlected { position: absolute; bottom: 0px; right: 0px; width: 160px; height: 70px; z-index: 100; display: none; background-color: rgb(240, 233, 229); } .report_d .file .afterSlected .progress { height: 70px; background-color: rgb(93, 180, 65); text-align: center; line-height: 70px; font-size: 14px; color: #fff; min-width: 20%; } .report_d .reporter { margin-top: 60px; } .report_d .reporter input { display: block; width: 1200px; height: 70px; background-color: #fff; box-sizing: border-box; padding: 0 20px; font-size: 14px; color: rgb(153, 153, 153); border: 2px solid rgb(233, 226, 221); } .report_d .phone { margin-top: 30px; } .report_d .phone input { width: 1200px; height: 70px; background-color: #fff; box-sizing: border-box; padding: 0 20px; font-size: 14px; color: rgb(153, 153, 153); margin-bottom: 10px; border: 2px solid rgb(233, 226, 221); } .report_d .submit { transition: all 400ms; display: block; margin-top: 30px; margin-left: auto; margin-right: auto; width: 140px; height: 50px; background-color: rgb(230, 0, 18); font-size: 14px; color: #fff; cursor: pointer; } .report_d .submit:hover { background-color: rgb(195, 32, 45); } @media only screen and (max-width: 1366px) { .header .oa { margin-right: 30px; } .header .language li a { margin-right: 30px; } .header .logo { margin-right: 76px; } .about_process .show .slide .leftinput { left: -330px; } .about_process .show .slide .rightinput { right: -330px; } } /*盲驴庐忙鈥澛?/ /*media_video*/ .bsTop span { line-height: 24px; } .play_pop .close { display: none; position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; cursor: pointer; } .play_pop .close .bg { position: absolute; z-index: 1; width: 40px; height: 40px; top: 0; left: 0; background-color: rgb(230, 0, 18); opacity: 0; filter: alpha(opacity=0); transition: all 200ms; } .play_pop .close .icon { position: absolute; z-index: 2; width: 40px; height: 40px; top: 0; left: 0; background: url(../img/news/close.png) no-repeat center; } .play_pop .close:hover .bg { opacity: 1; filter: alpha(opacity=100); } .news_more { color: #e60012 !important; margin-top: 20px; font-family: Regular; } .mainBusiness { padding-top: 70px; } .mainBusiness .title-in { margin: 0 auto 30px; } .mainBusiness .ovs-dt { border-top: 1px solid #ede8e4; padding: 30px 0; } .mainBusiness .ovs-dt ul { width: 1230px; overflow: hidden; } .mainBusiness .ovs-dt li.on { background-color: #11689b; } .mainBusiness .ovs-dt li { float: left; width: 165px; height: 106px; margin-right: 7px; padding-top: 33px; box-sizing: border-box; text-align: center; background-color: #FFF; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; } .mainBusiness .ovs-dt li .img-ti { display: inline-block; width: 130px; height: 24px; margin-bottom: 10px; } .mainBusiness .ovs-dt .li1 .img-ti { background: url("../img/product_p-pcard-01.png") no-repeat center; } .mainBusiness .ovs-dt .li2 .img-ti { background: url("../img/product_p-pcard-02.png") no-repeat center; } .mainBusiness .ovs-dt .li3 .img-ti { background: url("../img/product_p-pcard-04.png") no-repeat center; } .mainBusiness .ovs-dt .li4 .img-ti { background: url("../img/product_p-pcard-05.png") no-repeat center; } .mainBusiness .ovs-dt .li5 .img-ti { background: url("../img/product_p-pcard-03.png") no-repeat center; } .mainBusiness .ovs-dt .li6 .img-ti { background: url("../img/product_p-pcard-06.png") no-repeat center; } .mainBusiness .ovs-dt .li7 .img-ti { background: url("../img/product_p-pcard-07.png") no-repeat center; } .mainBusiness .ovs-dt .li1.on .img-ti { background: url("../img/product_p-pcard-01-in.png") no-repeat center; } .mainBusiness .ovs-dt .li2.on .img-ti { background: url("../img/product_p-pcard-02-in.png") no-repeat center; } .mainBusiness .ovs-dt .li3.on .img-ti { background: url("../img/product_p-pcard-04-in.png") no-repeat center; } .mainBusiness .ovs-dt .li4.on .img-ti { background: url("../img/product_p-pcard-05-in.png") no-repeat center; } .mainBusiness .ovs-dt .li5.on .img-ti { background: url("../img/product_p-pcard-03-in.png") no-repeat center; } .mainBusiness .ovs-dt .li6.on .img-ti { background: url("../img/product_p-pcard-06-in.png") no-repeat center; } .mainBusiness .ovs-dt .li7.on .img-ti { background: url("../img/product_p-pcard-07-in.png") no-repeat center; } .mainBusiness .ovs-dt li.on h5 { color: #FFF; } .mainBusiness .ovs-dt li.on h4 { color: #FFF; } .mainBusiness .ovs-dt li h4 { font-weight: 600; color: #11689b; font-size: 18px; line-height: 1; margin-bottom: 8px; } .mainBusiness .ovs-dt li p { margin-bottom: 0; line-height: 1; } .mainBusiness .ovs-dt li h5 { color: #4f4f4f; font-size: 14px; font-weight: 400; } .mainBusiness .ovs-dd h4 { margin-bottom: 14px; } .mainBusiness .ovs-dd h4 img { display: inline-block; vertical-align: bottom; position: relative; top: 6px; margin-right: 6px; } .mainBusiness .ovs-dd h4 strong { display: inline-block; font-weight: 600; color: #11689b; font-size: 18px; line-height: 1; font-style: normal; vertical-align: bottom; margin-right: 4px; } .mainBusiness .ovs-dd h4 em { color: #8d8c8a; font-size: 14px; font-style: normal; } .mainBusiness .ovs-dd { border-bottom: 4px solid #ede8e4; padding-bottom: 30px; } .mainBusiness .tit-nt { height: 60px; padding-bottom: 30px; color: #11689b; font-size: 50px; line-height: 1; text-align: center; vertical-align: middle; } .mainBusiness .tit-nt em { display: inline-block; color: #f8c100; font-size: 60px; line-height: 1; vertical-align: middle; padding-right: 80px; position: relative; font-style: normal; top: -2px; } .mainBusiness .tit-nt var { font-size: 70px; font-style: normal; vertical-align: middle; position: relative; top: -5px; } .mainBusiness .tit-nt em:after { content: ""; display: block; width: 60px; height: 0; border-top: 2px solid #11689b; position: absolute; right: 4px; top: 33px; } /*2020.4.27*/ .manage_wsyue_427 { margin: 10px 0 55px; } .manage_wsyue_427 .list { width: 1200px; height: 365px; overflow: hidden; position: relative; } .manage_wsyue_427 .list .li { float: left; /*width: 192px;*/ width: 594px; height: 365px; margin-right: 10px; position: absolute; top: 0; border-left: 10px solid #FFF; overflow: hidden; } .manage_wsyue_427 .list .i1 { z-index: 10; } .manage_wsyue_427 .list .i2 { z-index: 20; } .manage_wsyue_427 .list .i3 { z-index: 30; } .manage_wsyue_427 .list .i4 { z-index: 40; } .manage_wsyue_427 .list.i1 .i1 { left: -10px; width: 594px; } .manage_wsyue_427 .list.i1 .i2 { left: 594px; } .manage_wsyue_427 .list.i1 .i3 { left: 796px; } .manage_wsyue_427 .list.i1 .i4 { left: 998px; } .manage_wsyue_427 .list.i1 .i1.li h3, .manage_wsyue_427 .list.i1 .i1.li img { margin-left: 0; } .manage_wsyue_427 .list.i2 .i1 { left: -10px; } .manage_wsyue_427 .list.i2 .i2 { left: 192px; width: 594px; } .manage_wsyue_427 .list.i2 .i3 { left: 796px; } .manage_wsyue_427 .list.i2 .i4 { left: 998px; } .manage_wsyue_427 .list.i2 .i2.li h3, .manage_wsyue_427 .list.i2 .i2.li img { margin-left: 0; } .manage_wsyue_427 .list.i3 .i1 { left: -10px; } .manage_wsyue_427 .list.i3 .i2 { left: 192px; } .manage_wsyue_427 .list.i3 .i3 { left: 394px; width: 594px; } .manage_wsyue_427 .list.i3 .i4 { left: 998px; } .manage_wsyue_427 .list.i3 .i3.li h3, .manage_wsyue_427 .list.i3 .i3.li img { margin-left: 0; } .manage_wsyue_427 .list.i4 .i1 { left: -10px; } .manage_wsyue_427 .list.i4 .i2 { left: 192px; } .manage_wsyue_427 .list.i4 .i3 { left: 394px; } .manage_wsyue_427 .list.i4 .i4 { left: 596px; width: 594px; } .manage_wsyue_427 .list.i4 .i4.li h3, .manage_wsyue_427 .list.i4 .i4.li img { margin-left: 0; } .manage_wsyue_427 .list .li, .manage_wsyue_427 .list .li h3, .manage_wsyue_427 .list .li img { transition: all .3s ease-in-out; } .manage_wsyue_427 .list .li h3 { margin-left: -400px; } .manage_wsyue_427 .list .li img { margin-left: -251px; } .manage_wsyue_427 .list .li h3 { padding-top: 319px; box-sizing: border-box; color: #ffffff; font-size: 22px; font-weight: 300; letter-spacing: 2px; background: url("../images/manage_wsyue_427-li-bg.png") repeat-x left bottom; text-align: center; position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 30; } .manage_wsyue_427 .list .li:hover .cont { opacity: 1; filter: alpha(opacity=100); } .manage_wsyue_427 .list .li:hover h3 { opacity: 0; filter: alpha(opacity=0); } .manage_wsyue_427 .list .li .cont { width: 100%; height: 100%; box-sizing: border-box; padding: 50px 30px 0; position: absolute; left: 0; top: 0; z-index: 99; overflow: hidden; transition: all .3s; opacity: 0; filter: alpha(opacity=0); } .manage_wsyue_427 .list .li .cont>* { position: relative; z-index: 120; } .manage_wsyue_427 .list .li .cont:before { content: ""; width: 100%; height: 100%; background-color: #fabe00; opacity: .9; filter: alpha(opacity=90); position: absolute; left: 0; top: 0; /*z-index: 100!important;*/ } .manage_wsyue_427 .list .li .cont .txt { max-height: 245px; overflow: auto; } .manage_wsyue_427 .list .li .cont p { color: #ffffff; margin-bottom: 10px; font-size: 17px; line-height: 34px; } .manage_wsyue_427 .list .li .cont h4 { text-align: center; color: #ffffff; font-size: 26px; font-weight: 400; margin-bottom: 16px; line-height: 1; } /*2020.4.27 end*/ #chinaMap { /*background: url("http://web.reenoo.net/2020/chinaMap-bg.png") no-repeat 22px -2px/643px;*/ background: url("../images/chinaMap-bg.png") no-repeat 22px -2px/643px; width: 680px !important; } .chinaMap .nanhai { display: none; } #chinaMap .svggroup { display: none; } .investor_search .show .info .bar:first-child { margin-left: 0; } .investor_search .show .info .bar { float: left; width: 380px; height: 110px; margin-left: 0; margin-top: 0; margin-bottom: 1px; } .investor_search .show .info .method { clear: both; background-color: transparent; padding: 0; } .investor_search .show .info .method .boxs>div { width: 700px !important; display: block; height: 50px; /* padding-left: 60px; */ /* margin-bottom: 12px; */ /* background-color: #f5f0ed; */ text-align: left !important; margin: 0 30px 4px; line-height: 60px; padding: 0 0px 0 60px !important; background: url("../images/investor30-hk-ic.png") no-repeat center left; } .investor_search .show .info .method .boxs { background: #f5f0ed; padding: 50px 0; /* min-height: 167px; */ } .auto { width: 1200px; margin: auto; position: relative; } .clear-float:after { content: ""; display: block; clear: both; } .about2 .cCont1 { padding: 60px 0; } .about2 .cCont1 .auto { background-color: #f5f0ed; } .about2 .cCont1 .Le { float: left; width: 710px; padding: 50px 40px 0 30px; box-sizing: border-box; } .about2 .cCont1 .Le h2 { color: #e70000; font-size: 24px; line-height: 1; margin-bottom: 10px; } .about2 .cCont1 .Le h3 { color: #e1d5cc; font-size: 24px; line-height: 1; font-family: webfont-DIN-Medium; font-weight: 300; text-transform: uppercase; margin-bottom: 20px; } .about2 .cCont1 .Le h4 { font-size: 19px; color: rgb(102, 102, 102); margin-bottom: 30px; line-height: 1.4em; } .about2 .cCont1 .Le p { color: #848484; margin-bottom: 0px; padding-bottom: 12px; } .about2 .cCont1 .Ri { float: right; width: 490px; } /*2020.10.26*/ .product_funNew .cCont1 h2 { font-size: 30px; line-height: 1; color: #fabe00; margin-bottom: 45px; } .product_funNew .cCont1 .item { /*height: 378px;*/ padding: 40px 30px; margin-bottom: 20px; box-sizing: border-box; overflow: hidden; background-color: #FFF; } .product_funNew .cCont1 .slideBox { position: relative; } .product_funNew .cCont1 .slideBox .hd { position: absolute; z-index: 3; width: 1200px; height: 8px; left: 20px; right: 0; margin-left: auto; margin-right: auto; bottom: 20px; font-size: 0px; } .product_funNew .cCont1 .slideBox .hd li { display: inline-block; vertical-align: top; width: 8px; height: 8px; margin-right: 10px; background-color: #fff; border-radius: 8px; transition: all 400ms; cursor: pointer; } .product_funNew .cCont1 .slideBox .hd li.on { background-color: rgb(230, 0, 18); } /*.product_funNew .cCont1 .item1{*/ /*background: url("../images/product_funNew-item1-1.jpg") no-repeat 0 0;*/ /*}*/ /*.product_funNew .cCont1 .item2{*/ /*background: url("../images/product_funNew-item2-1.jpg") no-repeat 0 0;*/ /*}*/ /*.product_funNew .cCont1 .item3{*/ /*background: url("../images/product_funNew-item3-1.jpg") no-repeat 0 0;*/ /*}*/ /*.product_funNew .cCont1 .item4{*/ /*background: url("../images/product_funNew-item4-1.jpg") no-repeat 0 0;*/ /*}*/ .product_funNew .cCont1 .item .Le { float: left; width: 530px; } .product_funNew .cCont1 .item .Ri { float: right; width: 568px; } .product_funNew .cCont1 .item h3 { color: #666666; font-size: 20px; line-height: 1.3; margin-bottom: 16px; transition: all .3s; } .product_funNew .cCont1 .item:hover h3 { color: #e60012; } .product_funNew .cCont1 .item .Le p { color: #999999; font-size: 14px; text-align: justify; margin-bottom: 0; } .product_funNew .cCont1 .item .btn { display: inline-block; width: 148px; height: 46px; color: #a5a5a5; font-size: 14px; text-align: center; border: 2px solid #b4b1af; margin-right: 14px; line-height: 46px; transition: all .3s; } .product_funNew .cCont1 .item .btn i { display: inline-block; margin-left: 15px; font-style: inherit; } .product_funNew .cCont1 .item .txt { margin-bottom: 20px; } .product_funNew .cCont1 .item .btn:hover { border: 2px solid #fabe00; color: #fabe00; } .product_funNew .cCont1 .btItem { font-size: 0; height: 50px; /*margin-top: 20px;*/ margin-top: 46px; position: relative; } .product_funNew .cCont1 a { display: inline-block; } .product_funNew .cCont1 .btItem a { display: inline-block; margin-left: 26px; width: 252px; text-align: center; color: #ffffff; vertical-align: bottom; line-height: 1; box-sizing: border-box; height: 50px; padding-top: 15px; font-size: 18px; transition: height .3s, margin .3s, font-size .3s; position: absolute; bottom: 0; } .product_funNew .cCont1 .btItem a:first-child { margin-left: 0; } .product_funNew .cCont1 .btItem a.but1 { background-color: #f4b544; left: 0; } .product_funNew .cCont1 .btItem a.but2 { background-color: #b4e17b; right: 0; } .product_funNew .cCont1 .btItem a:hover { height: 85px; font-size: 26px; padding-top: 24px; } .guxBnt { width: 39px; height: 28px; background: url("../images/product_fun-new-data-jit.png") no-repeat 0 0; transition: background .3s; } .guxBnt:hover { background: url("../images/product_fun-new-data-jit-on.png") no-repeat 0 0; } .product_funNew-data .Top { margin-bottom: 45px; } .product_funNew-data .Top h2 { font-size: 30px; line-height: 1; color: #fabe00; margin-bottom: 20px; } .product_funNew-data .Top p { color: #84888b; font-size: 14px; } .product_funNew-data .cCont1 .slideBox { position: relative; } .product_funNew-data .cCont1 .slideBox .hd { position: absolute; z-index: 3; width: 1200px; height: 8px; left: 20px; right: 0; margin-left: auto; margin-right: auto; bottom: 20px; font-size: 0px; } .product_funNew-data .cCont1 .slideBox .hd li { display: inline-block; vertical-align: top; width: 8px; height: 8px; margin-right: 10px; background-color: #fff; border-radius: 8px; transition: all 400ms; cursor: pointer; } .product_funNew-data .cCont1 .slideBox .hd li.on { background-color: rgb(230, 0, 18); } .product_funNew-data .cCont1 .item { height: 378px; padding: 40px 30px; box-sizing: border-box; overflow: hidden; background-color: #FFF; margin-bottom: 20px; /*background: url("../images/product_funNew-item1-1.jpg") no-repeat 0 0;*/ } .product_funNew-data .cCont1 .item .Le { float: left; width: 530px; } .product_funNew-data .cCont1 .item .Ri { float: right; width: 568px; } .product_funNew-data .cCont1 .item h3 { color: #666666; font-size: 20px; line-height: 1.3; margin-bottom: 8px; padding-top: 25px; } .product_funNew-data .cCont1 .item .Le p { color: #999999; font-size: 14px; } .product_funNew-data .cCont1 .ic { margin-bottom: 7px; } .product_funNew-data .cCont1 .item .btn { display: inline-block; width: 148px; height: 46px; color: #a5a5a5; font-size: 14px; text-align: center; border: 2px solid #b4b1af; margin-right: 14px; line-height: 46px; } .product_funNew-data .cCont1 .item .btn i { display: inline-block; margin-left: 15px; font-style: inherit; } .product_funNew-data .cCont1 .item .txt { margin-bottom: 20px; } .product_funNew-data .cCont1 .item .btn:hover { border: 2px solid #fabe00; color: #fabe00; } .product_jioayu .Top { margin-bottom: 45px; } .product_jioayu .Top h2 { font-size: 30px; line-height: 1; color: #fabe00; margin-bottom: 20px; } .product_jioayu .Top h3 { color: #666666; font-size: 20px; font-weight: 400; line-height: 1.3; margin-bottom: 10px; } .product_jioayu .cCont1 .slideBox { position: relative; } .product_jioayu .cCont1 .slideBox .next, .product_jioayu .cCont1 .slideBox .prev { width: 56px; height: 56px; position: absolute; top: 0; bottom: 0; z-index: 100; margin: auto; } .product_jioayu .cCont1 .slideBox .prev { left: -90px; background: url("../images/product_jioayu-left.png") no-repeat 0 0; } .product_jioayu .cCont1 .slideBox .next { right: -90px; background: url("../images/product_jioayu-right.png") no-repeat 0 0; } @media (max-width: 1400px) { .product_jioayu .cCont1 .slideBox .prev { left: 30px; } .product_jioayu .cCont1 .slideBox .next { right: 30px; } } /* 2022.2.14 */ .responsibility_concept .bottom .img1-bom { height: 300px; padding: 40px; box-sizing: border-box; background: #efe9e9 url(../img/social-20220214-2.jpg) no-repeat right top; } .responsibility_concept .bottom .minti .cn { font-size: 16px; } .responsibility_concept .bottom .minti .en { font-size: 20px; } /* ====== */ .coLogoBox { overflow: hidden; background-color: #f1e9e6; width: 790px; padding: 45px 40px 61px 50px; box-sizing: border-box; } .coLogoBox .li { width: 103px; height: 115px; margin-left: 10px; float: left; background: url(../img/coLogoBox/coLogoBox-bor.png) no-repeat 0 0; background-size: cover; margin-bottom: -17px; position: relative; } .coLogoBox .li:nth-child(11n+1) { margin-left: 67px; } .coLogoBox .lo { height: 36px; } .coLogoBox .lo img { display: block; margin: auto; max-width: 100%; } .coLogoBox .li .co { width: 100%; padding: 0 5px; box-sizing: border-box; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .coLogoBox p { color: #666666; font-size: 14px; line-height: 1.1; text-align: center; margin: 0; }