/*初始化*/ body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; } body { min-width: 1300px; font-family: 'Microsoft YaHei', arial, sans-serif; font-size: 14px; color: #333; background-color: #f8f8f8; } ul, li { list-style: none; } h1, h2, h3, h4, h5, h6 { font-weight: normal; } input, textarea { font-family: arial; font-size: 14px; color: #666; border: none; } img, i { border: none; -webkit-transition: all 1.2s; -o-transition: all 1.2s; transition: all 1.2s; } i { font-style: normal; } a { color: #333; text-decoration: none; -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } a:hover { color: #1758aa; } /*通用*/ .comwrap { position: relative; margin: 0 auto; width: 1200px; } .fl-l { float: left; } .fl-r { float: right; } .d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } .cl-baf { *zoom: 1; } .cl-baf:after { content: ""; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; } .clear { display: block; height: 0; font-size: 0; overflow: hidden; clear: both; } .txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .trs2s { -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .trs1s { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .trs06s { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; } .trs03s { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .trsnone { -webkit-transition: none; -o-transition: none; transition: none; } .icon { background-image: url(../img/icon.png); background-repeat: no-repeat; } .icon-phone { width: 13px; height: 13px; } .icon-wechat { width: 16px; height: 12px; background-position: -13px 0; } .icon-weibo { width: 16px; height: 13px; background-position: -29px 0; } .icon-qq { width: 12px; height: 14px; background-position: -45px 0; } .icon-home { width: 15px; height: 15px; background-position: -45px -14px; } .icon-arrowrr { width: 20px; height: 20px; background-position: -25px -14px; } .icon-close { width: 25px; height: 25px; background-position: 0 -14px; } .icon-phone2 { width: 18px; height: 18px; background-position: -25px -34px; } .icon-map { width: 16px; height: 19px; background-position: -43px -29px; } .icon-prev { width: 25px; height: 49px; background-position: -60px 0; } .icon-prev:hover { background-position: -85px 0; } .icon-next { width: 25px; height: 49px; background-position: -135px 0; } .icon-next:hover { background-position: -110px 0; } .icon-prev2 { width: 50px; height: 96px; background-position: 0 -52px; } .icon-prev2:hover { background-position: -52px -52px; } .icon-next2 { width: 50px; height: 96px; background-position: -156px -52px; } .icon-next2:hover { background-position: -104px -52px; } .icon-magnifier { width: 46px; height: 46px; background-position: -160px 0; } .icon-close2 { width: 31px; height: 31px; background-position: -206px 0; } .icon-close2:hover { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } .icon-other { width: 22px; height: 26px; background-position: 0 -156px; } .icon-word { width: 22px; height: 26px; background-position: -22px -156px; } .icon-excel { width: 22px; height: 26px; background-position: -44px -156px; } .icon-powerpoint { width: 22px; height: 26px; background-position: -66px -156px; } .icon-pdf { width: 22px; height: 26px; background-position: -88px -156px; } .icon-txt { width: 22px; height: 26px; background-position: -110px -156px; } .icon-rar_zip { width: 22px; height: 26px; background-position: -136px -156px; } .icon-down { width: 26px; height: 26px; background-position: -210px -57px; } .icon-prev3 { width: 23px; height: 23px; background-position: -154px -156px; } .icon-prev3:hover { background-position: -177px -156px; } .icon-next3 { width: 23px; height: 23px; background-position: -223px -156px; } .icon-next3:hover { background-position: -200px -156px; } .icon-phone3 { width: 32px; height: 32px; background-position: -210px -83px; } .icon-hook { width: 17px; height: 18px; background-position: -200px -115px; } /*头部*/ .header { position: relative; z-index: 2; background-color: #fff; box-shadow: 0 0 15px 2px rgba(20, 21, 21, 0.3); } .header .top { height: 35px; line-height: 35px; color: #fff; background-color: #1758aa; } .header .top .txt { font-size: 12px; } .header .top .tools { margin-right: -20px; } .header .top .col { position: relative; padding: 0 20px; height: 35px; font-family: arial; color: #fff; border-left: 1px solid #1d6aca; border-right: 1px solid #104382; } .header .top .tel { font-size: 16px; border-left: none; } .header .top .lan { border-right: none; } .header .top .icon-en { display: none; margin-right: 5px; width: 26px; height: 14px; background: url(../img/flag-usa.jpg) 0 0 no-repeat; } .header .top .icon-phone { margin: 0 15px 4px 0; } .header .top .img { position: absolute; top: 88%; left: 50%; z-index: 2; margin-left: -50px; width: 100px; height: 100px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; } .header .top .col:hover { background-color: #104382; } .header .wechat:hover .img { top: 100%; padding-top: 5px; background-color: #fff; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .header .logo { padding: 15px 0; } .header .logo .img { display: block; height: 60px; } .header .nav { font-size: 0; text-align: right; } .header .nav .col { margin-right: 30px; } .header .nav .link { display: block; height: 87px; font-size: 16px; line-height: 90px; border-bottom: 3px solid #fff; } .header .nav .link:hover, .header .nav .cur .link { border-bottom-color: #1758aa; } .header .open { margin-top: 35px; cursor: pointer; } .header .open .line { display: block; margin-bottom: 7px; width: 26px; height: 2px; background-color: #666; } .header .open:hover .line { background-color: #1758aa; } .header .open:hover .t { -webkit-transform: translate3d(-9px, 4px, 0) rotateZ(-45deg) scaleX(0.6); -moz-transform: translate3d(-9px, 4px, 0) rotateZ(-45deg) scaleX(0.6); -ms-transform: translate3d(-9px, 4px, 0) rotateZ(-45deg) scaleX(0.6); -o-transform: translate3d(-9px, 4px, 0) rotateZ(-45deg) scaleX(0.6); transform: translate3d(-9px, 4px, 0) rotateZ(-45deg) scaleX(0.6); } .header .open:hover .b { -webkit-transform: translate3d(-9px, -4px, 0) rotateZ(45deg) scaleX(0.6); -moz-transform: translate3d(-9px, -4px, 0) rotateZ(45deg) scaleX(0.6); -ms-transform: translate3d(-9px, -4px, 0) rotateZ(45deg) scaleX(0.6); -o-transform: translate3d(-9px, -4px, 0) rotateZ(45deg) scaleX(0.6); transform: translate3d(-9px, -4px, 0) rotateZ(45deg) scaleX(0.6); } .nav-pf { position: fixed; right: -32%; top: 0; z-index: 9; width: 32%; min-width: 255px; height: 100%; background-color: #fff; overflow: scroll; } .nav-pf-on { right: 0; } .nav-pf .main { position: relative; padding: 30px 0; width: 255px; } .nav-pf .main .list { margin-top: 50px; } .nav-pf .main .row { margin-bottom: 30px; } .nav-pf .main .link { position: relative; display: block; padding-left: 85px; font-size: 16px; color: #333; } .nav-pf .main .line { position: absolute; left: 55px; top: 50%; width: 0; height: 1px; background-color: #1758aa; } .nav-pf .main .link:hover, .nav-pf .main .cur .link { padding-left: 105px; color: #1758aa; } .nav-pf .main .link:hover .line, .nav-pf .main .cur .line { width: 30px; } .nav-pf .main .ewm { padding-top: 25px; text-align: center; border-top: 1px solid #eee; } .nav-pf .main .icon-close { position: absolute; top: 36px; right: 0; z-index: 2; } .nav-pf .main .icon-close:hover { cursor: pointer; -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); } .mask-pf { display: none; position: fixed; top: 0; left: 0; z-index: 8; width: 100%; height: 100%; background-color: #000; opacity: 0.5; filter: alpha(opacity=50); } /*底部*/ .footer { padding: 40px 0 28px; font-size: 0; color: #666; background-color: #2a2b2d; } .footer a { font-size: 12px; color: #666; } .footer a:hover { color: #fff; } .footer .tit, .footer .tit .link { font-size: 14px; color: #fff; } .footer .line { margin: 14px 0 10px; width: 15px; height: 1px; background-color: #666; } .footer .menu { margin-right: 15px; width: 130px; vertical-align: top; } .footer .menu-1, .footer .menu-5, .footer .menu-7, .footer .menu-8 { display: none; } .footer .menu .slink { display: block; line-height: 28px; } .footer .cont .icon { margin: 0 10px 2px 0; } .footer .cont .tel { font-family: arial; font-size: 20px; color: #fff; } .footer .cont .ser { margin: 14px 0; font-size: 12px; } .footer .cont .add { font-size: 14px; color: #fff; } .footer .ewm .img { display: block; width: 100px; } .footer .copyr { margin-top: 46px; padding-top: 28px; font-size: 12px; border-top: 1px solid #444; } #bdshare a { margin: 0 0 0 20px; padding: 0; background: url(../img/icon.png) -13px 0 no-repeat; vertical-align: top; opacity: 0.3; filter: alpha(opacity=30); } #bdshare .bds_weixin { width: 16px; height: 12px; background-position: -13px 0; } #bdshare .bds_tsina { width: 16px; height: 13px; background-position: -29px 0; } #bdshare .bds_sqq { width: 12px; height: 14px; background-position: -45px 0; } #bdshare a:hover { opacity: 1; filter: alpha(opacity=100); } /*内容*/ .banner { position: relative; margin-bottom: 26px; height: 300px; background: center no-repeat; overflow: hidden; } .position { margin-bottom: 24px; font-size: 12px; color: #999; } .position .icon { margin-top: -4px; margin-right: 6px; } .position a { color: #999; } .position a:hover { color: #1758aa; } .container { margin-bottom: 40px; } .container .box { margin-bottom: 40px; background-color: #fff; } .container .title { font-size: 16px; line-height: 56px; color: #1758aa; text-align: center; border-bottom: 1px solid #eee; } .container .title .more { font-family: arial; font-size: 14px; color: #1758aa; text-transform: uppercase; } .container .title .more:hover { color: #000; } .container .sidebar { width: 240px; } .sidebar .menu .mtit { position: relative; padding: 0 60px 0 30px; font-size: 16px; line-height: 50px; color: #fff; background-color: #1758aa; } .sidebar .menu .icon { position: absolute; right: 30px; top: 15px; } .sidebar .menu .row { border-top: 1px solid #f8f8f8; } .sidebar .menu .link { display: block; padding: 0 30px; line-height: 50px; } .sidebar .menu .link:hover, .sidebar .menu .cur .link { color: #fff; background-color: #11adea; } .sidebar .menu .cur .link { text-align: center; } .sidebar .menu .son { background-color: #f0f0f0; } .sidebar .menu .slink { display: block; padding: 0 30px 0 40px; line-height: 40px; border-top: 1px solid #f8f8f8; } .sidebar .menu .slink-1 { border-top: none; } .sidebar .menu .son2 { display: none; background-color: #f4f4f4; } .sidebar .menu .slink2 { display: block; padding: 0 30px 0 50px; font-size: 12px; line-height: 30px; } .sidebar .menu .slink:hover, .sidebar .menu .son .cur { color: #1758aa; } .sidebar .list-p { padding: 2px 30px 20px; } .sidebar .list-p .row { margin-top: 18px; } .sidebar .list-p .imgwr { border: 1px solid #fff; overflow: hidden; } .sidebar .list-p .img { display: block; width: 100%; } .sidebar .list-p .stit { margin-top: 8px; font-size: 14px; color: #333; text-align: center; } .sidebar .list-p .row:hover .imgwr { border-color: #1758aa; } .sidebar .list-p .row:hover .img { -webkit-transform: translateZ(0) scale(1.06); -moz-transform: translateZ(0) scale(1.06); -ms-transform: translateZ(0) scale(1.06); -o-transform: translateZ(0) scale(1.06); transform: translateZ(0) scale(1.06); } .sidebar .list-p .row:hover .stit { color: #1758aa; } .sidebar .rcdhonor { padding-bottom: 20px; } .sidebar .slide { position: relative; margin: 20px 30px 0; height: 220px; overflow: hidden; } .sidebar .slide .item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; overflow: hidden; } .sidebar .slide .item-0 { display: block; } .sidebar .slide .img { position: relative; top: 50%; top: 0\9; max-width: 90%; max-height: 200px; border: 8px solid #725334; vertical-align: top; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .sidebar .slide .img:hover { -webkit-transform: translate3d(0, -50%, 0) scale(1.03); -moz-transform: translate3d(0, -50%, 0) scale(1.03); -ms-transform: translate3d(0, -50%, 0) scale(1.03); -o-transform: translate3d(0, -50%, 0) scale(1.03); transform: translate3d(0, -50%, 0) scale(1.03); } .content { width: 900px; } .container .typetit { font-size: 20px; line-height: 50px; color: #fff; text-align: center; background-color: #11adea; } .content .menu { font-size: 0; } .content .menu .link { margin: 0 16px 5px 0; padding: 0 5px; width: 108px; font-size: 14px; line-height: 38px; color: #666; text-align: center; border: 1px solid #ddd; } .content .menu .link:hover, .content .menu .cur { color: #fff; background-color: #1758aa; border-color: #1758aa; } .content .readmore { display: block; margin-top: 30px; line-height: 45px; color: #fff; text-align: center; background-color: #1758aa; } .content .readmore:hover { background-color: #11adea; } .pagelist { margin-top: 20px; font-size: 0; color: #999; text-align: center; } .pagelist li { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin: 5px 7px 0; font-size: 14px; } .pagelist li a { display: block; padding: 0 6px; line-height: 23px; color: #999; border: 1px solid #eee; } .pagelist li a:hover { color: #1758aa; border-color: #1758aa; } .pagelist span { display: none; } .pagelist li.thisclass, .pagelist li.active { padding: 0 6px; color: #fff; background-color: #1758aa; border: 1px solid #1758aa; } .pagelist li.thisclass a, .pagelist li.active a { display: inline; padding: 0; color: #fff; border: none; } .pagepn { position: relative; margin-top: 30px; padding: 10px 210px 0 0; font-size: 12px; line-height: 28px; color: #666; border-top: 1px dashed #ccc; } .pagepn a:hover { color: #1758aa; } #acbdshare { position: absolute; right: 0; bottom: 2px; } #acbdshare .txt { color: #404040; } .rcdcase .title { padding: 0 40px; line-height: 59px; text-align: left; } .rcdcase .list { padding: 30px 6px; font-size: 0; } .rcdcase .list .col { margin-left: 33px; width: 252px; } .rcdcase .col .imgwr { height: 150px; border: 1px solid #fff; overflow: hidden; } .rcdcase .col .img { display: block; width: 100%; } .rcdcase .col .txt { margin-top: 4px; font-size: 14px; color: #333; text-align: center; } .rcdcase .col:hover .imgwr { border-color: #1758aa; } .rcdcase .col:hover .img { -webkit-transform: translateZ(0) scale(1.06); -moz-transform: translateZ(0) scale(1.06); -ms-transform: translateZ(0) scale(1.06); -o-transform: translateZ(0) scale(1.06); transform: translateZ(0) scale(1.06); } .rcdcase .col:hover .txt { color: #1758aa; } /*简介*/ .about .item { margin: 0 40px; padding: 40px 0; } .about .item .h1tit { font-size: 24px; text-align: center; } .about .item .h2tit { font-size: 1.5em; } .about .item .conwr { margin-top: 32px; padding-top: 32px; line-height: 2.14; text-align: justify; border-top: 1px solid #eee; } .about .item .conwr img { margin: 0 30px; } .about .item .conwr-1 { padding-top: 0; border-top: none; } .about .item .conwr-1 .h2tit { display: none; } .about .item .conwr-2 .h2tit { margin-bottom: 14px; } .about .item-2 { margin: 0; padding: 40px; color: #fff; background: #1758aa right bottom no-repeat; } .about .item-3 { border-top: 1px solid #eee; border-bottom: 1px solid #eee; } /*历程*/ .course { padding: 40px 0 60px; } .course .btnwr { position: relative; margin: 0 40px; font-size: 0; overflow: hidden; } /*.course .btnwr .img { display: block; width: 100%; }*/ .course .btnwr .slide-2 { position: relative; width: 10000%; } .course .btnwr .col { width: 1%; min-height: 69px; text-align: center; background-color: #eee; } .course .btnwr .img { max-width: 100%; vertical-align: top; } .course .btnwr .icon { position: absolute; top: 50%; z-index: 2; margin-top: -25px; } .course .btnwr .icon-prev { left: 40px; } .course .btnwr .icon-next { right: 40px; } .course .main { padding: 50px 100px 70px; box-shadow: 0 0 25px 0 rgba(17, 19, 18, 0.13); } .course .titwr { overflow: hidden; } .course .titwr .slide { position: relative; width: 10000%; font-size: 0; } .course .titwr .item { width: 155px; font-family: arial; font-size: 16px; color: #999; cursor: pointer; } .course .titwr .item:hover, .course .titwr .cur { color: #1758aa; } .course .conwr { margin-top: 20px; padding-top: 28px; border-top: 1px solid #eee; } .course .conwr .con { display: none; font-size: 14px; line-height: 2; color: #666; } .course .conwr .con-1 { display: block; } /*联系*/ .contact { padding: 40px; } .contact .map { margin-bottom: 46px; height: 420px; } .contact .map img { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .contact .tit { margin-bottom: 26px; font-size: 20px; } .contact .list { font-size: 0; } .contact .list .col { margin: 0 2% 26px 0; width: 48%; font-size: 16px; } .contact .list .en { margin-bottom: 2px; font-family: arial; color: #999; } .contact .ewm .imgwr { display: block; margin-bottom: 6px; padding: 4px; border: 1px solid #ddd; } .contact .ewm .img { display: block; width: 115px; } .contact .ewm .tit { display: block; margin-bottom: 0; font-size: 14px; text-align: center; } /*荣誉*/ .imglist, .imglist-wh { padding: 40px; overflow: hidden; } .imglist .list, .imglist-wh .list { font-size: 0; overflow: hidden; } .imglist .list .item, .imglist-wh .list .item { display: none; margin: 0 -20px; } .imglist .list .col { position: relative; margin-left: 20px; margin-top: 40px; width: 188px; height: 228px; border: 1px solid #ddd; cursor: pointer; } .imglist .col .img { position: absolute; left: 0; right: 0; top: 0; z-index: 1; margin: 0 auto; max-width: 94%; max-height: 94%; } .imglist .col .icon, .imglist-wh .col .icon { position: absolute; top: 40%; left: 50%; z-index: 3; margin: -23px 0 0 -23px; opacity: 0; filter: alpha(opacity=0); } .imglist .col .mask, .imglist-wh .col .mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0; filter: alpha(opacity=0); } .imglist .col:hover .icon, .imglist-wh .col:hover .icon { top: 50%; opacity: 1; filter: alpha(opacity=100); } .imglist .col:hover .mask, .imglist-wh .col:hover .mask { opacity: 0.5; filter: alpha(opacity=50); } .imglist-wh .list .col { margin-left: 20px; margin-top: 40px; width: 260px; vertical-align: top; cursor: pointer; } .imglist-wh .col .imgbox { position: relative; padding: 5px; border: 1px solid #ddd; } .imglist-wh .col .imgwr { height: 165px; overflow: hidden; } .imglist-wh .col .img { display: block; width: 100%; } .imglist-wh .col .tit { margin-top: 10px; font-size: 14px; text-align: center; } .imglist-wh .col .bigimg { display: none; } .imglist-ry .list .col { width: 260px; height: auto; border: none; vertical-align: top; } .imglist-ry .col .imgbox { padding: 5px; border: 1px solid #ddd; } .imglist-ry .col .imgwr { position: relative; height: 250px; overflow: hidden; } .imglist-ry .col .img { border: 8px solid #725334; } .imglist-ry .col .tit { margin-top: 10px; font-size: 14px; text-align: center; } .imglist-pf, .imglist-pf-2 { position: fixed; top: 0; left: 0; right: 0; z-index: 9; margin: 0 auto; width: 70%; max-width: 1200px; height: 80%; background-color: #fff; border-radius: 8px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; visibility: hidden; } .imglist-pf-fade { display: none; } .imglist-pf.on, .imglist-pf-2.on, .imglist-pf-fade { top: 10%; opacity: 1; filter: alpha(opacity=100); visibility: visible; } .imglist-pf .list, .imglist-pf-2 .list { position: absolute; left: 3%; top: 10%; width: 94%; height: 80%; } .imglist-pf .list .col { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .imglist-pf .list .img { position: absolute; left: 0; right: 0; top: 0; margin: 0 auto; max-width: 100%; max-height: 100%; } .imglist-pf .icon, .imglist-pf-2 .icon { position: absolute; top: 50%; z-index: 10; margin-top: -48px; } .imglist-pf .icon-close2, .imglist-pf-2 .icon-close2 { top: 10px; right: 10px; margin-top: 0; } .imglist-pf .icon-prev2, .imglist-pf-2 .icon-prev2 { left: 9%; } .imglist-pf .icon-next2, .imglist-pf-2 .icon-next2 { right: 9%; } .imglist-pf-2 .list { left: 0; right: 0; margin: 0 auto; } .imglist-pf-2 .slide { position: relative; font-size: 0; } .imglist-pf-2 .slide .bitem { position: relative; text-align: center; background-color: #eee; } .imglist-pf-2 .slide .bimg { max-width: 94%; } .imglist-pf-2 .slide .btit { position: absolute; top: 100%; left: 0; margin-top: 10px; width: 100%; font-size: 14px; } .imglist-pf-2 .mask { position: absolute; top: 0; width: 3%; height: 100%; background-color: #fff; } .imglist-pf-2 .mask-l { left: 0; } .imglist-pf-2 .mask-r { right: 0; } /*人力*/ .hr { padding: 20px 40px; } .hr .item { margin: 20px 0; padding: 0 20px; background-color: #f8f8f8; } .hr .item .tit { position: relative; line-height: 50px; cursor: pointer; } .hr .item .ico { position: absolute; right: 0; top: 0; font-size: 20px; font-weight: lighter; color: #999; } .hr .item .conwr { display: none; padding-bottom: 20px; line-height: 1.8; border-top: 1px solid #ddd; } .hr .item .stit { margin-top: 14px; font-weight: bold; } .hr .item .con { color: #666; } .hr .item .link { display: block; margin-top: 14px; width: 160px; line-height: 40px; color: #fff; text-align: center; background-color: #1758aa; } .hr .item .link:hover { background-color: #11adea; } .hr .item:hover .tit, .hr .item.on .tit, .hr .item:hover .ico, .hr .item.on .ico { color: #1758aa; } .hr-form { padding: 30px 40px; font-size: 0; } .hr-form .row { position: relative; margin: 10px 0; padding-left: 90px; width: 720px; } .hr-form .row-2 { width: 320px; } .hr-form .row .txt { position: absolute; left: 0; top: 0; width: 85px; font-size: 14px; line-height: 32px; text-align: right; } .hr-form .row .intxt { padding: 0 5px; width: 288px; height: 30px; font-size: 14px; line-height: 30px; border: 1px solid #eee; vertical-align: top; } .hr-form .row .intxt-2 { padding: 5px; width: 698px; min-width: 698px; max-width: 698px; height: 72px; line-height: 24px; } .hr-form .row .intxt-3 { font-weight: bold; color: #1758aa; border-color: #fff; } .hr-form .row .intxt-4 { width: 698px; } .hr-form .row .np { margin: 0 5px 0 0; cursor: pointer; } .hr-form .row .np-txt { margin-right: 10px; font-size: 14px; line-height: 32px; cursor: pointer; } .hr-form .row .vdimg { display: none; margin-left: 10px; margin-top: 4px; } .hr-form .row .coolbg { margin-right: 10px; width: 160px; line-height: 40px; color: #fff; text-align: center; background-color: #1758aa; } .hr-form .row .coolbg:hover { background-color: #11adea; cursor: pointer; } /*文章*/ .artlist { padding: 0 40px 40px; } .artlist .row { padding: 40px 0; font-size: 0; border-bottom: 1px solid #eee; } .artlist .row .imgwr { position: relative; width: 280px; height: 180px; text-align: center; overflow: hidden; } .artlist .row .img { position: relative; top: 50%; top: 0\9; max-width: 100%; max-height: 180px; vertical-align: top; -webkit-transform: translate3d(0, -50%, 0); -moz-transform: translate3d(0, -50%, 0); -ms-transform: translate3d(0, -50%, 0); -o-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .artlist .row .nobg { display: none; position: absolute; bottom: 50%; left: 0; width: 100%; font-size: 16px; text-align: center; } .artlist .row .conwr { margin-left: 36px; width: 500px; font-size: 12px; } .artlist .row .tit { font-size: 16px; color: #333; } .artlist .row .desc { margin: 20px 0; font-size: 14px; line-height: 24px; color: #999; } .artlist .row .time { color: #333; } .artlist .row:hover .tit { color: #1758aa; } .artlist .row:hover .img { -webkit-transform: translate3d(0, -50%, 0) scale(0.94); -moz-transform: translate3d(0, -50%, 0) scale(0.94); -ms-transform: translate3d(0, -50%, 0) scale(0.94); -o-transform: translate3d(0, -50%, 0) scale(0.94); transform: translate3d(0, -50%, 0) scale(0.94); } .artlist-tc .row .timewr { padding: 30px 20px; width: 80px; height: 70px; font-family: arial; background-color: #f2f2f2; overflow: hidden; } .artlist-tc .row .md { margin-top: 6px; font-size: 30px; color: #aaa; } .artlist-tc .row .year { margin-top: 10px; font-size: 16px; color: #aaa; } .artlist-tc .row .conwr { margin-left: 40px; width: 655px; } .artlist-tc .row .desc { margin-bottom: 0; } .artlist-tc .row:hover .timewr { background-color: #1758aa; } .artlist-tc .row:hover .md, .artlist-tc .row:hover .year { color: #fff; } .artcon { padding: 40px; } .artcon .tit { margin-bottom: 14px; font-size: 20px; text-align: center; } .artcon .info { margin-bottom: 30px; padding-bottom: 18px; font-size: 12px; color: #999; text-align: center; border-bottom: 1px dashed #ccc; } .artcon .body { line-height: 2.14; } .artcon .body img { max-width: 100%; } .single-wh .body { margin-top: 30px; font-family: "Pingfang"; font-size: 16px; line-height: 2; color: #4b4b4b; } .single-wh .body hr { margin: 18px 0 20px; height: 1px; background-color: #eee; border: none; } /*产品*/ .prolist { padding: 40px; } .prolist .list { margin: 0 -20px; font-size: 0; border-bottom: 1px solid #eee; } .prolist .list .col { position: relative; margin-left: 20px; margin-bottom: 40px; padding-bottom: 35px; width: 260px; font-size: 14px; vertical-align: top; } .prolist .col .imgwr { height: 165px; overflow: hidden; } .prolist .col .img { display: block; width: 100%; } .prolist .col .tit { position: absolute; bottom: 0; left: 0; z-index: 2; padding: 0 3%; width: 94%; font-size: 16px; line-height: 16px; text-align: center; color: #333; } .prolist .col:hover .img { -webkit-transform: translate3d(0, -3%, 0) scale(1.06); -moz-transform: translate3d(0, -3%, 0) scale(1.06); -ms-transform: translate3d(0, -3%, 0) scale(1.06); -o-transform: translate3d(0, -3%, 0) scale(1.06); transform: translate3d(0, -3%, 0) scale(1.06); } .prolist .col:hover .tit { line-height: 60px; color: #fff; background-color: #1758aa; } .procon .main { margin: 40px 0; } .procon .main .imgwr { width: 600px; } .procon .main .img { display: block; width: 100%; } .procon .main .conwr { width: 560px; } .procon .main .con { margin-top: -8px; font-size: 16px; line-height: 1.875; } .procon .main .con-2 { margin-top: 32px; padding-top: 32px; line-height: 2.14; border-top: 1px solid #eee; } .procon .main .con-2 li { position: relative; margin-bottom: 10px; padding-left: 26px; } .procon .main .con-2 li:after { content: ''; position: absolute; top: 6px; left: 0; width: 17px; height: 18px; background: url(../img/icon.png) -210px -115px no-repeat; } .procon .main .btn { margin-top: 20px; font-size: 0; } .procon .main .btn .link { width: 48%; max-width: 150px; font-size: 14px; line-height: 40px; text-align: center; color: #fff; background-color: #1758aa; } .procon .main .btn .link:hover { box-shadow: 0 0 5px 0 rgba(23, 88, 170, 0.5); } .procon .main .tel { margin-top: 26px; font-size: 0; } .procon .main .num { margin-left: 10px; font-family: arial; font-size: 26px; color: #1758aa; } .procon .title .icon { margin-left: 20px; margin-top: 18px; width: 23px; height: 23px; border: 1px solid #ddd; } .procon .title .icon:hover { background-color: #1758aa; border-color: #1758aa; } .procon .slidewr { margin: 0 40px; padding: 30px 0; overflow: hidden; } .procon .slidewr .slide { position: relative; width: 1000%; } .procon .slidewr .item { margin-right: 20px; width: 360px; text-align: center; } .procon .slidewr .imgwr { margin-bottom: 12px; height: 230px; overflow: hidden; } .procon .slidewr .img { display: block; width: 100%; } .procon .rcdcase .list { padding: 20px; } .procon .rcdcase .list .col { margin-left: 20px; width: 265px; } .procon .rcdcase .col .imgwr { height: 165px; } /*论文*/ .paper { padding: 40px; } .paper .list { border: 1px solid #ccc; border-bottom: none; } .paper .list .row { position: relative; padding: 14px 0 12px 50px; font-size: 0; color: #666; border-bottom: 1px solid #ccc; } .paper .row .num { position: absolute; left: 5px; top: 50%; margin-top: -10px; width: 40px; font-size: 16px; text-align: center; } .paper .row .txt { margin: 0 2% 0 5%; width: 43%; font-size: 14px; line-height: 1.6; } .paper .row .line { position: absolute; top: 0; left: 50px; width: 1px; height: 100%; background-color: #ccc; } .paper .row .line-2 { left: 50%; margin-left: 25px; } .paper .list .row:hover { color: #fff; background-color: #11adea; } .paper .bgf7 { background-color: #f7f7f7; } .paper .list .row-t, .paper .list .row-t:hover { color: #333; text-align: center; background-color: #dedede; } .paper .row-t .num { font-size: 14px; } .paper .list .row-dot { padding-left: 0; } .paper .list .dot { display: block; width: 50px; font-size: 14px; text-align: center; } .patent { padding-top: 0; } .patent .tit { margin-bottom: 10px; padding-top: 40px; font-size: 22px; text-align: center; } .patent .stit { margin-bottom: 15px; font-size: 18px; text-align: center; } .patent .list { margin-bottom: 20px; } .patent .row .txt { margin: 0 1%; width: 23%; text-align: center; } .patent .row .txt strong { font-size: 13px; } .patent .row .txt-2 { margin: 0 2%; width: 46%; text-align: left; } .patent .row .line-2 { left: 25%; margin-left: 35px; } .patent .row .line-3 { left: 50%; margin-left: 25px; } .standard .row .txt { margin: 0 2%; width: 24%; } .standard .row .txt-2 { width: 50%; } .standard .row .txt-3 { width: 14%; text-align: center; } .standard .row .line-2 { left: 29%; } .standard .row .line-3 { left: 83%; } /*工程*/ .imglist-2 { padding: 40px; font-size: 0; overflow: hidden; } .imglist-2 .list { border-bottom: 1px solid #eee; } .imglist-2 .col { margin: 0 40px 40px 0; width: 388px; font-size: 16px; text-align: center; vertical-align: top; border: 1px solid #fff; } .imglist-2 .marr0 { margin-right: 0; } .imglist-2 .nobg { border-color: #ddd; } .imglist-2 .col .imgwr { height: 230px; overflow: hidden; } .imglist-2 .col .img { display: block; width: 100%; } .imglist-2 .col .txt { margin-top: 14px; } .imglist-2 .col .dot { display: none; margin-bottom: 18px; } .imglist-2 .nobg:hover { border-color: #1758aa; } .imglist-2 .col:hover .img { -webkit-transform: translate3d(0, -3%, 0) scale(1.06); -moz-transform: translate3d(0, -3%, 0) scale(1.06); -ms-transform: translate3d(0, -3%, 0) scale(1.06); -o-transform: translate3d(0, -3%, 0) scale(1.06); transform: translate3d(0, -3%, 0) scale(1.06); } .casecon { margin: 40px 20px 0; } .casecon .tit { font-size: 18px; color: #1758aa; } .casecon .con { margin-top: 20px; font-size: 14px; line-height: 2; } /*网点*/ .network { padding: 40px 0 1px; } .network .item .ttit { margin-bottom: 32px; font-size: 20px; color: #1758aa; text-align: center; } .network .item .list { position: relative; } .network .item .col { margin: 0 0 40px 40px; padding: 14px 15px 10px; width: 358px; border: 1px solid #eee; } .network .item .tit { margin-bottom: 12px; padding: 6px 0; font-size: 16px; color: #1758aa; text-align: center; background-color: #f6f6f6; } .network .item .con { font-size: 14px; line-height: 2; } .network .item .col:hover { border-color: #1758aa; } /*.network .item-1 .ttit, .network .item-2 .tit { display: none; }*/ //.network .item-49 .tit { display: none; } .network .item .addcol { padding: 0; width: 390px; border: none; } /*社会责任*/ .artlist-2 { padding: 40px; } .artlist-2 .list-p { margin: 0 -20px; font-size: 0; } .artlist-2 .list-p .col { margin-left: 20px; padding: 20px; width: 218px; height: 258px; font-size: 12px; border: 1px solid #ddd; overflow: hidden; } .artlist-2 .list-p .imgwr { height: 120px; overflow: hidden; } .artlist-2 .list-p .img { display: block; width: 100%; } .artlist-2 .list-p .tit { margin: 16px 0; font-size: 14px; } .artlist-2 .list-p .desc { line-height: 1.66; color: #999; } .artlist-2 .list-p .btn { display: block; margin-top: 16px; width: 113px; line-height: 33px; color: #999; text-align: center; border: 1px solid #ddd; } .artlist-2 .list-p .col:hover .img { -webkit-transform: translate3d(0, -3%, 0) scale(1.06); -moz-transform: translate3d(0, -3%, 0) scale(1.06); -ms-transform: translate3d(0, -3%, 0) scale(1.06); -o-transform: translate3d(0, -3%, 0) scale(1.06); transform: translate3d(0, -3%, 0) scale(1.06); } .artlist-2 .list-p .col:hover .btn { color: #fff; background-color: #1758aa; border-color: #1758aa; } .artlist-2 .list-t { margin-top: 30px; } .artlist-2 .list-t .row { position: relative; line-height: 54px; border-bottom: 1px dashed #ccc; } .artlist-2 .list-t .tit { position: relative; z-index: 2; padding-right: 85px; } .artlist-2 .list-t .tit b { font-weight: normal; } .artlist-2 .list-t .time { position: absolute; right: 0; top: 0; z-index: 1; font-family: arial; } .imgslide { padding: 20px; } .imgslide .main { position: relative; border: 1px solid #eee; overflow: hidden; } .imgslide .slide { position: relative; width: 10000%; font-size: 0; } .imgslide .col { padding-bottom: 10px; width: 1%; } .imgslide .col .imgwr { position: relative; height: 450px; } .imgslide .col .img { position: absolute; left: 0; right: 0; top: 3%; margin: 0 auto; max-width: 94%; max-height: 94%; } .imgslide .col .tit { font-size: 16px; text-align: center; } .imgslide .icon { position: absolute; top: 50%; z-index: 10; margin-top: -48px; } .imgslide .icon-prev2 { left: 3%; } .imgslide .icon-next2 { right: 3%; } /*投资者关系-公告*/ .bulletin { padding: 40px; } .bulletin .list { padding-bottom: 20px; border-bottom: 1px solid #eee; } .bulletin .list .row { position: relative; margin-bottom: 20px; background-color: #f8f8f8; } .bulletin .row .time { position: absolute; left: 0; top: 20px; width: 100px; font-size: 12px; color: #1758aa; text-align: center; } .bulletin .row .day { font-family: arial; font-size: 30px; } .bulletin .row .con { padding: 0 110px 0 160px; font-size: 0; line-height: 90px; } .bulletin .row .tit { margin-left: 20px; font-size: 14px; } .bulletin .row .btn { position: absolute; right: 0; top: 0; width: 100px; height: 100%; } .bulletin .row .icon-down { display: block; margin: 32px auto 0; } .bulletin .row .btn:hover { background-color: #1758aa; } .bulletin .row .btn:hover .icon { background-position: -210px -31px; } /* lytebox 弹出灯窗 */ #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; } #lbOverlay.grey { background-color: #000000; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; } #lbMain a, #lbMain img { -webkit-transition: none; -o-transition: none; transition: none; } #lbMain a img { border: none; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.grey { border: 3px solid #fff; } #lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; overflow: auto; margin: 0 auto; } #lbDetailsContainer.grey { border: 3px solid #fff; border-top: none; } #lbImageContainer, #lbIframeContainer { padding: 10px; } #lbLoading { position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(../img/loading.gif) center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrev { width: 49%; height: 100%; background: transparent url(../img/blank.gif) no-repeat; display: block; left: 0; float: left; } #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(../img/prev_grey.gif) left 15% no-repeat; } #lbNext { width: 49%; height: 100%; background: transparent url(../img/blank.gif) no-repeat; display: block; right: 0; float: right; } #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(../img/next_grey.gif) right 15% no-repeat; } #lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; } #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; } #lbPrev2_Off, #lbNext2_Off { font-weight: bold; } #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; } #lbDetailsData { padding: 0 10px; } #lbDetailsData.grey { color: #333333; } #lbDetails { width: 60%; float: left; text-align: left; font-size:12px;} #lbCaption { display: block; font-weight: bold; margin: 5px 5px 10px; line-height: 20px; } #lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; margin-left:5px; display:none; } #lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; } #lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbClose.grey { background: url(../img/close_grey.png) no-repeat; } #lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPlay.grey { background: url(../img/play_grey.png) no-repeat; } #lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; } #lbPause.grey { background: url(../img/pause_grey.png) no-repeat; }