@charset "UTF-8"; @import url('owl.css'); /* !HTML5 elements ---------------------------------------------------------- */ header, footer, nav, section, aside, article { display: block; } /* !Reseting ---------------------------------------------------------- */ body { font-family: Arial, "Microsoft YaHei"; font-size: 14px; -webkit-text-size-adjust: none; line-height: 1.5; color: #000; letter-spacing: 0.1em; } body.fontS { font-size: 12px; } body.fontM { font-size: 14px; } body.fontL { font-size: 16px; } body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td { margin: 0; padding: 0; } input, textarea { margin: 0; font-size: 100%; } label { cursor: pointer; } table { border-collapse: collapse; border-spacing: 0; font-size: 100%; } fieldset, img { border: 0; } img { vertical-align: top; max-width: 100%; } address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; } ol, ul { list-style: none; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; } q:after, q:before { content: ''; } a, input { /* outline: none; */ } abbr, acronym { border: 0; } /* !Clearfix ---------------------------------------------------------- */ .clearfix { display: block; min-height: 1%; } .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } * html .clearfix { height: 1%;/*\*//*/ height: auto; overflow: hidden; /**/ } /* !Layout ---------------------------------------------------------- */ html { overflow-y: scroll; } body { } @media print { html, html body { *zoom: 0.65; } } /* !wrapper ---------------------------------------------------------- */ #wrapper { } /* !header ---------------------------------------------------------- */ .header, .header_art { width: 100%; position: fixed; top: 0; left: 0; z-index: 999; height: 70px; } /*宸︿晶logo*/ .header .left, .header_art .left { height: 70px; line-height: 70px; padding-left: 25px; } .header .left a img, .header_art .left a img { width: auto; height: 44px; vertical-align: middle; } .header .left .img3, .header_art .left .img3 { display: none; } .header .left .img2, .header_art .left .img2 { display: none; } /*鍙充晶*/ .header .nav, .header_art .nav { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; line-height: 70px; display: block; } .header .navbar_nav li, .header_art .navbar_nav li { float: left; position: relative; display: block; } .header .navbar_nav li:after, .header_art .navbar_nav li:after { content: ""; width: 0; height: 1px; background: #fff; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .header .navbar_nav li:hover:after, .header_art .navbar_nav li:hover:after { width: 100%; } .header .navbar_nav li a { text-decoration: none; height: 100%; padding: 0 25px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #fff; font-size: 14px; } .header .navbar_nav li:hover a { color: #fff; } .header_art .navbar_nav li a { text-decoration: none; height: 100%; padding: 0 25px; display: block; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; color: #666; font-size: 14px; } .header_art .navbar_nav li:hover a { color: #666; } .header .navbar_nav li.dropdown, .header_art .navbar_nav li.dropdown { display: inherit; position: relative; } .header .navbar_nav >li > a > i, .header_art .navbar_nav >li > a > i { margin-left: 10px; } .header .navbar_nav li.dropdown .dropdown_menu, .header_art .navbar_nav li.dropdown .dropdown_menu { display: none; position: absolute; top: 70px; width: 100%; background: #fff; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 120%; left: -10%; } .header .navbar_nav li.dropdown .dropdown_menu a, .header_art .navbar_nav li.dropdown .dropdown_menu a { font-size: 12px; color: #666; padding: 0 10px; line-height: 46px; text-align: center; background: #fff; /* margin-bottom: 2px;*/ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .header .navbar_nav li.dropdown:hover .dropdown_menu, .header_art .navbar_nav li.dropdown:hover .dropdown_menu { display: block; background: #f3f3f3; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .header .navbar_nav li.dropdown:hover .dropdown_menu a, .header_art .navbar_nav li.dropdown:hover .dropdown_menu a { color: #666; } .header .navbar_nav li.dropdown:hover .dropdown_menu a:hover, .header_art .navbar_nav li.dropdown:hover .dropdown_menu a:hover { color: #333; background: #f8f8f8; } /*鐧借壊鑳屾櫙鐨勫ご閮?/ .header.on, .header_art.on { background: #084a96;/* border-bottom: 1px solid #ccc;*/ } .header.on .left .img1, .header_art.on .left .img1 { display: none; } .header.on .left .img3, .header_art.on .left .img3 { display: none; } .header.on .left .img2, .header_art.on .left .img2 { display: inline-block; } .header.on .navbar_nav li a, .header_art.on .navbar_nav li a { color: #fff; } .header.on .navbar_nav li:hover a, .header_art.on .navbar_nav li:hover a { color: #fff; } #navToggle { display: none; } .m_nav { position: fixed; top: 0px; box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38); width: 100%; height: 100%; background: rgba(28, 35, 39, 1); transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%); } .m_nav.open { transform: translateX(0); } .m_nav .top { height: 60px; padding: 20px; box-sizing: border-box; } .m_nav .top .closed { width: 30px; height: 30px; vertical-align: middle; float: right; cursor: pointer; } .m_nav .logo { width: 100%; margin: 0 auto; } .m_nav .logo img { height: 50px; display: block; margin: 30px auto; } .m_nav .ul { margin-top: 30px; } .m_nav .ul li { padding: 0 40px; border-bottom: 1px solid #f5f5f5; transform: translateY(0); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; opacity: 0; } .m_nav.open .ul li { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } .m_nav .ul li:nth-child(1) { -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(2) { -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(3) { -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(4) { -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(5) { -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li:nth-child(6) { -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms; } .m_nav .ul li a { display: block; text-decoration: none; color: #fff; font-size: 20px; line-height: 3; width: 100%; position: relative; } .m_nav .ul li a i { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; } .m_nav .ul li .dropdown_menu { display: none; padding-bottom: 20px; } .m_nav .ul li.dropdown.active .dropdown_menu { display: block; } .m_nav .ul li .dropdown_menu a { display: block; height: 50px; line-height: 50px; padding: 0 40px; box-sizing: border-box; } .m_nav .ul li .dropdown_menu a:last-child { border: none; } .banner { width: 100%; position: relative; } .banner .image img { width: 100%; } .banner .swiper-slide { position: relative; } .banner .banner_title { left: 0; top: 50%; position: absolute; transform: translateY(-50%); z-index: 2; width: 100%; } .banner .banner_title .title { margin-bottom: 16px; line-height: 1; } .banner .banner_title .subtitle { color: #fff; font-size: 27px; line-height: 1.26; position: relative; padding-bottom: 30px; letter-spacing: 0.02em; font-weight: bold; } .banner .banner_title .subtitle:before { position: absolute; left: 0; bottom: 0; width: 64px; height: 6px; background: #fff; z-index: 2; content: ''; } .banner .banner_text { left: 0; bottom: 118px; position: absolute; z-index: 2; width: 100%; text-align: right; font-size: 18px; color: #fff; line-height: 1.44; letter-spacing: 0.02em; } @media screen and (max-width: 1150px) { .header .navbar_nav li a, .header_art .navbar_nav li a { padding: 0 15px; } } /** 瑙e喅灏忓垎杈ㄧ巼鎷ユ尋闂 2023-6-21 鐢?00鍗囬珮鍒?500 */ @media screen and (max-width: 1500px) { .header, .header_art { padding: 0; background: #084a96; border-bottom: 1px solid #fff; } /*宸︿晶logo*/ .header .left, .header_art .left { height: 70px; line-height: 70px; padding-left: 10px; float: left; } .header .left .img1, .header_art .left .img1 { display: none; } .header .left .img3, .header_art .left .img3 { display: inline-block; } .header .left a img, .header_art .left a img { width: auto; height: 33px; } .header #navToggle, .header_art #navToggle { height: 100%; padding: 33px 15px; display: inline-block; float: right; } .header #navToggle span, .header_art #navToggle span { position: relative; width: 25px; height: 2px; margin-top: 4px; } .header #navToggle span:before, .header #navToggle span:after, .header_art #navToggle span:before, .header_art #navToggle span:after { content: ''; position: relative; width: 100%; height: 2px; left: 0; } .header #navToggle span, .header #navToggle span:before, .header #navToggle span:after, .header_art #navToggle span, .header_art #navToggle span:before, .header_art #navToggle span:after { -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; display: block; background: #fff; } .header #navToggle span:before, .header_art #navToggle span:before { top: 8px; } .header #navToggle span:after, .header_art #navToggle span:after { bottom: 10px; } .header #navToggle.open span:before, .header_art #navToggle.open span:before { top: 10px; -webkit-transform: translateY(-11px) rotate(-45deg); -moz-transform: translateY(-11px) rotate(-45deg); -ms-transform: translateY(-11px) rotate(-45deg); -o-transform: translateY(-11px) rotate(-45deg); transform: translateY(-11px) rotate(-45deg); } .header #navToggle.open span:after, .header_art #navToggle.open span:after { bottom: 12px; -webkit-transform: translateY(10px) rotate(45deg); -moz-transform: translateY(10px) rotate(45deg); -ms-transform: translateY(10px) rotate(45deg); -o-transform: translateY(10px) rotate(45deg); transform: translateY(10px) rotate(45deg); } .header #navToggle.open span, .header_art #navToggle.open span { background: none; } .header #navToggle.open span:before, .header #navToggle.open span:after, .header_art #navToggle.open span:before, .header_art #navToggle.open span:after { background: #4f4f4f; } .header .nav, .header_art .nav { display: none; } .banner .image img { object-fit: cover; } } @media screen and (max-width: 767px) { .header, .header_art { height: 52px; } /*宸︿晶logo*/ .header .left, .header_art .left { height: 52px; line-height: 52px; padding-left: 10px; float: left; } .header .left .img1, .header_art .left .img1 { display: none; } .header .left .img3, .header_art .left .img3 { display: inline-block; } .header .left a img, .header_art .left a img { width: auto; height: 33px; } /*鍙充晶*/ .header .nav, .header_art .nav { display: none; } .banner .banner_title .title { margin-bottom: 10px; } .banner .banner_title .title img { height: 30px; } .banner .banner_title .subtitle { font-size: 18px; padding-bottom: 20px; } .banner .banner_title .subtitle:before { width: 48px; height: 4px; } .banner .banner_text { bottom: 88px; font-size: 12px; } .header #navToggle, .header_art #navToggle { padding: 23px 15px; } .m_nav .ul li a { font-size: 16px; } .m_nav .ul li { padding: 0 20px; } .banner { margin-top: 53px; } } /* !breadcrumb ---------------------------------------------------------- */ .breadcrumb { width: 100%; height: 100px; line-height: 100px; background: #f7f7f7; color: #084a96; font-size: 13px; } .breadcrumb_art { width: 100%; height: 50px; line-height: 50px; background: #f7f7f7; color: #084a96; font-size: 13px; } .breadcrumb span, .breadcrumb_art span { margin: 0 1em; color: #666; } .breadcrumb a, .breadcrumb_art a { color: #666; } .breadcrumb a:hover, .breadcrumb_art a:hover { color: #084a96; } @media screen and (max-width: 992px) { .breadcrumb { display: none; } } @media screen and (max-width: 767px) { .breadcrumb { display: none; } } /* !gNavi ---------------------------------------------------------- */ #gNavi { border-top: 1px solid #231815; border-bottom: 1px solid #231815; padding: 40px 0 13px; background: #fff; width: 100%; position: absolute; left: 0; bottom: 0; } #gNavi ul { max-width: 1104px; margin: 0 auto; overflow: hidden; } #gNavi li { padding: 0 21px; float: left; } #gNavi li a { padding-bottom: 7px; display: block; border-bottom: 1px solid transparent; margin-bottom: 10px; } #gNavi li a:hover, #gNavi li.selected a { border-bottom: 1px solid #231815; } .top #gNavi { position: absolute; left: 0; bottom: 0; width: 100%; background: url(../common/img/bg_gnavi.png); padding: 57px 0 27px; border: 0; } #gNavi.fixed { position: fixed; left: 0; top: 0; bottom: auto; z-index: 999; } @media screen and (max-width: 959px) { #gNavi { border-top: 1px solid #231815; border-bottom: 0; padding: 0; background: #fff; width: 100%; display: none; position: inherit; left: auto; top: auto; bottom: auto; } #gNavi ul { max-width: 1104px; margin: 0 auto; overflow: hidden; } #gNavi li { padding: 0; float: none; border-bottom: 1px solid #231815; text-align: center; } #gNavi li a { padding-bottom: 2px; padding-top: 11px; display: block; border-bottom: 0; margin-bottom: 0; } #gNavi li a:hover, #gNavi li.selected a { border-bottom: 0; } .top #gNavi { position: inherit; left: auto; bottom: auto; width: 100%; background: #fff; padding: 0; border-top: 1px solid #231815; } #gNavi.fixed { position: inherit; left: auto; top: auto; bottom: auto; } } /* !mainimg ---------------------------------------------------------- */ #mainimg img { width: 100%; } /* !contents ---------------------------------------------------------- */ .contents { background: #fff; padding: 0 0 60px; } .contents_art { padding: 75px 0 100px; line-height: 2em; color: #666666; } .contents .mcustomize { background-color: #f8f8f8 } .contents .module { position: relative; overflow: hidden; } .container_content { position: relative; } .sidebar { position: relative; } .sidebar_tit { background: url("../images/bg_art_sider_menu.png") left top no-repeat; height: 90px; margin-top: -130px; color: #FFFFFF; padding: 40px 40px 0; font-size: 20px; font-weight: bold; } .sidebar_tit span { font-weight: normal; font-size: 12px !important; display: block; } /*渚ц彍鍗?/ .sideMenu { border: 1px solid #ddd; border-top: none; border-bottom: none; overflow: hidden; } .sideMenu p { /*height: 74px;*/ /*line-height: 74px;*/ font-size: 16px; border-bottom: 1px solid #eaeaea; cursor: pointer; color: #666666; } .sideMenu p.on { display: none; } .sideMenu p em { float: right; display: block; width: 40px; height: 32px; cursor: pointer; color: #666666; } .sideMenu a { display: block; color: #666666; /*width: 100%;*/ padding: 20px 10px; } .sideMenu a span { padding-left: 0; /*text-overflow: ellipsis;*/ /*white-space: nowrap;*/ /*overflow: hidden;*/ } .sideMenu ul { color: #999; display: none; /* 榛樿閮介殣钘 */ } .sideMenu li { height: 74px; line-height: 74px; font-size: 16px; border-bottom: 1px solid #eaeaea; } .sideMenu li a { display: block; color: #999999; padding-left: 4em; } .sideMenu p a:hover, .sideMenu a.on, .sideMenu li a.on { display: block; color: #fff; background: #ec7632; } /*渚ц彍鍗?/ @media screen and (max-width: 992px) { .sidebar { display: none; } .contents_art { padding: 30px 10px; line-height: 2em; color: #666666; } /* .contents_art p { width: 100%; } */ } @media screen and (max-width: 767px) { .sidebar { display: none; } .contents_art { padding: 30px 10px; line-height: 2em; color: #666666; } /* .contents_art p { width: 100%; } */ } /* !footer ---------------------------------------------------------- */ .footer { background: #fff; } .footer .container { padding: 46px 0 60px; } .footer .footer_leftnav, .footer .footer_leftnav_en { /*float: left;*/ width: 100%; display: flex; justify-content: flex-start; } .footer .footer_leftnav > ul, .footer .footer_leftnav_en > ul { display: flex; } .footer .footer_leftnav > ul > li, .footer .footer_leftnav_en > ul > li { flex: 1; margin-right: 1em; width: 11em; } .footer .footer_leftnav > ul > li > ul > li, .footer .footer_leftnav_en > ul > li > ul > li { margin-bottom: 0.8em; } .footer_rightnav { float: right; width: 20%; } .footer_friendlink { /*float: left;*/ /*width: 41%;*/ } .footer_contactus { float: right; width: 57.14%; font-size: 13px; color: #999; line-height: 22px; } .footer .title { font-size: 14px; font-weight: bold; line-height: 2; margin-right: 1em; color: #666666; letter-spacing: 0.06em; } .footer .subtitle a { font-size: 13px; font-weight: bold; /*line-height: 2.3;*/ color: #999; letter-spacing: 0.06em; margin-bottom: 0.5em; display: block; } .footer a { font-size: 13px; /*line-height: 2.3;*/ color: #999; } .footer a:hover { text-decoration: underline; } .footer_tel a { font-size: 28px; line-height: 1.5em; font-family: "Arial"; color: #084a96; pointer-events: none; letter-spacing: -0.02em; } .footer_sns { margin-top: 15px; } .footer_sns li { display: inline-block; position: relative; margin-right: 25px; } .footer_sns li a { width: 32px; height: 32px; display: block; /* font-size: 16px; background: rgba(0,0,0,.45); text-align: center; border-radius: 15px; */ text-decoration: none; } .footer_sns li a.weibo { background: url("../images/icon_weibo.png") top center no-repeat; } .footer_sns li a.weibo:hover { background: url("../images/icon_weibo_on.png") top center no-repeat; } .footer_sns li a.weixin { background: url("../images/icon_weixin.png") top center no-repeat; } .footer_sns li a.weixin:hover { background: url("../images/icon_weixin_on.png") top center no-repeat; } .footer_sns li a.souhu { background: url("../images/icon_souhu.png") top center no-repeat; } .footer_sns li a.souhu:hover { background: url("../images/icon_souhu_on.png") top center no-repeat; } .footer_sns li a:hover { /* background-color: #084a96;*/ text-decoration: none; } .footer_sns li a i { font-size: 16px; color: #fff; display: block; line-height: 30px; } .footer_sns li .qrcode { position: absolute; left: -10px; top: 50px; z-index: 999; background: #eee; padding: 6px; border-radius: 3px; display: none; width: 95px; } .footer_sns li .qrcode:after { content: ""; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #eee; position: absolute; top: -20px; left: 20px; } .footer_sns li .qrcode img { width: 95px; height: 95px; } .copyright { text-align: center; line-height: 22px; color: #999; padding-bottom: 18px; letter-spacing: 0.1em; font-size: 12px; } .copyright p { display: inline-block; margin: 0 10px; } .copyright a { color: #999; font-size: 12px; } @media screen and (max-width: 992px) { .footer .footer_leftnav, .footer .footer_rightnav { float: none; width: auto; } .footer .footer_leftnav { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .footer_friendlink, .footer_contactus { float: none; width: auto; } .footer .footer_leftnav { margin-bottom: 0; } .footer .footer_leftnav_en, .footer .footer_rightnav_en { float: none; width: 100%; } .footer .container { padding: 40px 0; } .footer .footer_leftnav > ul, .footer .footer_leftnav_en > ul { display: block; overflow: hidden; } .footer .footer_leftnav > ul > li { float: left; /*width: 33.33%;*/ min-width: 50%; margin-bottom: 20px; margin-right: 0; } .footer .footer_leftnav_en > ul > li { float: left; /*width: 33.33%;*/ min-width: 50%; margin-bottom: 20px; } .footer .title { margin-bottom: 0; } .footer_friendlink ul { /* display: flex;*/ } .footer_friendlink ul li { /*text-align: center;*/ min-width: 50%; float: left; /* margin-right: 25px;*/ } .footer_contactus { margin-top: 20px; text-align: center; } .footer_contactus .title { text-align: left; } .footer_tel a { pointer-events: inherit; } .footer_sns { margin-top: 15px; } .footer_sns li { display: inline-block; margin: 0 12px; } .copyright p { display: block; margin: 0; } } /* !pageTop ---------------------------------------------------------- */ .pageTop { position: fixed; right: 54px; bottom: 54px; z-index: 9999; display: none; } @media screen and (max-width: 479px) { .pageTop { bottom: 15%; right: 5%; } .pageTop img { width: 41px; } } /* !page ---------------------------------------------------------- */ #pages { height: 24px; padding: 20px 0 60px } #pages span { float: left; margin: 0 10px; line-height: 28px } #pages a { width: 26px; height: 26px; display: block; line-height: 24px; text-align: center; font-family: Arial; float: left; margin-right: 5px; transition: all .2s ease-out; text-decoration: none } #pages a:after { display: block; content: ""; width: 0; height: 1px; margin: 2px auto } #pages a.active:after, #pages a:hover:after { width: 10px } /* !h(n)eading ---------------------------------------------------------- */ .h1Basic { margin: 0 0 10px; padding: 0; } /* @media screen and (max-width: 767px) { .h1Basic { display: none; } } */ .h1Basic h1 { font-size: 30px; color: #333333; } .h1Basic h1 a { color: #333333; } .h2Basic { } .h3Basic { } .h4Basic { } .h5Basic { } .h6Basic { } @media screen and (min-width: 480px) { } @media screen and (min-width: 768px) { } @media screen and (min-width: 960px) { } @media screen and (max-width: 959px) { } @media screen and (max-width: 767px) { } @media screen and (max-width: 479px) { } .bx-controls-direction { position: absolute; bottom: 50%; height: 80px; /* border-top: 1px solid rgba(255,255,255,.08);*/ width: 100%; z-index: 999; color: #fff; } @media screen and (max-width: 992px) { .bx-controls-direction { bottom: 30%; } } @media screen and (max-width: 767px) { .bx-controls-direction { display: none; } } .inner { max-width: 1480px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } /* 鍏充簬鎴戜滑 */ .top_about .module_container { padding: 260px 0; } .container_content .contentbody { width: 33.33%; min-height: 480px; height: 100%; box-sizing: border-box; padding-bottom: 50px; position: relative; } .container_content .contentbody .title_box { position: relative; margin-bottom: 66px; padding: 11px 0 23px; } .container_content .contentbody .title_box:before { position: absolute; width: 58px; height: 3px; background: #084a96; content: ''; left: 0; bottom: 0; z-index: 2; } .container_content .contentbody .title_box .title { font-size: 32px; line-height: 1.3125; color: #084a96; letter-spacing: 0.06em; } .container_content .contentbody .title_box .subtitle { font-size: 14px; line-height: 1.5; color: #084a96; letter-spacing: 0.04em; } .container_content .contentbody .description { font-size: 14px; line-height: 2; color: #333333; letter-spacing: 0.1em; height: 320px; } .more .fa { font-family: icomoon !important; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .container_content .contentbody .description .more { position: absolute; bottom: 0; left: 0; z-index: 2; } .more .fa-angle-right { overflow: hidden; } .more .fa-angle-right:before { content: "\e905"; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position: relative; font-size: 30px; line-height: 1.66; color: #bbbbbb; top: 0 } .more:hover .fa-angle-right:before { top: -50px } .more .fa-angle-right:after { content: "\e905"; color: #fff; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position: relative; font-size: 30px; line-height: 1.66; color: #333; top: 50px; left: -30px } .more:hover .fa-angle-right:after { top: 0 } .container_content .mediabody { position: absolute; right: 20px; top: 0; z-index: 2; width: 60%; height: 100%; background: url("../images/img_top_about.jpg") center center no-repeat; background-size: cover; } .container_content .mediabody .mediaimage { position: absolute; right: 0; top: -46px; z-index: 2; } .container_content .mediabody .medialink { background: #084a96; width: 100%; max-width: 314px; height: 160px; border-radius: 0 30px 0 0; padding: 30px; box-sizing: border-box; position: absolute; bottom: 70px; right: -40px; } .container_content .mediabody .medialink:before { width: 20px; height: 82px; position: absolute; left: -5px; bottom: -6px; z-index: 2; content: ''; background: url("../images/bg_vision.png") center center no-repeat; background-size: 100% 100%; } .container_content .mediabody .medialink .title { font-size: 13px; line-height: 1.5; color: #fff; font-weight: bold; } .container_content .mediabody .medialink .subtitle { font-size: 18px; line-height: 1.5; color: #fff; } .container_content .mediabody .medialink .fa-angle-right { position: absolute; right: 0; bottom: 0; } .container_content .mediabody .medialink .fa-angle-right:before, .container_content .mediabody .medialink .fa-angle-right:after { color: #fff; } @media screen and (max-width: 992px) { .top_about .module_container { padding: 50px 0; } .container_content .contentbody { width: auto; min-height: 0; height: auto; box-sizing: border-box; position: relative; } .container_content .contentbody .title_box { margin-bottom: 33px; } .more .fa-angle-right { width: 30px; } .more:hover .fa-angle-right:before { top: 0 } .more .fa-angle-right:after { display: none; } .more:hover .fa-angle-right:after { display: none; } .container_content .mediabody { position: relative; width: auto; height: 52.9vw; margin-top: 40px; right: 0; } .container_content .mediabody .mediaimage { top: -40px; } .container_content .mediabody .mediaimage img { height: 20px; } .container_content .mediabody .medialink { right: -20px; } .container_content .mediabody .medialink .fa-angle-right { right: 20px; width: 30px; } } @media screen and (max-width: 767px) { .container_content .mediabody .medialink { width: 155px; max-width: none; height: 80px; border-radius: 0 15px 0 0; padding: 15px; bottom: 30px; } .container_content .mediabody .medialink:before { width: 10px; height: 41px; left: -2px; bottom: -3px; } .container_content .mediabody .medialink .title { font-size: 12px; } .container_content .mediabody .medialink .subtitle { font-size: 14px; } .container_content .mediabody .medialink .fa-angle-right { right: 10px; } .container_content .mediabody .medialink .fa-angle-right:before, .container_content .mediabody .medialink .fa-angle-right:after { line-height: 30px; } } /* 鍏充簬鎴戜滑 */ /* 鏂伴椈*/ .module.top_news { position: relative; background: #ffffff; } .module.news:before { position: absolute; left: 0; top: 0; width: 43.75%; height: 100%; z-index: 1; content: ''; background: #ffffff; } .top_news .module_container { position: relative; z-index: 2; background-color: #ffffff; overflow: hidden; } .top_news .content_wrapper { position: relative; } .top_news .title_box { text-align: left; margin-bottom: 50px; } .top_news .title_box .title { font-size: 30px; line-height: 1.73; color: #084a96; letter-spacing: 0.06em; } .top_news .title_box .title a { color: #084a96; } .top_news .content_list { border-bottom: 1px dashed #e5e5e5 } .top_news .content_list .item_block { position: relative; padding: 42px 20px 42px 38px; border-top: 1px dashed #d4d4d4; } .top_news .content_list .item_block:hover { box-shadow: 0 0 40px rgba(0,0,0,.08) } .top_news .content_list .item_block:hover .item_wrapper .item_info .title { color: #084a96; -webkit-transform: translateX(-17px); -ms-transform: translateX(-17px); transform: translateX(-17px) } .top_news .content_list .item_block:hover .item_wrapper .item_des { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px) } .top_news .content_list .item_block:hover .details:before { left: 30px; opacity: 0 } .top_news .content_list .item_block:hover .details:after { left: 15px; opacity: 1 } .top_news .content_list .item_block .item_wrapper .item_info { width: 83.33%; } .top_news .content_list .item_block .item_wrapper .item_info .title { color: inherit; font-size: 15px; line-height: 30px; padding-left: 25px; -webkit-transform: translateX(-27px); -ms-transform: translateX(-27px); transform: translateX(-27px); transition: all .36s ease } .top_news .content_list .item_block .item_wrapper .item_info .title:before { content: "\f111"; font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; left: 0; -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); line-height: inherit } .top_news .content_list .item_block .item_wrapper .item_des { transition: all .36s ease } .top_news .content_list .item_block .item_wrapper .date_wrap { float: right } .top_news .content_list .item_block .item_wrapper .date_wrap .md { font-size: 22px } .top_news .content_list .item_block .item_img { display: none } .top_news .content_list .item_block .details { position: absolute; right: 26px; bottom: 44px; width: 40px; height: 16px; color: transparent; border-left: 1px solid #e5e5e5; overflow: hidden } @media screen and (max-width: 992px) { .top_news .content_list .item_block .details { right: 10px; } } @media screen and (max-width: 767px) { .top_news .content_list .item_block .details { right: 0; } } .top_news .content_list .item_block .details:after, .top_news .content_list .item_block .details:before { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all .36s ease; content: "\e90f"; color: #999; position: absolute; top: 50%; font-size: 26px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .top_news .content_list .item_block .details:before { left: 15px } .top_news .content_list .item_block .details:after { left: -30px; opacity: 0 } .top_news .content_list .item_block .item_wrapper { color: #999; transition: color .36s ease } .top_news .content_list .item_block .item_wrapper .item_info .title { color: #333; font-size: 18px; line-height: 30px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .top_news .content_list .item_block .item_wrapper .item_des { margin-top: 11px } .top_news .content_list .item_block .item_wrapper .item_des .description { font-size: 13px; line-height: 24px; height: 52px; width: 77%; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .top_news .content_list .item_block .item_wrapper .date_wrap { color: inherit; } .top_news .content_list .item_block .item_wrapper .date_wrap .year { display: none; font-family: inherit } .top_news .content_list .item_block .item_wrapper .date_wrap .md { color: inherit; font-size: 20px; line-height: 30px; font-family: inherit } @media screen and (max-width: 767px) { .top_news .content_list .item_block .item_wrapper .date_wrap .md { font-size: 16px; } } .top_news .content_list .item_tags { display: none } .top_news .content_list .item_block:hover { box-shadow: 0 10px 30px rgba(0,0,0,.08) } .top_news .news_left { padding: 110px 0 120px; float: left; width: 45%; } .top_news .news_right { padding: 110px 0 120px; float: right; width: 50%; } .top_news .news_mediabox { position: relative; } .top_news .news_mediaitem { background: #ececec; } .top_news .news_mediaitem .image img { width: 100%; height: 365px; } @media screen and (max-width: 767px) { .top_news .news_mediaitem .image img { height: 200px; } } .top_news .news_mediaitem .title { font-size: 18px; letter-spacing: 0.06em; line-height: 1.66; color: #084a96; padding: 30px; height: 130px; box-sizing: border-box; } .top_news .news_mediaitem .title a { color: #084a96; } .top_news .news_mediaslider .slick-dots { position: absolute; left: 30px; bottom: 10px; z-index: 2; } .top_news .news_mediaslider .slick-dots button { display: none; } .top_news .news_mediaslider .slick-dots li { display: inline-block; margin-right: 8px; width: 8px; height: 8px; box-sizing: border-box; border: 2px solid #ececec; background: #c7d2de; border-radius: 100%; } .top_news .news_mediaslider .slick-dots li.slick-active { border: 2px solid #084a96; background: #084a96; } .top_news .news_mediapager { position: absolute; right: 30px; bottom: 10px; font-size: 14px; letter-spacing: 0.02em; line-height: 1.5; color: #a5a6a6; z-index: 2; } .news_medialist { background: #f3f3f3; padding: 16px 30px 20px; } .news_medialist li + li { border-top: 1px dashed #e0e0e0; display: block; } .news_medialist li a { font-size: 16px; line-height: 3.714; padding: 0 20px; position: relative; color: #333333; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: 0.06em; height: 59px; } .news_medialist li a:before { content: "\f111"; font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; left: 0; -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); line-height: inherit; } .news_medialist li a:hover, .news_medialist li a:hover:before { color: #084a96; } @media screen and (max-width: 992px) { .module.top_news { padding: 50px 0; } .module.news:before { display: none; } .top_news .title_box { text-align: left; margin-bottom: 30px; } .top_news .content_list .item_block { position: relative; padding: 13px 0 13px 22px; border-top: 1px dashed #e5e5e5 } .top_news .content_list .item_block:hover { box-shadow: 0 0 0 rgba(0,0,0,0) } .top_news .content_list .item_block:hover .item_wrapper .item_info .title { color: #999; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .top_news .content_list .item_block:hover .item_wrapper .item_des { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0) } .top_news .content_list .item_block:hover .details:before { left: 15; } .top_news .content_list .item_block:hover .details:after { display: none; } .top_news .content_list .item_block .details:after { display: none; } .top_news .content_list .item_block:hover { box-shadow: 0 0 0 rgba(0,0,0,0) } .top_news .news_left { float: none; width: auto; margin-bottom: 50px; padding: 0; } .top_news .news_right { float: none; width: auto; padding: 0; } } /* 鏂伴椈*/ /* KV */ .swiper-button-next { border: 1px solid rgba(255, 255, 255, .3) } .swiper-button-next:hover { border: 1px solid rgba(255, 255, 255, .5) } .swiper-button-prev { border: 1px solid rgba(255, 255, 255, .3) } .swiper-button-prev:hover { border: 1px solid rgba(255, 255, 255, .5) } .swiper-button-next:before, .swiper-button-prev:before, .swiper-button-next:after, .swiper-button-prev:after { width: 100%; height: 100%; position: absolute; top: 0; z-index: 2; display: flex; align-items: center; justify-content: center; } .swiper-button-next:before, .swiper-button-next:after { left: 0; } .swiper-button-prev:before, .swiper-button-prev:after { right: 0; } .swiper-button-next:before, .swiper-button-prev:before { font-family: icomoon!important; font-size: var(--swiper-navigation-size); text-transform: none!important; letter-spacing: 0; text-transform: none; font-variant: initial; line-height: 1; } .swiper-button-next:before { webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); left: 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; opacity: 0; top: 0; content: "\e909"; } .swiper-button-next:hover:before { color: #fff; left: 0; opacity: 1 } .swiper-button-next:after { webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); left: 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; opacity: 1; top: 0; content: "\e909"; } .swiper-button-next:hover:after { color: #fff; left: 40px; opacity: 0 } .swiper-button-prev:before { webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); right: 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; opacity: 0; top: 0; content: "\e908"; } .swiper-button-prev:hover:before { color: #fff; right: 0; opacity: 1 } .swiper-button-prev:after { webkit-transform: translate(0, 0) rotate(0); transform: translate(0, 0) rotate(0); right: 0; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; opacity: 1; top: 0; content: "\e908"; } .swiper-button-prev:hover:after { color: #fff; right: 40px; opacity: 0 } /* KV */ /* 瀹d紶鐗 */ .module.top_moive { display: block; } .module.top_moive_sp { display: none; } .module.top_moive .container_content { padding-bottom: 180px; } .module.top_moive .moivebody { overflow: hidden; width: 100%; position: relative; } .module.top_moive .moivebody img { width: 100%; transition: all 0.36s ease; display: inline; } .module.top_moive .moivebody a:hover img { transform: scale(1.08) translate3d(0, 0, 0); } .module.top_moive .moivebody .item_mask { transition: 0.36s ease; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: transparent; transition: 0.36s ease; } .module.top_moive .moivebody a:hover .item_mask { background-color: rgba(0, 0, 0, 0.4); } .module.top_moive .moivebody .item_mask:after { transition: 0.36s ease; content: ""; width: 84px; height: 84px; background: #084a96; position: absolute; top: 50%; left: 50%; margin: -42px; color: #fff; border-radius: 50%; transform: translate3d(0, 84px, 0); opacity: 0; z-index: 2; } .module.top_moive .moivebody a:hover .item_mask:after { transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive .moivebody .item_mask:before { transition: 0.36s ease; content: ""; width: 84px; height: 84px; background: url("../images/btn_play01.png") center center no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; margin: -42px; color: #fff; border-radius: 50%; transform: translate3d(0, -84px, 0); opacity: 0; z-index: 3 } .module.top_moive .moivebody a:hover .item_mask:before { transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive .moivepager { position: absolute; width: 100%; left: 0; bottom: 0; z-index: 4; display: flex; } .module.top_moive .moivepager li { flex: 1; height: 180px; position: relative; box-sizing: border-box; } .module.top_moive .moivepager li + li { border-left: 1px solid #074081; } .module.top_moive .moivepager .moiveitem { background: #084a96; /* cursor: pointer;*/ color: #fff; position: absolute; width: 100%; height: 100%; z-index: 2; left: 0; bottom: 0; box-sizing: border-box; transition: 0.36s ease; } .module.top_moive .moivepager .moiveitem a { padding: 30px 30px 0; display: block; color: #FFFFFF; } @media screen and (max-width: 992px) { .module.top_moive .moivepager .moiveitem a { padding: 20px 20px 0; } } .module.top_moive .moivepager .moiveitem.active, .module.top_moive .moivepager .moiveitem.active a { background: #fff; box-shadow: 0 0 24px rgba(45,45,45,0.1); color: #666; height: calc(100% + 58px); border-radius: 0 30px 0 0; } .module.top_moive .moivepager .moiveitem:before { position: absolute; width: 49px; height: 49px; background: url("../images/btn_play02.png") center center no-repeat; background-size: 100%; right: 28px; bottom: 23px; z-index: 2; content: ''; } .module.top_moive .moivepager .moiveitem.active:before { background: url("../images/btn_play03.png") center center no-repeat; background-size: 100%; } .module.top_moive .moivepager .moiveitem .title { font-size: 20px; height: 1.5; font-weight: bold; margin-bottom: 10px; } .module.top_moive .moivepager .moiveitem.active .title { color: #084a96; } .module.top_moive .moivepager .moiveitem .subtitle { font-size: 12px; height: 1.5; } .module.top_moive .moivepager .moiveitem .description { font-size: 13px; height: 1.76; margin-top: 10px; opacity: 0; transition: 0.36s ease; } .module.top_moive .moivepager .moiveitem.active .description { opacity: 1; } @media screen and (max-width: 992px) { .module.top_moive .moivebody a:hover img { transform: scale(1) translate3d(0, 0, 0); } .module.top_moive .moivebody .item_mask { background-color: rgba(0, 0, 0, 0.4); } .module.top_moive .moivebody .item_mask:after { width: 11.2vw; height: 11.2vw; top: 50%; left: 50%; margin: -5.6vw; transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive .moivebody .item_mask:before { width: 11.2vw; height: 11.2vw; margin: -5.6vw; transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive .moivepager .moiveitem { padding: 10px 10px 0; } .module.top_moive .moivepager .moiveitem .description { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .module.top_moive .moivepager .moiveitem:before { right: 15px; bottom: 15px; } } @media screen and (max-width: 767px) { .module.top_moive .container_content { padding-bottom: 0; } .module.top_moive .moivepager { display: block; overflow: hidden; position: relative; } .module.top_moive .moivepager li { float: left; width: 50%; height: 100px; position: relative; box-sizing: border-box; border-top: 1px solid #074081; } .module.top_moive .moivepager li + li { border-left: 0; } .module.top_moive .moivepager li:nth-child(2n) { border-left: 1px solid #074081; } .module.top_moive .moivepager li:nth-child(1), .module.top_moive .moivepager li:nth-child(2) { border-top: 0; } .module.top_moive .moivepager .moiveitem { padding: 10px 10px 0; } .module.top_moive .moivepager .moiveitem.active { background: #fff; box-shadow: 0 0 24px rgba(45,45,45,0.1); color: #666; height: 100%; border-radius: 0; } .module.top_moive .moivepager .moiveitem:before { width: 25px; height: 25px; right: 10px; bottom: 10px; } } /* 瀹d紶鐗 */ /* 鏁欒偛鏈嶅姟 */ .top_service { display: block; } .top_service_sp { display: none; } .module.top_service { padding: 160px 0; background-image: url("../images/bg_top_service.png"); background-position: initial; background-size: contain; background-repeat: no-repeat; background-color: #f8f8f8; background-attachment: fixed; } .module.top_service .container_content { overflow: hidden; } .module.top_service .title_box { margin-bottom: 60px; } .module.top_service .title_box .title { text-align: center; font-size: 30px; line-height: 1.73; color: #084a96; } .swiper-service { display: block; } .swiper-service-sp { display: none; } .swiper-service .swiper-wrapper { width: 100%; height: 560px; position: relative; align-items: center } .swiper-service .swiper-wrapper .swiper-slide { width: 30%; height: 406px; box-shadow: 0 0 24px rgba(45,45,45,0.1); background-color: #fff; border-radius: 4px; margin: 0 23px 0; cursor: pointer; transition: height .5s; -moz-transition: height .5s; -webkit-transition: height .5s; -o-transition: height .5s } @media screen and (max-width: 992px) { .swiper-service .swiper-wrapper .swiper-slide { margin: 0 10px 0; } } .swiper-service .swiper-wrapper .swiper-slide .content { overflow: hidden; } .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active { height: 558px; border-radius: 0 30px 0 0; } .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active .content { border-radius: 0 30px 0 0; } .swiper-service .swiper-wrapper .swiper-slide .info { padding: 40px 0 60px; text-align: center } .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active .info { padding-top: 52px; } .swiper-service .swiper-wrapper .swiper-slide .title { font-size: 20px; line-height: 1.8; letter-spacing: 0.06em; color: #333; font-weight: bold; } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active .title { color: #084a96; } .swiper-service .swiper-wrapper .swiper-slide .subtitle { font-size: 11px; letter-spacing: 0.01em; line-height: 1.8; color: #999; } .swiper-service .swiper-wrapper .swiper-slide .description { display: none; font-size: 14px; line-height: 1.92; ; letter-spacing: 0.06em; color: #666; margin-top: 24px; padding: 0 68px; } .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active .description { display: block } .swiper-service .swiper-wrapper .swiper-slide .bottom { position: absolute; bottom: 40px; width: 100%; height: 40px; text-align: center; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s } .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active .bottom { background: #084a96; bottom: 0; } .swiper-service .swiper-wrapper .swiper-slide .bottom .fa-angle-right { width: 30px; color: #666; } .swiper-service .swiper-wrapper .swiper-slide .bottom .fa-angle-right:after, .swiper-service .swiper-wrapper .swiper-slide .bottom .fa-angle-right:before { color: #666; line-height: 40px; } .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active .bottom .fa-angle-right:after, .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active .bottom .fa-angle-right:before { color: #fff; } /* @media screen and (min-width: 992px) and (max-width: 1440px) { .swiper-service .swiper-wrapper .swiper-slide { width: 370px; height: 370px; } .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active { height: 500px; } } */ @media screen and (max-width: 992px) { .module.top_service { padding: 50px 0; background-image: url("../images/bg_top_service.png"); background-position: center center; background-size: 100%; background-repeat: no-repeat; background-color: #f8f8f8; background-attachment: scroll; } } @media screen and (max-width: 767px) { .top_service { display: none; } .top_service_sp { display: block; padding: 50px 0; } .module.top_service_sp .title_box { margin-bottom: 30px; } .module.top_service_sp .title_box .title { text-align: center; font-size: 30px; line-height: 1.73; color: #084a96; } .swiper-service { display: none; } .swiper-service-sp { display: block; } .swiper-service .swiper-wrapper .swiper-slide { height: 558px; } .swiper-service-sp .swiper-wrapper .swiper-slide { margin: 0 10px 0; } } .swiper-service-sp .swiper-wrapper .swiper-slide .content { overflow: hidden; } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active { height: 558px; border-radius: 0 30px 0 0; box-shadow: 0 0 24px rgba(45,45,45,0.1); } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active .content { border-radius: 0 30px 0 0; } .swiper-service-sp .swiper-wrapper .swiper-slide .info { padding: 40px 0 60px; text-align: center } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active .info { padding-top: 52px; } .swiper-service-sp .swiper-wrapper .swiper-slide .title { font-size: 20px; line-height: 1.8; letter-spacing: 0.06em; color: #333; font-weight: bold; } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active .title { color: #084a96; } .swiper-service-sp .swiper-wrapper .swiper-slide .subtitle { font-size: 11px; letter-spacing: 0.01em; line-height: 1.8; color: #999; } .swiper-service-sp .swiper-wrapper .swiper-slide .description { display: none; font-size: 14px; line-height: 1.92; ; letter-spacing: 0.06em; color: #666; margin-top: 24px; padding: 0 68px; } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active .description { display: block } .swiper-service-sp .swiper-wrapper .swiper-slide .bottom { position: absolute; bottom: 40px; width: 100%; height: 40px; text-align: center; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active .bottom { background: #084a96; bottom: 0; } .swiper-service-sp .swiper-wrapper .swiper-slide .bottom .fa-angle-right { width: 30px; color: #666; } .swiper-service-sp .swiper-wrapper .swiper-slide .bottom .fa-angle-right:after, .swiper-service .swiper-wrapper .swiper-slide .bottom .fa-angle-right:before { color: #666; line-height: 40px; } .swiper-service-sp .swiper-wrapper .swiper-slide.swiper-slide-active .bottom .fa-angle-right:after, .swiper-service .swiper-wrapper .swiper-slide.swiper-slide-active .bottom .fa-angle-right:before { color: #fff; } } /* 鏁欒偛鏈嶅姟 */ /* 瀛︽牎 */ .module.top_school { display: block; } .module.top_school_sp { display: none; } .module.top_school .schoolbody { overflow: hidden; width: 100%; height: 1000px; position: relative; background-position: center center; background-repeat: no-repeat; background-size: cover; } .module.top_school .schoolbody#school01 { background-image: url("../images/bg_top_school01.jpg") } .module.top_school .schoolbody#school02 { background-image: url("../images/bg_top_school02.jpg") } .module.top_school .schoolbody#school03 { background-image: url("../images/bg_top_school03.jpg") } .module.top_school .schoolbody#school04 { background-image: url("../images/bg_top_school04.jpg") } .module.top_school .schoolinfo { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%; } .module.top_school .schoolinner { max-width: 630px; width: 100%; padding-left: 20px; box-sizing: border-box; } .module.top_school .schoolbody .title { font-size: 49px; font-weight: bold; line-height: 1.57; color: #084a96; margin-bottom: 30px; letter-spacing: 0.06em; } .module.top_school .schoolbody .description { font-size: 14px; line-height: 2.4; color: #333; letter-spacing: 0.06em; } .module.top_school .schoolbody .more { margin-top: 30px; } .module.top_school .schoolbody .more .fa-angle-right:before, .module.top_school .schoolbody .more .fa-angle-right:after { color: #084a96; line-height: 40px; } .module.top_school .schoolpager { position: absolute; width: 100%; left: 0; bottom: 20px; z-index: 4; } .module.top_school .schoolpager ul { display: flex; } .module.top_school .schoolpager li { flex: 1; height: 118px; position: relative; box-sizing: border-box; } .module.top_school .schoolpager li + li { border-left: 1px solid #cfd5d9; } .module.top_school .schoolpager .schoolitem { background: rgba(255,255,255,0.8); cursor: pointer; color: #666; position: absolute; width: 100%; height: 100%; z-index: 2; left: 0; bottom: 0; box-sizing: border-box; padding: 23px 38px 0; transition: 0.36s ease; overflow: hidden; } .module.top_school .schoolpager .schoolitem.active { background: #fff; box-shadow: 0 0 24px rgba(45,45,45,0.1); color: #666; height: calc(100% + 20px); border-radius: 0 30px 0 0; } .module.top_school .schoolpager .schoolitem:before { position: absolute; top: 10px; z-index: 2; content: ''; } .module.top_school .schoolpager .schoolitem.active:before { top: 15px; } .module.top_school .schoolpager .schoolitem.schoollogo01:before { background: url("../images/logo_dl.png") center center no-repeat; background-size: 100%; width: 161px; height: 154px; right: -17px; } .module.top_school .schoolpager .schoolitem.schoollogo02:before { background: url("../images/logo_cd.png") center center no-repeat; background-size: 100%; width: 148px; height: 148px; right: -8px; } .module.top_school .schoolpager .schoolitem.schoollogo03:before { background: url("../images/logo_gd.png") center center no-repeat; background-size: 100%; width: 145px; height: 145px; right: -3px; } .module.top_school .schoolpager .schoolitem .title { font-size: 20px; height: 1.8; font-weight: bold; padding-bottom: 14px; position: relative; } .module.top_school .schoolpager .schoolitem .title:before { position: absolute; left: 0; bottom: 0; z-index: 2; width: 58px; height: 3px; background: #666; content: ''; } .module.top_school .schoolpager .schoolitem.active .title { color: #084a96; } .module.top_school .schoolpager .schoolitem.active .title:before { background: #084a96; } @media screen and (max-width: 992px) { .module.top_school .schoolbody { height: 750px; } } @media screen and (max-width: 767px) { .module.top_school .schoolbody { height: 420px; } .module.top_school .schoolinner { max-width: none; padding: 0; } .module.top_school .schoolbody .title { font-size: 25px; margin-bottom: 15px; } .module.top_school .schoolbody .description { font-size: 12px; line-height: 1.8; } .module.top_school .schoolbody .more { margin-top: 0; } .module.top_school .schoolbody .more .fa-angle-right:before, .module.top_school .schoolbody .more .fa-angle-right:after { color: #084a96; line-height: 40px; } .module.top_school .schoolpager { position: absolute; width: 100%; left: 0; bottom: 10px; z-index: 4; } .module.top_school .schoolpager ul { display: flex; } .module.top_school .schoolpager li { flex: 1; height: 60px; } .module.top_school .schoolpager .schoolitem { padding: 15px 10px 0; } .module.top_school .schoolpager .schoolitem.active { background: #fff; box-shadow: 0 0 24px rgba(45,45,45,0.1); color: #666; height: calc(100% + 20px); border-radius: 0 15px 0 0; } .module.top_school .schoolpager .schoolitem:before { position: absolute; top: 5px; z-index: 2; content: ''; } .module.top_school .schoolpager .schoolitem.active:before { top: 10px; } .module.top_school .schoolpager .schoolitem.schoollogo01:before { width: 80px; height: 72px; } .module.top_school .schoolpager .schoolitem.schoollogo02:before { width: 74px; height: 74px; } .module.top_school .schoolpager .schoolitem.schoollogo03:before { width: 72px; height: 72px; } .module.top_school .schoolpager .schoolitem .title { font-size: 11px; height: 1.8; font-weight: bold; padding-bottom: 10px; position: relative; } .module.top_school .schoolpager .schoolitem .title:before { width: 40px; height: 2px; } .module.top_school .schoolpager .schoolitem.active .title { color: #084a96; } .module.top_school .schoolpager .schoolitem.active .title:before { background: #084a96; } } /* 瀛︽牎 */ /* service.html ---------------------------------------------------------- */ /* teaser */ .teaser { width: 100%; height: 1000px; position: relative; overflow: hidden; } .teaser_title { width: 31.25%; position: relative; height: 1000px; background: url("../images/bg_teaser01.jpg") center center no-repeat; background-size: cover; } .teaser_title .title_box { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; width: 100%; max-width: 360px; padding-right: 20px; box-sizing: border-box; } .teaser_title .title_box .title { font-size: 30px; line-height: 1.2; font-weight: bold; color: #fff; padding-bottom: 60px; position: relative; letter-spacing: 0.06em; } .teaser_title .title_box .title:after { position: absolute; left: 0; bottom: 0; z-index: 2; content: ''; width: 58px; height: 3px; background: #fff; } .teaser_title .title_box .description { margin-top: 40px; font-size: 14px; line-height: 1.85; color: #fff; letter-spacing: 0.1em; max-width: 270px; } .teaser .teaser-container { position: absolute; right: 0; top: 0; height: 1000px; width: 68.75%; } .teaser .teaser-container .slick-list { overflow: visible; } .teaser .teaser-container .bx-controls-direction { width: 80px; border: 0; bottom: 300px; background: #de6a25; color: #fff; } .teaser .teaser-slide { position: relative; } .teaser .teaser-slide .image { width: 100%; height: 1000px; } .teaser .teaser-slide .image img { width: 100%; height: 1000px; object-fit: cover; } .teaser .teaser_link { position: absolute; width: 100%; max-width: 1100px; background: #fff; z-index: 2; overflow: hidden; height: 300px; left: -360px; bottom: 0; } .teaser .teaser_linkimage { float: left; } .teaser .teaser_linkimage img { object-fit: cover; width: 360px; height: 300px; } .teaser .teaser_linkbox { overflow: hidden; padding: 70px 70px 0; } .teaser .teaser_linkbox .title { font-weight: bold; font-size: 20px; line-height: 1.8; color: #0054b1; margin-bottom: 10px; letter-spacing: 0.006em; } .teaser .teaser_linkbox .description { font-weight: 14px; line-height: 1.875; color: #666; letter-spacing: 0.1em; margin-bottom: 20px; } .teaser .teaser_linkbox .fa-angle-right:before, .teaser .teaser_linkbox .fa-angle-right:after { line-height: 30px; color: #0054b1; } @media screen and (max-width: 1200px) { .teaser_title .title_box { padding: 0 10px; } .teaser .teaser_link { width: calc(100% + 180px); } .teaser .teaser_linkbox { overflow: hidden; padding: 70px 30px 0 70px; } } @media screen and (max-width: 992px) { .teaser { height: 768px; } .teaser_title { width: 31.25%; height: 768px; } .teaser_title .title_box .title { font-size: 20px; padding-bottom: 30px; } .teaser_title .title_box .title:after { width: 42px; height: 2px; } .teaser_title .title_box .description { margin-top: 30px; font-size: 12px; } .teaser .teaser-container { height: 768px; } .teaser .teaser-container .bx-controls-direction { bottom: 200px; } .teaser .teaser-slide .image { height: 768px; } .teaser .teaser-slide .image img { height: 768px; } .teaser .teaser_link { height: 200px; left: -240px; width: calc(100% + 200px); } .teaser .teaser_linkimage img { width: 240px; height: 200px; } .teaser .teaser_linkbox { overflow: hidden; padding: 20px 30px 0; } .teaser .teaser_linkbox .description { margin-bottom: 10px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } @media screen and (max-width: 767px) { .teaser { height: 480px; } .teaser_title { width: 50%; height: 480px; } .teaser_title .title_box .title { font-size: 20px; padding-bottom: 30px; } .teaser_title .title_box .title:after { width: 42px; height: 2px; } .teaser_title .title_box .description { margin-top: 30px; font-size: 12px; } .teaser .teaser-container { height: 480px; width: 50%; } .teaser .teaser-container .bx-controls-direction { bottom: 100px; } .teaser .teaser-slide .image { height: 480px; } .teaser .teaser-slide .image img { height: 480px; } .teaser .teaser_link { height: 100px; left: -120px; width: calc(100% + 120px); } .teaser .teaser_linkimage img { width: 120px; height: 100px; } .teaser .teaser_linkbox { overflow: hidden; padding: 20px 10px 0; } .teaser .teaser_linkbox .title { font-size: 16px; } .teaser .teaser_linkbox .description { display: none; } } /* teaser */ /* 鍏ㄦ棩鍒跺鍘嗛珮绛夋暀鑲 */ .service_edu .container_content { width: 100%; height: 1000px; background: url("../images/bg_service01.png") center center no-repeat #f6f6f6; background-size: cover; background-attachment: fixed; } .service_edu .container_content .title_box { position: relative; margin-bottom: 210px; } .service_edu .container_content .title_box .title { font-size: 30px; line-height: 2; letter-spacing: 0.06em; font-weight: bold; color: #084a96; padding-bottom: 30px; position: relative; } .service_edu .container_content .title_box .title:before { position: absolute; left: 0; bottom: 0; z-index: 2; width: 58px; height: 3px; background: #084a96; content: ''; } .service_edu .container_content .title_box .description { font-size: 14px; line-height: 1.875; color: #666; position: absolute; right: 0; top: 10px; z-index: 2; letter-spacing: 0.1em; width: 48%; } .service_edu .service_edubox { position: absolute; left: 0; bottom: 180px; z-index: 2; width: 100%; } .columns { margin-left: -10px; } .columns li { float: left; box-sizing: border-box; padding-left: 10px; width: 50%; margin-bottom: 10px; } .columns.col05 li { width: 20%; } .columns.col04 li { width: 25%; } .columns.col03 li { width: 33.33%; } .columns li a { display: block; } .columns li img { width: 100%; } .service_cont .container_content { width: 100%; padding: 188px 0 238px; background: url("../images/bg_service02.png") center center no-repeat #fdfdfd; background-size: cover; background-attachment: fixed; } .service_cont .container_content .title_box { position: relative; margin-bottom: 210px; } .service_cont .container_content .title_box .title { font-size: 30px; line-height: 2; letter-spacing: 0.06em; font-weight: bold; color: #084a96; padding-bottom: 30px; position: relative; } .service_cont .container_content .title_box .title:before { position: absolute; left: 0; bottom: 0; z-index: 2; width: 58px; height: 3px; background: #084a96; content: ''; } .service_cont .container_content .title_box .description { font-size: 14px; line-height: 1.875; color: #666; position: absolute; right: 0; top: 10px; z-index: 2; letter-spacing: 0.1em; width: 48%; } @media screen and (max-width: 992px) { .service_edu .container_content { width: 100%; height: auto; padding: 200px 0; background: url("../images/bg_service01.png") 80% center no-repeat #f6f6f6; background-size: cover; background-attachment: scroll; } .service_edu .service_edubox { position: relative; bottom: 0; } .columns { margin-left: 0; } .columns li { padding-left: 0; width: 33.33% !important; } .service_cont .container_content { width: 100%; padding: 200px 0 200px; background: url("../images/bg_service02.png") 80% center no-repeat #fdfdfd; background-size: cover; background-attachment: scroll; } .service_cont .container_content .title_box { margin-bottom: 160px; } } @media screen and (max-width: 767px) { .service_edu .container_content { width: 100%; height: auto; padding: 100px 0; background: url("../images/bg_service01.png") 80% center no-repeat #f6f6f6; background-size: cover; background-attachment: scroll; } .service_edu .service_edubox { position: relative; bottom: 0; } .columns { margin-left: 0; } .columns li { padding-left: 0; width: 100% !important; } .service_cont .container_content { width: 100%; padding: 100px 0; background: url("../images/bg_service02.png") 80% center no-repeat #fdfdfd; background-size: cover; background-attachment: scroll; } .service_cont .container_content .title_box { margin-bottom: 40px; } .service_cont .container_content .title_box .title { font-size: 24px; padding-bottom: 20px; } .service_cont .container_content .title_box .title:before { width: 48px; height: 2px; } .service_cont .container_content .title_box .description { font-size: 12px; position: relative; top: 0; width: auto; margin-top: 20px; } } /* 鍏ㄦ棩鍒跺鍘嗛珮绛夋暀鑲 */ /* service_01.html ---------------------------------------------------------- */ .w1200 { width: 1200px; margin: 0 auto; } .w870 { width: 870px; } .w290 { width: 290px; } @media screen and (max-width: 992px) { .w1200 { width: 100%; } .w870 { width: 100%; } .w290 { width: 100%; display: none; } } @media screen and (max-width: 767px) { .w1200 { width: 100%; } .w870 { width: 100%; } .w290 { width: 100%; display: none; } } .header_art a { color: #666; } .atr_title { background: url("../images/bg_line01.jpg") left center no-repeat; padding-left: 1em; color: #666666; font-size: 14px; font-weight: bold; } .service_01 { margin: 70px 0 0; } @media screen and (max-width: 992px) { .service_01 { margin: 72px 0 0; } } @media screen and (max-width: 767px) { .service_01 { margin: 53px 0 0; } } .top_banner, .top_banner_other { width: 100%; height: 420px; background-size: cover; background-position: center; } .top_banner_other { height: 350px; } /* contactus.html ---------------------------------------------------------- */ .contactus_sider { padding: 100px 0 60px; } .contactus_sider_box { padding: 0; color: #8e8e8e; } .contactus_sider_box.lineline { border-top: #9d9d9d 1px dotted; } .contactus_sider_box ul { list-style-type: none; } .contactus_sider_box li { line-height: 40px; height: 40px; color: #666666; } .contactus_sider_box li i { margin-right: 1em; color: #8e8e8e; } @media screen and (max-width: 992px) { .contactus_sider { padding: 50px 10px; } .contactus_sider_box { margin-bottom: 40px; } .contactus_w50 { width: 50%; float: left; } .contactus_w33 { width: 33.3%; float: left; } } @media screen and (max-width: 767px) { .contactus_sider { padding: 50px 10px; } .contactus_sider_box { margin-bottom: 40px; } .contactus_w50 { width: auto; float: inherit; } .contactus_w33 { width: 33.3%; float: left; } } /* aboutus.html ---------------------------------------------------------- */ .aboutus { width: 100%; overflow: hidden; } .aboutus .banner { height: 760px; position: relative; } @media screen and (max-width: 992px) { .aboutus .banner { height: auto; position: inherit; } } @media screen and (max-width: 767px) { .aboutus .banner { height: auto; position: inherit; } } .aboutus .img { position: absolute; bottom: 0; } @media screen and (max-width: 992px) { .aboutus .img { position: inherit; bottom: auto; } } @media screen and (max-width: 767px) { .aboutus .img { position: inherit; bottom: auto; } } .aboutus .img img { height: 760px; } @media screen and (max-width: 992px) { .aboutus .img img { height: auto; } } @media screen and (max-width: 767px) { .aboutus .img img { height: auto; } } .aboutus .mcounter { padding-top: 0; padding-bottom: 0; } .aboutus .mcounter .container_content { position: absolute; width: 60%; height: 190px; bottom: 150px; left: 12.4%; } @media screen and (max-width: 992px) { .aboutus .mcounter .container_content { position: inherit; width: 100%; height: auto; bottom: 0; left: 0; } } @media screen and (max-width: 767px) { .aboutus .mcounter .container_content { position: inherit; width: 100%; height: auto; bottom: 0; left: 0; } } .aboutus .mcounter .content_list { width: 100%; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); padding: 0 } @media screen and (max-width: 992px) { .aboutus .mcounter .content_list { width: 100%; position: inherit; top: 0; left: 0; transform: none; padding: 0; background: #666; } } @media screen and (max-width: 767px) { .aboutus .mcounter .content_list { width: 100%; position: inherit; top: 0; left: 0; transform: none; padding: 0; background: #666; } } .aboutus .mcounter .content_list::after { content: ""; display: block; clear: both } .aboutus .mcounter .content_list li { width: 27%; float: left; position: relative; display: inline-block; color: #FFFFFF; } @media screen and (max-width: 992px) { .aboutus .mcounter .content_list li { text-align: center; } } @media screen and (max-width: 767px) { .aboutus .mcounter .content_list li { text-align: center; } } .aboutus .mcounter .content_list li .title { color: #fff; font-size: 13px; line-height: 30px; display: block; } .aboutus .mcounter .content_list li p { font-size: 14px; display: inline-block; } .aboutus .mcounter .content_list li p.timer { font-size: 50px; text-align: center; line-height: 52px; vertical-align: top } .aboutus .mcounter .content_list li p.timer .title { font-size: 13px; line-height: 30px; } .aboutus .mcounter .content_list li .unit { position: relative; top: 1px; left: 3px; font-size: 14px; vertical-align: bottom; } /*鍝佺墝鑽h獕*/ .aboutus .aboutus_mediabox { display: block; background: #1e5fd8; height: 240px; display: flex; } @media screen and (max-width: 992px) { .aboutus .aboutus_mediabox { display: inherit; height: auto; } } @media screen and (max-width: 767px) { .aboutus .aboutus_mediabox { height: auto; display: inherit; } } .aboutus .aboutus_mediabox_title { padding: 50px 20px; text-align: center; font-size: 30px; color: #FFFFFF; } @media screen and (max-width: 992px) { .aboutus .aboutus_mediabox_title { padding: 20px; } } @media screen and (max-width: 767px) { .aboutus .aboutus_mediabox_title { padding: 20px; } } .aboutus .aboutus_mediaitem { background: #1e5fd8; padding: 50px 20px; color: #FFFFFF; height: 140px; position: relative; } @media screen and (max-width: 992px) { .aboutus .aboutus_mediaitem { padding: 0 0 20px; height: auto; } } @media screen and (max-width: 767px) { .aboutus .aboutus_mediaitem { padding: 0 0 20px; height: auto; } } .aboutus .aboutus_mediaitem:hover { background: #de6a25; } .aboutus .aboutus_mediaitem .title { font-size: 16px; color: #fff; padding: 0 30px; box-sizing: border-box; background: url("../images/bg_line02.jpg") left top repeat-y; margin-bottom: 15px; } .aboutus .aboutus_mediaitem .subtitle { color: #fff; padding: 0 30px; box-sizing: border-box; position: absolute; bottom: 50px; } @media screen and (max-width: 992px) { .aboutus .aboutus_mediaitem .subtitle { position: inherit; bottom: 0; } } .aboutus .aboutus_mediaitem .title span { display: block; color: #666; margin-bottom: 5px; } .aboutus .aboutus_mediaitem .title a { color: #fff; } .aboutus .aboutus_mediaslider { width: 86%; } @media screen and (max-width: 992px) { .aboutus .aboutus_mediaslider { width: 100%; } } @media screen and (max-width: 767px) { .aboutus .aboutus_mediaslider { width: 100%; } } .aboutus .aboutus_mediaslider { width: 86%; } @media screen and (max-width: 992px) { .aboutus .aboutus_mediaslider { width: 100%; } } @media screen and (max-width: 767px) { .aboutus .aboutus_mediaslider { width: 100%; } } @media screen and (max-width: 992px) { .aboutus .aboutus_mediaslider .slick-list { overflow: inherit; } } .aboutus .aboutus_mediaslider .slick-dots button { display: none; } .aboutus .aboutus_mediaslider .slick-dots { position: absolute; left: -10%; bottom: 50px; z-index: 2; } @media screen and (max-width: 992px) { .aboutus .aboutus_mediaslider .slick-dots { text-align: center; } } @media screen and (max-width: 767px) { .aboutus .aboutus_mediaslider .slick-dots { left: 10%; top: -50px; } } .aboutus .aboutus_mediaslider .slick-dots li { display: inline-block; margin-right: 8px; width: 8px; height: 8px; box-sizing: border-box; border: 2px solid #1e5fd8; background: #447add; border-radius: 100%; } .aboutus .aboutus_mediaslider .slick-dots li.slick-active { border: 2px solid #fff; background: #fff; } .aboutus .news_mediapager { position: absolute; bottom: 0; font-size: 14px; line-height: 2; color: #a5a6a6; z-index: 2; width: 100%; text-align: center; background: #f0f0f0; } /* Arrows */ .aboutus .aboutus_mediaslider .slick-prev, .aboutus .aboutus_mediaslider .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: -10px; display: block; width: 24px; height: 24px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .aboutus .aboutus_mediaslider .slick-prev:hover, .aboutus .aboutus_mediaslider .slick-prev:focus, .aboutus .aboutus_mediaslider .slick-next:hover, .aboutus .aboutus_mediaslider .slick-next:focus { color: transparent; outline: none; background: transparent; } .aboutus .aboutus_mediaslider .slick-prev:hover:before, .aboutus .aboutus_mediaslider .slick-prev:focus:before, .aboutus .aboutus_mediaslider .slick-next:hover:before, .aboutus .aboutus_mediaslider .slick-next:focus:before { opacity: 1; } .aboutus .aboutus_mediaslider .slick-prev.slick-disabled:before, .aboutus .aboutus_mediaslider .slick-next.slick-disabled:before { opacity: .25; } .aboutus .aboutus_mediaslider .slick-prev:before, .aboutus .aboutus_mediaslider .slick-next:before { font-family: 'slick'; font-size: 24px; line-height: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .aboutus .aboutus_mediaslider .slick-prev { left: 5px; z-index: 99; } [dir='rtl'] .aboutus .aboutus_mediaslider .slick-prev { right: 0; left: auto; } .aboutus .aboutus_mediaslider .slick-prev:before { content: '鈫?; } [dir='rtl'] .aboutus .aboutus_mediaslider .slick-prev:before { content: '鈫?; } .aboutus .aboutus_mediaslider .slick-next { right: 5px; z-index: 99; } [dir='rtl'] .aboutus .aboutus_mediaslider .slick-next { right: auto; left: 0; } .aboutus .aboutus_mediaslider .slick-next:before { content: '鈫?; } [dir='rtl'] .aboutus .aboutus_mediaslider .slick-next:before { content: '鈫?; } /*鍝佺墝鑽h獕*/ /*鎴戠殑浣垮懡*/ .aboutus_mission .container_content { width: 100%; background: url("../images/bg_aboutus01.jpg") center center no-repeat #f6f6f6; background-size: cover; background-attachment: fixed; } .aboutus_mission .aboutus_linkbox { overflow: hidden; padding: 140px 110px 0; height: 535px; } @media screen and (max-width: 992px) { .aboutus_mission .aboutus_linkbox { padding: 30px 10px 0; } } @media screen and (max-width: 767px) { .aboutus_mission .aboutus_linkbox { padding: 30px 10px 0; } } .aboutus_mission .aboutus_linkbox .slick-list { overflow: visible; } .aboutus_mission .bx-controls-direction { width: 160px; border: 0; bottom: 65px; background: #f6f6f6; color: #d2d2d2; } .aboutus_mission .bx-controls-direction .swiper-button-prev:after, .aboutus_mission .bx-controls-direction .swiper-button-next:after { color: #d2d2d2 !important; } .aboutus_mission .bx-controls-direction .swiper-button-prev:hover, .aboutus_mission .bx-controls-direction .swiper-button-next:hover { background: #999999; } .aboutus_mission .teaser-slide { position: relative; } .aboutus_mission .teaser_link { width: 100%; z-index: 2; overflow: hidden; } .aboutus_mission .teaser_linkbox { overflow: hidden; } .aboutus_mission .teaser_linkbox .fa-angle-right:before, .aboutus_mission .teaser_linkbox .fa-angle-right:after { line-height: 30px; color: #0054b1; } .aboutus_mission .aboutus_linkbox .mainTitle { font-size: 30px; line-height: 1.8; color: #0054b1; margin-bottom: 200px; letter-spacing: 0.006em; } @media screen and (max-width: 992px) { .aboutus_mission .aboutus_linkbox .mainTitle { margin-bottom: 20px; } } @media screen and (max-width: 767px) { .aboutus_mission .aboutus_linkbox .mainTitle { margin-bottom: 20px; } } .aboutus_mission .aboutus_linkbox .title { font-weight: bold; font-size: 20px; line-height: 1.8; color: #0054b1; margin-bottom: 10px; letter-spacing: 0.006em; } .aboutus_mission .aboutus_linkbox .fa-angle-right:before, .aboutus_mission .aboutus_linkbox .fa-angle-right:after { line-height: 30px; color: #b8b8b8; } .aboutus_mission ul { padding: 16px 0 20px; } .aboutus_mission li a { line-height: 2; padding: 0 20px; position: relative; color: #666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; letter-spacing: 0.06em; } .aboutus_mission li a:before { position: absolute; left: 2px; top: 50%; width: 4px; height: 4px; border-radius: 100%; background: #666; transform: translateY(-50%); z-index: 2; content: ''; } /*鎴戠殑浣垮懡*/ /*绠$悊鍥㈤槦*/ .aboutus_team .container_content { padding: 130px 50px 20px; background: url("../images/bg_aboutus02.jpg") center center no-repeat #fdfdfd; background-size: cover; background-attachment: fixed; } @media screen and (max-width: 992px) { .aboutus_team .container_content { padding: 20px; } } @media screen and (max-width: 767px) { .aboutus_team .container_content { padding: 20px; } } .aboutus_team .container_content .title_box { position: relative; margin: 0 150px; } @media screen and (max-width: 992px) { .aboutus_team .container_content .title_box { margin: 0; } } @media screen and (max-width: 767px) { .aboutus_team .container_content .title_box { margin: 0; } } .aboutus_team .container_content .title_box .title { font-size: 30px; line-height: 2; letter-spacing: 0.06em; color: #084a96; padding-bottom: 30px; position: relative; } .aboutus_team .content_wrapper { position: relative; margin-bottom: 10px } .aboutus_team .content_wrapper li img { width: 100%; height: 100%; } .aboutus_team .content_wrapper li img { width: 100%; height: 100%; } .aboutus_team .tab_content .content_list li { width: 100%; height: auto; float: left; } .aboutus_team .tab_content .content_list li > .wrapper { padding: 60px; height: 280px; } @media screen and (max-width: 992px) { .aboutus_team .tab_content .content_list li > .wrapper { padding: 0; } } @media screen and (max-width: 767px) { .aboutus_team .tab_content .content_list li > .wrapper { padding: 0; } } .aboutus_team .tab_content .content_list li .item_img { display: block; width: 250px; height: 250px; float: left; border-radius: 125px; position: relative; overflow: hidden; } @media screen and (max-width: 992px) { .aboutus_team .tab_content .content_list li .item_img { float: none; margin: 0 auto; } } @media screen and (max-width: 767px) { .aboutus_team .tab_content .content_list li .item_img { float: none; margin: 0 auto; } } .aboutus_team .tab_content .content_list li .item_wrapper { margin-left: 310px; height: 100%; } @media screen and (max-width: 992px) { .aboutus_team .tab_content .content_list li .item_wrapper { display: none; } } @media screen and (max-width: 767px) { .aboutus_team .tab_content .content_list li .item_wrapper { display: none; } } .aboutus_team .tab_content .content_list li .item_info { position: relative; height: 100%; } .aboutus_team .tab_content .content_list li .item_info .title { font-size: 18px; color: #333; } .aboutus_team .tab_content .content_list li .item_info .subtitle { font-size: 14px; color: #B0B0B0; margin-top: 4px } .aboutus_team .tab_content .content_list li .item_info .description { margin-top: 20px; font-size: 13px; line-height: 26px; height: 210px; overflow: hidden; color: #878787 } .aboutus_team .tab_button { margin-top: 10px; margin-right: -1% } .aboutus_team .tab_button .content_list li { width: 100%; /* margin-right: 1%;*/ float: left; height: auto; background: #f6f6f6; cursor: pointer } .aboutus_team .tab_button .content_list li > .wrapper { padding: 10px; height: 60px; position: relative } @media screen and (max-width: 992px) { .aboutus_team .tab_button .content_list li > .wrapper { height: auto; } } @media screen and (max-width: 767px) { .aboutus_team .tab_button .content_list li > .wrapper { height: auto; } } .aboutus_team .tab_button .content_list li .item_img { display: block; width: 60px; height: 60px; float: left; border-radius: 30px; position: relative; overflow: hidden; } .aboutus_team .tab_button .content_list li .item_wrapper { margin-left: 75px; margin-top: 6px; height: 100%; } @media screen and (max-width: 992px) { .aboutus_team .tab_button .content_list li .item_wrapper { display: block; margin-left: 0; } } @media screen and (max-width: 767px) { .aboutus_team .tab_button .content_list li .item_wrapper { display: block; margin-left: 0; } } .aboutus_team .tab_button .content_list li .wrapper:after { position: absolute; left: 0; bottom: 0px; width: 0%; height: 3px; content: ""; opacity: 0; background-color: #00C0FF; transition: all linear .3s } .aboutus_team .tab_button .content_list li.active .wrapper:after { opacity: 1; width: 100% } .aboutus_team .tab_button .content_list li .item_info { position: relative; height: 100%; } .aboutus_team .tab_button .content_list li .item_info .title { font-size: 16px; color: #333; } .aboutus_team .tab_button .content_list li .item_info .subtitle { font-size: 12px; color: #B0B0B0; margin-top: 4px } /*绠$悊鍥㈤槦*/ /* aboutus_01.html ---------------------------------------------------------- */ .aboutus_01 { margin: 70px 0 0; } @media screen and (max-width: 992px) { .aboutus_01 { margin: 72px 0 0; } } @media screen and (max-width: 767px) { .aboutus_01 { margin: 53px 0 0; } } /* aboutus_02.html ---------------------------------------------------------- */ /* 绠$悊鍥㈤槦 */ .nocat:not(.post) .item_block { transition: all .36s ease; position: relative; float: left; margin-bottom: 50px; width: calc(50% - 10px); height: 200px } @media screen and (max-width: 767px) { .nocat:not(.post) .item_block { width: 50%; height: 320px; } } .nocat:not(.post) .item_block::after { content: ""; display: block; clear: both } .nocat:not(.post) .item_block:nth-child(2n+1) { float: left } .nocat:not(.post) .item_block:nth-child(2n) { float: right } .nocat:not(.post) .item_block:hover .item_wrapper { background: #084a96 } .nocat:not(.post) .item_block:hover .item_wrapper .text_wrap { transition: 0s; border-color: rgba(255,255,255,.08) } .nocat:not(.post) .item_block:hover .item_wrapper .text_wrap .title { color: #fff } .nocat:not(.post) .item_block:hover .item_wrapper .text_wrap .subtitle { color: #fff } .nocat:not(.post) .item_block:hover .item_wrapper .description { color: #bcc0cf } .nocat:not(.post) .item_block:hover .details { transition: 0s; border-color: rgba(255,255,255,.08) } .nocat:not(.post) .item_block:hover .details:before { color: rgba(255,255,255,.3); left: 25px } .nocat:not(.post) .item_block .item_img { float: left; width: 140px } @media screen and (max-width: 992px) { .nocat:not(.post) .item_block .item_img { float: left; width: 140px; margin-left: 20px; } } @media screen and (max-width: 767px) { .nocat:not(.post) .item_block .item_img { float: none; width: 140px; margin: 0 auto; } } .nocat:not(.post) .item_block .item_img img { max-width: 100% } .nocat:not(.post) .item_block .item_wrapper { position: relative; float: right; width: calc(100% - 140px); height: 100%; padding: 0 20px; box-sizing: border-box; transition: all .36s ease } @media screen and (max-width: 992px) { .nocat:not(.post) .item_block .item_wrapper { width: 100%; } } @media screen and (max-width: 767px) { .nocat:not(.post) .item_block .item_wrapper { width: 100%; height: auto; padding: 0; } } .nocat:not(.post) .item_block .item_wrapper .details { display: none } .nocat:not(.post) .item_block .item_wrapper .text_wrap { transition: all .36s ease; transition-delay: .12s; padding-bottom: 15px; border-bottom: 1px solid #ebebeb } @media screen and (max-width: 767px) { .nocat:not(.post) .item_block .item_wrapper .text_wrap { border-bottom: none; padding: 15px; } } .nocat:not(.post) .item_block .item_wrapper .text_wrap .title { font-size: 14px; font-weight: bold; line-height: 30px; color: #333; background: url("../images/bg_line01.jpg") left center no-repeat; padding-left: 1em; } .nocat:not(.post) .item_block .item_wrapper .text_wrap .subtitle { font-size: 14px; line-height: 24px; color: #adadad } .nocat:not(.post) .item_block .item_wrapper .description { font-size: 13px; line-height: 24px; height: 48px; overflow: hidden; margin-top: 15px; padding-right: 0; box-sizing: border-box; color: #888 } @media screen and (max-width: 992px) { .nocat:not(.post) .item_block .item_wrapper .description { display: none; } } @media screen and (max-width: 767px) { .nocat:not(.post) .item_block .item_wrapper .description { display: none; } } .nocat:not(.post) .item_block .details { transition: all .36s ease; transition-delay: .12s; position: absolute; bottom: 20px; left: 160px; width: 56px; height: 26px; border-left: 1px solid #e5e5e5; color: transparent } @media screen and (max-width: 992px) { .nocat:not(.post) .item_block .details { bottom: 0; right: 0; } } @media screen and (max-width: 767px) { .nocat:not(.post) .item_block .details { bottom: 0; left: 15px; } } .nocat:not(.post) .item_block .details:before { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all .36s ease; content: "\e90f"; position: absolute; top: 50%; left: 15px; color: #999; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .nocat:not(.post) .item_block .details i { display: none } .nocat .date_wrap, .nocat .more { display: none } .nocat .item_tags { display: none } .article #pageTarget { background: #f7f7f7 } .article #pageTarget .container_target { float: right; margin-top: 4px; line-height: 45px } .article #pageTarget .container_target i { margin: 0 10px } .article #postInfo { padding-top: 75px; padding-bottom: 22px; border-bottom: 1px solid #e5e5e5 } .article #postInfo .title { font-size: 18px; line-height: 30px; color: #333 } .article #postInfo .subtitle { font-size: 14px; line-height: 30px; color: #adadad } .article #postInfo .usetdate { display: none } .article #listContent { display: none } .article .project #postContent #postInfo .description a { padding: 9px 25px; border: 1px solid rgba(0,0,0,.15); transition: all .3s ease-out 0s; margin-right: 10px } .article .project #postContent #postInfo .description a:hover { color: #fff } .article .service #listContent .content_wrapper .content_list .item_block:hover { box-shadow: 0 8px 30px rgba(0,0,0,.1) } .nocat:not(.post) .item_block:hover .details::before { color: rgba(255,255,255,.8) } .nocat:not(.post) .item_block:hover .item_img { overflow: hidden } .nocat:not(.post) .item_block .item_img img { transition: all .3s ease-out 0s } .nocat:not(.post) .item_block:hover .item_img img { -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08) } .nocat:not(.post) .item_block .item_wrapper .description, .nocat:not(.post) .item_block .item_wrapper .text_wrap .subtitle, .nocat:not(.post) .item_block .item_wrapper .text_wrap .title { transition: all .3s ease-out 0s } .nocat:not(.post) .item_block .item_wrapper .item_box { margin-top: 0; display: block; transition: all .3s ease-out 0s } .nocat:not(.post) .item_block:hover .item_wrapper .item_box { margin-top: 10px } /* 绠$悊鍥㈤槦 */ /* news.html ---------------------------------------------------------- */ .news { } .news:not(.post) .module_container { position: relative } .news:not(.post) .module_container .container_category { position: absolute; top: -30px; margin: 0; text-align: left; z-index: 10; } .news .container_category a { height: 16px; line-height: 16px; display: inline-block; padding: 0 20px; height: 32px; line-height: 32px; transition: all .3s ease-out 0s; position: relative; color: #737373 } .news .container_category a:not(:first-child) { margin-left: 5px } .news .container_category a.active, .news .container_category a:hover { background: #084a96; color: #fff } .news .container_content { margin-top: 40px; } .news:not(.post) .content_list .item_block.lineTop { border-top: 1px solid #e5e5e5; } .news:not(.post) .content_list .item_block { transition: all .36s ease; position: relative; padding: 30px 0; border-bottom: 1px solid #e5e5e5; height: 190px; overflow: hidden; } .news:not(.post) .list_slider .content_list .item_block { background: #084a96; color: #fff } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block { height: auto; padding: 13px 0 13px 20px; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block { height: auto; padding: 13px 0 13px 20px; } } .news:not(.post) .content_list .item_block::after { content: ""; display: block; clear: both } .news:not(.post) .content_list .item_block:hover { padding-left: 10px; box-shadow: 0 0 40px rgba(0,0,0,.08) } .news:not(.post) .content_list .item_block:hover .item_wrapper, .news:not(.post) .list_slider .content_list .item_block .item_wrapper { margin-right: -10px } .news:not(.post) .content_list .item_block:hover .item_wrapper .item_info .title, .news:not(.post) .list_slider .content_list .item_block .item_wrapper .item_info .title { color: #233876 } .news:not(.post) .content_list .item_block:hover .details:before { left: 40px; opacity: 0 } .news:not(.post) .content_list .item_block:hover .details:after { left: 15px; opacity: 1 } .news:not(.post) .content_list .item_block:last-child { border-bottom-width: 0 } .news:not(.post) .content_list .item_block .item_img { float: left; width: 340px } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .item_img { display: none; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .item_img { display: none; } } .news:not(.post) .content_list .item_block .item_img img { max-width: 100% } .news:not(.post) .content_list .item_block .item_wrapper { transition: all .36s ease; float: right; width: 800px } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .item_wrapper { width: 100%; float: none; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .item_wrapper { width: 100%; float: none; } } .news:not(.post) .content_list .item_block .item_wrapper .date_wrap { position: absolute; top: 76px; right: 27px; color: #ccc; } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .item_wrapper .date_wrap { position: inherit; top: 0; right: 0; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .item_wrapper .date_wrap { position: inherit; top: 0; right: 0; } } .news:not(.post) .content_list .item_block .item_wrapper .date_wrap .year { font-family: inherit; display: none } .news:not(.post) .content_list .item_block .item_wrapper .date_wrap .md { font-family: inherit; font-size: 22px; line-height: 30px } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .item_wrapper .date_wrap .md { font-size: 14px; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .item_wrapper .date_wrap .md { font-size: 14px; } } .news:not(.post) .content_list .item_block .item_wrapper .item_info { width: 600px; padding-top: 23px } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .item_wrapper .item_info { width: 83.33%; padding-top: 0; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .item_wrapper .item_info { width: 83.33%; padding-top: 0; } } .news:not(.post) .content_list .item_block .item_wrapper .item_info .title { color: #303030; font-size: 18px; line-height: 30px; padding-left: 25px; -webkit-transform: translateX(-27px); -ms-transform: translateX(-27px); transform: translateX(-27px); transition: all .36s ease } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .item_wrapper .item_info .title { padding-left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .item_wrapper .item_info .title { padding-left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } .news:not(.post) .content_list .item_block .item_wrapper .item_info .title:before { content: "\f111"; font-family: FontAwesome; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; left: 0; -webkit-transform: scale(.4); -ms-transform: scale(.4); transform: scale(.4); line-height: inherit } .news:not(.post) .content_list .item_block .item_wrapper .item_info .title span { font-size: 22px; font-weight: bold; margin: 0 0.5em; } .news:not(.post) .content_list .item_block .description { width: 600px; padding-top: 11px; font-size: 13px; line-height: 26px; height: 52px; overflow: hidden; color: #888 } .news:not(.post) .content_list .item_block:hover .description { color: #ffffff; } .news:not(.post) .list_slider .content_list .item_block .description { color: #fff } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .description { width: 77%; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .description { width: 77%; } } .news:not(.post) .content_list .item_block .details { position: absolute; width: 56px; top: 135px; right: 27px; height: 26px; border-left: 1px solid #e5e5e5; color: transparent } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .details { width: 40px; bottom: 44px; right: 0; top: inherit; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block .details { width: 40px; bottom: 44px; right: 0; top: inherit; } } .news:not(.post) .content_list .item_block .details:after, .news:not(.post) .content_list .item_block .details:before { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all .36s ease; content: "\e90f"; position: absolute; top: 50%; color: #999; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .news:not(.post) .content_list .item_block .details:before { left: 15px } .news:not(.post) .content_list .item_block .details:after { left: -30px; opacity: 0 } .news:not(.post) .content_list .item_block .details i { display: none } .news:not(.post) .content_list .item_block:hover .item_wrapper .item_info .title, .news:not(.post) .list_slider .content_list .item_block .item_wrapper .item_info .title { color: rgba(255,255,255,.8) } .news:not(.post) .content_list .item_block:hover .item_wrapper .date_wrap .md, .news:not(.post) .list_slider .content_list .item_block .item_wrapper .date_wrap .md { color: rgba(255,255,255,.8) } .news:not(.post) .content_list .item_block:hover, .news:not(.post) .list_slider .content_list .item_block { padding-left: 20px; box-shadow: 0 8px 35px rgba(0,0,0,.08); background: #084a96; color: #FFFFFF; } .news:not(.post) .content_list .item_block .item_wrapper .date_wrap { top: 55px; } @media screen and (max-width: 992px) { .news:not(.post) .content_list .item_block .item_wrapper .date_wrap { top: 0; text-align: right; font-size: 14px; float: right; } } @media screen and (max-width: 767px) { .news:not(.post) .content_list .item_block:hover, .news:not(.post) .list_slider .content_list .item_block { min-height: 155px; } .news:not(.post) .content_list .item_block .item_wrapper .date_wrap { top: 0; text-align: right; font-size: 14px; float: right; } } /* news_art.html ---------------------------------------------------------- */ .news_art { padding: 0; } .article { overflow: hidden; padding: 60px 40px 40px; } .article_laiyuan { padding: 10px 0 50px; text-align: center; height: 36px; line-height: 36px; margin: 0 0 40px; border-bottom: #efefef 1px solid; color: #919191; position: relative; } @media screen and (max-width: 992px) { .article_laiyuan { height: auto; padding: 10px 0 10px; margin: 0 0 15px; } } @media screen and (max-width: 767px) { .article_laiyuan { height: auto; padding: 10px 0 10px; margin: 0 0 15px; } } .browse { position: absolute; left: 0; } @media screen and (max-width: 992px) { .browse { position: inherit; width: 100%; text-align: left; } } @media screen and (max-width: 767px) { .browse { position: inherit; width: 100%; text-align: left; } } .browse span { margin: 0 0.5em; } .article_laiyuan .action { float: right; } @media screen and (max-width: 992px) { .article_laiyuan .action { float: inherit; text-align: left; } } @media screen and (max-width: 767px) { .article_laiyuan .action { float: inherit; text-align: left; } } .article_laiyuan .action .btn-flat { height: 36px; line-height: 36px; width: 36px; padding: 0 } .article_laiyuan .action .btn-flat i { font-size: 21px; display: block; } #arcont { line-height: 1.7em; height: 100%; overflow: hidden; color: #666666; } #arcont p span { position: relative; } #arcont p span:before { position: absolute; left: 2px; top: 50%; width: 5px; height: 5px; border-radius: 100%; background: #666; transform: translateY(-50%); z-index: 2; /*content: '';*/ } .article .text_wrap { transition: all .36s ease; transition-delay: .12s; padding-bottom: 15px; border-bottom: 1px solid #ebebeb } @media screen and (max-width: 767px) { .article .text_wrap { padding: 15px 0; } } .article .text_wrap .title { font-size: 14px; font-weight: bold; line-height: 30px; color: #333; background: url("../images/bg_line01.jpg") left center no-repeat; padding-left: 1em; } .article .text_wrap .subtitle { font-size: 14px; line-height: 24px; color: #adadad } /* 鍐呭椤靛簳鍔犻瀵间汉*/ .article #tabBtn { margin: 100px 0 0; padding: 40px 0 0; border-top: #efefef 1px solid; } .article #tabBtn::after { content: ""; display: block; clear: both; } .article #tabBtn .post-next, .article #tabBtn .post-prev { transition: all .36s ease; position: relative; width: 50%; height: 120px; overflow: hidden; float: left; padding: 10px; box-sizing: border-box; background: #fff锛 } .article #tabBtn .post-next:not(.empty):hover, .article #tabBtn .post-prev:not(.empty):hover { background: #084a96; } .article #tabBtn .post-next:not(.empty):hover .infor-wrap .title, .article #tabBtn .post-prev:not(.empty):hover .infor-wrap .title { color: #fff } .article #tabBtn .post-next:not(.empty):hover .infor-wrap .subtitle, .article #tabBtn .post-prev:not(.empty):hover .infor-wrap .subtitle { color: #a0a6bc } .article #tabBtn .post-next:not(.empty):hover .img-wrap, .article #tabBtn .post-prev:not(.empty):hover .img-wrap { opacity: 1 } .article #tabBtn .post-next.empty, .article #tabBtn .post-prev.empty { cursor: default } .article #tabBtn .post-next.empty .details, .article #tabBtn .post-prev.empty .details { display: none } .article #tabBtn .post-next .img-wrap, .article #tabBtn .post-prev .img-wrap { transition: all .36s ease; opacity: 0; width: 80px; height: auto; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .article #tabBtn .post-next .img-wrap img, .article #tabBtn .post-prev .img-wrap img { width: 100% } .article #tabBtn .post-next .details, .article #tabBtn .post-prev .details { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 16px; color: transparent; overflow: hidden } .article #tabBtn .post-next .infor-wrap, .article #tabBtn .post-prev .infor-wrap { width: 250px } .article #tabBtn .post-next .infor-wrap .title, .article #tabBtn .post-prev .infor-wrap .title { transition: all .36s ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; line-height: 100px; display: block; color: #666 } .article #tabBtn .post-next .infor-wrap .subtitle, .article #tabBtn .post-prev .infor-wrap .subtitle { transition: all .36s ease; display: none; height: 30px; overflow: hidden; font-size: 13px; line-height: 30px } .article #tabBtn .post-prev { float: left; padding-left: 106px } .article #tabBtn .post-prev:hover .details:before { right: 60px } .article #tabBtn .post-prev:hover .details:after { right: 15px; opacity: 1 } .article #tabBtn .post-prev .img-wrap { right: 15px } .article #tabBtn .post-prev .infor-wrap { float: left } .article #tabBtn .post-prev .details { border-right: 1px solid #e5e5e5; left: 22px } .article #tabBtn .post-prev .details:after, .article #tabBtn .post-prev .details:before { content: "\e90e"; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all .36s ease; color: #999; position: absolute; top: 50%; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .article #tabBtn .post-prev .details:before { right: 15px } .article #tabBtn .post-prev .details:after { right: -30px; opacity: 0 } .article #tabBtn .post-next { float: right; padding-right: 106px } .article #tabBtn .post-next:hover .details:before { left: 60px } .article #tabBtn .post-next:hover .details:after { left: 15px; opacity: 1 } .article #tabBtn .post-next .img-wrap { left: 15px } .article #tabBtn .post-next .infor-wrap { float: right } .article #tabBtn .post-next .details { right: 22px; border-left: 1px solid #e5e5e5 } .article #tabBtn .post-next .details:after, .article #tabBtn .post-next .details:before { content: "\e90f"; font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; transition: all .36s ease; color: #999; position: absolute; top: 50%; font-size: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .article #tabBtn .post-next .details:before { left: 15px } .article #tabBtn .post-next .details:after { left: -30px; opacity: 0 } .article #tabBtn .post-next .infor-wrap .title { text-align: right } /* 鍐呭椤靛簳鍔犻瀵间汉*/ .news_art .news_mediabox { position: relative; } .news_art .news_mediaitem { background: #fafafa; } .news_art .news_mediaitem .image img { width: 100%; } .news_art .news_mediaitem .title { font-size: 14px; color: #084a96; padding: 15px 30px 30px; height: 140px; box-sizing: border-box; } .news_art .news_mediaitem .title span { display: block; color: #666; margin-bottom: 5px; } .news_art .news_mediaitem .title a { color: #333; } .news_art .news_mediaslider .slick-dots { position: absolute; left: 30px; bottom: 10px; z-index: 2; } .news_art .news_mediaslider .slick-dots button { display: none; } .news_art .news_mediaslider .slick-dots li { display: inline-block; margin-right: 8px; width: 8px; height: 8px; box-sizing: border-box; border: 2px solid #ececec; background: #c7d2de; border-radius: 100%; } .news_art .news_mediaslider .slick-dots li.slick-active { border: 2px solid #084a96; background: #084a96; } .news_art .news_mediapager { position: absolute; bottom: 0; font-size: 14px; line-height: 2; color: #a5a6a6; z-index: 2; width: 100%; text-align: center; background: #f0f0f0; } /* Arrows */ .news_art .news_mediaslider .slick-prev, .news_art .news_mediaslider .slick-next { font-size: 0; line-height: 0; position: absolute; bottom: -10px; display: block; width: 24px; height: 24px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .news_art .news_mediaslider .slick-prev:hover, .news_art .news_mediaslider .slick-prev:focus, .news_art .news_mediaslider .slick-next:hover, .news_art .news_mediaslider .slick-next:focus { color: transparent; outline: none; background: transparent; } .news_art .news_mediaslider .slick-prev:hover:before, .news_art .news_mediaslider .slick-prev:focus:before, .news_art .news_mediaslider .slick-next:hover:before, .news_art .news_mediaslider .slick-next:focus:before { opacity: 1; } .news_art .news_mediaslider .slick-prev.slick-disabled:before, .news_art .news_mediaslider .slick-next.slick-disabled:before { opacity: .25; } .news_art .news_mediaslider .slick-prev:before, .news_art .news_mediaslider .slick-next:before { font-family: 'slick'; font-size: 24px; line-height: 1; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .news_art .news_mediaslider .slick-prev { left: 5px; z-index: 99; } [dir='rtl'] .news_art .news_mediaslider .slick-prev { right: 0; left: auto; } .news_art .news_mediaslider .slick-prev:before { content: '鈫?; } [dir='rtl'] .news_art .news_mediaslider .slick-prev:before { content: '鈫?; } .news_art .news_mediaslider .slick-next { right: 5px; z-index: 99; } [dir='rtl'] .news_art .news_mediaslider .slick-next { right: auto; left: 0; } .news_art .news_mediaslider .slick-next:before { content: '鈫?; } [dir='rtl'] .news_art .news_mediaslider .slick-next:before { content: '鈫?; } /* 鐩稿叧鍐呭 */ .art_cont { background: #fff; padding: 20px; color: #666666; } .art_cont li + li { border: none; } .art_cont li a { font-size: 14px; line-height: 2.4em; padding: 0 20px; position: relative; color: #666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .art_cont li a:before { position: absolute; left: 2px; top: 50%; width: 5px; height: 5px; border-radius: 100%; background: #666; transform: translateY(-50%); z-index: 2; content: ''; } /* 鐩稿叧鍐呭 */ /* aboutus_04.html ---------------------------------------------------------- */ /*鍝佺墝鑽h獕*/ /*澶т簨璁皊tart*/ .timer-shaft-box { width: 100%; padding: 0; box-sizing: border-box; } .timeZ_sp { display: none; } .timer-shaft { position: relative; width: 100%; height: 80px; overflow: hidden; } .timer-shaft:after { content: ''; width: 100%; margin: 0 auto; height: 2px; background: #eee; position: absolute;/* top:33%;*//* right:-140%;*/ top: 50%;/* margin-top:-0.5px;*/ z-index: 0; } .timer-left { position: absolute; top: 50%; left: 0; z-index: 998; width: 21px; height: 38px; margin-top: -18px; background: url(../images/left_ico.png) no-repeat; background-size: cover; cursor: pointer; } .timer-right { position: absolute; top: 50%; right: 0; z-index: 998; width: 21px; height: 38px; margin-top: -18px; background: url(../images/right_ico.png) no-repeat; background-size: cover; cursor: pointer; } .timer-scale { position: absolute; top: 0; left: 0; height: 80px; padding: 0 50px; font-size: 0; white-space: nowrap; z-index: 997; } @media screen and (max-width: 992px) { .timer-scale { width: 100%; padding: 0; } } @media screen and (max-width: 767px) { .timer-scale { width: 100%; padding: 0; } } .timer-scale-r { position: absolute; top: 0; right: 0; height: 80px; padding: 0 50px; font-size: 0; white-space: nowrap; z-index: 997; } @media screen and (max-width: 992px) { .timer-scale-r { width: 100%; padding: 0; } } @media screen and (max-width: 767px) { .timer-scale-r { width: 100%; padding: 0; } } .timer-scale-cont { display: inline-block; height: 100%; line-height: 80px; } @media screen and (max-width: 992px) { .timer-scale-cont { width: 50%; margin: 0 0 0 30px; } } @media screen and (max-width: 767px) { .timer-scale-cont { width: 50%; margin: 0 0 0 30px; } } .timer-scale-cont .time-circle { display: inline-block; vertical-align: middle; width: 44px; height: 44px; line-height: 44px; text-align: center; font-size: 18px; color: #999999; border-radius: 50%; background: url("../images/dot_ico.png") center center no-repeat; transition: all .3s; cursor: pointer; position: relative; } .timer-scale-cont .time-circle span { position: absolute; top: -30px; left: 0; } .timer-scale-cont.hov .time-circle { width: 44px; height: 44px; line-height: 44px; font-size: 24px; color: #084a96; background: url("../images/cat.png") center center no-repeat; } .timer-scale-cont .line-scale { display: inline-block; vertical-align: middle; width: 180px; height: 22px; } @media screen and (max-width: 992px) { .timer-scale-cont .line-scale { width: auto; } } @media screen and (max-width: 767px) { .timer-scale-cont .line-scale { width: auto; } } .timer-shaft-content { width: 100%; margin-top: 45px; overflow: hidden; font-size: 0; box-sizing: border-box; white-space: nowrap; } @media screen and (max-width: 992px) { .timer-shaft-content { margin-top: 0; } } @media screen and (max-width: 767px) { .timer-shaft-content { margin-top: 0; } } .shaft-detail-cont { display: none; width: 100%; } .month-detail-box { position: relative; /* min-height: 93px; padding-top: 30px; */ padding: 30px 0 0; font-size: 0; box-sizing: border-box; white-space: normal; } .month-detail-box .box { /* border-bottom: #9e9e9e 1px dotted;*/ padding-bottom: 30px; margin-left: 40px; } @media screen and (max-width: 992px) { .month-detail-box .box { margin-left: 0; } } @media screen and (max-width: 767px) { .month-detail-box .box { margin-left: 0; } } .month-detail-box:before { content: ''; position: absolute; top: 0; left: 36.5px; height: 100%; border-right: 1px solid #dedede; } @media screen and (max-width: 992px) { .month-detail-box:before { left: 0; border: none; } } @media screen and (max-width: 767px) { .month-detail-box:before { left: 0; border: none; } } .month-detail-box .month-title { position: absolute; font-size: 16px; font-weight: bold; color: #333; } .month-detail-box .month-title:before { content: ''; position: absolute; top: 50%; left: 27px; width: 19px; height: 19px; margin-top: 0; background: url(../images/icon_circle.png) no-repeat; background-size: cover; } @media screen and (max-width: 992px) { .month-detail-box .month-title:before { display: none; } } @media screen and (max-width: 767px) { .month-detail-box .month-title:before { display: none; } } .incident-title { color: #084a96; font-size: 18px; padding-left: 30px; font-weight: bold; margin-bottom: 20px; } @media screen and (max-width: 992px) { .incident-title { padding-left: 0; } } @media screen and (max-width: 767px) { .incident-title { padding-left: 0; } } .incident-record { display: inline-block; padding-left: 30px; line-height: 2; font-size: 14px; color: #333; } @media screen and (max-width: 992px) { .incident-record { padding-left: 0; } } @media screen and (max-width: 767px) { .incident-record { padding-left: 0; } } .incident-record a { font-size: 14px; color: #1d69a3; } .month-detail-box .box img { width: 336px; height: 190px; display: block; } /*鍝佺墝鑽h獕*/ .pager { padding-left: 0; margin: 100px 0 0; list-style: none; text-align: center; } .pager li { margin: 0 .4em; display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 2px 8px;/* background-color: #fff; border: 1px solid #ddd; border-radius: 20px; */ } .pager li.active > span, .pager li > a:hover, .pager li > a:focus, .paper .active span { text-decoration: none; color: #fff; background-color: #CCCCCC; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #CCCCCC; background-color: #fff; cursor: not-allowed; } /* 绠$悊鍥㈤槦浜虹墿浠嬬粛 */ .scrolltab { position: relative; max-width: 1480px; margin: 0 auto; } .scrolltab .ulBigPic { width: 100%; margin: 0 auto; height: 700px; overflow: hidden; position: relative; } @media screen and (max-width: 992px) { .scrolltab .ulBigPic { width: 100%; height: auto; position: inherit; overflow: inherit; } } @media screen and (max-width: 767px) { .scrolltab .ulBigPic { width: 100%; height: auto; position: inherit; overflow: inherit; } } .scrolltab .ulBigPic li { width: 100%; height: 700px; display: none; } @media screen and (max-width: 992px) { .scrolltab .ulBigPic li { width: 100%; height: auto; } } @media screen and (max-width: 767px) { .scrolltab .ulBigPic li { width: 100%; height: auto; } } .scrolltab .ulBigPic .liSelected { display: block; } .scrolltab .ulBigPic .sPic { width: 40%; overflow: hidden; text-align: center; position: absolute; bottom: 0; right: 0; } @media screen and (max-width: 992px) { .scrolltab .ulBigPic .sPic { width: 100%; float: none; position: inherit; bottom: 0; right: 0; } } @media screen and (max-width: 767px) { .scrolltab .ulBigPic .sPic { width: 100%; float: none; position: inherit; bottom: 0; right: 0; } } .scrolltab .ulBigPic .sSideBox { width: 60%; float: left; overflow: hidden; padding: 240px 0 0; line-height: 2em; color: #666666; } @media screen and (max-width: 992px) { .scrolltab .ulBigPic .sSideBox { width: 100%; float: none; padding: 0; } } @media screen and (max-width: 767px) { .scrolltab .ulBigPic .sSideBox { width: 100%; float: none; padding: 0; } } .scrolltab .ulBigPic .sSideBox span { color: #666666; margin-right: 0.8em; font-size: 8px; } .scrolltab .ulBigPic .sTitle { height: 32px; line-height: 32px; font-size: 20px; font-weight: bold; color: #084a96; margin-bottom: 30px } @media screen and (max-width: 992px) { .scrolltab .ulBigPic .sTitle { margin: 20px 0; } } @media screen and (max-width: 767px) { .scrolltab .ulBigPic .sTitle { margin-bottom: 0; } } .scrolltab .ulBigPic .sTitle span { font-size: 14px; margin-left: 0.5em; color: #084a96; } .scrolltab .ulBigPic .sIntro { line-height: 24px; color: #666; word-wrap: break-word; word-break: break-all; } .scrolltab .dSmallPicBox { /*width: 1300px;*/ height: 180px; position: relative; margin: -60px auto 0; } @media screen and (max-width: 992px) { .scrolltab .dSmallPicBox { width: 100%; margin-top: 60px; height: auto; } } @media screen and (max-width: 767px) { .scrolltab .dSmallPicBox { width: 100%; margin-top: 60px; height: auto; } } .scrolltab .dSmallPic { width: 100%; height: 120px; position: absolute; left: 0; bottom: 0px; } @media screen and (max-width: 992px) { .scrolltab .dSmallPic { position: inherit; height: auto; } } @media screen and (max-width: 767px) { .scrolltab .dSmallPic { position: inherit; height: auto; } } .scrolltab .dSmallPic ul { width: 100%; } .scrolltab .dSmallPic li { height: 60px; display: inline; cursor: pointer; background: #f8f6f6; position: relative; padding: 26px 40px; } @media screen and (max-width: 992px) { .scrolltab .dSmallPic li { margin-bottom: 60px; padding: 10px; } } @media screen and (max-width: 767px) { .scrolltab .dSmallPic li { display: inherit; margin-bottom: 50px; } } .scrolltab .dSmallPic .sPic { width: 141px; display: block; position: absolute; right: 1em; bottom: 1px; } @media screen and (max-width: 992px) { .scrolltab .dSmallPic .sPic { width: 100px; } } @media screen and (max-width: 767px) { .scrolltab .dSmallPic .sPic { width: 100px; } } .scrolltab .dSmallPic .sPic img { } .scrolltab .dSmallPic .sTitle { display: block; text-align: left; color: #333; overflow: hidden; font-size: 20px; margin-bottom: 5px; } .scrolltab .dSmallPic .sAbs { display: block; } .scrolltab .dSmallPic .liSelected, .scrolltab .dSmallPic .liSelected .sTitle { background: #084a96; color: #FFFFFF !important; display: block; } /* 绠$悊鍥㈤槦浜虹墿浠嬬粛 */ .sitemap { } ul.sitemap { list-style-type: disc; margin: auto; padding: initial; padding-left: 2em; color: #084a96; } ul.sitemap li { color: #084a96; } ul.sitemap li a { color: #084a96; font-weight: bold; } ul.sitemap ul { list-style-type: disc; margin: auto; padding: initial; padding-left: 2em; color: #333 !important; } ul.sitemap ul li a { color: #333; font-weight: normal; } /*鏃堕棿杞村€?/ @media screen and (max-width: 992px) { .timer-shaft-box { display: none; } } @media screen and (max-width: 767px) { .timer-shaft-box { display: none; } } @media screen and (max-width: 992px) { .timeZ_sp { /*width: 100%;*/ display: block; } .timeZ_sp .swiper1 { /* width: 100%;*/ overflow: hidden; } .timeZ_sp .swiper1 .selected { color: #084a96; border-bottom: 2px solid #084a96; } /* .swiper1 .swiper-wrapper{ justify-content: flex-end; display: flex; } */ .timeZ_sp .swiper1 .swiper-slide { text-align: center; font-size: 16px; letter-spacing: 0; height: 50px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; } .timeZ_sp .swiper2 { width: 100%; } .timeZ_sp .swiper2 .swiper-slide { /* height: calc(100vh - 50px);*/ padding: 0; box-sizing: border-box !important; overflow-x: hidden !important; } } @media screen and (max-width: 767px) { .timeZ_sp { /*width: 100%;*/ overflow: hidden; } .timeZ_sp .swiper1 { /* width: 100%;*/ overflow: hidden; } .timeZ_sp .swiper1 .selected { color: #084a96; border-bottom: 2px solid #084a96; } /* .swiper1 .swiper-wrapper{ justify-content: flex-end; display: flex; } */ .timeZ_sp .swiper1 .swiper-slide { text-align: center; font-size: 16px; letter-spacing: 0; height: 50px; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; } .timeZ_sp .swiper2 { width: 100%; } .timeZ_sp .swiper2 .swiper-slide { /* height: calc(100vh - 50px);*/ padding: 0; box-sizing: border-box !important; overflow-x: hidden !important; } @media screen and (max-width: 992px) { .timeZ_sp .month-detail-box .box img { width: 336px; height: 190px; display: block; } } @media screen and (max-width: 767px) { .timeZ_sp .month-detail-box .box img { width: 100%; height: 190px; display: block; } } } /*鏃堕棿杞村€?/ /*鏂伴椈缃《*/ .list_slider { position: relative; margin-bottom: 30px; } .list_slider_arrow { position: absolute; right: -46px; top: 50%; margin-top: -23px; z-index: 2; } @media screen and (max-width: 992px) { .list_slider_arrow { display: none; } } @media screen and (max-width: 767px) { .list_slider_arrow { display: none; } } .list_slider_arrow .slick-arrow { border: 0; background: #fff; width: 46px; height: 46px; text-align: left; text-indent: -9999px; outline: none; position: relative; } .list_slider_arrow .slick-arrow:before { font-family: icomoon; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; left: 0; color: #999; font-size: 20px; color: #084a96; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-indent: 0; width: 100%; text-align: center; } .list_slider_arrow .slick-prev:before { content: "\e90e"; } .list_slider_arrow .slick-next { background: #084a96; } .list_slider_arrow .slick-next:before { content: "\e90f"; color: #fff; } /*鏂伴椈缃《*/ /*鐩稿叧鏂伴椈*/ .related_news { position: relative; margin: 100px 0 0; padding: 40px 0; border-top: #efefef 1px solid; } .related_news_list { list-style-type: none; margin: 0 4em; z-index: 10; position: relative; } .related_news_list li { width: 339px; float: left; } @media screen and (max-width: 992px) { .related_news_list li { width: 100%; float: none; } } @media screen and (max-width: 767px) { .related_news_list li { width: 100%; float: none; } } .related_news_list li a { width: 20em; display: block; color: #999999; } @media screen and (max-width: 992px) { .related_news_list li a { width: 100%; } } @media screen and (max-width: 767px) { .related_news_list li a { width: 100%; } } @media screen and (max-width: 992px) { .related_news_list li a.taR { text-align: left !important; } } @media screen and (max-width: 767px) { .related_news_list li a.taR { text-align: left !important; } } .related_news_list li a:hover { color: #666666; } .related_news_arrow { position: absolute; right: 0; top: 30%; z-index: 2; width: 100%; height: 46px; } .related_news_arrow .slick-arrow { border: 0; width: 36px; height: 46px; text-indent: -9999px; outline: none; position: relative; background: none; } .related_news_arrow .slick-arrow a { display: block; width: 36px; height: 46px; } .related_news_arrow .slick-arrow:before { font-family: icomoon; speak: none; font-style: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; left: 0; color: #bababa; font-size: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); text-indent: 0; width: 100%; text-align: center; } .related_news_arrow .slick-prev { position: absolute; left: 0; height: 46px; } .related_news_arrow .slick-prev:before { content: "\e908"; text-align: left; border-right: #ebebeb 1px solid; } .related_news_arrow .slick-next { position: absolute; right: 0; height: 46px; } .related_news_arrow .slick-next:before { content: "\e909"; text-align: right; border-left: #ebebeb 1px solid; } /*鐩稿叧鏂伴椈*/ .btn { display: inline-block; border: none; outline: none; background: transparent; text-align: center; vertical-align: middle; cursor: pointer; padding: 0; transition: all .2s ease-in-out } .btn, .btn:hover { text-decoration: none } .btn.disabled, .btn[disabled] { opacity: .6; pointer-events: none } .btn-flat { height: 30px; line-height: 18px; padding: 6px 12px; border-radius: 2px; box-sizing: border-box } .btn-flat i { vertical-align: middle; font-size: 16px; margin-right: 4px } .btn-flat.btn-icon { border-radius: 50%; width: 30px; padding: 6px 0 } .btn-flat.btn-icon i { margin-right: 0 } .btn-flat:hover { background-color: rgba(0,0,0,.08) } .btn-flat:active { background-color: rgba(0,0,0,.16) } .popup-panel { position: absolute; right: -30px; top: 50px; z-index: 999; background: #fff; display: none; width: 100px; border-radius: 2px; border: 1px solid #ddd; box-shadow: 0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12) } .popup-panel a { width: 100% !important; display: block; } .popup-panel .content { padding: 8px } .popup-panel.show { display: block } .popup-panel .btn { width: 100% !important; } #action_weixin { display: inline-block; } #share-more { display: inline-block; } .article_laiyuan .action .page-qrcode { position: absolute; right: -60px; top: 50px; z-index: 999; background: #eee; padding: 6px; border-radius: 3px; display: none; width: 95px; } .article_laiyuan .action .page-qrcode:after { content: ""; width: 0; height: 0; border: 10px solid transparent; border-bottom: 10px solid #eee; position: absolute; top: -20px; left: 20px; } .article_laiyuan .action .page-qrcode img { width: 95px; height: 95px; } .social-share a { position: absolute; top: 0; left: 0; text-decoration: none; display: inline-block; outline: none; } .social-share .social-share-icon { position: absolute; top: 0; left: 0; display: inline-block; width: 36px; height: 36px; border-radius: 50%; line-height: 36px; color: #666; text-align: center; vertical-align: middle; transition: background 0.6s ease-out 0s } /* 鎼滅储 */ .search-form input { outline: none; } .search-form input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } .search-form input::-webkit-search-decoration, .search-form input::-webkit-search-cancel-button { display: none; /* remove the search and cancel icon */ } .search-form input[type=search] { background: none; padding: 7px 10px 6px 12px; width: 30px; border-radius: 3px; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; border: none; } .search-form { float: left; } .search-form:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f002"; margin-right: -38px; width: 33px; font-size: 14px; text-align: center; position: relative; padding: 0.4rem 0 0.275rem 0; line-height: 1.6; pointer-events: none; color: #FFFFFF; } .search-form:hover:before { color: #333; } .search-form input[type=search]:focus { } .search-form input:-moz-placeholder { color: #999; } .search-form input::-webkit-input-placeholder { color: #999; } .search-form input[type=search] { width: 12px; padding-left: 10px; color: #333; cursor: pointer; } .search-form input[type=search]:hover { background-color: none; } .search-form input[type=search]:focus { width: 130px; padding-left: 32px; color: #000; background-color: #eee; cursor: auto; } .search-form input:-moz-placeholder { color: transparent; } .search-form input::-webkit-input-placeholder { color: transparent; } .header_art .search-form:before { color: #084a96 !important; } .header_art.on .search-form:before { color: #ffffff !important; } .header_art .search-form { padding: 0px 20px 0 0; } /* 鎼滅储 */ /*婊氬睆*/ .body_home { width: 100%; height: 100vh; position: fixed; left: 0; top: 0; z-index: 1; } .body_b { width: 100%; position: relative; z-index: 2; background: #fff; overflow: hidden; transition: top 0.7s cubic-bezier(0.5, 0, 0.2, 1) 0s; outline: none; } .body_home_top { padding-top: 100vh; } @media screen and (max-width: 992px) { .body_home_top { padding-top: 0; } .body_home { height: auto; position: initial; } } /*婊氬睆*/ /* 鎵嬫満鏍峰紡寰皟 */ @media screen and (max-width: 767px) { .breadcrumb, .breadcrumb_art { display: none; } .service_01, .aboutus_01 { margin: 53px 0 0; } .top_banner, .top_banner_other { height: 200px; background-size: 160%; background-repeat: no-repeat; } /*.top_banner_other {*/ /* background-position: -520px 0;*/ /*}*/ .bcd { padding-left: 5px; } } /* 绉诲姩绔笅鎷夎彍鍗 */ .dropmenu_sp, .zw_art { display: none; } @media screen and (max-width: 992px) { .zw_art { display: block; height: 42px; } .copyright p.security-info { display: none; } .news:not(.post) .module_container .container_category { top: 0; } .dropmenu_sp { width: 100%; position: absolute; background: #ef7625; display: block; } .dropmenu_sp ul li { /*height:45px; */ line-height: 42px; font-size: 18px; color: #FFFFFF; } .dropmenu_sp ul li span { display: block; height: 100%; position: relative; padding: 0 20px; } .dropmenu_sp ul li span i.down { float: right; font-size: 2rem; margin-top: 5px; } .dropmenu_sp ul li span i.action { transition: all 0.3s ease-out; transform: rotate(180deg); } .dropmenu_sp ul li > dl { display: none; background: #f7f7f7; } .dropmenu_sp ul li > dl a { display: block; height: 100%; width: 100%; font-size: 14px; color: #333333; text-decoration: none; text-align: center; border-bottom: #d4d4d4 1px solid; } } @media screen and (max-width: 767px) { .mobile-50 { padding-top:50px !important; } .zw_art { display: block; height: 42px; } .security-info { display: none; } .news:not(.post) .module_container .container_category { top: -10px; } .dropmenu_sp { width: 100%; position: absolute; background: #ef7625; display: block; } .dropmenu_sp ul li { /*height:45px; */ line-height: 42px; font-size: 18px; color: #FFFFFF; } .dropmenu_sp ul li span { display: block; height: 100%; position: relative; padding: 0 20px; } .dropmenu_sp ul li span i.down { float: right; font-size: 2rem; margin-top: 5px; } .dropmenu_sp ul li span i.action { transition: all 0.3s ease-out; transform: rotate(180deg); } .dropmenu_sp ul li > dl { display: none; background: #f7f7f7; position: relative; z-index: 1; } .dropmenu_sp ul li > dl a { display: block; height: 100%; width: 100%; font-size: 14px; color: #333333; text-decoration: none; text-align: center; border-bottom: #d4d4d4 1px solid; } } /* 绉诲姩绔笅鎷夎彍鍗 */ @media screen and (max-width: 767px) { .article { padding: 50px 10px; } .pl50 { padding-left: 0 !important; } .news .container_category a { padding: 0 8px; } } /* 瀹d紶瑙嗛_sp */ @media screen and (max-width: 767px) { .module.top_moive { display: none; } .module.top_moive_sp { padding: 20px 20px 0; display: block; } .module.top_moive_sp .moivebody { position: relative; } .module.top_moive_sp .moivebody .item_mask { transition: 0.36s ease; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); transition: 0.36s ease; } .module.top_moive_sp .moivebody a:hover img { transform: scale(1) translate3d(0, 0, 0); } .module.top_moive_sp .moivebody a:hover .item_mask { background-color: rgba(0, 0, 0, 0.4); } .module.top_moive_sp .moivebody .item_mask:after { transition: 0.36s ease; content: ""; background: #084a96; position: absolute; top: 50%; left: 50%; color: #fff; border-radius: 50%; width: 11.2vw; height: 11.2vw; top: 50%; left: 50%; margin: -5.6vw; transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive_sp .moivebody a:hover .item_mask:after { transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive_sp .moivebody .item_mask:before { transition: 0.36s ease; content: ""; background: url("../images/btn_play01.png") center center no-repeat; background-size: 100%; position: absolute; top: 50%; left: 50%; color: #fff; border-radius: 50%; z-index: 3; width: 11.2vw; height: 11.2vw; margin: -5.6vw; transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive_sp .moivebody a:hover .item_mask:before { transform: translate3d(0, 0, 0); opacity: 1; } .module.top_moive_sp .moiveslider_sp .moiveitem { color: #084a96; width: 100%; z-index: 2; box-sizing: border-box; transition: 0.36s ease; } .module.top_moive_sp .moiveslider_sp .moiveitem a { padding: 20px 0; display: block; color: #FFFFFF; } .module.top_moive_sp .moiveslider_sp .moiveitem .title { font-size: 20px; height: 1.5; font-weight: bold; margin-bottom: 10px; color: #084a96; } .module.top_moive_sp .moiveitem .subtitle { color: #666666; } .module.top_moive_sp .moiveitem .description { margin-top: 10px; transition: 0.36s ease; color: #666666; } } /* 瀹d紶瑙嗛_sp */ /* 瀛︽牎_sp */ @media screen and (max-width: 767px) { .module.top_school { display: none; } .module.top_school_sp { display: block; } .module.top_school_sp .schoolbody { overflow: hidden; width: 100%; position: relative; } .module.top_school_sp .schoolinfo { z-index: 2; width: 100%; } .module.top_school_sp .schoolinner { width: 100%; box-sizing: border-box; } .module.top_school_sp .schoolbody .title { font-size: 20px; font-weight: bold; line-height: 1.57; color: #084a96; margin: 10px 0; letter-spacing: 0.06em; } .module.top_schotop_school_spol .schoolbody .description { font-size: 14px; line-height: 2.4; color: #333; letter-spacing: 0.06em; } .module.top_school_sp .schoolbody .more { margin: 0 0 30px; } .module.top_school_sp .schoolbody .more .fa-angle-right:before, .module.top_school_sp .schoolbody .more .fa-angle-right:after { color: #084a96; line-height: 40px; } } /* 瀛︽牎_sp */ /* 鑱旂郴鎴戜滑澧炶ˉ鏍峰紡 */ .contact-icon img { width: 18px; height: 18px; } /* 鏍囬瀛椾綋琛ヤ竵 */ #arcont h1 { font-size: 24px; font-weight: bold; line-height: 2rem; padding: 10px 0; color: #333333; } #arcont h2 { font-size: 18px; font-weight: bold; line-height: 2rem; padding: 10px 0; color: #333333; } #arcont h3 { font-size: 16px; font-weight: bold; line-height: 2rem; padding: 10px 0; color: #333333; } #arcont h4 { font-size: 14px; font-weight: bold; line-height: 2rem; padding: 10px 0; color: #333333; } /* 20220711杩藉姞 */ .more_btn { margin: 0 auto; width: 150px; } .more_btn a { width: 150px; height: 44px; line-height: 44px; background-color: #0f4c94; display: block; color: #fff; font-size: 16px; } .more_btn a:hover { background-color: #0350ab; } /* 20220711杩藉姞 */ /* 20221026杩藉姞 */ .col-list9 { width: 870px; overflow: hidden; } .col-list9 ul { list-style-type: none; margin-right: -9px; width: 879px; } .col-list9 li { float: left; margin-left: 9px; margin-bottom: 9px; width: 284px; height: 175px; text-align: center; background: #f5f5f5; border-top: #084a96 2px solid; /* box-shadow: inset 1px 2px 0px 0px rgba(6, 74, 150, 0.8);*/ position: relative; } .col-list9 li a { height: 175px; position: relative; display: block; width: 100%; } .col-list9 li img { position: absolute; top: 0; left: 0; width: 100%; height:175px;} .col-list9 li span { position: absolute; top: 0; left: 0; width: 100%; height: 175px; display: flex; justify-content: center; align-items: center; background: #fff; filter: Alpha(opacity=70); background: rgba(255,255,255,0.7); font-weight: bolder } .col-list9 li span:hover { background: #084a96; color: #FFFFFF; opacity: 1; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out;} .col-list9 li span:hover:before {position: absolute; bottom: 10px; right: 20px; content: '鈫?; font-size: 18px; } @media screen and (max-width: 767px) { .col-list9 { width: 100%;} .col-list9 ul { margin-right: 0; width: 100%; } .col-list9 li { float: inherit; margin-left: 0; width: 100%; height: 200px; } .col-list9 li a { height: 200px;} .col-list9 li span { height: 200px; } .col-list9 li img { height: 200px; } } /* 20221026杩藉姞 */ /* 20221026杩藉姞 */ .col-list9-ce { width: 870px; overflow: hidden; } .col-list9-ce ul { list-style-type: none; margin-right: -9px; width: 879px; } .col-list9-ce li { float: left; margin-left: 9px; margin-bottom: 9px; width: 284px; height: 175px; text-align: center; background: #f5f5f5; /* box-shadow: inset 1px 2px 0px 0px rgba(6, 74, 150, 0.8);*/ position: relative; } .col-list9-ce li a { height: 175px; position: relative; display: block; width: 100%; } .col-list9-ce li img { position: absolute; top: 0; left: 0; width: 100%; height:175px;} .col-list9-ce li span { position: absolute; top: 0; left: 0; width: 100%; height: 175px; display: flex; justify-content: center; align-items: center; background: #fff; filter: Alpha(opacity=85); background: rgba(255,255,255,0.3); font-weight: bolder } .col-list9-ce li span:hover { color: #FFFFFF; opacity: 1; -webkit-transition: all 0.35s ease-out; transition: all 0.35s ease-out;} .col-list9-ce li span.ce1:hover { background-image: url('../images/ce_hover/ce1.png'); } .col-list9-ce li span.ce2:hover { background-image: url('../images/ce_hover/ce2.png'); } .col-list9-ce li span.ce3:hover { background-image: url('../images/ce_hover/ce3.png'); } .col-list9-ce li span.ce4:hover { background-image: url('../images/ce_hover/ce4.png'); } .col-list9-ce li span.ce5:hover { background-image: url('../images/ce_hover/ce5.png'); } .col-list9-ce li span.ce6:hover { background-image: url('../images/ce_hover/ce6.png'); } .col-list9-ce li.en span.ce1:hover { background-image: url('../images/ce_hover/ce1en.png'); } .col-list9-ce li.en span.ce2:hover { background-image: url('../images/ce_hover/ce2en.png'); } .col-list9-ce li.en span.ce3:hover { background-image: url('../images/ce_hover/ce3en.png'); } .col-list9-ce li.en span.ce4:hover { background-image: url('../images/ce_hover/ce4en.png'); } .col-list9-ce li.en span.ce5:hover { background-image: url('../images/ce_hover/ce5en.png'); } .col-list9-ce li.en span.ce6:hover { background-image: url('../images/ce_hover/ce6en.png'); } .col-list9-ce li span.ce21:hover { background-image: url('../images/ce_hover/ce24.png'); } .col-list9-ce li span.ce22:hover { background-image: url('../images/ce_hover/ce21.png'); } .col-list9-ce li span.ce23:hover { background-image: url('../images/ce_hover/ce22.png'); } .col-list9-ce li span.ce24:hover { background-image: url('../images/ce_hover/ce23.png'); } .col-list9-ce li span.ce25:hover { background-image: url('../images/ce_hover/ce25.png'); } .col-list9-ce li span.ce26:hover { background-image: url('../images/ce_hover/ce26.png'); } .col-list9-ce li.en span.ce21:hover { background-image: url('../images/ce_hover/ce24_en.png'); } .col-list9-ce li.en span.ce22:hover { background-image: url('../images/ce_hover/ce21_en.png'); } .col-list9-ce li.en span.ce23:hover { background-image: url('../images/ce_hover/ce22_en.png'); } .col-list9-ce li.en span.ce24:hover { background-image: url('../images/ce_hover/ce23_en.png'); } .col-list9-ce li.en span.ce25:hover { background-image: url('../images/ce_hover/ce25_en.png'); } .col-list9-ce li.en span.ce26:hover { background-image: url('../images/ce_hover/ce26_en.png'); } .col-list9-ce li span:hover:before {position: absolute; bottom: 10px; right: 20px; /*content: '鈫?;*/ font-size: 18px; } @media screen and (max-width: 767px) { .col-list9-ce { width: 100%;} .col-list9-ce ul { margin-right: 0; width: 100%; } .col-list9-ce li { float: inherit; margin-left: 0; width: 100%; height: 200px; } .col-list9-ce li a { height: 200px;} .col-list9-ce li span { height: 200px; } .col-list9-ce li img { height: 200px; } } /* 20221026杩藉姞 */