@charset "utf-8"; body{ /* min-height: 2000px; */ } /* top */ #header{ position: fixed; top: 0; left: 0; width: 100%; height: 88px; background-color: #fff; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2); z-index: 999999; } #header ul.top{ width: 94%; margin: 0 auto; } #header ul.top>li{ float: left; } #header ul.top>li.logo_box{ width: auto; height: 48px; margin-top: 20px; } #header ul.top>li.logo_box img{ width: auto; height: 100%; } #header ul.top>li.lg_box{ float: right; margin-top: 34px; margin-left: 68px; } #header ul.top>li.lg_box>ul li{ float: left; height: 20px; line-height: 20px; padding-right: 20px; border-right: 1px solid #999999; margin-right: 20px; } #header ul.top>li.lg_box>ul li:last-child{ padding-right: 0; border-right: 0px solid #999999; margin-right: 0; } #header ul.top>li.lg_box>ul li a{ font-size: 16px; color:#999999 ; font-weight: 400; line-height: 20px; } #header ul.top>li.lg_box>ul li a.active, #header ul.top>li.lg_box>ul li a:hover{ color: #004ea2; } #header ul.top>li.lg_box>ul li.email{ width: 21px; height: 16px; margin-top: 2px; } #header ul.top>li.lg_box>ul li.email a{ display: block; height: 100%; width: auto; background-image: url(../images/top_email.png); background-repeat: no-repeat; background-size: 21px 16px; } #header ul.top>li.lg_box>ul li.email:hover a{ background-image: url(../images/top_email_hover.png); } #header ul.top>li.nav_box{ float: right; } #top_nav{ width: 50%; background-color: #fff; color: #383635; } #top_nav .top_nav_list{ width: 100%; height: 88px; } #top_nav .top_nav_list>li{ float: left; width: 16.66667%; position: relative; z-index: 300; } #top_nav .top_nav_list>li a{ display: block; } #top_nav .top_nav_list>li>a{ width: 100%; height: 88px; font-size: 16px; color: #383635; line-height: 88px; text-align: center; transition: all 0.3s; } #top_nav .top_nav_list>li>a.active, #top_nav .top_nav_list>li>a:hover{ color: #fff; background-color: #004ea2; transition: all 0.3s; } #top_nav .top_nav_list>li>blockquote{ display: none; position: absolute; top: 88px; width: 100%; height: auto; text-align: center; z-index: 201; } #top_nav .top_nav_list>li>blockquote .ChildNavIn{ width: 100%; height: auto; background-color: rgba(255,255,255,.9); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1); } #top_nav .top_nav_list>li>blockquote .ChildNavIn a{ width: 100%; height: auto; font-size: 14px; color: #666666; line-height: 1.6; padding: 12px 4px; transition: all 0.3s; } #top_nav .top_nav_list>li>blockquote .ChildNavIn a:hover{ color: #fff; background-color:#004ea2 ; transition: all 0.3s; } /* top-end */ /* 手机版导航 */ .m_nav_box{ display: none; } /* 手机版导航-end */ /* banner */ .banner_top{ width: 100%; height: 88px; background-color: #fff; } #banner_container{ position: relative; width: 1920px; height: 600px; background: #fff; overflow: hidden; } #banner_container .banner_box{ cursor: move; width: 1920px; height: 600px; overflow: hidden; } .jssora05l, .jssora05r, .jssora05ldn, .jssora05rdn{ position: absolute; width: 64px; height: 114px; top: 243px; cursor: pointer; display: block; background: url(../images/banner_bg.png) no-repeat; overflow:hidden; } .jssora05l { background-position: -10px 0; } .jssora05r { background-position: -230px 0; } .jssora05l:hover { background-position: -80px 0; } .jssora05r:hover { background-position: -160px 0; } .jssora05ldn { background-position: -10px 0; } .jssora05rdn { background-position: -230px 0; } /* banner_end */ /* about */ .about_box{ width: 100%; height: 360px; background-color: #fff; background-image: url(../images/about_index_bg.jpg); background-repeat: no-repeat; background-position: top right; } .about_box li.left{ float: left; width: calc(100% - 628px); height: 360px; /* background-image: url(../images/about_leftbg.jpg); background-repeat: no-repeat; background-position: top center; */ padding: 48px 3%; position: relative; } .about_box li.left ul.about_tit{ padding-bottom: 24px; } .about_box li.left ul.about_tit li{ float: left; margin-right: 16px; } .about_box li.left ul.about_tit li.dian{ width: 16px; height: 16px; background-color: #ed6d00; } .about_box li.left ul.about_tit li.logo01{ width: auto; height: 48px; font-size: 48px; color: #333333; font-weight: bold; line-height: 1; } .about_box li.left ul.about_tit li.logo01 img{ width: auto; height: 100%; } .about_box li.left ul.about_tit li.logo02{ width: auto; height: 20px; font-size: 20px; color: #393736; line-height: 1; text-transform: uppercase; margin-top: 12px; } .about_box li.left ul.about_tit li.logo02 img{ width: auto; height: 100%; } .about_box li.left>p{ height: 128px; font-size: 16px; line-height: 2; text-align: justify; text-indent: 2em; color: #383635; overflow: hidden; } .about_box li.left .more01{ width: 160px; height: 48px; margin-top: 32px; } .about_box li.left .more01 a{ display: block; width: 100%; height: 100%; font-size: 16px; line-height: 48px; text-align: center; background-color: #999999; color: #fff; border-radius: 4px; transition: all 0.3s; } .about_box li.left .more01 a:hover{ background-color: #004ea2; transition: all 0.3s; } .about_box li.right{ float: right; width: 628px; height: 360px; padding: 8px; /* background-color: #e5f2ff; box-shadow: inset 0px 1px 10px 0px rgba(0, 0, 0, 0.3); */ } .about_box li.right video{ width: 612px; height: 344px; box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.3); } /* about_end */ /* 栏目标题 */ .col_tit_box{ width: 100%; background-color: #fff; text-align: center; padding: 72px 0 48px 0 ; } .col_tit_box h1{ font-size: 48px; font-weight: bold; line-height: 1; color: #333333; } .col_tit_box h3{ font-size: 12px; line-height: 44px; color: #808080; text-transform: uppercase; } .col_tit_box h5{ width: auto; font-size: 16px; line-height: 1.6; color: #4c4c4c; padding: 20px 0; } .col_tit_box h5 a{ display: inline-block; font-size: 16px; line-height: 42px; color: #4c4c4c; } .col_tit_box h5 a:hover{ color: #004ea2; } /* 栏目标题-end */ /* news */ .news_box{ width: 100%; } .news_box>li{ float: left; width: 50%; } .news_box li.left{ position: relative; height: 576px; overflow: hidden; } .news_box li.left .news_time{ position: absolute; top: 0; left: 0; width: 72px; height: 72px; color: #fff; background-color: #004ea2; text-align: center; box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.4); z-index: 600; } .news_box li.left .news_time h2{ font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 16px; } .news_box li.left .news_time h4{ font-size: 12px; line-height: 18px; } .news_box li.left .news_img{ width: 100%; height: 576px; overflow: hidden; } .news_box li.left .news_img img{ width: 100%; height: auto; -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); transform:scale(1.05,1.05); transition: all 0.3s; } .news_box li.left .news_img:hover img{ -webkit-transform:scale(1.08,1.08); -moz-transform:scale(1.08,1.08); transform:scale(1.08,1.08); } .news_box li.left .news_main{ position: absolute; left: 0; bottom: 0; width: 100%; height: 176px; background-color:#ebebeb; padding: 48px 6% 0; z-index: 600; } .news_box li.left .news_main h1{ margin-bottom: 18px; } .news_box li.left .news_main h1 a{ display: block; font-size: 20px; line-height: 1; color: #181818; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .news_box li.left .news_main h1 a:hover{ color: #004ea2; } .news_box li.left .news_main p{ font-size: 14px; line-height: 24px; color: #808080; text-align: justify; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; } .news_box li.right .news_list{ width: 100%; height: 144px; padding-right: 6%; background-color: #fcfcfc; } .news_box li.right .news_list:nth-child(2n){ background-color: #f5f5f5; } .news_box li.right .news_list>li{ float: left; } .news_box li.right .news_list li.news_list_time{ width: 144px; height: 100%; text-align: center; } .news_box li.right .news_list li.news_list_time h2{ font-size: 24px; font-weight: bold; color: #4d4d4d; line-height: 36px; margin-top: 40px; } .news_box li.right .news_list li.news_list_time h4{ font-size: 16px; line-height: 28px; color: #4d4d4d; } .news_box li.right .news_list li.news_list_main{ width: calc(100% - 144px); } .news_box li.right .news_list li.news_list_main h1{ margin-top: 40px; margin-bottom: 10px; } .news_box li.right .news_list li.news_list_main h1 a{ display: block; font-size: 20px; line-height: 1; color: #181818; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .news_box li.right .news_list li.news_list_main h1 a:hover{ color: #004ea2; } .news_box li.right .news_list li.news_list_main p{ font-size: 14px; line-height: 40px; color: #808080; text-align: justify; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* news-end */ /* cp */ .cp_box{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -ms-flex-line-pack: stretch; align-content: stretch; } .cp_box .cp_img { position: relative; width: 34%; height: 0; padding-bottom: 30%; background-image: url(../images/index_cp_bg01.jpg); background-repeat: no-repeat; background-size: 100% 100%; } .cp_box .cp_img>li{ position: absolute; left: 0; top: 0; } /* .cp_box .cp_img li { display: none; } */ .cp_box .cp_img li, .cp_box .cp_img a { display: block; width: 100%; height: 100%; } .cp_box .cp_img img{ display: block; width: 80%; height: auto; margin:auto 10%; vertical-align: middle; } .cp_box .cp_img li table, .cp_box .cp_img li table tr, .cp_box .cp_img li table tr th{ width: 100%; height: 100%; } /* .cp_box .cp_img .first { display: block } */ .cp_box .cp_tit{ position: relative; overflow: hidden; width: 66%; background-image: url(../images/index_cp_bg02.jpg); background-size: cover; background-repeat: no-repeat; } .cp_box .cp_tit li { z-index: 1; position: relative; float: left; width: 50%; height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: rgba(255, 255, 255, 0.6) solid 1px; } .cp_box .cp_tit li:nth-child(1){ border-bottom: rgba(255, 255, 255, 0.6) solid 1px; } .cp_box .cp_tit li:nth-child(2){ border-bottom: rgba(255, 255, 255, 0.6) solid 1px; } .cp_box .cp_tit a { display: block; position: relative; width: 100%; height:100%; } .cp_box .cp_tit .on a { background-color: rgba(0,78,162,.4); } .cp_box .cp_tit a span { position: absolute; top: 50%; left: 50%; width: 100%; height: 48px; font-size: 24px; line-height: 48px; text-align: center; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); margin-top: -24px; margin-left: -50%; /* box-sizing: border-box; */ transition: all 0.3s; } .cp_img_list { transition: all .3s linear; opacity: 0; z-index: -1; height: 0; width: 100% } .cp_img_list.show { height: auto; opacity: 1; z-index: 1 } /* cp-end */ /* m-cp_box */ .m_cp_box{ display: none; } .index_cp_box { } .index_cp_box .index_cp_img { float: left; width: 34%; height: 0; padding-bottom: 28%; background-image: url(../images/index_cp_bg01.jpg); background-size: 100% 100%; overflow: hidden; } .index_cp_box .index_cp_img>div { box-sizing:border-box; } .index_cp_box .index_cp_img table{ width: 100%; height: 100%; } .index_cp_box .index_cp_img img { width: 80%; height: auto; margin:0 10%; vertical-align: middle; } .index_cp_box .index_cp_img img.active { opacity: 1; } .index_cp_box .index_cp_img_bg { display: none; } .index_cp_nav_links{ float: right; width: 66%; height: 0; padding-bottom: 28%; background-image: url(../images/index_cp_bg02.jpg); background-size: 100% 100%; box-sizing: border-box; position: relative; } .index_cp_nav_links li{ float: left; width: 50%; height: 0; padding-bottom: 21.2130778%; position: relative; cursor: pointer; transition: all 0.3s; } .index_cp_nav_links li span { position: absolute; top: 50%; left: 50%; width: 188px; height: 48px; font-size: 24px; line-height: 48px; text-align: center; color: #fff; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); margin-top: -24px; margin-left: -94px; transition: all 0.3s; } .index_cp_nav_link:hover, .index_cp_nav_link.active{ background-color: rgba(0,78,162,.4); transition: all 0.3s; } .index_cp_nav_links .line00{ position: absolute; } .index_cp_nav_links .line01{ top: 0; left: 50%; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.6); } .index_cp_nav_links .line02{ top: 50%; left: 0; width: 100%; height: 1px; background-color: rgba(255, 255, 255, 0.6); } .index_cp_nav_links .line03{ top: 0; left: 0; width: 1px; height: 100%; background-color: rgba(255, 255, 255, 0.6); } /* m-cp-bpx-end */ /* 投资者关系 */ .tzz_box{ width: 100%; margin-bottom: 72px; } .tzz_box>li{ float: left; } .tzz_box>li .tzz_tit_box{ width: 100%; margin-bottom: 48px; } .tzz_box>li .tzz_tit_box .tzz_tit{ float: left; font-size: 24px; color: #333333; line-height: 1; } .tzz_box>li .tzz_tit_box .more02{ float: right; width: 96px; height: 24px; } .tzz_box>li .tzz_tit_box .more02 a{ display: block; width: 100%; height: 100%; font-size: 12px; line-height: 24px; text-align: center; background-color: #999999; color: #fff; border-radius: 4px; transition: all 0.3s; } .tzz_box>li .tzz_tit_box .more02 a:hover{ background-color: #004ea2; transition: all 0.3s; } .tzz_box>li.left{ width: 64%; padding-left: 3%; padding-right: 3%; } .tzz_box>li.left .hq_box{ width: 100%; } .tzz_box>li.left .hq_box>li{ float: left; width: 17.2%; text-align: center; border-right: 1px solid #cccccc; } .tzz_box>li.left .hq_box>li:first-child{ width: 31.2%; text-align: left; } .tzz_box>li.left .hq_box>li h4{ font-size: 16px; line-height: 1; color: #666666; } .tzz_box>li.left .hq_box>li h1{ font-size: 60px; line-height: 1; color: #ff2222; font-weight: bold; margin: 30px 0 16px; } .tzz_box>li.left .hq_box>li h1 b{ font-size: 24px; line-height: 1; color: #666666; font-weight: normal; } .tzz_box>li.left .hq_box>li h1 span{ font-size: 24px; line-height: 1; color: #ff2222; font-weight: normal; } .tzz_box>li.left .hq_box>li h6{ font-size: 14px; line-height: 1; color: #666666; } .tzz_box>li.left .hq_box>li h2{ font-size: 36px; line-height: 1; color: #004ea2; margin-top: 50px; margin-bottom: 34px; } .tzz_box>li.right{ width: 36%; padding-right: 3%; } .tzz_box>li.right .gg_list{ width: 100%; height: 34px; line-height: 34px; border-bottom: 1px solid #cccccc; box-sizing: border-box; } .tzz_box>li.right .gg_list li{ float: left; } .tzz_box>li.right .gg_list li.gg_tit{ width: calc(100% - 90px); } .tzz_box>li.right .gg_list li.gg_tit a{ display: block; width: 100%; font-size: 14px; line-height: 34px; color: #333333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } } .tzz_box>li.right .gg_list li.gg_tit a:hover{ color:#004ea2 ; } .tzz_box>li.right .gg_list li.gg_time{ float: right; width: 90px; font-size: 14px; line-height: 34px; color: #333333; text-align: right; } /* 投资者关系-end */ /* 内页 */ /* banner */ .ny_banner{ width: 100%; height: auto; margin-top: 88px; } .ny_banner img{ width: 100%; height: auto; } /* banner-end */ /* 内页导航 */ .ny_nav{ display: -webkit-box; display: -webkit-flex; display: flex; width: 100%; height: 64px; border-bottom: 1px solid #004ea2; } .page_xq_nav{ border-bottom: 0 solid #004ea2; } .ny_nav li{ float: left; -webkit-box-flex:1; -webkit-flex: 1; flex: 1; width: 100%; text-align: center; transition: all 0.3s; } .ny_nav li a{ display: block; width: 100%; font-size: 18px; color: #333333; line-height: 64px; } .ny_nav li:hover a, .ny_nav li.active a{ color: #fff; background-color:#004ea2 ; } /* 内页导航-end */ /* 内页内容 */ /* 关于我们 */ .page_box{ width: 100%; padding: 48px 12%; min-height: 80px; } .page_about h1{ width: 100%; font-size: 36px; color: #333; line-height: 1; text-align: center; } .page_about .page_img_box{ width: 100%; height: auto; margin: 36px 0; } .page_about .page_img_box img{ width: 100%; height: auto; } .page_about p{ font-size: 20px; color: #383635; line-height: 2.4; text-indent: 2em; text-align: justify; } /* 企业文化 */ .page_about_wh{ padding: 0; } .page_about_wh .wh_list{ width: 100%; } .page_about_wh .wh_list li{ float: left; width: 33.3333333333%; text-align: center; padding: 48px 0; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.3s; } .page_about_wh .wh_list li:nth-child(3n){ } .page_about_wh .wh_list li h1{ font-size: 24px; color: #004ea2; line-height: 2; } .page_about_wh .wh_list li h2{ height: 44px; font-size: 16px; color: #666666; line-height: 22px; padding: 0 16PX; } .page_about_wh .wh_list li:hover{ background-color: #ed6d00; } .page_about_wh .wh_list li:hover h1, .page_about_wh .wh_list li:hover h2{ color: #fff; } /* 企业荣誉 */ .ry_box { } .ry_box .ry_img { float: left; width: 56%; height: 0; padding-bottom: 35.109%; border: 8px solid #cfdae5; box-sizing: border-box; overflow: hidden; } .ry_img>div { box-sizing:border-box; width: 100%; } .ry_box .ry_img>div img { display: block; width: 100%; height: 100%; } .ry_nav_links{ float: right; width: 44%; height: 0; padding:0 12px 35.109% 12px; padding-bottom: calc(35.109% - 24px); margin: 0; list-style-type: none; background-color: #cfdae5; border: 20px solid #cfdae5; box-sizing: border-box; position: relative; overflow: hidden; overflow-y:auto; } .ry_nav_links li { width: 100%; font-size:14px; line-height: 2; color: #333333; cursor: pointer; transition: all 0.3s; } .ry_nav_links li:hover { color:#004ea2; } .ry_nav_links li.active { color:#004ea2; } .ry_nav_links li.active:hover { color:#004ea2; } /*修改滚动条样式*/ div::-webkit-scrollbar{ width:10px; height:10px; cursor: pointer; transition: all 0.3s; } div::-webkit-scrollbar-track{ background: rgb(239, 239, 239); border-radius:10px; transition: all 0.3s; } div::-webkit-scrollbar-thumb{ background: #bfbfbf; border-radius:10px; transition: all 0.3s; } div::-webkit-scrollbar-thumb:hover{ background: #004ea2; transition: all 0.3s; } div::-webkit-scrollbar-corner{ background: #004ea2; transition: all 0.3s; } /* 新闻中心 */ .page_news{ background: url(../images/page_bg01.jpg) no-repeat center; background-attachment: fixed; } .page_news .top_news_box{ width: 100%; } .page_news .top_news_box li{ float: left; width: 48%; position: relative; overflow: hidden; transition: all 0.3s; } .page_news .top_news_box li.right{ float: right; } .page_news .top_news_box li .news_time{ position: absolute; top: 0; left: 0; width: 72px; height: 72px; color: #fff; background-color: #004ea2; text-align: center; box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5); z-index: 600; } .page_news .top_news_box li .news_time h2{ font-size: 18px; font-weight: bold; line-height: 24px; margin-top: 16px; } .page_news .top_news_box li .news_time h4{ font-size: 12px; line-height: 18px; } .page_news .top_news_box li .news_img{ width: 100%; height: auto; } .page_news .top_news_box li .news_img img{ width: 100%; height: auto; transition: all 0.3s; } .page_news .top_news_box li .news_main{ width: 100%; background-color: #fbfbfb; padding: 36px; } .page_news .top_news_box li .news_main h1 a{ display: block; font-size: 20px; line-height: 1; color: #181818; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .page_news .top_news_box li .news_main h1 a:hover{ color: #004ea2; } .page_news .top_news_box li .news_main p{ font-size: 14px; line-height: 1; color: #808080; margin-top: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .page_news .top_news_box li:hover{ box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.5); transition: all 0.3s; } /* .page_news .top_news_box li:hover .news_main{ background-color: #004ea2; transition: all 0.3s; } .page_news .top_news_box li:hover .news_main h1 a{ color: #fff; transition: all 0.3s; } .page_news .top_news_box li:hover .news_main p{ color: #fff; transition: all 0.3s; } */ .page_news .top_news_box li:hover .news_img img{ /* -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); transform:scale(1.05,1.05); transition: all 0.3s; */ } /* 新闻列表 */ .page_news_list{ width: 100%; margin-top: 36px; } .page_news_list .item{ width: 100%; padding: 36px 0; margin-bottom: 18px; background-color: #fbfbfb; transition: all 0.3s; } .page_news_list .item:hover{ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); transition: all 0.3s; } .page_news_list .item>ul{ width: 100%; } .page_news_list .item>ul li{ float: left; } .page_news_list .item>ul li.news_time{ width: 144px; height: 72px; color: #666666; text-align: center; border-right: 1px solid #cccccc; } .page_news_list .item>ul li.news_time h2{ font-size: 24px; font-weight: bold; line-height: 40px; } .page_news_list .item>ul li.news_time h4{ font-size: 16px; line-height: 32px; } .page_news_list .item>ul li.news_main{ width: calc(100% - 350px); padding-left: 36px; box-sizing: border-box; } .page_news_list .item>ul li.news_main h1{ width: 100%; margin: 0; } .page_news_list .item>ul li.news_main h1 a{ display: block; width: 100%; font-size: 20px; color: #181818; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .page_news_list .item>ul li.news_main h1 a:hover{ color: #004ea2; } .page_news_list .item>ul li.news_main p{ width: 100%; font-size: 14px; color: #808080; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.3s; } .page_news_list .item>ul li.more03{ float: right; margin-right: 36px; margin-top: 18px; } .page_news_list .item>ul li.more03 a{ display: block; width: 144px; height: 36px; font-size: 16px; color: #999999; line-height: 34px; text-align: center; border-radius: 4px; border: 1px solid #999999; transition: all 0.3s; } .page_news_list .item>ul li.more03 a:hover{ color: #fff; background-color: #004ea2; border: 1px solid #004ea2; } .page_news_list .load-more__btn{ display: block; width: 288px; height: 64px; font-size: 20px; color: #999999; line-height: 64px; text-align: center; background-color: #fff; /* border: 1px solid #999999; */ border-radius: 8px; cursor: pointer; margin: 32px auto 0; transition: all 0.3s; } .page_news_list .load-more__btn:hover{ color: #fff; background-color: #004ea2; /* border: 1px solid #004ea2; */ } /* 详情页统一 */ .page_xq{ padding: 48px 12%; background: url(../images/page_bg01.jpg) no-repeat center; background-attachment: fixed; } .page_xq .page_xq_box{ width: 100%; background-color: #fff; padding: 36px 36px 18px; } .page_xq .page_xq_box .go_back{ width: 200px; height: 48px; margin: 48px auto; } .page_xq .page_xq_box .go_back a{ display: block; width: 100%; height: 100%; font-size: 16px; color: #fff; line-height: 48px; background-color: #999999; border-radius: 4px; text-align: center; transition: all 0.3s; } .page_xq .page_xq_box .go_back a:hover{ background-color: #004ea2; } /* 新闻详情 */ .page_news_xq .news_xq_box .tit_box{ width: 100%; text-align: center; border-bottom: 1px dashed #adadad; margin-bottom: 28px; } .page_news_xq .news_xq_box .tit_box .news_tit{ font-size: 24px; color: #181818; line-height: 1; } .page_news_xq .news_xq_box .tit_box .news_time{ font-size: 14px; color: #808080; line-height: 54px; } .page_news_xq .news_xq_box p{ font-size: 16px; color: #333333; line-height: 2; text-align: justify; text-indent: 2em; } .page_news_xq .news_xq_box>img{ max-width: 1000px; height: auto; margin: 20px auto; } .page_news_xq .news_xq_box p>img{ max-width: 1000px; } .page_news_xq .news_xq_box .news_bottom{ width: 100%; border-top: 1px solid #adadad; padding-top: 18px; margin-top: 36px; } .page_news_xq .news_xq_box .news_bottom li.left{ float: left; } .page_news_xq .news_xq_box .news_bottom li.right{ float: right; } .page_news_xq .news_xq_box .news_bottom li a{ font-size: 14px; color: #666666; line-height: 1; transition: all 0.3s; } .page_news_xq .news_xq_box .news_bottom li a:hover{ color: #004ea2; } /* 产品中心 */ .page_cp{ padding: 0 12%; /* background: url(../images/page_bg01.jpg) no-repeat center; background-attachment: fixed; */ } .page_cp .page_cp_list{ width: 100%; } .page_cp .page_cp_list li{ float: left; width: calc((100% - 96px) / 3); padding: 48px; /* border: 1px solid #3371b5; */ /* 底色 */ background-color:#3371b5; /* chrome 2+, safari 4+; multiple color stops */ background-image:-webkit-gradient(linear, left bottom, right top, color-stop(0.2, #004ea2), color-stop(0.5, #004ea2), color-stop(0.8, #004ea2)); /* chrome 10+, safari 5.1+ */ background-image:-webkit-linear-gradient(45deg, #ccdcec, #7fa6d0, #3371b5); /* firefox; multiple color stops */ background-image:-moz-linear-gradient(45deg, #ccdcec, #7fa6d0, #3371b5); /* ie10 */ background-image: -ms-linear-gradient(45deg, #ccdcec 0%, #3371b5 100%); /* opera 11.1 */ background-image: -o-linear-gradient(45deg, #ccdcec, #3371b5); /* 标准写法 */ background-image: linear-gradient(45deg, #ccdcec, #3371b5); margin-right: 48px; margin-top: 48px; box-sizing: border-box; position: relative; overflow: hidden; transition: all 0.3s; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .page_cp .page_cp_list li{ width:31.33333333%; padding: 48px; margin-right: 3%; margin-top: 48px; } } .page_cp .page_cp_list li:nth-child(3n){ margin-right: 0; } .page_cp .page_cp_list li:last-child{ margin-bottom: 48px; } .page_cp .page_cp_list li img{ width: 100%; height: auto; transition: all 0.3s; } .page_cp .page_cp_list li .tit_box{ position: absolute; right: 0; bottom: 0; width: 100%; height: 36px; text-align: center; /* background-color: #fff; */ transition: all 0.3s; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .page_cp .page_cp_list li .tit_box{ width: 160px; } } .page_cp .page_cp_list li .tit_box th{ font-size:14px; color: #ffffff; transition: all 0.3s; } .page_cp .page_cp_list li:hover{ /* border: 1px solid #004ea2; */ box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.5); } .page_cp .page_cp_list li:hover img{ -webkit-transform:scale(1.05,1.05); -moz-transform:scale(1.05,1.05); transform:scale(1.05,1.05); } .page_cp .page_cp_list li:hover .tit_box{ color: #fff; background-color: #004ea2; } .page_cp .page_cp_list li:hover .tit_box th{ color: #fff; } /* 产品详情 */ .page_cp_xq .cp_xq_box ul{ width: 100%; padding-bottom: 36px; border-bottom: 1px solid #adadad; } .page_cp_xq .cp_xq_box ul li{ float: left; } .page_cp_xq .cp_xq_box ul li.page_cp_img{ width: 40%; height: auto; padding: 30px; border: 1px solid #999999; } .page_cp_xq .cp_xq_box ul li.page_cp_img img{ width: 100%; height: auto; } .page_cp_xq .cp_xq_box ul li.page_cp_main{ width: 60%; padding-left: 64px; } .page_cp_xq .cp_xq_box ul li.page_cp_main h1{ font-size: 24px; color: #333333; line-height: 1; margin-bottom: 16px; } .page_cp_xq .cp_xq_box ul li.page_cp_main p{ font-size: 16px; color: #4c4c4c; line-height: 2; text-align: justify; } .page_cp_xq .cp_xq_box ul li.page_cp_main h2{ font-size: 20px; color: #333333; line-height: 1; padding: 36px 0 24px; border-top: 1px dashed #cccccc; margin-top: 24px; } .page_cp_xq .cp_xq_box ul li.page_cp_main table, .page_cp_xq .cp_xq_box ul li.page_cp_main table tr{ width: 100%; text-align: center; } .page_cp_xq .cp_xq_box ul li.page_cp_main table{ border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; margin-bottom: 36px; } .page_cp_xq .cp_xq_box ul li.page_cp_main table tr{ height: 48px; line-height: 48px; } .page_cp_xq .cp_xq_box ul li.page_cp_main table tr th{ width: 30%; background-color: #e6e6e6; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .page_cp_xq .cp_xq_box ul li.page_cp_main table tr td{ width: 70%; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } .page_cp_xq .cp_xq_box ul li.page_cp_main ul{ width: 100%; padding-bottom: 0; border-bottom: 0 solid #cccccc; } .page_cp_xq .cp_xq_box ul li.page_cp_main ul li{ float: left; width: 18.4%; margin-right: 2%; } .page_cp_xq .cp_xq_box ul li.page_cp_main ul li:last-child{ margin-right: 0; } .page_cp_xq .cp_xq_box ul li.page_cp_main ul li img{ width: 100%; height: auto; } .page_cp_xq .cp_xq_box ul li.page_cp_main ul li p{ width: 100%; line-height: 2; text-align: center; } .page_cp_xq .cp_xq_box ul li.page_cp_main h2{ font-size: 20px; color: #333333; line-height: 1; padding: 36px 0 24px; border-top: 1px dashed #cccccc; margin-top: 24px; } .page_cp_xq .cp_xq_box ul li.page_cp_main h3{ font-size: 16px; line-height: 2; padding-top: 16px; } .page_cp_xq .cp_xq_box ul li.page_cp_main h3:first-child{ padding-top: 0; } /* 投资者关系 */ .page_tzz{ /* padding: 48px 0; */ } .page_tzz .tzz_box{ margin-bottom: 0; } .page_tzz .tzz_box>li .tzz_tit_box{ margin-bottom: 36px; } .page_tzz .tzz_box>li .tzz_tit_box .tzz_tit{ padding-bottom: 24px; } .page_tzz .tzz_box>li .tzz_tit_box .more02{ width: 120px; height: 36px; } .page_tzz .tzz_box>li .tzz_tit_box .more02 a{ font-size: 16px; line-height: 36px; } .page_tzz .tzz_box>li.left{ width: 50%; padding-left: 0; padding-right: 3%; } .page_tzz .tzz_box>li.left .hq_box>li{ float: left; width: 50%; text-align: left; border-right: 0px solid #cccccc; } .page_tzz .tzz_box>li.left .hq_box>li:first-child{ width: 100%; border-right: 0 solid #cccccc; } .page_tzz .tzz_box>li.left .hq_box>li.hq_list{ margin-top: 48px; } .page_tzz .tzz_box>li.left .hq_box>li.hq_list h2{ margin-top: 24px; margin-bottom: 0; } .page_tzz .tzz_box>li.right{ width: 50%; padding-left: 3%; padding-right: 0; } .page_tzz .tzz_box>li.right .gg_list{ height: 64px; line-height: 64px; border-bottom: 1px dashed #999999; } .page_tzz .tzz_box>li.right .gg_list li.gg_tit{ width: calc(100% - 100px); } .page_tzz .tzz_box>li.right .gg_list li.gg_tit a{ font-size: 16px; line-height: 64px; color: #333333; } .page_tzz .tzz_box>li.right .gg_list li.gg_tit a:hover{ color: #004ea2; } .page_tzz .tzz_box>li.right .gg_list li.gg_time{ width: 100px; font-size: 16px; line-height: 64px; color: #333333; } .page_tzz .tzz_box01{ margin-top: 120px; } .page_tzz .tzz_box01 li .K_img_box{ width: 100%; height: 360px; } .page_tzz .tzz_box01 li .K_img_box img{ width: auto; height: 100%; } .page_tzz .tzz_box01 li .tzz_contact_box{ width: 100%; } .page_tzz .tzz_box01 li .tzz_contact_box p{ font-size: 16px; color: #333333; line-height: 2; } .page_tzz .tzz_box01 li .tzz_contact_box p a{ color: #333333; transition: all .3s; } .page_tzz .tzz_box01 li .tzz_contact_box p a:hover{ color: #004ea2; } .page_tzz .tzz_box01 li .tzz_map{ width: 100%; height: 210px; margin-top: 22px; } /* 联系我们 */ .page_contact_main h1{ width: 100%; font-size: 24px; color:#004ea2; line-height: 1; text-align: left; padding-bottom: 24px; } .page_contact_main h3{ font-size: 14px; color: #666666; text-transform: uppercase; line-height: 1; letter-spacing: 1.5px; margin: 10px 0 24px; } .page_contact_main ul{ width: 100%; } .page_contact_main ul li.left{ float: left; width: 33%; margin-right: 3%; } .page_contact_main ul li.left dl{ width: 100%; padding: 24px 0; border-bottom: 1px solid #dddddd; } .page_contact_main ul li.left dl dt { font-size: 24px; color: #333333; line-height: 1; margin-bottom: 8px; } .page_contact_main ul li.left dl dd { width: 100%; font-size: 16px; color: #666666; line-height: 2; text-align: left; } .page_contact_main ul li.right{ float: right; width: 64%; height: 516px; } /* 地图修改 */ #map{ background: url(../images/map.jpg) no-repeat; background-position: top center; } .my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; } .my-map .icon-cir { height: 31px; width: 28px; } .my-map .icon-cir-red { background-position: -11px -5px; } .amap-container{height: 100%;} .BMap_scaleCtrl{ display: none; } .BMap_omCtrl{ display: none; } .BMap_cpyCtrl{ display: none; } .BMap_bubble_title{ font-size: 14px !important; line-height: 2 !important; color: #0068b7 !important; border-bottom: 1px solid #313131; } .BMap_bubble_content{ font-size: 12px !important; line-height: 2 !important; color: #4d4d4d !important; } .BMapLabel{ margin-top: 24px; padding: 4px !important; color: #fff !important; background-color: #0068b7 !important; border-radius: 4px !important; border-color:#0068b7 !important; display: none !important; } .BMap_stdMpCtrl{ display: none; } .anchorBL{ bottom: 0 !important; } /* 在线留言 */ .page_contact_form{ } .page_contact_form .form_top{ width: 100%; font-size: 18px; color: #333333; line-height: 2; text-align: center; padding-bottom: 48px; border-bottom: 1px dashed #d7d7d7; margin-bottom: 48px; } .page_contact_form .form_top span{ font-size: 24px; font-style: oblique; color: #004ea2; line-height: 1; } .page_contact_form form{ width: 50%; margin: 0 auto; } .page_contact_form form .form_list{ margin-bottom:10px; } .page_contact_form form .form_list .item{ margin-bottom: 12px; } .page_contact_form form .form_list input{ width:100%; height:44px; font-size:16px; color:#999999; line-height:44px; background:#fff; border:1px solid #999999; border-radius:6px; padding: 4px 10px; transition: all .3s; } .page_contact_form form .form_list input:hover, .page_contact_form form .form_list input:active{ border:1px solid #004ea2; } .page_contact_form form .form_list textarea{ width:100%; background:#fff; border:1px solid #999999; border-radius:6px; padding: 4px 10px; transition: all .3s; } .page_contact_form form .form_list textarea:hover, .page_contact_form form .form_list textarea:active{ border:1px solid #004ea2; } .page_contact_form form .form_list div.submit button{ width: 100%; height: 48px; font-size: 18px; color: #fff; line-height: 48px; text-align: center; background-color: #004ea2; border: 0; border-radius: 6px; } input::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; } input:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999; } textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #999999; } textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #999999; } textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #999999; } textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #999999; } /* 内页内容-end */ /* 内页-end */ /* footer */ .footer{ width: 100%; padding: 72px 3%; background-color: #092c51; } .footer>li{ float: left; } .footer_nav_box{ width: 46%; } .footer_nav_box dl{ float: left; width: 20%; border-right: 1px solid #6b8097; box-sizing: border-box; text-align: center; padding-bottom: 36px; } .footer_nav_box dl:first-child{ display: none; } .footer_nav_box dl:nth-child(2){ border-left: 1px solid #6b8097; } .footer_nav_box dl dt a{ font-size: 18px; line-height: 56px; color: #fff; } .footer_nav_box dl dd a{ font-size: 14px; line-height: 30px; color: #a5acb6; transition: all 0.3s; } .footer_nav_box dl dd a:hover{ color: #fff; } .footer_ewm_box{ width: 24%; } .footer_ewm_box .footer_ewm_img{ position: relative; width: 186px; height: 186px; border: 1px solid #224263; box-sizing: border-box; padding: 8px; margin: 0 auto; } .footer_ewm_box .footer_ewm_img img{ width: 100%; height: 100%; } .footer_ewm_box .footer_ewm_img .line{ position: absolute; background-color: #007bff; } .footer_ewm_box .footer_ewm_img .line_h{ width: 20px; height: 3px; } .footer_ewm_box .footer_ewm_img .line_01{ top: -2px; left: -2px; } .footer_ewm_box .footer_ewm_img .line_02{ top: -2px; right: -2px; } .footer_ewm_box .footer_ewm_img .line_03{ left: -2px; bottom: -2px; } .footer_ewm_box .footer_ewm_img .line_04{ right: -2px; bottom: -2px; } .footer_ewm_box .footer_ewm_img .line_s{ width: 3px; height: 20px; } .footer_ewm_box .footer_ewm_img .line_05{ top: -2px; left: -2px; } .footer_ewm_box .footer_ewm_img .line_06{ top: -2px; right: -2px; } .footer_ewm_box .footer_ewm_img .line_07{ left: -2px; bottom: -2px; } .footer_ewm_box .footer_ewm_img .line_08{ right: -2px; bottom: -2px; } .footer_ewm_box p{ width: 100%; font-size: 14px; line-height: 1; color: #dee0e3; text-align: center; margin-top: 12px; } .footer_contact_box{ width: 30%; } .footer_contact_box h1{ font-size: 20px; line-height: 1; color: #fff; padding-bottom: 12px; } .footer_contact_box h3{ font-size: 12px; color: rgba(255, 255, 255, 0.5); text-transform: uppercase; line-height: 2; letter-spacing: 2px; } .footer_contact_box p{ width: 100%; font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 2; border-top: 1px solid #3a5674; border-bottom: 1px solid #3a5674; padding: 12px 0; transition: all 0.3s; } .footer_contact_box p a{ font-size: 14px; color: rgba(255, 255, 255, 0.6); line-height: 2; } .footer_contact_box p:hover{ color: rgba(255, 255, 255, 0.8); } .footer_contact_box p a:hover{ color: rgba(255, 255, 255, 1); } /* footer-end */ /* copyright */ .copy_box{ width: 100%; padding: 24px 3%; background-color: #092c51; border-top: 1px solid #3a5f86; } .copy_box li{ font-size: 16px; color: #fff; line-height: 24px; } .copy_box li.left{ float: left; } .copy_box li.right{ float: right; } .copy_box li img{ float: left; height: 16px; width: auto; margin: 4px 6px 0 0; } .copy_box li a{ float: left; font-size: 16px; color: #fff; line-height: 24px; height: 24px; transition: all 0.3s; } .copy_box li a:last-child{ margin-left: 20px; } .copy_box li a:hover{ color: #ed6d00; } /* copyright-end */ /*悬浮链接*/ .suspension{ position:fixed; z-index:55; right:0; bottom:0; width:70px; height:240px; z-index: 999999; } .suspension-box{ position:relative; float:right; } .suspension .a{ display:block; width:44px; height:44px; background-color:#353535; margin-bottom:4px; cursor:pointer; outline:none; } .suspension .a.active, .suspension .a:hover{ background:#004ea2; } .suspension .a .i{ float:left; width:44px; height:44px; background-image:url(../images/side_icon.png); background-repeat:no-repeat; } .suspension .a-service-phone .i{ width:20px; height:20px; margin-top:12px; margin-left:12px; background-image:url(../images/suspension-bg.png); background-repeat:no-repeat; background-position:-27px 0; } .suspension .a-qrcode .i{ background-position:-44px 0; } .suspension .a-top .i{ background-image:url(../images/icon_totop.png); background-position:0 0; background-size: 44px 44px; } .suspension .a-top{ background:#D2D3D6; display:none; } .suspension .a-top:hover{ /* background:#c0c1c3; */ background:#004ea2; } .suspension .d{ display:none; width:223px; background:#fff; position:absolute; right:67px; min-height:90px; border:1px solid #E0E1E5; border-radius:3px; box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11); } .suspension .d .arrow{ position:absolute; width:8px; height:12px; background:url(../images/side_bg_arrow.png) no-repeat; right:-8px; top:31px; } .suspension .d-service-phone{ top:0; } .suspension .d-qrcode{ top:48px; } .suspension .d .inner-box{ padding:8px 22px 12px; } .suspension .d-service-item{ padding:14px 0; } .suspension .d-service .d-service-item{ border-bottom:none; } .suspension .d-service-item .circle{ width:44px; height:44px; border-radius:50%; overflow:hidden; background:#F1F1F3; display:block; float:left; } .suspension .d-service-item .text{ float:left; width:100%; line-height:22px; font-size:15px; } .suspension .d-service-item .text .number{ font-family:Arial,"Microsoft Yahei"; color:#004ea2 ; font-size: 24px; line-height: 48px; font-weight: bold; } .suspension .d-qrcode{ text-align:center; } .suspension .d-qrcode .inner-box{ padding:20px; } .suspension .d-qrcode .inner-box img{ width: 100%; } .suspension .d-qrcode p{ font-size:16px; color:#93959c; }