.htop { height: 1.4rem; background: linear-gradient(180deg, #fefeff, #dce4f0); } .headerp { height: 1.4rem; display: flex; align-items: center; justify-content: space-between; background-image: url(topbj.png); background-repeat: no-repeat; background-position:70% top; } .headerp .logo { display: block; height: 0.98rem; display: flex; width: 5.19rem; align-items: center; } .headerp .logo a { display: block; } .headerp .logo a img { height:.6rem; display: block; } .headerp .reference {width: 2.58rem; height: 0.38rem; border: 1px solid #0d36bf; border-radius: 1.2rem; overflow: hidden; } .headerp .reference form { width: 100%; display: flex; justify-content: space-between; height: 0.38rem; } .headerp .reference form .text { width: 2.09rem; height: 0.38rem; float: left; padding-left: 0.2rem; font-size: 0.14rem; color: #666; line-height: 0.38rem; } .headerp .reference form .button { width: 0.49rem; height: 0.36rem; background: url(sousuo.png) no-repeat center center #fff; background-size: auto; cursor: pointer; background-size: 0.25rem 0.25rem; } .nav-box { width: 100%; height: 0.7rem; background: linear-gradient(180deg, #0d36bf, #1b3a70); border-bottom-width: 0.05rem; border-bottom-style: solid; border-bottom-color: #dc3538; } .nav-box .nav { height: 0.7rem; line-height: 0.7rem; } .nav-box .nav .inav { width: 14.28%; position: relative; height: 0.6rem; line-height: 0.5rem; float: left; margin-top: 0.1rem } .nav-box .nav .inav.on { background: linear-gradient(180deg, #df3336, #dc3538); border-radius:3px 3px 0 0 } .nav-box .nav .inav h4 { width: 100%; height: 0.6rem; font-weight: normal; } .nav-box .nav .inav h4 a { display: block; width: 100%; height: 0.6rem; text-align: center; font-size: 0.18rem; color: #fff; } .nav-box .nav .inav:hover h4 a { background: linear-gradient(180deg, #df3336, #dc3538); border-radius:3px 3px 0 0} .nav-box .nav .inav ul { width: 100%; position: absolute; left: 0; top: 0.6rem; z-index: 9; display: none; padding-bottom:10px; background-color:rgba(220,55,56,0.9);border-radius: 0 0 3px 3px } .nav-box #i18 .inav ul {} .nav-box .nav .inav ul li { width: 100%; height: 0.5rem; text-align: center; } .nav-box .nav .inav ul li a { display: block; padding: 0 0.06rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.16rem; color: #fff; height: 0.5rem; line-height: 0.5rem; } .nav-box .nav .inav ul li:hover { background: #c93134; } .banner { width: 100%; height: auto; position: relative; } .banner img { width: 100%; height: auto; display: block; } .banner .location { position: absolute; left: 18.75%; bottom: 15%; } .banner .location h4 { font-size: 0.32rem; color: #2082c4; margin-bottom: 0.08rem; } .banner .location .dqwz { font-size: 0.16rem; color: #2082c4; } .banner .location .dqwz a { color: #2082c4; } .banner .location .dqwz a:hover { color: #2082c4; } .content { width: 100%; } .content .ejlm { height: 0.7rem; } .content .ejlm ul li { width: auto; width: 1.45rem; float: left; height: 0.7rem; line-height: 0.7rem; } .content .ejlm ul li a { display: block; background: url(../images/yb.jpg) no-repeat right center; background-size: 1px 0.15rem; text-align: center; font-size: 0.16rem; color: #666; } .content .ejlm ul li.last a { background: none; } .content .ejlm a:hover { color: #2082c4; } .content .ejlm li.on a { color: #2082c4; } .content .gjsb { width: 100%; background: #f8f8f8; padding: 0.5rem 0 0.8rem 0; } .content .gjsb ul { display: flex; } .content .gjsb ul li { width: 20%; height: 4.4rem; } .content .gjsb ul li a { display: block; width: 100%; height: 100%; position: relative; overflow: hidden; } .content .gjsb ul li a .img { width: 100%; height: 100%; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .gjsb ul li a .img img { width: 100%; height: 100%; display: block; } .content .gjsb ul li a .img h4 { font-size: 0.24rem; color: #fff; font-weight: bold; text-align: center; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; left: 0; top: 0; position: absolute; transform: scale(1); -ms-transform: scale(1); /* IE 9 */ -moz-transform: scale(1); /* FirefoZ */ -webkit-transform: scale(1); /* Safari 和 Chrome */ -o-transform: scale(1); transition: all 0.3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 0 0.1rem; } .content .gjsb ul li a .ckgd { position: absolute; width: 100%; height: 100%; left: -100%; ; top: 0; background: url(../images/bg2.png) repeat; padding: 0.64rem 0 0.89rem 0; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .content .gjsb ul li a .ckgd .gjsb-nr { width: 80%; text-align: center; } .content .gjsb ul li a .ckgd .gjsb-nr .name { font-size: 0.22rem; color: #fff; font-weight: bold; margin-bottom: 0.32rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .gjsb ul li a .ckgd .gjsb-nr p { font-size: 0.16rem; color: #fff; line-height: 0.38rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .content .gjsb ul li a .ckgd .view-more { width: 1.18rem; height: 0.38rem; border: 1px solid #fff; font-size: 0.16rem; color: #fff; line-height: 0.38rem; text-align: center; } .content .gjsb ul li:hover a .img h4 { transform: scale(0); -ms-transform: scale(0); /* IE 9 */ -moz-transform: scale(0); /* FirefoZ */ -webkit-transform: scale(0); /* Safari 和 Chrome */ -o-transform: scale(0); transition: all 0.3s; } .footer { width: 100%; } .footer .footer-top { width: 100%; padding: 0.5rem 0 0.44rem 0; background-image: url(https://jcoc.oss-cn-hangzhou.aliyuncs.com/images/foot-bj.jpg); background-repeat: no-repeat; background-position: center bottom; } .footer .footer-top .f_left { float: left; width: 8.2rem; } .footer .footer-top .f_left .h1 { font-size: 0.18rem; color: #fff; font-weight: normal; padding-bottom:.2rem } .footer .footer-top .f_left ul { margin-top: 0.18rem; float: left; margin-right: 0.7rem } .footer .footer-top .f_left ul li a { display: block; font-size: 0.14rem; ; color: #f2f2f2; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height:.30rem } .footer .footer-top .f_left ul li a:hover { color: #fff; } .footer .footer-top .footer-right { width: 4.6rem; float: right; } .footer .footer-top .footer-right .scan { width: 1.6rem; float: left; } .footer .footer-top .footer-right .scan h5 { font-weight: normal; font-size: 0.18rem; color: #fff; text-align: left; margin-top:0.2rem } .footer .footer-top .footer-right .scan .ewm { width: 1.6rem; height: 1.6rem; margin-top: 0.2rem; padding:.01rem; background: #fff; } .footer .footer-top .footer-right .scan .ewm img { width: 100%; height: 100%; display: block; } .footer .footer-top .footer-right .gsxx { width: 2.6rem; float: right; margin-top: 0.6rem; float:right } .footer .footer-top .footer-right .gsxx > div { font-size: 0.14rem; color: #f2f2f2; line-height: 0.24rem; margin-top: 0.08rem; } .footer .footer-top .footer-right .gsxx .gsdz span { display: block; float: left; } .footer .footer-top .footer-right .gsxx .gsdz em { display: block; float: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; } .footer .footer-top .footer-right .gsxx .dzyx span { display: block; float: left; } .footer .footer-top .footer-right .gsxx .dzyx em { display: block; float: left; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; } .footer .footer-top .footer-right .gsxx .lxwm { width: 1.68rem; height: 0.45rem; border: 1px solid #999; text-align: center; line-height: 0.45rem; font-size: 0.16rem; color: #fff; display: block; border-radius: 2px; margin-top: 0.2rem; } .footer .records { width: 100%; background: #1c1d22; height: 0.725rem; line-height: 0.725rem; font-size: 0.14rem; color: #ccc; text-align: center; } .footer .records a { color: #ccc; padding-left:30px } .footer .footer-top .footer-right .gsxx .lxwm:hover{ background-color: #fa373b; } .header .ss-dh-sp { display: none; } .header .ss-dh-sp .seek { width: 1.3rem; height: auto; position: relative; margin-right: 0.5rem; } .header .ss-dh-sp .seek img { width: 1.1rem; height: auto; display: block; } .header .ss-dh-sp .hunt { position: absolute; ; width: 75%; height: 1.4rem; background: #fff; left: 12.5%; top: 2.1rem; z-index: 99; box-shadow: 0 0 12px #999; border-radius: 0.2rem; overflow: hidden; display: none; } .header .ss-dh-sp .hunt .itext { width: 82%; height: 1.4rem; padding: 0 0.4rem; font-size: 0.14rem; color: #666; float: left; } .header .ss-dh-sp .hunt .isubmit { width: 18%; height: 1.4rem; background: #0a3b95; font-size: 0.16rem; color: #fff; float: left; } .header .ss-dh-sp .menu { width: 1.3rem; height: 1.1rem; } .header .ss-dh-sp .menu .imenu { width: 1.3rem; height: 1.1rem; position: relative; } .header .ss-dh-sp .menu .imenu span { background: url(cd.png) no-repeat; display: block; width: 100%; height: 0.11rem; background-size: 100% 0.11rem; position: absolute; z-index: 5; top: 0.01rem; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; } .header .ss-dh-sp .menu .imenu span.menu2 { top: 0.49rem; } .header .ss-dh-sp .menu .imenu span.menu3 { top: 0.99rem; } .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .header .ss-dh-sp .menu .imenu.on .menu1 { top:.5rem; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .header .ss-dh-sp .menu .imenu.on .menu2 { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; } .header .ss-dh-sp .menu .imenu.on .menu3 { top:.5rem !important; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .header .ss-dh-sp .isp-dh { position: absolute; top: 2.5rem; left: 0; width: 100%; z-index: 9; display: none; background-color:rgba(255,255,255,0.95); height:100% } .header .ss-dh-sp .isp-dh .sp-dh { width: 100%; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh { width: 100%; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh.on h6 { background: #0a3b95; border-bottom: none; border-top: 1px solid #0a3b95; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh.on h6 a { color: #fff; display:block } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh h6 a .iconfont{ float:right;display:block; font-size:14px!important;} .header .ss-dh-sp .isp-dh .sp-dh .sp-idh h6 { width: 100%; height: 1.8rem; display: flex; align-items: center; border-top: 1px solid #ddd; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh h6 a { font-size: 14px; color: #333; font-weight: normal; padding: 0 5%; display: block; width: 100%; height: 38px; line-height: 38px; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul { width: 100%; display: none; padding-bottom:10px; padding-top:10px } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li { width: 100%; height: 30px; border-bottom: 1px solid #ddd; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li:last-child{border-bottom: 0px solid #ddd;} .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li a { display: block; width: 100%; padding: 0 5%; height: 30px; line-height: 30px; font-size: 12px; color: #666; } .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li a .iconfont{ font-size:12px!important; padding-right:10px} .header .ss-dh-sp .isp-dh .sp-dh .sp-idh ul li a:active { color: #0a3b95; } /* 荣誉 */ .content.cpny { text-align: center; } .content .product { width: 100%; } .content .product .iproduct { background: #fff; } .content .product .iproduct .oproduct { width: 100%; font-size: 28px; color: #666; padding-top: 0.5rem } .content .product .iproduct .oproduct li { width: 22.9%; float: left; margin: 0 2.8% 0.34rem 0; } .content .product .iproduct .oproduct li:nth-child(4n+1) { clear: both !important; } .content .product .iproduct .oproduct li img { width: 100%; height: auto; border: 1px solid #eaeaea; display: block; overflow: hidden; transition: all 0.4s; } .content .product .iproduct .oproduct li:hover img { transition: all 0.4s; transform: scale(1.1); border: 1px solid #0a3b95; } .content .product .iproduct .oproduct li .hyhdxx { width: 100%; padding: 0 0.2rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; margin-top: 0.16rem; font-size: 0.16rem; color: #333; transition: all 0.4s; } .content .product .iproduct .oproduct li:hover .hyhdxx { color: #0a3b95; transition: all 0.4s; } .aboultlb{text-align: center; padding-top:40px; height:30px; line-height:30px; margin:auto;margin-bottom:35px; } .aboultlb a{ padding-left:20px;padding-right:20px; background-color: #f2f2f2;border-left-width: 1px; border-left-style: solid; border-left-color: #fff; font-size: 14px; color: #333; padding-bottom: 8px; padding-top: 8px; } .aboultlb a:nth-child(1) { border-left-width: 0px; border-radius:80px 0 0 88px; padding-left:20px} .aboultlb a:nth-child(7) { border-right-width: 0px; border-radius:0 80px 88px 0; padding-right:20px} .aboultlb a.on,.aboultlb a:hover{ background: #ff373b; color: #fff; } /* 联系太阳集团娱乐所有网站app */ .content .contact { width: 100%; } .content .contact .icontact { background: #fff; text-align: left; padding-bottom:.8rem; padding-top:.3rem } .content .contact .icontact h3 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; margin-bottom: 0.7rem; text-align: center; } .content .contact .icontact .atlas { width: 100%; position: relative; } .content .contact .icontact .atlas img { width: 100%; height: auto; display: block; } .content .contact .icontact .atlas .lxwmxx { position: absolute; right: 0; top: 0; background: url(bg3.png) repeat; width: 4.7rem; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 0 0 0 0.92rem; } .content .contact .icontact .atlas .lxwmxx > div { font-size: 0.16rem; color: #fff; margin-bottom: 0.2rem; line-height: 0.28rem; } .content .contact .icontact .atlas .lxwmxx > div span { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx > div em { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx .wxdh span { background: url(wxdh.png) no-repeat left center; padding-left: 0.3rem; background-size: 0.18rem 0.18rem; } .content .contact .icontact .atlas .lxwmxx .wxdh2 span { background: url(mob.png) no-repeat left center; padding-left: 0.3rem; background-size: 0.18rem 0.18rem; } .content .contact .icontact .atlas .lxwmxx .qqyx span { background: url(qqyx.png) no-repeat left center; padding-left: 0.28rem; background-size: 0.18rem 0.14rem; } .content .contact .icontact .atlas .lxwmxx .dhcz span { background: url(dhcz.png) no-repeat left center; padding-left: 0.29rem; background-size: 0.19rem 0.19rem; } .content .contact .icontact .atlas .lxwmxx .gsdz { margin-bottom: 0; } .content .contact .icontact .atlas .lxwmxx .gsdz span { background: url(gsdz.png) no-repeat left center; padding-left: 0.28rem; background-size: 0.15rem 0.19rem; } .content .contact .icontact .atlas .lxwmxx > div em { width: 1.98rem; } /* 案例 */ .content .hyhd { width: 100%; padding: 0.5rem 0 0.8rem 0; } .content .hyhd .ihyhd { background: #fff; } .content .hyhd .ihyhd ul { margin-bottom: 0.2rem; } .content .hyhd .ihyhd ul li { width: 31.18%; float: left; margin: 0 3.23% 0.3rem 0; cursor: pointer } .content .hyhd .ihyhd ul li:nth-child(3n) { margin-right: 0; } .content .hyhd .ihyhd ul li .images { width: 100%; display: block; overflow: hidden; } .content .hyhd .ihyhd ul li .images img { width: 100%; height: auto; display: block; transition: all 0.6s; cursor: pointer } .content .hyhd .ihyhd ul li .hyhdxx { font-size: 0.18rem; color: #333; line-height: 0.3rem; margin-top: 0.08rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; cursor: pointer; height:0.6rem } .content .hyhd .ihyhd ul li:hover .images img { transition: all 0.6s; transform: scale(1.1); } .content .hyhd .ihyhd ul li:hover .hyhdxx { color: #164281; transition: all 0.4s; } /* 新闻动态—中心新闻 */ .content .zxxw { width: 100%; } .content .zxxw .izxxw .journalism { width: 100%; margin-top:.3rem } .content .zxxw .izxxw .journalism ul { margin-bottom: 0.5rem; } .content .zxxw .izxxw .journalism ul li { width: 100%; border-bottom: 1px solid #ddd; margin-bottom:20px; padding-bottom:20px; } .content .zxxw .izxxw .journalism ul li .newsimg{ float:left;width:30%;} .content .zxxw .izxxw .journalism ul li .newsimg img{ width:100%; height:100%; border-radius:4px;} .content .zxxw .izxxw .journalism ul li a { display: block; width: 100%; justify-content: space-between; } .content .zxxw .izxxw .journalism ul li a .date { font-size:0.18rem; color:#666 } .content .zxxw .izxxw .journalism ul li a .zxxwxx { width: 60%; float: right; text-align: left; height: 100%; display: block; justify-content: center; flex-direction: column; padding-top:20px} .content .zxxw .izxxw .journalism ul li a .zxxwxx h4 { font-size: 0.22rem; color: #333; font-weight: normal; transition: all .2s ease-in 0s; } .content .zxxw .izxxw .journalism ul li a .zxxwxx p { font-size: 0.16rem; color: #999; line-height: 0.3rem; margin-top: 0.1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; padding-bottom:0.15rem } .content .zxxw .izxxw .journalism ul li a:hover .zxxwxx h4 { color: #0d36bf; transition: all .2s ease-in 0s; } .content .zxxw .izxxw .zxxw-right { width: 28%; float: right; } .content .zxxw .izxxw .zxxw-right .recommend { background: #f7f7f7; width: 100%; padding: 0.2rem 0.2rem 0.14rem 0.2rem; text-align: left; } .content .zxxw .izxxw .zxxw-right .recommend img { width: 100%; height: auto; display: block; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx { width: 100%; margin-top: 0.12rem; text-align: left; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx h5 { font-size: 0.16rem; color: #333; font-weight: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-weight: normal; padding-bottom:.3rem } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx p { font-size: 0.16rem; color: #999; line-height: 0.3rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 0.1rem; } .content .zxxw .izxxw .zxxw-right .recommend .ickgd { font-size: 0.16rem; color: #0a3b95; margin-top: 0.14rem; display: inline-block; } .content .zxxw .izxxw .zxxw-right .tjbt { width: 100%; margin-top: 20px; text-align: left; } .content .zxxw .izxxw .zxxw-right .tjbt .title { display: block; background: #fff; margin-bottom: 1px; padding: 0.1rem 0.1rem 0.1rem 0.1rem; display: flex; align-items:stretch:center; } .content .zxxw .izxxw .zxxw-right .tjbt .title p { font-size: 0.22rem; color: #333; line-height: 0.36rem; } .content .zxxw .izxxw .zxxw-right .tjbt .title:hover p { color: #2082c4; } /* 产品详情 */ .content .xwdt { width: 100%; } .content .xwdt .ixwdt { background: #fff; } .content .xwdt .ixwdt .caption { width: 100%; text-align: center; } .content .xwdt .ixwdt .caption h4 { font-size: 0.28rem; color: #333; font-weight: normal; padding-top: 0.5rem } .content .xwdt .ixwdt .caption .shorttitle { font-size: 0.22rem; color: #333; font-weight: normal; padding-top: 0.5rem } .content .xwdt .ixwdt .caption .date { font-size: 0.16rem; color: #999; margin-top: 0.08rem; } .content .xwdt .ixwdt .xwxq { width: 100%; margin-top: 0.34rem; text-align: justify; padding-bottom: 0.6rem } .content .xwdt .ixwdt .xwxq p { font-size: 0.2rem; color: #666; line-height: 1.8; padding-bottom: 0.1rem } .content .xwdt .ixwdt .xwxq div{ font-size: 0.2rem; color: #666; line-height: 1.8; padding-bottom: 0.1rem } .content .xwdt .ixwdt .xwxq p img { max-width: 100%; height: auto; display: block; margin: 0.3rem auto; } .content .xwdt .ixwdt .xwxq div img { max-width: 100%; height: auto; display: block; margin: 0.3rem auto; } .content .xwdt .ixwdt .article { width: 100%; margin-top: 0.68rem; text-align: left; } .content .xwdt .ixwdt .article > div { font-size: 0.16rem; color: #666; } .content .xwdt .ixwdt .article > div span { display: block; float: left; } .content .xwdt .ixwdt .article > div a { color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; width: 90%; float: left; } .content .xwdt .ixwdt .article .top { margin-bottom: 0.14rem; } .content .xwdt .ixwdt .article > div a:hover { color: #2082c4; } /* 招才引智 */ .content .zcyz { width: 100%; } .content .zcyz .izcyz { background: #fff; } .content .zcyz .izcyz .recruit { width: 100%; margin-top: 0.68rem; padding-bottom: 0.68rem } .content .zcyz .izcyz .recruit .recruit-top { width: 100%; background: #0d36bf; height: 0.5rem; } .content .zcyz .izcyz .recruit .recruit-top ul li { float: left; height: 0.5rem; line-height: 0.5rem; border-right: 1px solid #3b62aa; font-size: 0.16rem; color: #fff; text-align: center } .content .zcyz .izcyz .liszpd { padding-top: 0.5rem } .content .zcyz .izcyz .liszpd h3 { font-size: 0.22rem; font-weight: normal } .content .zcyz .izcyz .liszpd .text { line-height: 0.32rem; padding-top: 0.1rem; color: #999 } .content .zcyz .izcyz .recruit .recruit-top ul li.for1 { width: 30%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for2 { width: 15%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for3 { width: 15%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for4 { width: 12.5%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for5 { width: 12.5%; } .content .zcyz .izcyz .recruit .recruit-top ul li.for6 { width: 15%; } .content .zcyz .izcyz .recruit .zpxx { width: 100%; } .content .zcyz .izcyz .recruit .zpxx ul li { width: 100%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj { width: 100%; border-bottom: 1px solid #dadada; height: 0.8rem; display: flex; align-items: center; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj > div { font-size: 0.16rem; color: #454545; text-align: center } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zwmc { width: 30%; padding-left: 15px; text-align: left } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .gzdd { width: 15%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .fbsj { width: 15%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .jzsj { width: 12.5%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zprs { width: 12.5%; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq { width: 15%; cursor: pointer; height: 100%; display: flex; align-items: center; justify-content: center; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq p { background: url(sq.png) no-repeat right center; display: inline-block; padding-right: 0.34rem; color: #2082c4; background-size: 0.21rem 0.21rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz { padding: 0.24rem 0.54rem 0.42rem 0.54rem; text-align: left; display: none; font-size:0.17rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz span { display: block; font-size: 0.2rem; color: #333; margin-bottom: 0.12rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz p { font-size: 0.16rem; color: #666; line-height: 0.32rem; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq.on p { background: url(../images/zk.png) no-repeat right center; background-size: 0.21rem 0.21rem; } .content .zcyz .izcyz .recruit .zpxx .translate { width: 100%; margin-top: 0.5rem; text-align: center; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate { display: inline-block; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate span { display: block; min-width: 0.6rem; height: 0.6rem; padding: 0 0.2rem; line-height: 0.6rem; background: #eaeaea; font-size: 0.16rem; color: #666; float: left; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate span.current { background: #0a3b95; color: #fff; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate a { display: block; float: left; min-width: 0.6rem; height: 0.6rem; padding: 0 0.2rem; line-height: 0.6rem; font-size: 0.16rem; color: #666; float: left; background: #eaeaea; } .content .zcyz .izcyz .recruit .zpxx .translate .xyy { min-width: 1.27rem; height: 0.6rem; background: #eaeaea; font-size: 0.16rem; color: #666; line-height: 0.6rem; display: block; float: right; } .content .zcyz .izcyz .recruit.sjsp { display: none; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for1 { width: 25%; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for2 { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for3 { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .recruit-top ul li.for4 { width: 21%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj { background: #fff; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li.on .zptj { background: #2082c4; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li.on .zptj > div { color: #fff } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .zwmc { width: 25%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .fbsj { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .jzsj { width: 27%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .zptj .zprs { width: 21%; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .gwzz .igzdd { width: 100%; margin-top: 8px; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .gwzz .igzdd span { display: block; font-size: 14px; color: #454545; float: left; margin-right: 0.3rem; } .content .zcyz .izcyz .recruit.sjsp .zpxx ul li .gwzz .igzdd em { display: block; float: left; font-size: 14px; color: #666; width: 80%; } .content .zcyz .izcyz .recruit .zpxx .ckgd { display: none; } /* 中心概况—大事记 */ .content .chronicle { width: 100%; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .chronicle .ichronicle { background: #fff; padding: 0.72rem 0.6rem 0.5rem 0.5rem; } .content .chronicle .ichronicle h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; text-align: center; } .content .chronicle .ichronicle .catalogue { padding-left: 1.08rem; margin-top: 0.56rem; } .content .chronicle .ichronicle .catalogue ul { border-left: 1px solid #ddd; } .content .chronicle .ichronicle .catalogue ul li { width: 100%; margin-bottom: 0.6rem; position: relative; } .content .chronicle .ichronicle .catalogue ul li.last { margin-bottom: 0; } .content .chronicle .ichronicle .catalogue ul li .dsj { width: 100%; position: relative; margin-bottom: 0.34rem; } .content .chronicle .ichronicle .catalogue ul li .dsj .month { width: 0.56rem; height: 0.26rem; float: left; position: relative; padding-left: 0.12rem; box-sizing: content-box; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth { width: 100%; height: 100%; background: url(../images/yuan.png) no-repeat left center; padding-left: 0.16rem; position: absolute; top: 0; left: -4px; box-sizing: content-box; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth p { font-size: 16px; color: #666; width: 100%; height: 0.26rem; background: url(../images/yuefen.png) no-repeat; background-size: 100% 100%; line-height: 0.26rem; text-align: center; } .content .chronicle .ichronicle .catalogue ul li .year { font-size: 0.28rem; color: #333; font-weight: bold; position: absolute; top: 0; left: -1.08rem; line-height: 0.32rem; } .content .chronicle .ichronicle .catalogue ul li .dsj .story { font-size: 16px; color: #666; line-height: 0.32rem; width: 90.5%; float: right; text-align: left; } /* 中心概况—股东构成 */ .content .stockholder { width: 100%; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .stockholder .constitute { padding: 0.7rem 0.5rem 0.5rem 0.5rem; background: #fff; } .content .stockholder .constitute h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; text-align: center; } .content .stockholder .constitute .gdgc { width: 100%; margin-top: 0.1rem; } .content .stockholder .constitute .gdgc .gdgc-sm { font-size: 0.18rem; color: #666; line-height: 0.33rem; } .content .stockholder .constitute .gdgc .gdgcb { width: 100%; text-align: left; margin-top: 0.44rem; } .content .stockholder .constitute .gdgc .gdgcb span { display: block; font-size: 0.16rem; color: #666; margin-bottom: 0.24rem; } .content .stockholder .constitute .gdgc .gdgcb table { width: 83.27%; margin: 0 auto; border: 1px solid #0a3b95; border-bottom: none; border-right: none; } .content .stockholder .constitute .gdgc .gdgcb table tr th { background: #0a3b95; height: 0.4rem; text-align: center; font-size: 0.18rem; color: #fff; font-weight: normal; } .content .stockholder .constitute .gdgc .gdgcb table tr th.serial { width: 7.64%; border-right: 1px solid #859dca; } .content .stockholder .constitute .gdgc .gdgcb table tr th.gddw { width: 54.58%; border-right: 1px solid #859dca; } .content .stockholder .constitute .gdgc .gdgcb table tr th.ranking { border-bottom: 1px solid #859dca; height: 0.47rem; } .content .stockholder .constitute .gdgc .gdgcb table tr td { height: 0.6rem; text-align: center; font-size: 0.18rem; color: #666; border-right: 1px solid #0a3b95; border-bottom: 1px solid #0a3b95; } .content .stockholder .constitute .gdgc .gdgcb table tr td.gsmc { text-align: left; padding: 0 0.1rem 0 0.2rem; } /* 中心概况—运营模式 */ .content .operation { width: 100%; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .operation .pattern { background: #fff; padding: 0.7rem 0.5rem 0.42rem 0.5rem; } .content .operation .pattern h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; text-align: center; } .content .operation .pattern .yyms-nr { width: 100%; margin-top: 0.1rem; text-align: justify; } .content .operation .pattern .yyms-nr p { font-size: 18px; color: #666; line-height: 32px; margin-bottom: 0.34rem; text-indent: 2em; } .content .operation .pattern .yyms-nr p img { max-width: 100%; height: auto; display: block; margin: 0 auto; margin-bottom: 0.73rem; } /* 中心概况—中心简介 */ .content .corporate { width: 100%; background: #f7f7f7; background: #f7f7f7; padding: 0.5rem 0 0.8rem 0; } .content .corporate .intro { background: #fff; padding: 0.8rem 0.5rem 0.42rem 0.5rem; } .content .corporate .intro .synopsis { width: 100%; display: flex; align-items: center; justify-content: space-between; } .content .corporate .intro .synopsis .brief { width: 50.54%; float: left; } .content .corporate .intro .synopsis .brief .ilogo { width: 82.85%; height: auto; display: block; } .header-sy .header-sy-top .ilogo { width: 4.07rem; height: 0.32rem; } .header-sy .header-sy-top .ilogo img { width: 100%; height: 100%; display: block; } .content .corporate .intro .synopsis .brief .qyjj { width: 100%; margin-top: 0.46rem; text-align: justify; } .content .corporate .intro .synopsis .brief .qyjj h5 { font-size: 0.26rem; color: #333; font-weight: normal; margin-bottom: 0.2rem; } .content .corporate .intro .synopsis .brief .qyjj p { font-size: 18px; color: #666; line-height: 32px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; text-indent: 2em; } .content .corporate .intro .synopsis .images { width: 44.54%; } .content .corporate .intro .synopsis .images img { width: 100%; height: auto; display: block; } .content .corporate .intro .referral { width: 100%; margin-top: 0.5rem; } .content .corporate .intro .referral .data { width: 100%; display: flex; align-items: center; justify-content: space-around; background: url(../images/bg4.jpg) no-repeat; height: 2.06rem; padding: 0 15.45%; background-size: 100% 100%; } .content .corporate .intro .referral .data .yszj { text-align: center; } .content .corporate .intro .referral .data .yszj .quantity { width: 100%; margin-bottom: 0.1rem; display: flex; justify-content: center; } .content .corporate .intro .referral .data .yszj .quantity .number { font-size: 0.5rem; color: #fff; font-weight: bold; } .content .corporate .intro .referral .data .yszj .quantity span { font-size: 0.5rem; color: #fff; font-weight: bold; } .content .corporate .intro .referral .data .yszj .explain { font-size: 0.16rem; color: #fff; max-width: 3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .corporate .intro .referral .qyjj-nr { width: 100%; margin-top: 0.31rem; text-align: justify; } .content .corporate .intro .referral .qyjj-nr p { font-size: 0.18rem; color: #666; line-height: 32px; margin-bottom: 0.34rem; text-indent: 2em; } /* 中心概况—组织架构 */ /* 首页 */ .header-sy { width: 100%; position: relative; box-shadow: 0 0 3.1rem #021644 inset; height: 1000px; } .header-sy .header-sy-itop { width: 100%; position: absolute; left: 0; top: 0; z-index: 99999; height: 0.91rem; box-shadow: 0 0.7rem 0.5rem #021644 inset; } .header-sy .header-sy-top { height: 0.91rem; display: flex; align-items: center; justify-content: space-between; } .header-sy .header-sy-top .ilogo { width: 4.07rem; height: 0.32rem; } .header-sy .header-sy-top .ilogo img { width: 100%; height: 100%; } .header-sy .header-sy-top .ilogo .elogo { display: block; } .header-sy .header-sy-top .ilogo .ologo { display: none; } .header-sy .header-sy-top .header-sy-right { display: flex; align-items: center; } .header-sy .header-sy-top .header-sy-right .inav-box { margin-right: 0.3rem; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav { float: left; margin-right: 0.2rem; position: relative; line-height: 0.3rem; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav.last { margin-right: 0; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav h4 { font-weight: normal; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav h4 a { font-size: 0.18rem; color: #fff; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav:hover h4 a { color: #2082c4; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav ul { position: absolute; width: 1rem; left: 50%; margin-left: -0.5rem; top: 0.33rem; display: none; z-index: 9999; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav ul li { width: 100%; height: 0.4rem; line-height: 0.4rem; text-align: center; background: url(../images/bg3.png) repeat; position: relative; z-index: 999999; } .header-sy .header-sy-top .header-sy-right .inav-box .nav .inav ul li a { display: block; width: 100%; font-size: 0.14rem; color: #fff; } .header-sy .header-sy-top .header-sy-right .grabble { width: 0.26rem; height: 0.26rem; position: relative; cursor: pointer; } .header-sy .header-sy-top .header-sy-right .grabble img { width: 100%; height: 100%; display: block; } .header-sy .header-sy-top form { width: 6rem; height: 0.4rem; position: absolute; left: 50%; margin-left: -3rem; top: 0.92rem; z-index: 9; border-radius: 0.06rem; overflow: hidden; display: none; } .header-sy .header-sy-top form input { display: block; float: left; } .header-sy .header-sy-top form .text { width: 85%; padding-left: 0.08rem; font-size: 0.14rem; color: #666; line-height: 0.4rem; height: 0.4rem; } .header-sy .header-sy-top form .submit { width: 15%; background: #2082c4; font-size: 0.16rem; color: #fff; cursor: pointer; height: 0.4rem; } .header-sy .banner-sy { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 9999; } .header-sy .banner-sy ul li { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .header-sy .banner-sy ul li img { width: 100%; height: 100%; display: block; } .header-sy .banner-sy ul li .message { width: 100%; text-align: center; } .header-sy .banner-sy ul li .message h4 { font-size: 0.8rem; color: #fff; font-weight: bold; } .header-sy .banner-sy ul li .message p { font-size: 0.32rem; color: #fff; margin-top: 0.3rem; } .header-sy .banner-sy ul li .ljgd { display: block; width: 1.8rem; height: 0.53rem; border: 1px solid #fff; line-height: 0.53rem; font-size: 0.2rem; color: #fff; margin: 0 auto; margin-top: 1.08rem; text-align: center; } .header-sy .circle { width: 33%; position: absolute; left: 33.5%; z-index: -1; top: 12.96%; opacity: 0.8; } .header-sy .circle .circle1 { width: 100%; height: auto; border-radius: 50%; -webkit-animation: mainline2xz 12s infinite alternate; -moz-animation: mainline2xz 12s infinite alternate; -o-animation: mainline2xz 12s infinite alternate; animation: mainline2xz 12s infinite alternate; transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); } .header-sy .circle > div img { width: 100%; height: auto; display: block; } .header-sy .circle .circle2 { width: 86%; height: auto; position: absolute; left: 7%; top: 7%; -webkit-animation: mainline3xz 12s infinite alternate; -moz-animation: mainline3xz 12s infinite alternate; -o-animation: mainline3xz 12s infinite alternate; animation: mainline3xz 12s infinite alternate; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .header-sy .circle .circle3 { width: 67%; height: auto; position: absolute; left: 16.5%; top: 16.5%; -webkit-animation: mainline4xz 12s infinite alternate; -moz-animation: mainline4xz 12s infinite alternate; -o-animation: mainline4xz 12s infinite alternate; animation: mainline4xz 12s infinite alternate; transform: rotate(120deg); -ms-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); } .header-sy .circle .circle4 { width: 40%; height: auto; position: absolute; left: 30%; top: 30%; -webkit-animation: mainline3xz 14s infinite alternate; -moz-animation: mainline3xz 14s infinite alternate; -o-animation: mainline3xz 14s infinite alternate; animation: mainline3xz 14s infinite alternate; transform: rotate(-180deg); -ms-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); } .header-sy .circle .circle5 { width: 14%; height: auto; position: absolute; left: 43%; top: 43%; animation: mainzx1 12s infinite linear; -webkit-animation: mainzx1 12s infinite linear; -moz-animation: mainzx1 12s infinite linear; -o-animation: mainzx1 12s infinite linear; } .header-sy .ibg { position: absolute; width: 100%; height: 100%; background: url(bg7.png) repeat; left: 0; top: 0; z-index: 6; } .content-sy { width: 100%; } .content-sy .zxgk { padding: 0.6rem 0 0.7rem 0; } .content-sy .headline { width: 100%; text-align: center; } .content-sy .headline h4 { color: #0d36bf; font-size: .28rem; font-weight: bold; } .content-sy .headline .english { font-size: 0.22rem; color: #666; margin-top: 0.1rem; background: url(db1.jpg) no-repeat center bottom; padding-bottom: 0.22rem; text-transform: uppercase; } .content-sy .zxgk ul { width: 100%; } .content-sy .zxgk ul li { width: 31.8%; float: left; margin-right: 2%; margin-bottom: 15px; } .content-sy .zxgk ul li a { display: block; width: 100%; line-height: 40px; } .content-sy .zxgk ul li:nth-child(3n) { margin-right: 0 } .content-sy .zxgk ul li a .img { width: 100%; height: auto; overflow: hidden; } .content-sy .zxgk ul li a .img img { width: 100%; height: 100%; display: block; transition: all 0.4s; } .content-sy .zxgk ul li a .zxgk-nr h5 { font-size: 0.18rem; color: #333; font-weight: normal; text-align: center; transition: all 0.5s; } .content-sy .zxgk ul li a:hover .img img { transition: all 0.4s; transform: scale(1.1); } .content-sy .zxgk ul li a:hover .zxgk-nr h5 { color: #0a3b95; transition: all 0.5s; } .h50tp { padding-top: 40px } .content-sy .xwdt { width: 100%; height: 8.19rem; background: url(https://jcoc.oss-cn-hangzhou.aliyuncs.com/images/xwdtbg.jpg) no-repeat; background-size: 100% 100%; padding-top: 0.58rem; } .content-sy .xwdt .headline h4 { color: #fff; } .xwdt .headline .ienglish { background: url(db2.jpg) no-repeat center bottom; padding-bottom: 0.2rem; font-size: 0.32rem; color: #fff; } .content-sy .xwdt ul { width: 100%; margin-top: 0.5rem; margin-bottom: 0.2rem; } .content-sy .xwdt ul li { width: 48.75%; height: 2rem; background: #fff; float: left; margin-bottom: 0.3rem; } .content-sy .xwdt ul li:nth-child(2n) { float: right; } .content-sy .xwdt ul li a { display: block; width: 100%; height: 100%; padding: 0.33rem 0.35rem 0 0.29rem; transition: all 0.4s; -webkit-transform: translateZ(0); background: #fff; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; position: relative; -webkit-transform: translateY(0); transition: all 0.5s; transform: translateY(0); } .content-sy .xwdt ul li a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #0a3b95; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .content-sy .xwdt ul li:hover a:before, .content-sy .xwdt ul li a:focus:before, .content-sy .xwdt ul li:active a:before { -webkit-transform: scale(2); transform: scale(2); } .content-sy .xwdt ul li a .img { width: 34.35%; float: left; overflow: hidden; } .content-sy .xwdt ul li a .img img { width: 100%; height: auto; display: block; transition: all 0.4s; } .content-sy .xwdt ul li a .xwdt-nr { width: 59.77%; float: right; } .content-sy .xwdt ul li a .xwdt-nr h5 { font-size: 0.22rem; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; line-height: 0.26rem; transition: all 0.4s; } .content-sy .xwdt ul li a .xwdt-nr p { font-size: 0.16rem; color: #666; line-height: 0.28rem; margin-top: 0.14rem; transition: all 0.4s; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .content-sy .xwdt ul li a .xwdt-nr .date { font-size: 0.16rem; color: #999; text-align: right; margin-top: 0.06rem; } .content-sy .xwdt ul li a:hover .img img { transition: all 0.4s; transform: scale(1.1); } /* .content-sy .xwdt ul li a:hover{background:#0a3b95;transition: all 0.4s;} */ .content-sy .xwdt ul li a:hover .xwdt-nr h5 { color: #fff; transition: all 0.4s; } .content-sy .xwdt ul li a:hover .xwdt-nr p { color: #fff; transition: all 0.4s; } .content-sy .xwdt ul li a:hover .xwdt-nr .date { color: #fff; transition: all 0.4s; } .content-sy .xwdt a.ljgd { width: 1.8rem; height: 0.53rem; border: 1px solid #fff; line-height: 0.53rem; text-align: center; display: block; margin: 0 auto; font-size: 0.16rem; color: #fff; transition: all 0.4s; } .content-sy .xwdt a.ljgd:hover { background: #0a3b95; transition: all 0.4s; border: 1px solid #0a3b95; } .content-sy .cxcg { padding: 0.62rem 0 0.8rem 0; } .content-sy .cxcg ul { width: 100%; margin-top: 0.5rem; } .content-sy .cxcg ul li { width: 33.3333333%; float: left; height: 3rem; } .content-sy .cxcg ul li a { display: block; width: 100%; height: 100%; position: relative; } .content-sy .cxcg ul li a .img { width: 100%; height: 3rem; overflow: hidden; } .content-sy .cxcg ul li a .img img { width: 100%; height: 100%; display: block; transition: all 0.4s; } .content-sy .cxcg ul li a .name { position: absolute; width: 100%; height: 100%; background: url(../images/bg8.png) repeat; font-size: 0.24rem; color: #fff; display: flex; align-items: center; justify-content: center; left: 0; top: 0; text-align: center; overflow: hidden; } .content-sy .cxcg ul li a:hover .img img { transition: all 0.4s; transform: scale(1.1); } .header-sy-right .sydh-sp { width: 1rem; height: 0.8rem; position: relative; margin-left: 0.6rem; display: none; } .header-sy-right .sydh-sp span { background: url(../images/cd1.png) no-repeat; display: block; width: 100%; height: 0.11rem; background-size: 100% 0.11rem; position: absolute; z-index: 5; top: 0.01rem; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; } .header-sy-right .sydh-sp span.menu2 { top: 0.345rem; } .header-sy-right .sydh-sp span.menu3 { top: 0.69rem; } .trans, .trans:hover { -webkit-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -moz-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; -ms-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .trans-fast, .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; } .header-sy-right .sydh-sp.on .menu1 { top:.35rem; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); } .header-sy-right .sydh-sp.on .menu2 { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; left: -100%; } .header-sy-right .sydh-sp.on .menu3 { top:.35rem !important; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); } .header-sy-top .isp-dh { width: 100%; background: #0a3b95; position: absolute; left: 0; top: 1.6rem; padding-top: 0.8rem; display: none; } .header-sy-top .isp-dh .sp-idh { width: 100%; } .header-sy-top .isp-dh .sp-idh.last h6 { border-bottom: none; } .header-sy-top .isp-dh .sp-idh h6 { width: 100%; height: 1rem; display: flex; align-items: center; border-bottom: 1px solid #ddd; font-weight: normal; } .header-sy-top .isp-dh .sp-idh h6 a { padding: 0 5%; font-size: 16px; color: #fff; display: block; width: 100%; height: 100%; display: flex; align-items: center; } .header-sy-top .isp-dh .sp-idh ul { display: none; } .header-sy-top .isp-dh .sp-idh ul li { width: 100%; height: 0.8rem; border-bottom: 1px solid #ddd; } .header-sy-top .isp-dh .sp-idh ul li a { width: 100%; padding: 0 8%; font-size: 14px; color: #fff; height: 0.8rem; line-height: 0.8rem; display: block; } .header-sy-top .isp-dh .sp-idh.on h6 { background: #3b62aa; } .banner-sy .swiper-pagination.swiper-pagination-bullets { bottom: 16%; } .banner-sy .swiper-pagination.swiper-pagination-bullets span { width: 0.6rem; height: 3px; background: #6c7792; border-radius: 0; margin: 0 0.15rem; transition: all .2s ease-in 0s; } .banner-sy .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #cbcbcb; height: 8px; transition: all .2s ease-in 0s; } .header-sy .point { position: absolute; bottom: 0; width: 1.7rem; height: 0.85rem; left: 50%; margin-left: -0.85rem; z-index: 9999; cursor: pointer; } .header-sy .point img { width: 100%; height: 100%; display: block; } .header-sy .ibanner-sy { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 999; } .header-sy .ibanner-sy .drawing { width: 100%; height: 100%; display: block; } .header-sy .ibanner-sy .drawing-sj { width: 100%; height: 100%; display: none; } .header-sy #particles-js { width: 100%; position: absolute; z-index: -10; left: 0; top: 0; opacity: 0.6; } .header-sy .name-sy { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; } .header-sy .name-sy img { width: 86.2%; height: auto; display: block; } .header-sy .banner-sy-sj { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9999; display: none; } .header-sy .banner-sy-sj ul li { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column; } .header-sy .banner-sy-sj ul li .imessage { width: 100%; padding: 0 3.2%; margin-bottom: 1.56rem; text-align: center; } .header-sy .banner-sy-sj ul li .imessage h4 { font-size: 36px; color: #fff; } .header-sy .banner-sy-sj ul li .imessage p { font-size: 22px; color: #fff; margin-top: 20px; } .header-sy .banner-sy-sj ul li a.ljgd { width: 118px; height: 28px; border: 1px solid #fff; line-height: 28px; text-align: center; font-size: 14px; color: #fff; } .header-sy .banner-sy-sj .swiper-pagination.swiper-pagination-bullets { bottom: 16%; } .header-sy .banner-sy-sj .swiper-pagination.swiper-pagination-bullets span { width: 1.4rem; height: 3px; background: #6c7792; border-radius: 0; margin: 0 0.15rem; transition: all .2s ease-in 0s; } .header-sy .banner-sy-sj .swiper-pagination.swiper-pagination-bullets span.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #cbcbcb; height: 6px; transition: all .2s ease-in 0s; } .header-sy .header-sy-itop .translate { position: absolute; right: 10%; line-height: 0.3rem; top: 50%; margin-top: -0.15rem; } .header-sy .header-sy-itop .translate a { font-size: 0.16rem; color: #fff; text-transform: uppercase; } .header-sy .header-sy-itop .translate span { font-size: 18px; color: #fff; margin: 0 0.15rem; } /* 联系太阳集团娱乐所有网站app—留言板 */ .content .lxwm-lyb { background: #f8f8f8; padding: 0.5rem 0 0.8rem 0; width: 100%; } .content .lxwm-lyb .lyb { background: #fff; padding: 0.68rem 0.62rem 0.5rem; } .content .lxwm-lyb .lyb h4 { font-size: 0.34rem; color: #0a3b95; font-weight: normal; } .content .lxwm-lyb .lyb form { width: 100%; margin-top: 0.66rem; } .content .lxwm-lyb .lyb form > div { float: left; width: 32%; height: 0.41rem; line-height: 0.41rem; border: 1px solid #ccc; margin-right: 2%; display: flex; padding-left: 0.14rem; } .content .lxwm-lyb .lyb form > div span { font-size: 0.16rem; color: #999; display: block; line-height: 0.39rem; } .content .lxwm-lyb .lyb form > div span.on { color: #333; } .content .lxwm-lyb .lyb form > div input { display: block; width: 89%; line-height: 0.39rem; padding: 0 0.1rem; font-size: 0.14rem; color: #666; } .content .lxwm-lyb .lyb form .mailbox { margin-right: 0; } .content .lxwm-lyb .lyb form textarea { width: 100%; border: 1px solid #ccc; height: 2.1rem; margin-top: 0.3rem; font-size: 0.14rem; color: #666; outline: none; font-family: "Microsoft YaHei"; padding: 0.12rem 0.18rem; } .content .lxwm-lyb .lyb form .submit { width: 2rem; height: 0.6rem; background: #0a3b95; font-size: 0.16rem; color: #fff; cursor: pointer; display: block; margin: 0.25rem auto 0; } .social-share { margin-top: 20px; text-align: left; } .swiper-container3{ display:none} .swiper-container { width: 100%; height: 100%; } .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper-slide img { width: 100% } .header { display: none } .inside-mob { display: none } #dituContent{width:100%;height:5rem;border:#ccc solid 1px;} /* PC端适配 */ /* 分页*/ .list_pas { padding: 0.25rem 0; font-size: .16rem; text-align: center; margin-bottom: .5rem } .list_pas ul { display: inline-block; margin: 0 auto; padding: 0 } .list_pas ul li { float: left; margin: 0 2px; line-height: 36px; background: #fff; border: 1px solid #d8dadf; } .list_pas ul li a { float: left; color: #555; display: block; padding-left: 14px; padding-right: 14px; } .list_pas ul li:hover { text-decoration: none; color: #fff; border: 1px #333 solid; background-color: #164281 } .topx01{border-top: 1px #d8dadf solid; padding-top:.3rem} .list_pas ul li:hover a { color: #fff } .list_pas ul li:hover a:hover { color: #fff; text-decoration: none } .list_pas ul li.thisclass { background-color: #164281; color: #fff; border: 1px #333 solid; } .list_pas ul li.thisclass a { color: #fff } .list_pas .pageinfo { line-height: 30px; padding-left: 15px; padding-right: 15px } .list_pas strong { font-weight: 400 } .gsxx .bt{ display:none} .yqlj .w1200{ padding-top: 20px; padding-bottom: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #073063; margin-top:20px } .yqlj .w1200 b{ font-size: 0.18rem; font-weight:normal; color:#fff} .yqlj .w1200 p{ padding-top:10px} .yqlj .w1200 p img{ height:0.45rem;margin-bottom:8px; margin-right:0.05rem} .yqlj .w1200 a{ color:#999;font-size: 0.14rem; } .yqlj .w1200 a:hover{ color:#fff;} /* 移动端适配 */ @media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) { .investor-body { background: url() no-repeat top center fixed #fff; } .htop { display:none } .nav-box { display:none } .inside-tips { display:none } .path { display:none } .pcnone { display:none } .footer .footer-top .footer-right .scan { display:none } .footer .footer-top .footer-right .gsxx { width: 100%; margin-top: 0rem; } .footer .footer-top .footer-right .gsxx .bt{ display:block; color:#fff; font-size:13px; line-height:30px} .inside-mob { display:block; } .inside-mob img{ width:100%} .header { display:block } .profile-wrap .f48 { padding-top: 1rem; font-size:1rem; } .profile-wrap .f36 { display:none } .navigation ul li { width: auto; height: 1.6rem; border: 1px solid #eaeaea; line-height: 1.6rem; text-align: center; float: left; margin-right: 0.3rem; margin-top: 0.5rem; } .navigation .abouli li{ width:calc(25% - 0.25rem);} .navigation .abouli li a{ font-size:13px;} .navigation ul li:last-child { margin-right: 0rem; } .nrinyu .navigation .abouli li{ width:calc(16.67% - 0.25rem);} .navigation ul li a { display: block; height: 100%; font-size: 0.6rem; color: #666; line-height: 1.6rem; } .navigation .abouli li a{ width:100%; padding:0} .navigation ul li.on a, .navigation ul li a:hover { line-height: 1.6rem; } .aboultlb{text-align: center; padding-top:30px; height:auto; line-height:30px; margin:auto;margin-bottom:25px; } .aboultlb a{ padding-left:15px;padding-right:15px; background-color: #f2f2f2;border-left-width: 0px; border-left-style: solid; border-left-color: #fff; font-size: 13px; color: #333; padding-bottom: 5px; padding-top: 5px;border-radius:80px 80px 80px 88px; margin-left: 2px; margin-right: 2px; white-space: nowrap; } .aboultlb a:nth-child(1) { border-left-width: 0px; border-radius:80px 80px 80px 88px; padding-left:15px} .aboultlb a:nth-child(7) { border-right-width: 0px; border-radius:80px 80px 88px 80px; padding-right:15px} .aboultlb a.on,.aboultlb a:hover{ background: #ff373b; color: #fff; } .profile-wrap .cont { font-size: 14px; color: #666; line-height: 1.5; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; padding-bottom: 1rem; } .footer .records { height: auto; font-size: 12px; height:36px; } .footer .records a{ padding-left:0; line-height:36px;} .footer .records span{ display:none} .footer .footer-top .footer-right { width: 100%; } .w1200 { width:100% !important; padding:0 3.2% !important; } .header { height:2.5rem; } .header .logo { height:2rem; float:left; margin-top:0.3rem } .header .logo img { height:1.4rem; display:block; margin-top:0.3rem } .nav-box { display:none; } .banner .location { display:none; } .header .reference { display:none; } .header .ss-dh-sp { display:flex; float:right; margin-top:0.8rem } .content .ejlm { height:1rem; line-height:1rem; } .content .ejlm ul li { height:1rem; width:auto; } .content .ejlm ul li a { line-height: 1rem; height:1rem; } .content .ejlm ul li a { width:100%; line-height:1rem; height:1rem; font-size:16px; background-size:1px 0.5rem; padding:0 0.3rem; } .content .gjsb ul li { height:auto; } .content .skip { display:none; } .content a.ckgd { display:block; } .content .product .iproduct { padding:0.7rem 3.2% !important; } .content .product .iproduct .navigation ul li { height:32px; } .content .product .iproduct .navigation ul li a { display:flex; align-items:center; justify-content:center; } .content .product .iproduct .oproduct ul li { margin-right:3.5%; width:31%; margin-bottom:16px; } .content .product .iproduct .oproduct ul li.three { margin-right:0; } .content .product .iproduct .oproduct ul li a p { font-size:14px; margin-top:12px; } .content .product .iproduct .oproduct ul li.four { margin-right:3.5%; } .content .product .iproduct .oproduct ul li.two.three.four { margin-right:0; } .content .contact .icontact h3 { font-size:16px; } .content .contact .icontact .atlas .lxwmxx > div { font-size:14px; line-height:22px; } .content .contact .icontact .atlas .lxwmxx > div em { width:100%; } .content .contact .icontact .atlas .lxwmxx .wxdh span{ background-size:0.28rem 0.28rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .wxdh2 span { background-size:0.28rem 0.28rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .qqyx span { background-size:0.28rem 0.24rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .dhcz span { background-size:0.29rem 0.29rem; padding-left:0.5rem; } .content .contact .icontact .atlas .lxwmxx .gsdz span { background-size:0.25rem 0.29rem; padding-left:0.5rem; } .content .hyhd .ihyhd ul li a .hyhdxx { margin-top:5px; } .content .hyhd .ihyhd ul li a .hyhdxx h5 { font-size:14px; } .content .hyhd .ihyhd ul li a .hyhdxx p { font-size:12px; line-height:16px; } .content .zxxw .izxxw .journalism { width:100%; } .content .zxxw .izxxw .zxxw-right { width:100%; margin-top:14px; } .content .zxxw .izxxw .zxxw-right .recommend { width:40%; float: left; } .content .zxxw .izxxw .journalism ul li a .date { height:auto; } .content .zxxw .izxxw .journalism ul li a .date .day { font-size:30px; } .content .zxxw .izxxw .journalism ul li a .date .year { font-size:13px; margin-top:12px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx h4 { font-size:14px; padding-bottom:3px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx p { display:none } .content .zxxw .izxxw .zxxw-right .recommend { padding:14px 14px 14px 14px; } .content .zxxw .izxxw .journalism ul{ padding-top:10px} .content .zxxw .izxxw .journalism ul li { height:auto;margin-bottom: 10px; padding-bottom: 10px; } .content .zxxw .izxxw .journalism ul li a { height:auto; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx h5 { font-size:18px; } .content .zxxw .izxxw .zxxw-right .recommend .recommend-xx p { font-size:16px; line-height:22px; } .content .zxxw .izxxw .zxxw-right .recommend .ickgd { font-size:16px; } .content .zxxw .izxxw .zxxw-right .tjbt { width:40%; float:left; margin-left:5%; } .content .zxxw .izxxw .zxxw-right .tjbt .title { padding:10px; margin-bottom:8px; } .content .zxxw .izxxw .zxxw-right .tjbt .title p { font-size:16px; } .content .xwdt .ixwdt { padding:0.4rem 3.2% !important; } .content .xwdt .ixwdt .caption h4 { font-size:16px; padding-bottom:6px } .content .xwdt .ixwdt .caption .shorttitle { font-size: 16px; color: #333; font-weight: normal; padding-top: 10px} .content .xwdt .ixwdt .caption .date { font-size:12px; } .content .xwdt .ixwdt .xwxq p { font-size:14px; line-height:24px; } .content .xwdt .ixwdt .article > div { font-size:14px; } .content .zcyz .izcyz { padding:0.68rem 0% 0.8rem 0% !important; } .content .zcyz .izcyz h4 { font-size:18px; } .content .zcyz .izcyz .recruit .recruit-top { height:40px; } .content .zcyz .izcyz .recruit .recruit-top ul li { height:40px; line-height:40px; font-size:12px; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj { height:50px; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj > div { font-size:14px; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz span { font-size:14px; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz { padding: 0rem 0.3rem 0.42rem 0rem; text-align: left; display: none; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz p { font-size:14px; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq p { background-size:0.3rem 0.3rem; padding-right:0.5rem; } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq.on p { background-size:0.3rem 0.3rem; padding-right:0.5rem; } .content .zcyz .izcyz .recruit .zpxx ul li .gwzz p { line-height:24px; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate span { height:40px; line-height:40px; min-width:40px; font-size:14px; } .content .zcyz .izcyz .recruit .zpxx .translate .itranslate a { height:40px; line-height:40px; min-width:40px; font-size:14px; } .content .zcyz .izcyz .recruit .zpxx .translate .xyy { height:40px; line-height:40px; font-size:14px; padding:0 10px; } .content .chronicle .ichronicle { padding:0.72rem 3.2% 0.5rem 3.2% !important; } .content .chronicle .ichronicle .catalogue ul li .year { font-size:16px; line-height:28px; } .content .chronicle .ichronicle .catalogue ul li .dsj .month { width:56px; height:26px; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth p { height:26px; line-height:26px; font-size:14px; } .content .chronicle .ichronicle .catalogue ul li .dsj .story { font-size:14px; line-height:24px; width:90.5%; } .content .chronicle .ichronicle .catalogue ul li .dsj .imonth { padding-left:12px; } .content .chronicle .ichronicle h4 { font-size:18px; } .content .stockholder .constitute { padding:0.7rem 3.2% 0.5rem 3.2% !important; } .content .stockholder .constitute h4 { font-size:16px; } .content .stockholder .constitute .gdgc { margin-top:8px; } .content .stockholder .constitute .gdgc .gdgc-sm { font-size:14px; line-height:24px; } .content .stockholder .constitute .gdgc .gdgcb span { font-size:14px; margin-bottom:12px; } .content .stockholder .constitute .gdgc .gdgcb table { width:93%; } .content .stockholder .constitute .gdgc .gdgcb table tr th { height:60px; font-size:14px; } .content .stockholder .constitute .gdgc .gdgcb table tr th.ranking { height:32px; } .content .stockholder .constitute .gdgc .gdgcb table tr th.iranking { height:auto; } .content .stockholder .constitute .gdgc .gdgcb table tr td { height:40px; font-size:14px; } .content .operation .pattern { padding:0.7rem 3.2% 0.5rem 3.2% !important; } .content .operation .pattern h4 { font-size:16px; } .content .operation .pattern .yyms-nr { margin-top:10px; } .content .operation .pattern .yyms-nr p { font-size:14px; line-height:24px; } .content .corporate .intro { padding:0.8rem 3.2% 0.42rem 3.2% !important; } .content .corporate .intro .synopsis .brief .qyjj h5 { font-size:16px; } .content .corporate .intro .synopsis .brief .qyjj p { font-size:14px; line-height:24px; } .content .corporate .intro .referral .data { height:160px; } .content .corporate .intro .referral .data .yszj .quantity .number { font-size:40px; } .content .corporate .intro .referral .data .yszj .quantity span { font-size:40px; } .content .corporate .intro .referral .data .yszj .explain { font-size:16px; max-width:200px; } .content .corporate .intro .referral .qyjj-nr { margin-top:26px; } .content .corporate .intro .referral .qyjj-nr p { font-size:14px; line-height:24px; } .content .corporate .intro .synopsis .brief .qyjj { margin-top:36px; } .content-sy .zxgk { padding:0.6rem 3.2% 0.7rem 3.2% !important; } .header-sy .header-sy-top { width:100%; padding:0 3.2%; left:0; margin:0; } .header-sy .header-sy-itop { height:1.6rem; } .header-sy .header-sy-top { height:1.6rem; } .header-sy .header-sy-top .ilogo { width:10rem; height:auto; } .header-sy .header-sy-top .ilogo img { width:100%; height:auto; display:block; } .header-sy .header-sy-top .ilogo .elogo { display:none; } .header-sy .header-sy-top .ilogo .ologo { display:block; } .header-sy .header-sy-top .header-sy-right .inav-box { display:none; } .header-sy .header-sy-top .header-sy-right .grabble { width:1rem; height:1rem; } .header-sy .header-sy-top form { top:1.7rem; height:36px; width:60%; left:20%; margin-left:0; } .header-sy .header-sy-top form .text { height:36px; line-height:36px; padding-left:0.2rem; } .header-sy .header-sy-top form .submit { height:36px; } .content-sy .headline h4 { font-size:18px; } .content-sy .headline .english { font-size:14px; } .content-sy .headline .ienglish { font-size:16px; } .content-sy .zxgk ul li a .zxgk-nr h5 { font-size:12px; } .content-sy .zxgk ul li a .zxgk-nr p { font-size:14px; line-height:24px; } .content-sy .xwdt { padding:1rem 0 0.3rem 0; height:auto; } .content-sy .xwdt ul li { height:auto;width:100%; } .content-sy .xwdt ul li a { padding:0.33rem 0.35rem 0.33rem 0.29rem; } .content-sy .xwdt ul li a .img { max-height:auto; } .content-sy .xwdt ul li a .xwdt-nr { width:62%; } .content-sy .xwdt ul li a .xwdt-nr h5 { font-size:14px; line-height:20px; color:#000 } .content-sy .xwdt ul li a .xwdt-nr p { font-size:12px; line-height:14px; } .content-sy .xwdt ul li a .xwdt-nr .date { font-size: 12px; color: #999; text-align: left; margin-top: 3px; } .content-sy .cxcg ul li { height:auto; } .content-sy .cxcg ul li a .img { height:auto; } .content-sy .cxcg ul li a .name { font-size:16px; } .header-sy-right .sydh-sp { display:block; } .header-sy { height:600px !important; } .header-sy .point { display:none; } .content .lxwm-lyb .lyb { padding:0.68rem 3.2% 0.5rem !important; } .content .lxwm-lyb .lyb form > div { height:38px; line-height:38px; } .content .lxwm-lyb .lyb form > div span { font-size:16px; line-height:36px; } .content .lxwm-lyb .lyb form > div input { font-size:14px; line-height:36px; padding:0 8px; } .content .lxwm-lyb .lyb h4 { font-size:20px; } .content .lxwm-lyb .lyb form .submit { width:120px; height:40px; line-height:40px; font-size:16px; } .content .lxwm-lyb .lyb form textarea { font-size:14px; height:160px; } .header-sy .header-sy-itop .translate { display:none; } .content .hyhd .ihyhd ul li a .images { height:160px; } .footer .footer-top .footer-right .gsxx > div { font-size: .6rem; color: #999; line-height: 0.9rem; margin-bottom: 0.2rem; } .footer .footer-top .footer-right .gsxx .gsdz em { display: block; float: left; width: auto; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-align: justify; } .footer .footer-top .footer-right .gsxx .lxwm{ display:none} .content .hyhd .ihyhd ul li .hyhdxx { font-size: 0.6rem; color: #333; line-height: 1.5; height: 2rem; } .ihyhd,.izxxw,.jjabout{ width:100%!important; padding:0!important; } .content .product .iproduct .oproduct li .hyhdxx { font-size: 0.6rem; color: #333; line-height: 1rem; } /* 分页*/ .list_pas { padding: 0.25rem 0; font-size: .6rem; text-align: center; margin-bottom: 0rem } .list_pas ul li { float: left; margin: 0px; line-height: 28px; background: #fff; border: 1px solid #d8dadf; margin-bottom:7px; margin-right:5px } .list_pas ul li a { float: left; color: #555; display: block; padding-left: 8px; padding-right: 8px; } .list_pas .pageinfo { line-height: 28px; padding-left: 8px; padding-right: 8px } .topx01 { border-top: 1px #d8dadf solid; padding-top: .8rem; } .content .zcyz .izcyz .liszpd { padding-top: 0rem; } .content .zcyz .izcyz .liszpd h3 { font-size: 0.65rem; font-weight: normal; } .content .zcyz .izcyz .liszpd .text { line-height: 0.6rem; padding-top: 0.3rem; color: #999; line-height:0.9rem } .content .zcyz .izcyz .recruit .zpxx ul li .zptj > div { font-size: 12px; } .content .zcyz .izcyz .recruit .recruit-top ul li.for1{width: 30%;} .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zwmc { width: 30%; padding-left: 0px; text-align: left } .content .zcyz .izcyz .recruit .zpxx ul li .zptj .gzdd,.content .zcyz .izcyz .recruit .recruit-top ul li.for2 { width: 30%;} .content .zcyz .izcyz .recruit .zpxx ul li .zptj .zprs,.content .zcyz .izcyz .recruit .recruit-top ul li.for5 { width: 20%;} .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq,.content .zcyz .izcyz .recruit .recruit-top ul li.for6 { width: 20%;} .content .zcyz .izcyz .recruit .recruit-top ul li.for3, .content .zcyz .izcyz .recruit .recruit-top ul li.for4,.content .zcyz .izcyz .recruit .zpxx ul li .zptj .fbsj,.content .zcyz .izcyz .recruit .zpxx ul li .zptj .jzsj { display:none} .content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq p,.content .zcyz .izcyz .recruit .zpxx ul li .zptj .ckxq.on p{ background-size:0px 0px} .his_list ul li .text h3 { font-size: 18px; } .his_list ul li .text { width: auto; } .content .zxxw .izxxw .journalism ul li a .date{ font-size:12px;} .content .zxxw .izxxw .journalism ul li .newsimg img { width: 100%; border-radius: 4px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx { width:67%;padding-top: 0px; } .content .zxxw .izxxw .journalism ul li a .zxxwxx p{ display:none} .content .zxxw .izxxw .journalism{ padding:0px} .zxxw-right{ display:none} .content .hyhd .ihyhd ul li { width: 49%; float: left; margin-right:2%; min-height:150px; } .content .hyhd .ihyhd ul li:nth-child(3n) { margin-right:2%; float: left; } .content .hyhd .ihyhd ul li:nth-of-type(2n){ float:right; margin:0px} .content .hyhd .ihyhd ul li a .images { height: auto; } .content .hyhd .ihyhd ul li:nth-of-type(2n):before { content: ''; clear: both; display: table; } .xwxq img{ max-width:100%} .text_cur{ padding-top:15px; height:auto; padding-bottom:40px} .content .contact .icontact .atlas .lxwmxx { position: inherit; right: 0; top: 0; background: url(bg3.png) repeat; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 15px 15px 15px 15px; margin-bottom:30px } .content .contact .icontact .atlas .lxwmxx > div span { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx > div em { display: block; float: left; } .content .contact .icontact .atlas .lxwmxx .wxdh span,.content .contact .icontact .atlas .lxwmxx .wxdh2 span,.content .contact .icontact .atlas .lxwmxx .qqyx span,.content .contact .icontact .atlas .lxwmxx .dhcz span,.content .contact .icontact .atlas .lxwmxx .gsdz span { padding-left: 20px; background-size: 12px 12px; } .content .contact .icontact .atlas .lxwmxx > div em { width: auto; } #dituContent{width:100%;height:250px;border:#ccc solid 1px; margin-top:40px} .swiper-button-next, .swiper-button-prev{ display:none!important} .textzbu { padding-bottom: 20px; width:100% !important; padding:0px 3.2% !important; } .titb a { color: #1b3a70; font-size: 16px; font-weight: bold; line-height: 30px; } .titb { -webkit-background-size: 6px 9px; background-size: 6px 9px; background-position: bottom left; height: 40px; margin-bottom: 10px; } .titb a::after { height: 9px; background-repeat: repeat-x; -webkit-background-size: 6px 9px; background-size:6px 9px; width: 66px; } .textzbu p { font-size: 13px; color: #484848; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; padding-top: 5px; } .withArrow { font-size: 14px; } .withArrow li { padding-top: 5px; float: left; width: 33.333%; } .video { float: right; width: 100%; margin-top: 0px; background-color: #000; padding:0; margin:0; height:230px; overflow:hidden; margin-top:30px } .video video { min-height: 230px; width: 100%; background-color: #000; } .content-sy .xwdt ul { width: 100%; margin-top: 20px; margin-bottom: 10px; } .content-sy .xwdt a.ljgd { width: 100px; height: 30px; border: 1px solid #fff; line-height: 30px; text-align: center; display: block; margin: 0 auto; font-size: 14px; color: #fff; transition: all 0.4s; margin-bottom:30px } .h50tp { padding-top: 20px; } .content-sy .zxgk ul li { width: 100%; float: left; margin-right: 0%; margin-bottom: 5px; } .content-sy .zxgk ul li:nth-of-type(2n){ float:right; margin-right:0px} .swiper-container3{ width: 100%; height: 100%; display:block; } .swiper-paginationa{ text-align:center;position: relative; z-index:1;bottom: 20px!important;} .shXW-xq{ width:100%; height:auto; margin:auto; text-align:center; overflow:hidden; margin-top:30px;} .shXW-xq video{ width:100%; height:auto; } .yqlj{ display:none} #tabs3 ul.anlm { display: block; float: none; width: 100%; } #tabs3 .anlm li { border-bottom: 1px solid #fff;float:left; margin-right:0.5rem } #tabs3 .anlm li a { display: block; color: #333; line-height: 1.4rem; font-size: 0.6rem; padding-left: 0rem; padding-right: 0rem; } #tabs3 .anlm li a span { float: left; font-size: 0.6rem } #tabs li a:hover, #tabs2 li a:hover, #tabs3 li a:hover, #tabs4 li a:hover, #tabs5 li a:hover { color: #dc3538; } #tabs_container { float: none; width: 100%; margin-left: 0rem; overflow: hidden; position: relative; } #tabs_container div { width: 100%; padding-top:10px; } #tabs_container div h5 { font-weight: normal; color: #dc3538; font-size: 0.6rem; line-height:1.2rem; padding-bottom:10px; display:none } #tabs_container div ul { border-left-width: 1px; border-top-width: 1px; border-left-style: solid; border-top-style: solid; border-left-color: #CCC; border-top-color: #CCC; } #tabs_container div ul li { float: left; width: 100%; padding-left: 3%; line-height: 1.4rem; color: #666; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #CCC; border-bottom-color: #CCC; height: 1.4rem; } .tabulous_active { color: #dc3538 !important; border-bottom: 0px solid #dc3538; } .shnme{ width:100% !important; padding:0!important; margin:0} .inbannfl{ display:none} .pagebox { position: relative;height: 280px; overflow:hidden;min-height: 280px; } .investor-body .pagebox { position: relative;height: auto!important;; overflow:hidden;min-height: auto!important; } #c_portal{height: 280px; min-height:280px} .muuweb-header-m .muuweb-logo { width: 220px; float: left; margin: 14px 0 0 10px; display: block; transition: all 0.8s; } #c_portamain { width: auto; max-width: none; min-width: 0px; max-height: none; height: 50px;min-height: 50px;} }