.wd1440 { width: 1200px; margin: 0 auto; } .logo{ width: 390px; margin-right:20px; } .logo a{ display:inline-block; height: 48px; } .logo img{ display:inline-block; height: 48px; } .inline { display: inline-block; } .swiper-container-banner { width: 100%; height: 100%; } .swiper-container-banner .swiper-slide img { height: 100%; } .banner-box { height: 800px; position: relative; } .banner-box .swiper-pagination-bullet.swiper-pagination-bullet-active { width: 20px; height: 8px; background: #ba3c40; border-radius: 4px; } .fl { float: left; } .fr { float: right; } .clear { clear: both; } .t-c { text-align: center; } .h100 { height: 100%; } .margin-auto { margin: 0 auto; } .header { width: 100%; position: fixed; z-index: 9; top: 0; left: 0; height: 90px; background-color: rgba(255, 255, 255, 0.6); box-shadow: 2px 3px 26px 1px rgba(1, 1, 1, 0.1); transition: all .3s; } .before::before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .banner img { width: 100%; } .menu>ul { display: block; float: left; width: 780px; } .menu ul>li { display: inline-block; font-size: 16px; line-height: 90px; position:relative; z-index: 1; } .menu ul>li.active a{ font-weight: bold; color: #ba3c40; } .menu ul>li:hover a{ font-weight: bold; color: #ba3c40; } .menu ul>li a { display: inline-block; padding: 0 15px; font-size: 16px; font-weight: bold; } .menu ul li ul.c_menu { background: #ba3c40; box-shadow: 0 1px 7px rgba(0,0,0,0.3); position: absolute; top: 100%; left: calc(50% - 60px); float: none; width: 120px; display: none; transition: all .3s; } .menu ul li ul.c_menu div{ line-height: 16px; display: block; text-align: center; padding: 0; } .menu ul li ul.c_menu div a{ color:#fff; font-size: 14px; border-bottom: 1px solid rgba(255,255,255,.1); display: block; padding: 10px; } .menu ul li ul.c_menu div:nth-last-of-type(1){ padding-bottom: 10px; } .menu ul li ul.c_menu div a:hover{ font-weight: bold; } .search { width: 130px; height: 35px; border: 1px solid #dedede; border-radius: 18px; line-height: 35px; padding: 0 10px; padding-right: 10px; background: #ffffff no-repeat 90% center/20px; } .search:focus { outline: none; background-color: #f3f3f3; } .menu>* { display: inline-block; vertical-align: middle; } .main-contair { padding: 50px 0; } .news_notice { min-height: 300px; padding-top: 0; } .tabsbar { border-bottom: 2px solid #ba3c40; text-align: right; border-radius: 1px; } .header.fixed { position: fixed; background-color: rgba(255, 255, 255, 0.8); } .tab { display: inline-block; font-size: 28px; padding-bottom: 25px; margin-bottom: 10px; cursor: pointer; } .tab.active { position: relative; border-bottom: 2px solid #ba3c40; } .tab.active::after{ content: ''; display: block; border: 10px solid #ba3c40; border-top-width: 10px; border-bottom-width: 10px; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; position: absolute; bottom: -32px; left: 45%; } .tab:first-child { margin-right: 70px; } .plane-item-l { width: 400px; margin-right: 20px; } .plane-item-r { width: 350px; } .tab-plane { padding-top: 35px; } .news_notice .tab-plane.on{ display:block; } .slider-item{ cursor: pointer; } .slider-item a{ display: block; width: 100%; height: 310px; position: relative; z-index: 1; overflow:hidden; } .plane-item-r li { cursor: pointer; } .plane-item-r li:hover .new *{ color: #ba3c40; } .slider-item:hover .new{ color: #ba3c40; } .slider-item img { min-width: 100%; height: 267px; } .text-dic { height:45px; line-height: 45px; padding: 12px; } .text-dic h3 { font-size: 20px; line-height: 28px; font-weight: 400; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .plane-item-r .time { width: 80px; height: 70px; background: #ecebeb; text-align: center; font-size: 16px; } .plane-item-r .time .inline { vertical-align: middle; } .plane-item-r .time .inline h3 { font-size: 30px; font-weight: 400; color: #ba3c40; line-height: 30px; } .plane-item-r li:nth-of-type(4n){ margin-bottom: 0; } .plane-item-r li .new { width: calc(100% - 95px); margin-left: 15px; } .plane-item-r li .new h3 { font-size: 20px; color: #404040; line-height: 35px; height: 70px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .plane-item-r li .new p { font-size: 14px; font-weight: 400; color: #666; line-height: 24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; height: 48px; } .plane-item-r li { display: block; overflow: hidden; margin-bottom: 10px; } .news_notice_bg { overflow: hidden; background: url(/uploads/image/_t0e1timage/line.png) no-repeat bottom center/100%; } .five-platforms{ position: absolute; z-index: 22; left: 0; top: 40px; width: 100%; height: 120px; } .page-main { min-height: 300px; position: relative; z-index: 1; padding-top: 200px; } @media screen and (max-width:1200px) { .page-main { padding-left: 0; padding-right: 0; } } .page-main .swiper-container { width: 100%; height: 100%; } .page-main .swiper-slide { width: 22%; font-size: 18px; background: #fff; } .page-main .swiper-slide img { width: 100%; height: 315px; } .page-main .swiper-box { height: 220px; margin-top: 60px; position: relative; } .page-main .under a{ position: relative; height: 60px; font-size:16px; color: #404040; text-align: left; line-height: 30px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; padding: 0 10px; } .page-main .under span { color: #404040; font-size: 22px; line-height: 30px; display:inline-block; padding: 30px 0 5px; margin: 0 10px 20px; border-bottom: 4px solid #be373b; } .page-zny { padding: 0 120px; min-height: 300px; padding-top: 80px; background: url(/uploads/image/_t0e1timage/zny.png) no-repeat top center; } .page-zny-main { padding-top: 80px; overflow: hidden; } .page-zny-main .item { width: 33%; float: left; padding-left: 50px; margin-bottom: 50px; overflow: hidden; } .page-zny-main .item>div { display: inline-block; } .page-zny-main .item .icon { margin-right: 15px; } .page-zny-main .item .icon img { width: 88px; height: 88px; } .page-zny-main .item .word h3 { font-size: 48px; color: #bba568; line-height: 50px; font-weight: bold; } .page-zny-main .item .word { vertical-align:middle; } .page-zny-main .item .word p { font-size: 24px; font-weight: normal; color: #333333; line-height: 24px; margin-top: 10px; } .footer { height:215px; background: url(/uploads/image/_t0e1timage/footbg.png) no-repeat top center; padding-top: 35px; margin-top: 50px; } .link-pic { overflow: hidden; } .link-pic .item { margin-right: 25px; cursor: pointer; } .link-ship { margin-top: 10px; background: #f5f7f7; padding: 60px 0 30px; } .link-ship ul li{ float: left; width: 210px; height: 90px; margin-right: 37px; margin-bottom: 20px; box-shadow:0 1px 1px rgba(0,0,0,0.1) } .link-ship ul li:nth-of-type(5n){ margin-right: 0; } .link-ship a{ display: block; width: 100%; height: 100%; } .link-ship a img{ display: block; width: 100%; height: 100%; } .link-ship a:hover{ text-decoration: underline; } .copy-right { padding-top: 50px; text-align: center; font-size: 18px; font-weight: 400; color: #ffffff; line-height: 50px; } .footer-logo{ width: calc(100% - 600px); margin-top: 20px; } .footer-logo img{ display: block; height: 50px; } .footer-logo p{ font-size: 14px; line-height: 28px; color: #fff; margin-top: 50px; } .footer-contact{ width: 380px; } .footer-contact p{ font-size: 14px; line-height: 28px; color: #fff; } .wx_code{ width: 220px; } .wx_code dl{ float: left; margin-left: 10px; width: 100px; } .wx_code dl dt{ width: 100px; height: 100px; } .wx_code dl dt img{ width: 100%; height: 100%; } .wx_code dl dd{ font-size: 12px; line-height: 24px; color: #fff; opacity: 0.8; text-align: center; } /*新闻*/ .c_banner{ height: 460px; } .c_banner img{ display: block; width: 100%; height: 100%; } .main-contair2{ margin-top: 20px; } .tab_menu{ background: #ba3c40; width: 240px; padding-bottom: 30px; } .n_tittle{ text-align: center; height: 80px; } .n_tittle h1{ color: #fff; font-size: 30px; list-style: 35px; padding-top: 5px; } .n_tittle p{ color: #fff; font-size: 14px; list-style: 25px; } .tab_menu ul{ background: #fff; margin-left: 10px; box-shadow: 0 1px 5px rgba(0,0,0,.2); } .tab_menu ul li{ border-left: 4px solid #fff; height: 60px; line-height: 60px; border-bottom: 1px solid #dddddd; padding-left: 25px; } .tab_menu ul li a{ font-size: 18px; color: #010101; } .tab-plane-item{ display: none; } .tab-plane-item.active{ display: block!important; } .tab_menu ul li:hover{ border-left: 4px solid #922127; } .tab_menu ul li:hover a{ display: block; color: #ba3c40; } .tab_menu ul li.on{ border-left: 4px solid #922127; } .tab_menu ul li.on a{ display: block; color: #ba3c40; } .tab-cbox{ margin-left: 40px; width: calc(100% - 280px); } .dq_position{ line-height: 60px; color: #999999; font-size: 14px; } .dq_position a{ color: #999999; font-size: 14px; margin: 0 5px; } .dq_position a.on{ color: #ba3c40; } .dq_position a:hover{ color: #ba3c40; } .dq_position img{ display: inline-block; width: 14px; height: 14px; margin-right: 5px; } .tab-cbox .plane-item-r{ width: 100%; } .tab-cbox .plane-item-r .time{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); margin-left: 10px; } .tab-cbox .plane-item-r li .new{ width:calc(100% - 118px); margin-bottom: 5px; } .detail{ padding-bottom: 10px; } .detail h2{ color: #404040; font-size: 24px; line-height: 30px; text-align: center; margin-bottom: 5px; font-weight: bold; } .s_info{ color: #999999; font-size: 14px; line-height: 25px; text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 10px; margin-bottom: 10px; } .s_info span{ margin: 0 10px; } .wd1100{ width: 1100px; } /*领导*/ .leader dl{ float: left; width: 173px; margin: 20px 70px; } .leader dl dt{ width: 173px; height: 200px; background: url(/uploads/image/_t0e1timage/dtbg.png) no-repeat bottom left; margin-bottom: 5px; } .leader dl dd{ color: #666666; font-size: 24px; list-style: 30px; text-align: center; } /*首页修改*/ .page-exhibition{ min-height: 300px; padding-top: 80px; margin: 50px auto; background: url(/uploads/image/_t0e1timage/tjzc.png) no-repeat top center; } .left_yjpic{ width: 600px; margin-top: 30px; } .yj_pic{ height: 200px; display: inline-block; margin:0 10px 10px 0; overflow: hidden; float:left; position: relative; z-index: 1; } .yj_pic span{ display: block; width:100%; height: 35px; line-height: 35px; background: rgba(255,255,255,.5); padding:0 10px; position: absolute; bottom: 0; left: 0; z-index: 22; color: #ba3c40; font-size: 18px; text-align: center; } .yj_pic:nth-of-type(2n){ margin-right: 0; } .yj1,.yj4{ width: 220px; } .yj2,.yj3{ width: 370px; } .right_rjtext{ width: 570px; margin-top: 30px; } .right_rjtext ul li{ line-height: 40px; font-size: 18px; color: #333333; } .right_rjtext ul li i{ display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #aeaeae; margin-right: 10px; vertical-align: 15px; } .right_rjtext ul li a{ width: calc(100% - 100px); color: #333; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .right_rjtext ul li label{ float: right; color: #999999; font-size: 14px; width: 75px; margin-left: 9px; } .right_rjtext ul li:hover i{ background: #ba3c40; } .park_news{ min-height: 300px; margin: 30px auto 50px; } .xc_ban{ width: 1200px; } .xc_ban img{ display: block; width: 1200px; height: 110px; } .newbox1{ width: calc((100% - 60px) / 3); margin-right: 30px; margin-top: 20px; } .park_news .newbox1:nth-of-type(3){ margin-right: 0; } .news_hot{ overflow: hidden; margin-bottom: 15px; border-bottom: 1px solid #d8d8d8; } .news_hot label{ font-size: 20px; font-weight: bold; color: #be373b; line-height: 40px; border-bottom: 3px solid #be373b; padding-bottom: 7px; } .news_hot a{ height:40px; line-height: 40px; display:inline-block; float: right; font-size: 12px; color: #999; } .news_hot a:hover{ color: #ba3c40; } .news_hot span{ width: 140px; height: 35px; line-height: 35px; color: #fff; float: left; text-indent: 40px; background: #ba3c40; font-size: 18px; } .news_hot i{ width: 0; height: 0; display: block; float: left; border-color:transparent #ba3c40 ; border-width: 0px 0px 35px 15px; border-style: solid; } .news_hot img{ height: 40px; display:inline-block; } .platform_clist ul li{ height:83px; line-height: 83px; margin-right: 20px; width: calc((100% - 24px) / 2); float: left; border-bottom: 1px solid #d8d8d8; } .platform_clist ul li:nth-of-type(2n){ margin-right: 0; } .platform_clist ul li a{ height:83px; line-height: 20px; display: block; color: #333; font-size: 16px; padding-left: 30px; padding-top: 25px; } .platform_clist ul li a:hover{ background: url(/uploads/image/_t0e1timage/ptbg.png) no-repeat top center; color: #fff; } .news_clist{ width: 100%; } .news_clist ul li a{ line-height: 38px; font-size: 16px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display:inline-block; width: calc(100% - 16px); } .news_clist ul li i{ display: inline-block; width: 6px; height: 6px; border-radius: 100%; background: #aeaeae; margin-right: 10px; vertical-align: 15px; } .news_piclist{ width: calc(100% - 400px); margin-top: 30px; } .news_piclist dl{ margin-bottom: 10px; width: calc((100% - 20px) / 2); margin-right: 20px; float: left; } .news_piclist dl:nth-of-type(2n){ margin-right: 0; } .news_piclist dl dt{ height: 94px; width: 130px; float:left; margin-right: 10px; overflow:hidden; } .news_piclist dl dt img{ height: 100%; width: 100%; display: block; } .news_piclist dl dd{ width: calc(100% - 140px); float: left; } .news_piclist dl dd a{ font-size: 16px; font-weight:bold; line-height: 35px; color: #404040; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .news_piclist dl dd a:hover{ color: #ba3c40; } .news_piclist dl dd p{ font-size: 14px; line-height: 20px; color: #404040; -webkit-line-clamp:3; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; overflow: hidden; } .achievements{ min-height: 300px; padding-top: 80px; margin: 50px auto; background: url(/uploads/image/_t0e1timage/achievements.png) no-repeat top center; } .achievements dl{ width: calc((100% - 30px) / 4); margin-right: 10px; float: left; text-align: center; background: #fff; margin-bottom: 30px; cursor: pointer; } .achievements dl:nth-of-type(4n){ margin-right: 0; } .achievements dl dt{ height: 175px; width: 100%; overflow:hidden; } .achievements dl dt img{ height: 100%; width: 100%; display: block; } .achievements dl dd{ padding:5px 10px 25px; } .achievements dl dd a{ font-size: 16px; font-weight:bold; line-height: 40px; color: #404040; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; } .achievements dl dd p{ font-size: 14px; line-height: 20px; color: #404040; -webkit-line-clamp:2; -webkit-box-orient: vertical; display: -webkit-box; text-overflow: ellipsis; text-align: left; overflow: hidden; } .achievements dl:hover{ background: #fff; box-shadow: 0 1px 10px rgba(0,0,0,0.2); } .achievements dl:hover a{ color: #ba3c40; } .link_box a{ display: inline-block; height: 60px; line-height: 60px; width: 250px; background: #fff; text-align: center; font-size: 18px; padding: 0 20px; cursor: pointer; border: 1px solid #f0b5b7; box-shadow: 0 1px 5px rgba(186,60,64,0.2); } .link_box ul li{ margin: 0 40px 30px 0; float: left; } .zl_download ul li{ height: 40px; line-height: 40px; color: #404040; font-size: 16px; border-bottom: 1px dashed #d2d2d2; } .zl_download ul li span{ float: right; color: #999999; font-size: 14px; } .r_team dl{ text-align: center; background: #f3f3f3; border-radius: 8px; cursor: pointer; width: calc((100% - 80px) /4); float: left; margin:10px 20px 30px; padding: 30px 0; } .r_team dl dt{ display: block; width: 140px; height: 140px; border-radius: 100%; overflow:hidden; margin: 0 auto 5px; border: 5px solid #fff; } .r_team dl dt img{ display: block; width: 100%; height: 100%; margin: 0 auto; } .r_team dl dd{ line-height: 40px; color: #404040; font-size: 20px; } .r_team dl:hover{ background: #fff; box-shadow: 0 1px 25px rgba(186,60,64,0.2); } .platform ul li a{ display: block; height: 48px; border: 1px solid #d0d0d0; text-align: center; background:url(/uploads/image/_t0e1timage/ptbg.gif) repeat top left; font-weight: bold; font-size: 18px; line-height: 48px; border-radius: 4px; width: 205px; float: left; margin: 0 15px 15px 0; } .qy_list ul li{ border: 1px solid #ddd; float: left; padding: 10px 20px; margin: 0 20px 20px 0; width: 198px; height: 80px; } .qy_list ul li a{ display: block; width: 100%; height: 100%; margin: 0 auto; } .qy_list ul li a img{ display: inline-block; height: 60px; margin: 0 auto; } .qy_list ul li:hover{ box-shadow: 0 1px 15px rgba(186,60,64,0.2); } .xq_box{ margin-top: 30px; } .xq_box img{ max-width: 100%; } .page-main_bg{ height: 730px; margin-top: 70px; background: url(/uploads/image/_t0e1timage/mtbg.png) no-repeat top center; padding-bottom: 50px; } .swiper-button-next, .swiper-button-prev{ outline:none; } .page-zny-bg{ height: 638px; padding-top: 100px; background: url(/uploads/image/_t0e1timage/sznybg.png) no-repeat top center; } .kyjd_bg table tr th,.kyjd_bg table tr td{ padding: 18px 12px; height: 14px; line-height: 14px; background: #f5f5f5; font-size: 16px; color: #333; border-right: 5px solid #fff; border-bottom: 5px solid #fff; } .kyjd_bg table tr th{ font-weight: bold; } .ck_more{ text-align: center; } .ck_more a{ display: block; border: 1px solid #ddd; width: 120px; height: 40px; line-height: 40px; font-size: 16px; color: #999; text-align: center; margin:20px auto 0; border-radius: 40px; padding: 0 10px; } .ck_more a:hover{ background: #ba3c40; color: #fff; border: 1px solid #ba3c40; } .under{ background: #fff; width: calc((100% - 60px) / 2); float: left; margin-right: 30px; margin-bottom: 30px; height: 160px; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; cursor: pointer; } .under:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } .media_jj{ width: calc(100% - 450px); float:left; } .industry_jl{ width: 450px; float:left; } .industry_jl ul{ background: #fff; padding: 20px; height: 350px; } .industry_jl ul li{ padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; } .industry_jl ul li a{ width: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 18px; margin-bottom: 5px; } .industry_jl ul li a:hover{ color: #ba3c40; } .industry_jl ul li p{ margin: 1% 0; margin-right: 10%; white-space: nowrap; overflow: hidden; padding-left: 20px; background: url(/uploads/image/_t0e1timage/time.png) no-repeat left center; } .industry_jl ul li span{ display: inline-block; width: 48%; padding-left: 20px; background: url(/uploads/image/_t0e1timage/mkf.png) no-repeat left center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .industry_jl ul li i{ display: inline-block; width: 48%; padding-left: 20px; background: url(/uploads/image/_t0e1timage/mkf.png) no-repeat left center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-style: normal; } .c_title{ margin-bottom: 20px; } .c_title img{ height: 60px; display:inline-block; } .c_title a{ float: right; height:60px; line-height: 60px; display:inline-block; font-size: 14px; color: #999; margin-right: 30px; } .c_title a:hover{ color: #ba3c40; } .five-platforms{ position: absolute; z-index: 22; left: 0; top: 40px; width: 100%; height: 120px; } .five-platforms dl{ float:left; width:calc(100% / 5); text-align: center; cursor: pointer; } .five-platforms dl dt{ width: 84px; height: 84px; border-radius: 100%; overflow:hidden; margin: 0 auto; } .five-platforms dl:hover{ animation:swing 3s infinite; } .five-platforms dl dt img{ display: block; width: 100%; height: 100%; } .five-platforms dl dd{ height: 30px; line-height: 30px; font-size: 20px; color: #333333; } @-webkit-keyframes swing{ 20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} to{-webkit-transform:rotate(0deg);transform:rotate(0deg)} } @keyframes swing{ 20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)} 40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)} 60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)} 80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)} to{-webkit-transform:rotate(0deg);transform:rotate(0deg)} }