/** 娓呴櫎鍐呭杈硅窛 **/ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 缁撴瀯鍏冪礌 */ dl, dt, dd, ul, ol, li, /* list elements 鍒楄〃鍏冪礌 */ pre, /* text formatting elements 鏂囨湰鏍煎紡鍏冪礌 */ form, fieldset, legend, button, input, textarea, /* form elements 琛ㄥ崟鍏冪礌 */ th, td /* table elements 琛ㄦ牸鍏冪礌 */ { margin: 0; padding: 0; } /** 璁剧疆榛樿瀛椾綋 **/ body,button, input, select, textarea /* for ie */ { font: 14px/1.0 "Arial","Microsoft YaHei","榛戜綋","瀹嬩綋","KaiTi",sans-serif; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;} address, cite, dfn, em, var, i { font-style: normal; } /* 灏嗘枩浣撴壎姝 */ code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 缁熶竴绛夊瀛椾綋 */ small { font-size: 12px; } /* 灏忎簬 12px 鐨勪腑鏂囧緢闅鹃槄璇? 璁 small 姝e父鍖 */ /** 閲嶇疆鍒楄〃鍏冪礌 **/ ul, ol { list-style: none; } /** 閲嶇疆鏂囨湰鏍煎紡鍏冪礌 **/ a { color: #333; text-decoration: none; -webkit-tap-highlight-color: rgba(0,0,0,0);} a:hover { text-decoration: none; cursor: pointer; } sup { vertical-align: text-top; } /* 閲嶇疆, 鍑忓皯瀵硅楂樼殑褰卞搷 */ sub { vertical-align: text-bottom; } /** 閲嶇疆琛ㄥ崟鍏冪礌 **/ legend { color: #000; } /* for ie6 */ fieldset, img { border: 0; } /* img 鎼溅锛氳閾炬帴閲岀殑 img 鏃犺竟妗 */ button, input, select, textarea { font-size: 100%; outline: none;} /* 浣垮緱琛ㄥ崟鍏冪礌鍦 ie 涓嬭兘缁ф壙瀛椾綋澶у皬 */ button, input[type="button"] { cursor: pointer;-webkit-appearance: none;} input::-ms-clear{display:none;}/*闅愯棌鏂囨湰妗嗗弶瀛?/ input::-ms-reveal{display:none;}/*闅愯棌瀵嗙爜妗嗗皬鐪肩潧*/ /* 娉細optgroup 鏃犳硶鎵舵 */ /** 閲嶇疆琛ㄦ牸鍏冪礌 **/ table { border-collapse: collapse; border-spacing: 0; } /* 閲嶇疆 HTML5 鍏冪礌 */ article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section, summary, time, mark, audio, video { display: block; margin: 0; padding: 0; } body{ color: #333; background: #fff; padding-top: 92px; /* font-size: 100px; */ } .clear_both::after{ content: "."; display: block; height: 0; visibility: hidden; clear: both; } .w72{ width: 72%; box-sizing: border-box; margin: 0 auto; display: block; } .head_box{ position: fixed; z-index: 9; width: 100%; top: 0; left: 0; height: 92px; background: rgba(199,0,10,1); transition: 0.5s; -webkit-transition: 0.5s; } .head_box .w72{ height: 100%; } .head_box .logo_a{ float: left; height: 100%; width: 140px; background-image: url(../img/logo.png); background-repeat: no-repeat; background-size: contain; background-position: center; } .head_box .nav_ul{ float: left; font-size: 0; text-align: center; width: calc(100% - 392px); } .head_box .nav_ul li{ display: inline-block; vertical-align: top; margin: 0 24px; } .head_box .nav_ul li i{ display: none; font-size: 16px; float: right; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .nav_ul li.active_li i{ -webkit-transform: rotate(45deg); transform: rotate(45deg); } .head_box .nav_ul li>a{ display: block; font-size: 14px; color: #fff; line-height: 92px; position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .nav_ul li>a::after{ content: ""; position: absolute; left: 0; right: 0; margin: auto; bottom: 26px; width: 0; height: 2px; background: #fff; opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .nav_ul li.active>a::after{ opacity: 1; width: 100%; } .head_box .nav_ul li p{ overflow: hidden; opacity: 0; position: absolute; left: 0; top: 92px; width: 100%; height: 0; background: rgba(255,255,255,1); text-align: center; font-size: 0; box-shadow: 0 6px 6px rgba(0,0,0,0.1); transition: 0.5s; -webkit-transition: 0.5s; } .head_box .nav_ul li p a{ display: inline-block; vertical-align: top; font-size: 14px; line-height: 50px; margin: 0 30px; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .en_a{ float: right; font-size: 14px; color: #fff; line-height: 92px; margin-left: 14px; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .en_a::before{ content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 26px; background: #fff; margin-top: -2px; margin-right: 14px; } .head_box form{ float: right; height: 32px; border: 1px solid #fff; border-radius: 17px; position: relative; padding-right: 40px; margin-top: 29px; transition: 0.5s; -webkit-transition: 0.5s; } .head_box form input{ width: 160px; height: 100%; border: none; color: #fff; box-sizing: border-box; padding-left: 16px; background: none; } .head_box form input::-webkit-input-placeholder { color: rgba(204,204,204,0.7); } .head_box form input:-moz-placeholder { color: rgba(204,204,204,0.7); } .head_box form input::-moz-placeholder { color: rgba(204,204,204,0.7); } .head_box form input:-ms-input-placeholder { color: rgba(204,204,204,0.7); } .head_box form button{ position: absolute; width: 34px; height: 100%; top: 0; right: 4px; background: url(../img/ss.png) no-repeat center; border: none; } .headb_box{ background: rgba(199,0,10,0.8); height: 82px; } .headb_box .nav_ul li>a{ line-height: 82px; } .headb_box .en_a{ line-height: 82px; } .headb_box form{ margin-top: 24px; } .headb_box .nav_ul li p{ top: 82px; background: rgba(255,255,255,0.8); } .head_box .nav_div{ display: none; width: 52px; height: 52px; float: right; position: relative; } .head_box .nav_div span{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 30px; font-size: 0; } .head_box .nav_div i{ display: inline-block; width: 30px; height: 4px; border-radius: 2px; background: #fff; margin: 3px 0; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; } .head_box .active_div{ } .head_box .active_div i:nth-of-type(1){ -webkit-transform: rotate(45deg) translate(7px, 7px); transform: rotate(45deg) translate(7px, 7px); } .head_box .active_div i:nth-of-type(2){ opacity: 0; } .head_box .active_div i:nth-of-type(3){ -webkit-transform: rotate(-45deg) translate(7px, -7px); transform: rotate(-45deg) translate(7px, -7px); } .swiper_box{ position: relative; } .swiper_box .swiper-slide{ } .swiper_box .swiper-slide .bg_img{ width: 100%; vertical-align: top; } .swiper_box .swiper-slide .wa_img{ position: absolute; max-width: 80%; width: auto; left: 14%; top: 26%; opacity: 0; color: #fff; font-size: 50px; text-shadow: 0 4px 2px rgba(0,0,0,0.2); font-weight: bold; border-bottom: 2px solid #fff; padding-bottom: 10px; -webkit-transform: scale(0.6); transform: scale(0.6); transition: 1.0s; -webkit-transition: 1.0s; } .swiper_box .swiper-slide .wa_img small{ display: block; font-size: 30px; margin-top: 10px; text-transform: uppercase; } .swiper_box .swiper-slide .active_wa{ opacity: 1; -webkit-transform: scale(1.0); transform: scale(1.0); } .swiper_box .swiper-pagination{ right: 26px; left: auto !important; width: auto !important; bottom: 50% !important; transform: translateY(50%); } .swiper_box .swiper-pagination span{ display: block; width: 3px; background: #fff; opacity: 0.3; height: 66px; margin: 6px 0 !important; border-radius: 0; transition: 0.5s; -webkit-transition: 0.5s; } .swiper_box .swiper-pagination span.swiper-pagination-bullet-active{ opacity: 1; background: #fff; } .swiper_box .swiper-button-next{ right: 50px; } .swiper_box .swiper-button-prev{ left: 50px; } .swiper_box .title_div{ content: ""; position: absolute; width: 100%; height: 120px; left: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 3; } .swiper_box .title_div dl{ color: #fff; } .swiper_box .title_div dt{ float: left; width: 30%; box-sizing: border-box; text-align: right; margin-top: 20px; padding-right: 6%; } .swiper_box .title_div dt h5{ font-size: 20px; font-weight: bold; } .swiper_box .title_div dt h6{ font-size: 14px; margin: 6px 0 4px; } .swiper_box .title_div dt h6 i{ font-size: 30px; margin-left: 6px; display: inline-block; vertical-align: bottom; margin-bottom: -4px; } .swiper_box .title_div dt strong{ display: inline-block; padding-left: 20px; font-size: 34px; color: #ee3a23; background: url(../img/tb1.png) no-repeat left 0 bottom 5px; } .swiper_box .title_div dd{ width: 70%; float: right; font-size: 0; height: 120px; display: flex; display: -webkit-flex; align-items :flex-end; } .swiper_box .title_div dd a{ color: #fff; flex-grow: 1; margin-right: 1%; background-color: #c01e19; background-position: center; background-repeat: no-repeat; background-size: auto 90%; height: 104px; text-align: center; position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .swiper_box .title_div dd a:nth-of-type(3){ margin-right: 0; } .swiper_box .title_div dd span{ font-size: 22px; position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); } .swiper_box .title_div dd small{ display: block; font-size: 16px; margin-top: 10px; text-transform: uppercase; } .foot_box{ padding: 15px 0; background: #3e3d3d; color: #b2b2b2; font-size: 12px; line-height: 34px; } .foot_box .bah_a{ color: #b2b2b2; display: inline-block; vertical-align: top; margin-left: 30px; padding-left: 30px; background: url(../img/icon.png) no-repeat left center; } .foot_box .floi{ // float:right; width:100%; margin-top:10px } .foot_box h6{ float: left; } .f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .foot_box h6 a{ color: #b2b2b2; transition: 0.5s; -webkit-transition: 0.5s; } .foot_box p{ // float: right; // float:left; font-size: 18px; } .foot_box p span{ cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; font-size: 18px; } .foot_box .bdsharebuttonbox{ float: left; margin-left: 24px; font-size: 0; } .foot_box .bdsharebuttonbox::after{ display: none; } .foot_box .bdsharebuttonbox a{ display: inline-block; vertical-align: middle; float: none; margin: 0 10px 0 0; width: 21px; height: 21px; padding-left: 0; } .foot_box .bdsharebuttonbox a.bds_weixin{ background: url(../img/tb2.png) no-repeat; background-size: 100% 100%; } .foot_box .bdsharebuttonbox a.bds_tsina{ background: url(../img/tb3.png) no-repeat; background-size: 100% 100%; } .homeNews_box{ margin: 24px auto 34px; padding-bottom: 14%; position: relative; } .homeNews_box .divl{ position: absolute; height: 100%; width: 74%; top: 0; left: 0; } .homeNews_box .divl .link_h5{ width: 58%; position: relative; z-index: 3; background: #fff; } .homeNews_box .divl .link_h5 a{ font-size: 16px; height: 32px; line-height: 32px; color: #fff; display: block; width: 100px; text-align: center; background: #c01e19; margin-bottom: 28px; transition: 0.5s; -webkit-transition: 0.5s; } .homeNews_box .divl .link_h5 a::after{ content: ""; display: inline-block; vertical-align: top; width: 0; height: 14px; background: url(../img/tb20.png) no-repeat; background-size: auto 100%; margin-top: 8px; opacity: 0; margin-left: 0; transition: 0.5s; -webkit-transition: 0.5s; } .homeNews_box .divl .swiper-container{ padding-right: 16px; padding-top: 56px; position: absolute; width: 100%; height: 100%; box-sizing: border-box; left: 0; top: 0; } .homeNews_box .divl .swiper-pagination{ width: auto; right: 43%; transform: translateY(-50%); } .homeNews_box .divl .swiper-pagination span{ display: block; margin: 15px 0; background: rgba(204,204,204,0); border: 1px solid #ccc; opacity: 1; transition: 0.5s; -webkit-transition: 0.5s; } .homeNews_box .divl .swiper-pagination span.swiper-pagination-bullet-active{ background: rgba(204,204,204,1); } .homeNews_box .divl .swiper-slide{ padding-right: 45%; box-sizing: border-box; } .homeNews_box .divl .swiper-slide h6{ font-size: 22px; color: #c7000a; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 16px; } .homeNews_box .divl .swiper-slide span{ display: block; font-size: 14px; color: #999; margin-bottom: 22px; } .homeNews_box .divl .swiper-slide div{ font-size: 14px; color: #808080; line-height: 1.6; text-indent: 28px; } .homeNews_box .divl .swiper-slide em{ position: absolute; top: -56px; right: 0; width: 40%; height: calc(100% + 56px); overflow: hidden; } .homeNews_box .divl .swiper-slide em img{ width: 100%; height: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .homeNews_box .divl .swiper-slide-active{ z-index: 3; } .homeNews_box .a2{ position: absolute; top: 0; right: 0; width: 26%; height: 100%; overflow: hidden; } .homeNews_box img{ width: 100%; height: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .banner_box{ position: relative; overflow: hidden; width: 100%; } .banner_box img{ width: 100%; vertical-align: top; } .banner_box h5{ position: absolute; z-index: 3; left: 14%; top: 0%; opacity: 0; transform: translateY(-50%); font-size: 45px; color: #fff; letter-spacing: 6px; animation: mymove2 1s ease 0.3s forwards; } .banner_box h5 small{ letter-spacing: 0; display: block; font-size: 24px; margin-top: 12px; text-transform: uppercase; } .banner_box::after{ content: ""; position: absolute; left: 14%; bottom: -25%; opacity: 0; transform: translateY(50%); width: 24%; padding-bottom: 24%; background: url(../img/bg3.png) no-repeat; background-size: 100%; animation: mymove 1s ease 0.3s forwards; } @keyframes mymove2{ 0% {top: 0%;opacity: 0;} 100% {top: 50%;opacity: 1;} } @keyframes mymove{ 0% {bottom: -25%;opacity: 0;} 100% {bottom: 0;opacity: 1;} } .menu_box{ height: 60px; line-height: 60px; background: #fff; box-shadow: 0 3px 3px rgba(0,0,0,0.1); font-size: 0; position: relative; } .menu_box a{ display: inline-block; position: relative; vertical-align: top; font-size: 16px; margin-right: 52px; transition: 0.5s; -webkit-transition: 0.5s; } .menu_box a::after{ content: ""; position: absolute; width: 0; height: 2px; background: #c01e19; opacity: 0; margin: auto; left: 0; right: 0; bottom: 0; transition: 0.5s; -webkit-transition: 0.5s; } .menu_box a.active{ color: #c01e19; } .menu_box a.active::after{ width: 100%; opacity: 1; } .pd{ padding: 50px 0; } .title_h3{ text-align: center; font-size: 32px; letter-spacing: 4px; padding-bottom: 46px; } .title_h3 span{ display: inline-block; padding: 0 24px 0 28px; position: relative; } .title_h3 span::after{ content: ""; position: absolute; width: 100%; height: 3px; background: #c01e19; left: 0; top: 43px; } .title_h3 small{ display: block; font-size: 24px; color: #666; margin-top: 24px; text-transform: uppercase; } .paging_box{ text-align: center; margin-top: 50px; } .paging_box a{ display: inline-block; vertical-align: top; height: 38px; line-height: 38px; padding: 0 14px; background: #ccc; font-size: 14px; color: #fff; margin: 0 5px; transition: 0.5s; -webkit-transition: 0.5s; } .paging_box a.active{ background: #e21738; } .news_box{ } .news_box .divt{ background: url(../img/bg7.jpg) no-repeat left top / 100% 100%; padding: 50px 0; position: relative; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .divt::before{ content: ""; position: absolute; opacity: 1; right: 20px; top: 20%; width: 30%; padding-bottom: 30%; background: url(../img/bg8.png) no-repeat left top / 100% 100%; transition: 0.5s; -webkit-transition: 0.5s; } /* .news_box .divts{ background: url(../img/bg7.jpg) no-repeat left top / 100% 100%; } */ .news_box .divts::before{ opacity: 1; } .news_box .swiper-button-prev{ width: 14px; height: 24px; background: url(../img/tb19.png) no-repeat; background-size: 100% 100%; margin-top: -12px; } .news_box .swiper-button-next{ width: 14px; height: 24px; background: url(../img/tb22.png) no-repeat; background-size: 100% 100%; margin-top: -12px; } .news_box .swiper-slide{ font-size: 0; display: flex; display: -webkit-flex; background: #fff; } .news_box .swiper-slide em{ width: 45%; flex-shrink: 0; overflow: hidden; } .news_box .swiper-slide em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .swiper-slide div{ width: 55%; flex-shrink: 0; padding-left: 26px; padding-top: 50px; padding-right: 60px; letter-spacing: 2px; position: relative; box-sizing: border-box; } .news_box .swiper-slide div h6{ font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 14px; font-weight: bold; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .swiper-slide div span{ display: block; font-size: 12px; color: #ccc; margin-bottom: 16px; } .news_box .swiper-slide div dd{ font-size: 16px; color: #666; line-height: 1.6; height: 100px; overflow: hidden; text-indent: 32px; } .news_box .swiper-slide div small{ position: absolute; left: 26px; bottom: 24px; height: 36px; width: 138px; background: #c01e19; color: #fff; line-height: 36px; font-size: 16px; text-align: center; } .news_box .swiper-slide div small::after{ content: ""; display: inline-block; vertical-align: top; width: 0; height: 14px; background: url(../img/tb20.png) no-repeat; background-size: auto 100%; margin-top: 10px; opacity: 0; margin-left: 0; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .ulb{ } .news_box .ulb li{ margin-top: 22px; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .ulb li a{ display: flex; display: -webkit-flex; align-items: center; padding: 22px; background: #f7f7f7; font-size: 0; } .news_box .ulb li div{ width: calc(100% - 250px); flex-shrink: 0; letter-spacing: 2px; padding-right: 46px; } .news_box .ulb li div h6{ font-size: 20px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin-bottom: 14px; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .ulb li div span{ display: block; font-size: 12px; color: #ccc; margin-bottom: 20px; } .news_box .ulb li div dd{ font-size: 16px; color: #666; line-height: 1.6; height: 50px; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .ulb li div small{ display: inline-block; font-size: 14px; color: #999; margin-top: 16px; padding-right: 16px; background: url(../img/tb22h.png) no-repeat right 0 top 1px; background-size: auto 12px; transition: 0.5s; -webkit-transition: 0.5s; } .news_box .ulb li em{ width: 250px; overflow: hidden; } .news_box .ulb li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .book{ width:100%; position: relative; margin-top: 1.5rem; } // .book1{ // display:block; // float: left; // width:23.5%; // margin-right: 2%; // margin-bottom:.6rem; // } .book1{ display: block; float: left; width: 27.5%; margin-right: 8%; margin-bottom: .6rem; } .book1:nth-child(3n){ margin-right: 0; } .book1 img{ width:100%; height:100%; } .book1 .txt{ width:100%; line-height: 50px; font-size: 18px; text-align: center; } .dzs{ width:100%; height:500px; } .book1 .ico{ width:100%; text-align: center; height:4rem; } .book1 .ico img{ width:20%; height:auto; } .booktable{ width:100%; text-align: center; margin-bottom:30px; } .booktable a{ width:100px; height:35px; line-height:35px; background: #ccc; display:inline-block; vertical-align: top; margin:0 10px; font-size: 18px; color:#fff; transition: 0.5s; -webkit-transition: 0.5s; } .booktable a:hover{ background: #e21738; } .booktable a.on{ background: #e21738; } .hs_body{ background: #f7f7f7; } .newsinfo_box{ background: #fff; padding: 50px 9%; margin: 50px auto; letter-spacing: 2px; } .newsinfo_box .divt{ border-bottom: 1px solid #ccc; padding-bottom: 20px; } .newsinfo_box .divt h5{ font-size: 26px; margin-bottom: 16px; line-height: 1.4; } .newsinfo_box .divt h6{ font-size: 16px; color: #666; margin-bottom: 22px; line-height: 1.6; } .newsinfo_box .divt em{ font-size: 14px; color: #999; } .newsinfo_box .bdsharebuttonbox{ float: right; margin-top: -10px; font-size: 14px; color: #999; height: 25px; line-height: 25px; } .newsinfo_box .bdsharebuttonbox a{ float: none; width: 26px; height: 25px; display: inline-block; vertical-align: top; margin-top: -2px; padding: 0; margin: 0 0 0 4px; background-image: url(../img/tb10.jpg); background-repeat: no-repeat; } .newsinfo_box .bdsharebuttonbox a.bds_weixin{ background-position: 0 0; } .newsinfo_box .bdsharebuttonbox a.bds_tsina{ background-position: -35px 0; } .newsinfo_box .bdsharebuttonbox a.bds_sqq{ background-position: -70px 0; } .newsinfo_box .divm{ padding: 40px 0; font-size: 16px; color: #666; line-height: 1.6; } .newsinfo_box .divm p{ text-indent: 32px; margin-bottom: 24px; } .newsinfo_box .divb{ padding-right: 200px; position: relative; min-height: 41px; } .newsinfo_box .divb a.link_a{ display: block; font-size: 16px; line-height: 2.0; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.5s; -webkit-transition: 0.5s; } .newsinfo_box .divb a.return_a{ position: absolute; right: 0; top: 50%; margin-top: -20px; width: 158px; height: 39px; line-height: 39px; text-align: center; border: 1px solid #c7000a; font-size: 16px; color: #c7000a; transition: 0.5s; -webkit-transition: 0.5s; } .means_box{ } .means_box ul{ } .means_box li{ margin-top: 18px; } .means_box li h5{ font-size: 24px; color: #cd3926; margin-bottom: 24px; cursor: pointer; } /* .means_box li h5::after{ content: ""; display: inline-block; vertical-align: middle; margin-top: -4px; margin-left: 14px; width: 14px; height: 14px; background: url(../img/tb23.png) no-repeat center; transition: 0.5s; -webkit-transition: 0.5s; } */ .means_box li h5.active::after{ -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .means_box li div{ font-size: 0; } .means_box li div.divb{ } .means_box li div dd{ display: inline-block; vertical-align: top; width: 49%; margin-right: 2%; background: #f7f7f7; letter-spacing: 2px; box-sizing: border-box; padding: 14px 10px; margin-bottom: 16px; } .means_box li div dd:nth-of-type(2n){ margin-right: 0; } .means_box li div dd strong{ display: block; line-height: 1.4; font-weight: normal; font-size: 20px; margin-bottom: 14px; padding: 0 14px 10px 14px; border-bottom: 1px solid #d9d9d9; } .means_box li div dd p{ font-size: 18px; color: #666; padding: 0 14px; line-height: 1.4; } .notice_box{ } .notice_box ul{ margin-top: -20px; } .notice_box ul li{ background: #f7f7f7; margin-top: 20px; } .notice_box ul li a{ padding: 18px; display: block; font-size: 0; background: url(../img/tb4.png) no-repeat right 20px center; transition: 0.5s; -webkit-transition: 0.5s; } .notice_box ul li span{ display: inline-block; vertical-align: top; background: #e6e6e6; width: 130px; height: 62px; line-height: 62px; text-align: center; font-size: 16px; letter-spacing: 2px; transition: 0.5s; -webkit-transition: 0.5s; } .notice_box ul li h6{ display: inline-block; width: calc(100% - 130px); box-sizing: border-box; font-size: 16px; color: #666; line-height: 62px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; letter-spacing: 2px; padding-left: 40px; } .citizen_box{ } .citizen_box ul{ display: flex; display: -webkit-flex; } .citizen_box ul li{ flex-shrink: 0; width: 32%; margin-right: 2%; } .citizen_box ul li:nth-of-type(3n){ margin-right: 0; } .citizen_box ul li a{ display: block; display: flex; height: 100%; display: -webkit-flex; flex-wrap: wrap; flex-direction: column; } .citizen_box ul li em{ display: block; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,0.2); margin-bottom: 10px; } .citizen_box ul li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .citizen_box ul li div i{ position: absolute; top: 0; left: 50%; width: 20%; padding-bottom: 20%; -webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2) inset; } .citizen_box ul li div i img{ position: absolute; width: 120%; height: 120%; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%) rotate(45deg); transform: translate(-50%,-50%) rotate(45deg); } .citizen_box ul li div{ flex: 1; background: #fff; position: relative; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 20% 20px 16%; } .citizen_box ul li div h6{ font-size: 28px; text-align: center; margin-bottom: 28px; } .citizen_box ul li div p{ font-size: 18px; text-align: justify; line-height: 1.6; color: #666; } .citizeninfo_box{ } .citizeninfo_box .h4{ font-size: 26px; text-align: center; } .citizeninfo_box dl{ margin-top: 40px; } .citizeninfo_box p span{ display: block; background: #f7f7f7; padding: 16px 20px; line-height: 1 !important; font-size: 20px; margin-bottom: 30px; } .citizeninfo_box p span::before{ content: ""; display: inline-block; vertical-align: top; width: 3px; height: 20px; background: #c01e19; margin-right: 10px; } /* .citizeninfo_box dd{ padding: 34px 20px 0; } */ .citizeninfo_box p{ font-size: 16px; color: #666; line-height: 1.5; margin-bottom: 24px; padding-left: 0 !important; position: relative; } /* .citizeninfo_box p::before{ content: ""; position: absolute; width: 5px; height: 5px; background: #c01e19; border-radius: 50%; left: 0; top: 8px; } */ .citizeninfo_box dd em{ display: block; font-size: 0; } .citizeninfo_box dd em img{ display: inline-block; vertical-align: top; width: 32%; margin-right: 2%; } .citizeninfo_box dd em img:nth-of-type(3n){ margin-right: 0; } .duty_box{ } .duty_box ul{ margin-top: -20px; } .duty_box ul li{ background: #f7f7f7; margin-top: 20px; } .duty_box ul li a{ padding: 0 70px 0 28px; display: block; font-size: 0; height: 76px; line-height: 76px; background: url(../img/tb4.png) no-repeat right 28px center; transition: 0.5s; -webkit-transition: 0.5s; } .duty_box ul li span{ display: inline-block; vertical-align: top; width: 120px; font-size: 18px; letter-spacing: 2px; } .duty_box ul li h6{ display: inline-block; width: calc(100% - 120px); box-sizing: border-box; font-size: 18px; color: #666; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; letter-spacing: 2px; padding-left: 40px; } .charitable_box{ } .charitable_box ul{ } .charitable_box ul li{ } .charitable_box ul li a{ display: flex; display: -webkit-flex; align-items: center; background: #fff; } .charitable_box ul li:nth-of-type(2n) a{ flex-direction: row-reverse; } .charitable_box ul li em{ flex: 0 0 50%; overflow: hidden; position: relative; } .charitable_box ul li em::after{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -10px; width: 17px; height: 20px; background: url(../img/tb16.png) no-repeat; } .charitable_box ul li:nth-of-type(2n) em::after{ right: auto; left: 0; background: url(../img/tb17.png) no-repeat; } .charitable_box ul li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .charitable_box ul li div{ flex: 0 0 50%; letter-spacing: 2px; padding: 0 6%; box-sizing: border-box; max-height: 14.5rem; overflow: auto; } .charitable_box ul li div::-webkit-scrollbar { width: 5px; height: 5px; } .charitable_box ul li div::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.1); } .charitable_box ul li div::-webkit-scrollbar-thumb { background-image: -webkit-linear-gradient(0, #d77515, #d71518); background-image: linear-gradient(0, #d77515, #d71518); background-image: -webkit-linear-gradient(bottom, #d77515, #d71518); background-image: linear-gradient(to top, #d77515, #d71518); } .charitable_box ul li div::-webkit-scrollbar-thumb:window-inactive { background-image: -webkit-linear-gradient(0, #d77515, #d71518); background-image: linear-gradient(0, #d77515, #d71518); background-image: -webkit-linear-gradient(bottom, #d77515, #d71518); background-image: linear-gradient(to top, #d77515, #d71518); } .charitable_box ul li div::-webkit-scrollbar-thumb:vertical:hover { background-image: -webkit-linear-gradient(0, #d77515, #d71518); background-image: linear-gradient(0, #d77515, #d71518); background-image: -webkit-linear-gradient(bottom, #d77515, #d71518); background-image: linear-gradient(to top, #d77515, #d71518); } .charitable_box ul li div h6{ font-size: 26px; margin-bottom: 26px; } .charitable_box ul li div dd{ font-size: 16px; color: #666; line-height: 1.6; text-indent: 32px; } .charitable_box ul li div span{ font-size: 14px; color: #c7000a; display: block; width: 140px; height: 36px; line-height: 36px; border: 1px solid #c7000a; text-align: center; margin-top: 40px; transition: 0.5s; -webkit-transition: 0.5s; } .charitableinfo_box{ background: #fff; margin: 50px auto; padding: 50px 9%; } .charitableinfo_box .divt{ border-bottom: 1px solid #ccc; padding-bottom: 16px; } .charitableinfo_box .divt h5{ font-size: 26px; margin-bottom: 16px; text-align: center; } .charitableinfo_box .divt h6{ text-align: right; font-size: 0; } .charitableinfo_box .divt h6 span{ display: inline-block; vertical-align: middle; margin-top: -2px; font-size: 14px; color: #999; padding-right: 14px; margin-right: 14px; border-right: 1px solid #ccc; } .charitableinfo_box .bdsharebuttonbox{ display: inline-block; vertical-align: middle; font-size: 14px; color: #999; height: 25px; line-height: 25px; } .charitableinfo_box .bdsharebuttonbox a{ float: none; width: 26px; height: 25px; display: inline-block; vertical-align: top; margin-top: -2px; padding: 0; margin: 0 0 0 4px; background-image: url(../img/tb10.jpg); background-repeat: no-repeat; } .charitableinfo_box .bdsharebuttonbox a.bds_weixin{ background-position: 0 0; } .charitableinfo_box .bdsharebuttonbox a.bds_tsina{ background-position: -35px 0; } .charitableinfo_box .bdsharebuttonbox a.bds_sqq{ background-position: -70px 0; } .charitableinfo_box .divm{ padding: 40px 0; font-size: 16px; color: #666; line-height: 1.6; } .charitableinfo_box .divm p{ text-indent: 32px; margin-bottom: 24px; } .charitableinfo_box .divb{ text-align: center; } .charitableinfo_box .divb a{ display: inline-block; margin-top: -20px; width: 158px; height: 39px; line-height: 39px; text-align: center; border: 1px solid #c7000a; font-size: 16px; color: #c7000a; transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box{ padding-top: 50px; } .personnel_box .div1{ position: relative; overflow: hidden; margin-bottom: 60px; } .personnel_box .div1 img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box .div1::after{ content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.6); opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box .div1 dl{ position: absolute; z-index: 3; left: 14%; top: 50%; transform: translateY(-50%); color: #333; letter-spacing: 2px; } .personnel_box .div1 dt{ font-size: 30px; margin-bottom: 40px; text-align: center; } .personnel_box .div1 dd{ font-size: 16px; line-height: 1.6; opacity: 0; transform: translateY(80%); transition: 0.5s; -webkit-transition: 0.5s; } .dh_em{ position: absolute; z-index: 4; width: 72%; padding-bottom: 8.6%; bottom: 0; left: 14%; } .dh_em .i1{ position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: url(../img/bg12.png) no-repeat left top / 100% 100%; opacity: 0; transition: 2s 0.2s; -webkit-transition: 2s 0.2s; } .dh_em .i2{ position: absolute; top: 100%; left: 20%; width: 60%; height: 100%; background: url(../img/bg11.png) no-repeat left top / 100% 100%; opacity: 0; transition: 2s 0.4s; -webkit-transition: 2s 0.4s; } .dh_em .i3{ position: absolute; top: 100%; left: 36%; width: 26%; height: 80%; background: url(../img/bg10.png) no-repeat left top / 100% 100%; opacity: 0; transition: 2s 0.6s; -webkit-transition: 2s 0.6s; } .personnel_box .div2{ margin-bottom: 60px; width: 100%; overflow: hidden; } .personnel_box .div2 .swiper-container{ width: 120%; margin-left: -10%; } .personnel_box .div2 .swiper-slide{ } .personnel_box .div2 .swiper-slide img{ width: 100%; vertical-align: top; transform: translateY(30%); transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box .div2 .swiper-slide::after{ content: ""; width: 100%; height: 100%; left: 0; top: 0; position: absolute; background: rgba(0,0,0,0.6); transform: translateY(30%); transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box .div2 .swiper-slide h6{ position: absolute; left: 0; bottom: -60px; width: 100%; font-size: 20px; color: #fff; text-align: center; height: 60px; line-height: 60px; background: rgba(0,0,0,0.6); opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box .div2 .swiper-slide-active{ } .personnel_box .div2 .swiper-slide-active img{ transform: translateY(0); } .personnel_box .div2 .swiper-slide-active::after{ opacity: 0; transform: translateY(0); } .personnel_box .div2 .swiper-slide-active h6{ opacity: 1; bottom: 0; } .personnel_box .div2 .swiper-button-prev{ width: 14px; height: 25px; background: url(../img/tb21.png) no-repeat; left: 31%; top: 65%; margin-top: -12px; } .personnel_box .div2 .swiper-button-next{ width: 14px; height: 25px; background: url(../img/tb20.png) no-repeat; right: 31%; top: 65%; margin-top: -12px; } .personnel_box .div3{ margin-bottom: 60px; } .personnel_box .div3 .swiper-container{ padding: 0 30px; } .personnel_box .div3 .swiper-slide{ width: 100%; padding-bottom: 40%; } .personnel_box .div3 .swiper-slide a{ position: absolute; overflow: hidden; } .personnel_box .div3 .swiper-slide a img{ width: 100%; height: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box .div3 .swiper-slide a:nth-of-type(1){ width: 66%; height: 100%; top: 0; left: 0; } .personnel_box .div3 .swiper-slide a:nth-of-type(2){ width: 33%; height: 48.5%; top: 0; right: 0; } .personnel_box .div3 .swiper-slide a:nth-of-type(3){ width: 33%; height: 48.5%; bottom: 0; right: 0; } .personnel_box .div3 .swiper-button-prev{ width: 14px; height: 25px; background: url(../img/tb27.png) no-repeat; left: 0; top: 50%; margin-top: -12px; } .personnel_box .div3 .swiper-button-next{ width: 14px; height: 25px; background: url(../img/tb28.png) no-repeat; right: 0; top: 50%; margin-top: -12px; } .personnel_box .div4{ position: relative; overflow: hidden; } .personnel_box .div4 .swiper-slide{ } .personnel_box .div4 .swiper-slide img{ width: 100%; vertical-align: top; } .personnel_box .div4 .swiper-slide::after{ content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.6); opacity: 0; transition: 0.5s; -webkit-transition: 0.5s; } .personnel_box .div4 .swiper-slide h6{ position: absolute; z-index: 3; width: 100%; text-align: center; left: 0; top: 50%; transform: translateY(-50%); font-size: 42px; color: #333; transition: 0.5s; -webkit-transition: 0.5s; } .contact_box{ padding-top: 50px; } .contact_box .contact_div{ width: 100%; padding-bottom: 34%; position: relative; } .contact_box .contact_div #map{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .contact_box .contact_div dl{ position: absolute; left: 54%; top: 50%; padding: 40px; letter-spacing: 2px; transform: translateY(-50%); z-index: 3; background: url(../img/bg6.png) no-repeat right -30% bottom -54% #fff; background-size: 50%; box-sizing: border-box; box-shadow: 0 0 14px rgba(0,0,0,0.2); } .contact_box .contact_div dt{ font-size: 26px; font-weight: bold; padding-bottom: 18px; border-bottom: 1px solid #e6e6e6; } .contact_box .contact_div dd{ padding-top: 20px; } .contact_box .contact_div dd p{ font-size: 16px; color: #666; line-height: 24px; padding-left: 36px; margin-bottom: 12px; } .contact_box .contact_div dd p:nth-of-type(1){ background: url(../img/tb7.png) no-repeat; } .contact_box .contact_div dd p:nth-of-type(2){ background: url(../img/tb11.png) no-repeat; } .contact_box .contact_div dd p:nth-of-type(3){ background: url(../img/tb8.png) no-repeat; } .contact_box .contact_div dd p:nth-of-type(4){ background: url(../img/tb6.png) no-repeat; } .contact_box .contact_div dd a{ display: block; background: #b60029; width: 160px; height: 46px; color: #fff; font-size: 16px; line-height: 46px; text-align: center; margin-top: 30px; } .contact_box .contact_div dd a::before{ content: ""; display: inline-block; width: 18px; height: 18px; background: url(../img/tb15.png) no-repeat; vertical-align: middle; margin-right: 12px; } .recruit_div{ background: #fff; padding: 50px 9%; } .recruit_div dl{ font-size: 0; margin-bottom: 18px; } .recruit_div dt{ position: relative; border-bottom: 1px solid #e6e6e6; padding-bottom: 18px; } .recruit_div dt h6{ font-size: 16px; width: 180px; letter-spacing: 2px; box-sizing: border-box; color: #666; display: inline-block; vertical-align: middle; font-weight: bold; } .recruit_div dt ul{ display: inline-block; vertical-align: middle; width: calc(100% - 290px); box-sizing: border-box; border-left: 1px solid #e6e6e6; padding-left: 40px; } .recruit_div dt li{ display: inline-block; width: 33.33%; vertical-align: top; font-size: 14px; color: #999; line-height: 2.6; letter-spacing: 2px; } .recruit_div dt li span{ color: #666; } .recruit_div dt .dj_em{ display: inline-block; vertical-align: middle; width: 110px; height: 28px; font-size: 12px; text-align: center; line-height: 28px; background: #e6e6e6; cursor: pointer; letter-spacing: 2px; transition: 0.5s; -webkit-transition: 0.5s; } .recruit_div dt .dj_em::after{ content: "鐐瑰嚮灞曞紑"; } .recruit_div dt .active{ color: #fff; background: #c7000a; } .recruit_div dt .active::after{ content: "鐐瑰嚮鍏抽棴"; } .recruit_div dd{ display: none; padding: 30px; letter-spacing: 2px; border-bottom: 1px solid #e6e6e6; } .recruit_div dd h6{ font-size: 16px; margin-bottom: 12px; } .recruit_div dd div{ font-size: 14px; color: #666; line-height: 1.6; margin-bottom: 24px; padding-left: 20px; } .recruit_div dd .sq_em{ display: block; width: 110px; height: 28px; font-size: 12px; text-align: center; line-height: 28px; background: #e6e6e6; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .zwsq_box{ display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); } .zwsq_box .zwsq_div{ width: 510px; background: #fff; border-radius: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); overflow: hidden; } .zwsq_box .zwsq_div h6{ height: 90px; line-height: 90px; text-align: center; background: #f7f7f7; font-size: 20px; position: relative; } .zwsq_box .zwsq_div h6 .out_i{ position: absolute; width: 17px; height: 17px; background: url(../img/tb29.png) no-repeat; right: 12px; top: 12px; cursor: pointer; } .zwsq_box .zwsq_div form{ padding: 50px 80px; } .zwsq_box .zwsq_div form label{ display: block; font-size: 0; margin-bottom: 20px; } .zwsq_box .zwsq_div form label span{ display: inline-block; vertical-align: middle; width: 100px; height: 36px; line-height: 36px; color: #666; font-size: 16px; } .zwsq_box .zwsq_div form label a{ display: inline-block; vertical-align: middle; width: calc(100% - 102px); border: 1px solid #c01e19; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #c01e19; transition: 0.5s; -webkit-transition: 0.5s; } .zwsq_box .zwsq_div form label dd{ display: inline-block; vertical-align: middle; width: calc(100% - 102px); border: 1px solid #c01e19; height: 34px; line-height: 34px; text-align: center; font-size: 16px; color: #c01e19; position: relative; cursor: pointer; transition: 0.5s; -webkit-transition: 0.5s; } .zwsq_box .zwsq_div form em{ display: block; margin-left: 100px; font-size: 12px; color: #999; margin-top: -10px; } .zwsq_box .zwsq_div form button{ display: block; width: 180px; height: 36px; margin: 40px auto 0; background: #c01e19; color: #fff; border: none; font-size: 16px; } .zwsq_box .zwsq_div form label dd .controls{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .zwsq_box .zwsq_div form label dd .fileupload{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; } .zwsq_box .zwsq_div form label dd #js-photo-show{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .zwsq_box .zwsq_div form label dd .btn-success{ opacity: 0; } .zwsq_box .zwsq_div form label dd .img-list{ width: 100%; background: #fff; padding: 0 14px; box-sizing: border-box; } .zwsq_box .zwsq_div form label dd #js-photo-show a{ display: block; width: 100%; border: none; overflow: hidden; } .zwsq_box .zwsq_div form label dd .img-list-action{ position: absolute; top: 0; right: -50px; background: #fff; } .zwsq_box .zwsq_div form label dd .btn-del{ border: none; width: auto !important; font-size: 0; padding: 0 6px !important; } .zwsq_box .zwsq_div form label dd .btn-del::after{ content: "鍒犻櫎"; font-size: 16px; } .more_a{ display: block; width: 190px; height: 40px; border: 1px solid #c7000a; color: #c7000a; text-align: center; line-height: 40px; font-size: 16px; margin: 40px auto 0; letter-spacing: 2px; transition: 0.5s; -webkit-transition: 0.5s; } .more_a::before{ content: ""; display: inline-block; vertical-align: middle; width: 19px; height: 19px; background: url(../img/tb12.png) no-repeat; margin-right: 10px; margin-top: -2px; transition: 0.5s; -webkit-transition: 0.5s; } .build_box{ } .build_box dt{ text-align: center; } .build_box dt img{ vertical-align: top; } .build_box dd{ padding: 40px 0 0; font-size: 16px; color: #666; line-height: 1.6; letter-spacing: 2px; } .build_box dd p{ text-indent: 32px; margin-bottom: 24px; } .build_box dd p:last-of-type{ margin-bottom: 0; } .build_box .img_em{ display: block; } .build_box .img_em img{ width: 100%; vertical-align: top; } .property_box{ padding-bottom: 50px; } .property_box dl{ padding-bottom: 0; } .property_box .swiper_div{ width: 100%; overflow: hidden; position: relative; } .property_box .swiper-container{ /* width: 130%; margin-left: -15%; */ padding: 4% 0; } .property_box .swiper-slide{ transition: 0.5s; -webkit-transition: 0.5s; } .property_box .swiper-slide::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; background: rgba(0,0,0,0.5); transition: 0.5s; -webkit-transition: 0.5s; } .property_box .swiper-slide img{ width: 100%; vertical-align: top; } .property_box .swiper-slide-active{ -webkit-transform: scale(1.4); transform: scale(1.4); z-index: 3; } .property_box .swiper-slide-active::after{ opacity: 0; } .property_box .swiper-slide-active img{ } .property_box .swiper-button-prev{ width: 14px; height: 25px; background: url(../img/tb21.png) no-repeat; left: 20px; top: 50%; margin-top: -12px; } .property_box .swiper-button-next{ width: 14px; height: 25px; background: url(../img/tb20.png) no-repeat; right: 20px; top: 50%; margin-top: -12px; } .detail_box{ font-size: 0; } .detail_box .divl{ display: inline-block; vertical-align: top; width: 43%; box-sizing: border-box; padding: 14px; border: 1px solid #e6e6e6; } .detail_box .divl img{ width: 100%; vertical-align: top; } .detail_box .divl .swiper-pagination span{ background: #ae0009; } .detail_box .divl .swiper-pagination .swiper-pagination-bullet-active{ background: #ae0009; } .detail_box .divr{ display: inline-block; vertical-align: top; width: 57%; padding-top: 30px; box-sizing: border-box; padding-left: 40px; letter-spacing: 2px; } .detail_box .divr h6{ font-size: 24px; line-height: 32px; padding-bottom: 20px; margin-bottom: 24px; border-bottom: 1px solid #e6e6e6; padding-left: 44px; background: url(../img/tb13.png) no-repeat; } .detail_box .divr dd{ font-size: 16px; color: #666; line-height: 1.6; } .detail_box .divr small{ display: block; font-size: 16px; color: #999; margin-top: 20px; } .detail_box .divr em{ margin-top: 20px; display: inline-block; background: #f2f2f2; padding-right: 20px; font-size: 16px; height: 42px; line-height: 42px; } .detail_box .divr em::before{ content: ""; height: 42px; background: url(../img/tb14.png) no-repeat center #c7000a; width: 58px; display: inline-block; vertical-align: top; margin-right: 20px; } .detail_box .divr span{ display: block; text-align: right; margin-top: 30px; } .detail_box .divr span a{ display: inline-block; vertical-align: top; width: 124px; height: 32px; border: 1px solid #c7000a; color: #c7000a; font-size: 16px; text-align: center; line-height: 32px; transition: 0.5s; -webkit-transition: 0.5s; } .idea_box{ } .idea_box .divt{ background: #fff; padding-top: 50px; } .idea_box .div1{ position: relative; margin-bottom: 60px; } .idea_box .div1 img{ width: 100%; vertical-align: top; } .idea_box #xmzs{ display: block; transform: translateY(-100px); } .idea_box .div1 .swiper-container{ position: absolute; top: 50%; left: 14%; font-size: 0; transform: translateY(-50%); } .idea_box .div1 .swiper-button-prev{ display: none; } .idea_box .div1 .swiper-button-next{ display: none; } .idea_box .div1 .swiper-slide{ text-align: center; color: #fff; letter-spacing: 2px; padding: 9% 0; box-sizing: border-box; border-right: 1px solid rgba(255,255,255,0.3); } .idea_box .div1 .swiper-slide:last-of-type{ border-right: none; } .idea_box .div1 .swiper-slide h6{ font-size: 26px; margin-bottom: 10%; transition: 0.5s; -webkit-transition: 0.5s; } .idea_box .div1 .swiper-slide h6 small{ display: block; text-transform: uppercase; font-size: 14px; margin-top: 8px; } .idea_box .div1 .swiper-slide p{ font-size: 18px; line-height: 1.6; text-align: center; transition: 0.5s; -webkit-transition: 0.5s; } .idea_box .divb{ } .idea_box .divb form{ font-size: 0; } .idea_box .divb form input{ vertical-align: top; width: 23.5%; height: 60px; background: #fff; box-sizing: border-box; padding: 0 20px; font-size: 20px; margin-right: 2%; outline: none; border: none; letter-spacing: 2px; } .idea_box .divb form input::-webkit-input-placeholder { color: #333; } .idea_box .divb form input:-moz-placeholder { color: #333; } .idea_box .divb form input::-moz-placeholder { color: #333; } .idea_box .divb form input:-ms-input-placeholder { color: #333; } .idea_box .divb form select{ vertical-align: top; width: 23.5%; height: 60px; background: #fff; box-sizing: border-box; padding: 0 20px; font-size: 20px; margin-right: 2%; outline: none; border: none; letter-spacing: 2px; } .idea_box .divb form button{ vertical-align: top; height: 60px; width: 90px; background: url(../img/tb9.png) no-repeat center #c7000a; border: none; } .idea_box .divb ul{ } .idea_box .divb ul li{ width: 23.5%; margin-right: 2%; margin-top: 2%; float: left; } .idea_box .divb ul li:nth-of-type(4n){ margin-right: 0; } .idea_box .divb ul li a{ display: block; } .idea_box .divb ul li span{ display: block; overflow: hidden; } .idea_box .divb ul li em{ display: block; overflow: hidden; padding-bottom: 65%; background-repeat: no-repeat; background-size: cover; background-position: center; transition: 0.5s; -webkit-transition: 0.5s; } /* .idea_box .divb ul li em img{ position: absolute; height: 100%; width: auto; top: 0; left: 50%; transform: translateX(-50%); transition: 0.5s; -webkit-transition: 0.5s; } */ .idea_box .divb ul li h6{ font-size: 16px; color: #666; margin-top: 16px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; letter-spacing: 2px; transition: 0.5s; -webkit-transition: 0.5s; } .framework_box{ text-align: center; } .framework_box img{ width: 100%; vertical-align: top; } .qualification_box{ } .qualification_box .qualification_div{ padding: 40px; background-color: #fff; } .qualification_box dl{ background-image: url(../img/bg6.png); background-repeat: no-repeat; background-position: right -20% bottom 500%; background-size: 40%; position: relative; } .qualification_box dt{ display: inline-block; vertical-align: top; width: 35%; } .qualification_box dt img{ width: 100%; vertical-align: top; } .qualification_box dt h6{ background: #f7f7f7; font-size: 16px; color: #666; line-height: 1.6; padding: 16px 20px; position: relative; letter-spacing: 2px; } .qualification_box dt h6::after{ content: ""; position: absolute; width: 6px; height: 6px; background: #c01e19; border-radius: 50%; top: 25px; left: 8px; } .qualification_box dd{ position: absolute; width: 65%; height: 100%; top: 0; left: 35%; padding-left: 50px; overflow: hidden; letter-spacing: 2px; box-sizing: border-box; } .qualification_box dd p{ font-size: 16px; line-height: 1.6; margin-bottom: 22px; padding-left: 18px; position: relative; } .qualification_box dd p::after{ content: ""; position: absolute; width: 6px; height: 6px; background: #666; border-radius: 50%; top: 9px; left: 0; } .shareholder_box{ padding-top: 50px; } .shareholder_box dl{ text-align: right; position: relative; background: #f7f5f5; overflow: hidden; } .shareholder_box dd{ position: absolute; text-align: left; width: 50%; height: 100%; left: 0; top: 0; box-sizing: border-box; padding: 3% 5%; } .shareholder_box dd h6{ font-size: 26px; margin-bottom: 18px; } .shareholder_box dd .nr_div{ height: calc(100% - 120px); overflow: hidden; } .shareholder_box dd .nr_div p{ font-size: 16px; color: #666; line-height: 1.6; margin-bottom: 18px; text-indent: 32px; } .shareholder_box dd .nr_div p:last-of-type{ margin-bottom: 0; } .shareholder_box dd .more_a{ margin: 40px 0 0; } .shareholder_box dt{ display: inline-block; vertical-align: top; width: 50%; } .shareholder_box dt img{ width: 100%; vertical-align: top; } .mCSB_scrollTools{ width: 2px !important; } .mCSB_inside>.mCSB_container{ margin-right: 16px !important; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #ccc !important; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #c01e19 !important; width: 2px !important; } .culture_box{ padding-top: 50px; } .culture_box ul{ display: flex; display: -webkit-flex; margin-bottom: 50px; padding-top: 4%; } .culture_box ul li{ flex: 1; text-align: center; margin-right: 4%; /* border: 1px solid #b3b3b3; */ position: relative; padding: 8% 0 0; } .culture_box ul li:last-of-type{ margin-right: 0; } .culture_box ul li a{ position: absolute; width: 64%; padding-bottom: 64%; left: 50%; top: 0; transform: translate(-50%,-50%); background: url(../img/tb26.png) no-repeat; background-size: 100%; } .culture_box ul li a span{ font-size: 22px; color: #fff; line-height: 1.4; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); white-space: nowrap; } .culture_box ul li div{ font-size: 18px; color: #666; line-height: 1.8; } .culture_box .bg_img{ width: 100%; vertical-align: top; } .address_box{ } .address_box dl{ background: #fff; padding: 40px; background-color: #fff; background-image: url(../img/bg4.png); background-repeat: no-repeat; background-position: left -20% bottom -6%; background-size: 74%; } .address_box dt{ float: left; width: 42%; } .address_box dt img{ width: 100%; vertical-align: top; } .address_box dt.dw_dt{ width: 28.5%; position: fixed; left: calc(14% + 40px); top: 110px; } .address_box dd{ float: right; width: 58%; box-sizing: border-box; padding-left: 40px; font-size: 16px; line-height: 1.6; } .address_box dd p{ margin-bottom: 18px; text-indent: 32px; } .address_box dd p:last-of-type{ margin-bottom: 0; } .realestate_box{ } .realestate_box .realestate_div{ background: #fff; padding: 50px; } .realestate_box .title_h5{ font-size: 26px; margin-bottom: 40px; letter-spacing: 2px; } .realestate_box .title_h5 em{ display: block; font-size: 18px; color: #666; margin-top: 12px; } .realestate_box .title_h5 em span{ color: #c7000a; } .realestate_box .div1{ text-align: right; position: relative; } .realestate_box .div1 dt{ position: absolute; width: 48%; top: 0; left: 0; height: 100%; overflow: hidden; text-align: left; letter-spacing: 2px; } .realestate_box .div1 dt p{ font-size: 16px; color: #666; line-height: 1.6; text-indent: 32px; margin-bottom: 18px; } .realestate_box .div1 dd{ width: 48%; display: inline-block; vertical-align: top; } .realestate_box .div1 dd img{ width: 100%; vertical-align: top; } .realestate_box .div2{ font-size: 0; margin-top: 50px; } .realestate_box .div2 li{ display: inline-block; vertical-align: top; width: 24%; text-align: center; letter-spacing: 2px; box-sizing: border-box; position: relative; padding: 0 2%; } .realestate_box .div2 li:nth-of-type(3){ width: 26%; } .realestate_box .div2 li:nth-of-type(3){ width: 26%; } .realestate_box .div2 li::after{ content: ""; position: absolute; width: 1px; height: 60px; background: #ccc; top: 50%; right: 0; margin-top: -30px; } .realestate_box .div2 li:last-of-type::after{ display: none; } .realestate_box .div2 li span{ font-size: 54px; vertical-align: top; display: inline-block; color: #c7000a; } .realestate_box .div2 li sup{ font-size: 20px; vertical-align: top; display: inline-block; color: #c7000a; } .realestate_box .div2 li i{ font-size: 18px; vertical-align: bottom; display: inline-block; margin-bottom: 10px; color: #c7000a; } .realestate_box .div2 li em{ display: block; font-size: 16px; color: #666; margin-top: 14px; line-height: 1.6; } .realestate_box .div3{ margin-top: 50px; } .realestate_box .div3 img{ width: 100%; vertical-align: top; } .realestate_box .div4{ margin-top: 50px; } .realestate_box .div4 p{ font-size: 16px; color: #666; line-height: 1.6; text-indent: 32px; margin-bottom: 10px; } .realestate_box .div4 p:last-of-type{ margin-bottom: 0; } .realestate_box .div5{ margin-top: 50px; position: relative; cursor: pointer; overflow: hidden; height:400px; } .realestate_box .div5 img{ position: relative; z-index: 3; width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .realestate_box .div5::after{ content: ""; position: absolute; z-index: 4; width: 81px; height: 81px; background: url(../img/tb5.png) no-repeat; background-size: 100%; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.5s; -webkit-transition: 0.5s; } .realestate_box .active img{ opacity: 0; } .realestate_box .active::after{ opacity: 0; } .realestate_box .div5 video{ position: absolute; z-index: 2; width: 100%; height: auto; left: 0; top: 50%; transform: translateY(-50%); } .video_box{ display: none; position: fixed; z-index: 11; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0,0,0,0.8); } .video_box .video_div{ position: absolute; width: 60%; top: 50%; left: 20%; transform: translateY(-50%); } .video_box .video_div video{ width: 100%; } .video_box .video_div .out_i{ position: absolute; width: 25px; height: 25px; background: url(../img/tb30.png) no-repeat; right: -30px; top: -30px; cursor: pointer; } .course_box{ padding-top: 50px; } .course_box .bg_img{ width: 100%; vertical-align: top; } .course_box .swiper_div{ position: relative; padding: 0 9.6% 0 6.6%; margin-bottom: 50px; } .course_box .swiper_div .swiper-container{ padding: 200px 0; } .course_box .swiper_div .swiper-slide{ } .course_box .swiper_div .swiper-slide h6{ width: 100%; padding-bottom: 58%; position: relative; } .course_box .swiper_div .swiper-slide h6 i{ position: absolute; width: 100%; top: 0; left: 0; text-align: center; font-size: 40px; color: #c7000a; font-style: italic; } .course_box .swiper_div .swiper-slide dl{ position: absolute; width: 100%; bottom: 100%; left: 0; display: flex; display: -webkit-flex; flex-direction: column-reverse; } .course_box .swiper_div .swiper-slide dt{ width: 2px; height: 60px; background: #cb201a; margin: 20px auto; position: relative; } .course_box .swiper_div .swiper-slide dt::before{ content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #cb201a; top: -12px; left: 50%; margin-left: -6px; } .course_box .swiper_div .swiper-slide dt::after{ content: ""; position: absolute; width: 8px; height: 8px; border-radius: 50%; border: 2px solid #cb201a; bottom: -12px; left: 50%; margin-left: -6px; } .course_box .swiper_div .swiper-slide dd{ width: 160%; font-size: 16px; color: #666; line-height: 1.6; height: 90px; } .course_box .swiper_div .swiper-slide::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../img/tb24.png) no-repeat; background-size: 100% 100%; } .course_box .swiper_div .swiper-slide:nth-of-type(2n)::after{ background: url(../img/tb25.png) no-repeat; background-size: 100% 100%; } .course_box .swiper_div .swiper-slide:nth-of-type(2n) h6 i{ top: auto; bottom: 0; } .course_box .swiper_div .swiper-slide:nth-of-type(2n) dl{ bottom: auto; top: 100%; left: 0; flex-direction: column; } .course_box .swiper_div .swiper-button-prev{ width: 9.4%; height: 0; padding-bottom: 7.5%; background: url(../img/tb31.png) no-repeat; background-size: 100%; left: 0; opacity: 1; margin-top: 0; outline: none; transform: translateY(-50%); } .course_box .swiper_div .swiper-button-next{ width: 13.5%; height: 0; padding-bottom: 7.5%; background: url(../img/tb32.png) no-repeat; background-size: 100%; right: 0; opacity: 1; margin-top: 0; outline: none; transform: translateY(-50%); } .voice_box{ } .voice_box ul{ margin-top: -24px; } .voice_box ul li{ float: left; width: 32%; margin-right: 2%; margin-top: 24px; } .voice_box ul li:nth-of-type(3n){ margin-right: 0; } .voice_box li a{ display: inline-block; } .voice_box .aos-init li a{ display: block; } .voice_box li em{ display: block; overflow: hidden; } .voice_box li em img{ width: 100%; vertical-align: top; transition: 0.5s; -webkit-transition: 0.5s; } .voice_box li div{ padding: 0 12px; border: 1px solid #e6e6e6; } .voice_box li div h6{ font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 18px 0 14px; transition: 0.5s; -webkit-transition: 0.5s; } .voice_box li div dd{ font-size: 14px; color: #666; line-height: 1.6; height: 44px; overflow: hidden; } .voice_box li div span{ display: block; font-size: 14px; color: #999; margin-top: 28px; } .voice_box li div b{ display: block; border-top: 1px solid #e6e6e6; padding: 12px 0; font-size: 12px; color: #999; font-weight: normal; margin-top: 14px; transition: 0.5s; -webkit-transition: 0.5s; } .voice_box li div b i{ float: right; width: 15px; height: 11px; background: url(../img/tb33.png) no-repeat; transition: 0.5s; -webkit-transition: 0.5s; } .search_box{ padding: 40px 0; } .search_box p{ font-size: 14px; color: #999; height: 40px; line-height: 40px; border-bottom: 1px solid #ddd; margin-bottom: 30px; } .search_box h6{ margin-bottom: 12px; } .search_box ul li{ height: 40px; line-height: 40px; border-bottom: 1px solid #eee; } .search_box ul li a{ display: block; color: #333; transition: 0.5s; -webkit-transition: 0.5s; } #flsm_box{ position: fixed; z-index: 99; top: 0; right: -380px; width: 380px; height: 100%; line-height: 1.6; background-color: #2b2b2b; } #flsm_box div{ position: absolute; width: 320px; top: 50%; left: 30px; transform: translateY(-50%); } #flsm_box h5{ color: red; font-size: 38px; font-weight: 100; margin-bottom: 18px; } #flsm_box h6{ color: #fff; font-size: 14px; margin-bottom: 18px; } #flsm_box p{ font-size: 13px; color: #8C8C8C; margin-bottom: 18px; } #flsm_box p:last-of-type{ margin-bottom: 0; } @media (min-width: 1200px) { .foot_box p span:hover{ color: #fff; } .citizen_box ul li:hover em img{ -webkit-transform: scale(1.2); transform: scale(1.2); } .head_box .nav_ul li:hover>a::after{ opacity: 1; width: 100%; } .head_box .nav_ul li p a:hover{ color: #c01e19; } .swiper_box .title_div dd a:hover{ height: 164px; background-image: url(../img/bg2.png); } .foot_box h6 a:hover{ color: #fff; } .homeNews_box .divl .link_h5 a:hover::after{ margin-left: 6px; opacity: 1; width: 8px; } .homeNews_box .divl .swiper-slide:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .homeNews_box .a2:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .menu_box a:hover{ color: #c01e19; } .menu_box a:hover::after{ width: 100%; opacity: 1; } .paging_box a:hover{ background: #e21738; } .head_box .nav_ul li:hover p{ height: 50px; opacity: 1; } .news_box .swiper-slide:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .news_box .swiper-slide:hover div h6{ color: #c01e19; } .news_box .swiper-slide:hover div small::after{ margin-left: 6px; opacity: 1; width: 8px; } .news_box .ulb li:hover{ box-shadow: 0 0 14px rgba(0,0,0,0.2); } .news_box .ulb li:hover div h6{ color: #c01e19; } .news_box .ulb li:hover div dd{ padding-left: 18px; } .news_box .ulb li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .news_box .ulb li:hover div small{ padding-left: 18px; color: #c01e19; background: url(../img/tb22.png) no-repeat right 0 top 1px; background-size: auto 12px; } .newsinfo_box .divb a.link_a:hover{ color: #c7000a; } .newsinfo_box .divb a.return_a:hover{ color: #fff; background: #c7000a; } .notice_box ul li:hover a{ box-shadow: 0 0 14px rgba(0,0,0,0.2); } .notice_box ul li:hover span{ background: #c7000a; color: #fff; } .duty_box ul li:hover a{ box-shadow: 0 0 14px rgba(0,0,0,0.2); } .charitable_box ul li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .charitable_box ul li:hover div span{ background: #c7000a; color: #fff; } .charitableinfo_box .divb a:hover{ background: #c7000a; color: #fff; } .personnel_box .div1:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .personnel_box .div1:hover::after{ opacity: 1; } .personnel_box .div1:hover dl{ color: #fff; } .personnel_box .div1:hover dd{ transform: translateY(0); opacity: 1; } .personnel_box .div1:hover .dh_em .i1{ opacity: 1; top: 0; } .personnel_box .div1:hover .dh_em .i2{ opacity: 1; top: 0; } .personnel_box .div1:hover .dh_em .i3{ opacity: 1; top: 20%; } .personnel_box .div3 .swiper-slide a img:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); } /* .personnel_box .div4 .swiper-slide:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .personnel_box .div4 .swiper-slide:hover h6{ color: #fff; } .personnel_box .div4 .swiper-slide:hover::after{ opacity: 1; } .personnel_box .div4:hover .dh_em .i1{ opacity: 1; top: 0; } .personnel_box .div4:hover .dh_em .i2{ opacity: 1; top: 0; } .personnel_box .div4:hover .dh_em .i3{ opacity: 1; top: 20%; } */ .recruit_div dt .dj_em:hover{ color: #fff; background: #c7000a; } .recruit_div dd .sq_em:hover{ color: #fff; background: #c7000a; } .zwsq_box .zwsq_div form label a:hover{ background: #c01e19; color: #fff; } .zwsq_box .zwsq_div form label dd:hover{ background: #c01e19; color: #fff; } .more_a:hover{ background: #c7000a; color: #fff; } .more_a:hover::before{ background: url(../img/tb12h.png) no-repeat; } .detail_box .divr span a:hover{ background: #c7000a; color: #fff; } .idea_box .div1 .swiper-slide:hover h6{ transform: translateY(-30px); } .idea_box .div1 .swiper-slide:hover p{ transform: translateY(-30px); } .idea_box .divb ul li:hover em{ -webkit-transform: scale(1.1); transform: scale(1.1); } .idea_box .divb ul li:hover h6{ color: #c7000a; } .voice_box li:hover em img{ -webkit-transform: scale(1.1); transform: scale(1.1); } .voice_box li:hover div h6{ color: #c01e19; } .voice_box li:hover div b i{ background: url(../img/tb34.png) no-repeat; } .voice_box li:hover div b{ color: #c01e19; } .search_box ul li a:hover{ color: #c01e19; } } @media (max-width: 1600px) { .head_box .nav_ul{ width: calc(100% - 352px); } .head_box .nav_ul li{ margin: 0 20px; } .head_box form input{ width: 120px; } .course_box .swiper_div .swiper-slide h6 i{ font-size: 32px; } .foot_box p{ float: none; } } @media (max-width: 1500px) { body{ padding-top: 82px; } .w72{ width: 80%; } .head_box{ height: 82px; } .head_box .nav_ul li{ margin: 0 15px; } .head_box .nav_ul li>a{ line-height: 82px; } .head_box .en_a{ line-height: 82px; } .head_box form{ margin-top: 24px; } .head_box .nav_ul li p{ top: 82px; } .headb_box{ background: rgba(199,0,10,0.8); height: 72px; } .headb_box .nav_ul li>a{ line-height: 72px; } .headb_box .en_a{ line-height: 72px; } .headb_box form{ margin-top: 19px; } .headb_box .nav_ul li p{ top: 72px; } .head_box .nav_ul li>a::after{ bottom: 21px; } .banner_box h5{ font-size: 40px; left: 10%; } .banner_box h5 small{ font-size: 20px; } .menu_box{ height: 52px; line-height: 52px; } .title_h3{ font-size: 28px; } .title_h3 small{ font-size: 20px; } .title_h3 span::after{ top: 40px; } .address_box dt.dw_dt{ left: calc(10% + 40px); width: 31%; } .course_box .swiper_div .swiper-slide dt{ height: 50px; } .course_box .swiper_div .swiper-slide h6{ padding-bottom: 47%; } .culture_box ul li a span{ font-size: 20px; } .culture_box ul li{ padding: 6% 0; } .charitable_box ul li div{ padding: 0 4%; } .charitable_box ul li div span{ margin-top: 26px; } .means_box li div dd strong{ font-size: 18px; } .means_box li div dd p{ font-size: 16px; } .personnel_box .div4 .swiper-slide h6{ font-size: 36px; } .personnel_box .div1 dt{ font-size: 28px; } .personnel_box .div1 dl{ left: 10%; } .idea_box .div1 .swiper-slide h6{ font-size: 22px; } .recruit_div dt h6{ width: 140px; } .recruit_div dt ul{ width: calc(100% - 250px); } .idea_box .div1 ul{ left: 10%; } .swiper_box .title_div dd a:hover{ height: 150px; } .homeNews_box .divl .swiper-slide h6{ margin-bottom: 10px; } .homeNews_box .divl .swiper-slide span{ margin-bottom: 12px; } .swiper_box .swiper-slide .wa_img{ font-size: 40px; } .swiper_box .swiper-slide .wa_img small{ font-size: 24px; } .more_a{ width: 160px; } .citizen_box ul li div h6{ font-size: 24px; } .citizen_box ul li div p{ font-size: 16px; } } @media (max-width: 1400px) { .head_box .nav_ul li { margin: 0 12px; } .news_box .swiper-slide div dd{ height: 50px; } .homeNews_box .divl .swiper-slide div{ height: 66px; overflow: hidden; } .swiper_box .title_div dd span{ font-size: 20px; } .swiper_box .title_div dd small{ font-size: 16px; } .swiper_box .title_div{ height: 100px; } .swiper_box .title_div dt{ width: 36%; margin-top: 14px; } .swiper_box .title_div dd{ height: 100px; width: 64%; } .swiper_box .title_div dd a{ height: 86px; } .swiper_box .title_div dd a:hover{ height: 140px; } .news_box .swiper-slide div dd{ height: 75px; } .idea_box .divb form input{ height: 54px; font-size: 18px; } .idea_box .divb form button{ height: 54px; } .idea_box .divb form select{ height: 54px; font-size: 18px; } } @media (max-width: 1300px) { .head_box .nav_ul li { margin: 0 12px; } .charitable_box ul li div h6{ margin-bottom: 18px; } .charitable_box ul li div span{ margin-top: 18px; } .news_box .swiper-slide div dd{ height: 50px; } .news_box .swiper-slide div{ padding-top: 30px; } .news_box .swiper-slide div small{ bottom: 20px; } #flsm_box p{ margin-bottom: 12px; } #flsm_box h6{ margin-bottom: 12px; } #flsm_box h5{ margin-bottom: 12px; } } @media (max-width: 1200px) { body{ padding-top: 52px; } .w72{ width: 92%; } .pd{ padding: 36px 0; } .title_h3{ padding-bottom: 30px; font-size: 24px; } .title_h3 span{ padding: 0 14px 0 18px; } .title_h3 small{ font-size: 18px; } .foot_box{ padding: 10px 0; height: auto; line-height: 1.8; } .foot_box h6{ float: none; } .foot_box .bdsharebuttonbox{ display: none; } .foot_box .bah_a{ margin-left: 0; } .foot_box p{ float: none; margin-top: 10px; } .title_h3 span::after{ top: 34px; } .head_box{ height: 52px; } .head_box .w72{ width: 100%; padding-left: 4%; } .head_box .logo_a{ width: 124px; } .head_box form{ display: none; } .head_box .en_a{ line-height: 52px; float: left; margin-left: 30px; } .head_box .nav_ul li:hover>a::after{ display: none; } .head_box .nav_div{ display: block; } .head_box .nav_ul{ display: none; position: absolute; width: 100%; background-color: #c7000a; background-image: url(../img/bg3s.png); background-repeat: no-repeat; background-position: center; background-size: contain; left: 0; top: 52px; padding: 0 4%; box-sizing: border-box; box-shadow: 0 8px 8px rgba(0,0,0,0.2); } .head_box .nav_ul li{ width: 100%; margin-left: 0; border-top: 1px solid #ae0009; position: relative; margin-right: 0; } .head_box .nav_ul li i{ display: block; } .head_box .nav_ul li>a{ line-height: 44px; text-align: left; font-size: 16px; } .head_box .nav_ul li.active>a::after{ display: none; } .head_box .nav_ul li p{ display: none; position: static; height: auto; opacity: 1; padding: 0 4%; background: none; box-sizing: border-box; box-shadow: none; transition: none; -webkit-transition: none; } .head_box .nav_ul li p a{ display: block; color: #fff; width: 100%; margin: 0; text-align: left; line-height: 36px; } .banner_box img{ width: auto; height: 180px; } .banner_box h5{ font-size: 28px; left: 0; width: 100%; text-align: center; } .banner_box h5 small{ font-size: 14px; margin-left: -8px; } .menu_box .w72{ display: flex; display: -webkit-flex; flex-wrap: nowrap; overflow: auto; } .menu_box a{ margin-right: 24px; white-space: nowrap; } .address_box dl{ padding: 18px; } .address_box dt{ width: 100%; } .address_box dd{ width: 100%; padding-left: 0; margin-top: 30px; } .course_box{ padding-top: 36px; } .course_box .swiper_div{ padding: 0; margin-bottom: 36px; } .course_box .swiper_div .swiper-button-next{ background: url(../img/tb28.png) no-repeat; width: 14px; height: 25px; padding: 0; z-index: 3; } .course_box .swiper_div .swiper-button-prev{ background: url(../img/tb27.png) no-repeat; width: 14px; height: 25px; padding: 0; z-index: 3; } .course_box .swiper_div .swiper-container{ padding: 0; } .course_box .swiper_div .swiper-slide{ box-sizing: border-box; padding: 0 40px; } .course_box .swiper_div .swiper-slide h6{ padding-bottom: 0; } .course_box .swiper_div .swiper-slide h6 i{ position: static; display: block; } .course_box .swiper_div .swiper-slide dl{ position: static; flex-direction: column; margin-top: 14px; } .course_box .swiper_div .swiper-slide::after{ display: none; } .course_box .swiper_div .swiper-slide dt{ display: none; } .course_box .swiper_div .swiper-slide dd{ width: 100%; } .culture_box{ padding-top: 36px; } .culture_box ul{ display: block; margin-bottom: 36px; padding-top: 16%; } .culture_box ul li{ width: 100%; padding: 21% 0; } .culture_box ul li a{ width: 34%; padding-bottom: 34%; } .qualification_box .qualification_div{ padding: 18px; } .qualification_box dt{ width: 100%; } .qualification_box dd{ position: static; width: 100%; padding-left: 0; margin-top: 20px; } .qualification_box dd p{ margin-bottom: 16px; } .realestate_box .title_h5{ margin-bottom: 20px; } .realestate_box .realestate_div{ padding: 24px 18px; } .realestate_box .title_h5{ font-size: 22px; } .realestate_box .div1 dd{ width: 100%; } .realestate_box .div1 dt{ position: static; width: 100%; margin-top: 20px; } .mCSB_inside>.mCSB_container{ margin-right: 0 !important; } .realestate_box .div2{ margin-top: 36px; } .realestate_box .div2 li{ width: 100% !important; margin-bottom: 20px; } .realestate_box .div2 li::after{ display: none; } .realestate_box .div2 li span{ font-size: 42px; } .realestate_box .div2 li em{ margin-top: 6px; } .realestate_box .div3{ margin-top: 16px; } .realestate_box .div4{ margin-top: 36px; } .realestate_box .div5{ margin-top: 36px; } .realestate_box .div5::after{ width: 40px; height: 40px; } .shareholder_box{ padding-top: 36px; } .shareholder_box dt{ width: 100%; } .shareholder_box dd{ position: static; width: 100%; padding: 36px 4%; } .shareholder_box dd h6{ text-align: center; font-size: 22px; } .more_a{ width: 140px; height: 34px; line-height: 34px; margin: 36px auto 0; } .voice_box ul li{ width: 100%; margin-right: 0; } .voice_box li div span{ margin-top: 20px; } .newsinfo_box{ margin: 36px auto; padding: 30px 18px; } .newsinfo_box .divt h5{ font-size: 22px; } .newsinfo_box .bdsharebuttonbox{ float: none; margin-top: 12px; } .newsinfo_box .divm{ padding: 24px 0; } .newsinfo_box .divm p{ margin-bottom: 18px; } .newsinfo_box .divb{ padding-right: 0; } .newsinfo_box .divb a.return_a{ display: block; position: static; margin: 20px auto 0; } .charitable_box ul li a{ display: block; } .charitable_box ul li{ margin-bottom: 20px; } .charitable_box ul li:last-of-type{ margin-bottom: 0; } .charitable_box ul li em{ width: 100%; display: block; } .charitable_box ul li div{ width: 100%; padding: 24px 18px; } .charitable_box ul li div h6{ text-align: center; font-size: 22px; } .charitable_box ul li div span{ margin: 18px auto 0; } .foot_box .floi{ width:100%; } .charitableinfo_box{ margin: 36px auto; padding: 30px 18px; } .charitableinfo_box .divt h5{ font-size: 22px; } .charitableinfo_box .divt h6 span{ margin-right: 0; padding-right: 0; border-right: none; display: block; margin-bottom: 12px; } .charitableinfo_box .divm{ padding: 24px 0; } .charitableinfo_box .divm p{ margin-bottom: 18px; } .duty_box ul li a{ height: auto; line-height: 1; padding: 18px 50px 18px 14px; background: url(../img/tb4.png) no-repeat right 14px center; } .duty_box ul li span{ display: block; margin-bottom: 10px; width: 100%; font-size: 14px; color: #999; } .duty_box ul li h6{ padding-left: 0; width: 100%; font-size: 16px; } .means_box li h5{ font-size: 22px; margin-bottom: 18px; } .means_box li div dd{ width: 100%; } .notice_box ul li span{ display: block; width: 100%; font-size: 14px; line-height: 1; text-align: left; color: #999; margin-bottom: 10px; height: auto; background: none; } .notice_box ul li h6{ width: 100%; line-height: 1; padding-left: 0; } .paging_box{ margin-top: 36px; } .contact_box{ padding-top: 36px; } .contact_box .contact_div dl{ position: static; box-shadow: none; transform: translateY(0); padding: 0 18px; margin-bottom: 30px; } .contact_box .contact_div dt{ font-size: 22px; padding-bottom: 14px; } .contact_box .contact_div dd a{ width: 140px; height: 40px; line-height: 40px; } .contact_box .contact_div{ padding-bottom: 0; } .contact_box .contact_div #map{ position: static; height: 200px; } .personnel_box{ padding-top: 36px; } .personnel_box .div1 img{ height: 380px; width: auto; margin-left: 50%; transform: translateX(-50%); } .personnel_box .div1 dl{ left: 4%; margin-top: 0; transform: translateY(-50%); } .personnel_box .div1 dt{ font-size: 22px; margin-bottom: 20px; color: #fff; margin-bottom: 10px; } .personnel_box .div1::after{ opacity: 1; } .personnel_box .div1 dd{ display: block !important; transform: none; color: #fff; opacity: 1; font-size: 14px; } .personnel_box .div1{ margin-bottom: 36px; } .personnel_box .div2 .swiper-button-next{ display: none; } .personnel_box .div2 .swiper-button-prev{ display: none; } .personnel_box .div2 .swiper-slide::after{ display: none; } .personnel_box .div2 .swiper-slide img{ transform: translateY(0); } .personnel_box .div2 .swiper-slide h6{ font-size: 18px; height: 50px; line-height: 50px; } .personnel_box .div2{ margin-bottom: 36px; } .personnel_box .div3 .swiper-button-prev{ display: none; } .personnel_box .div3 .swiper-button-next{ display: none; } .personnel_box .div3 .swiper-container{ padding: 0; } .personnel_box .div3{ margin-bottom: 36px; } .personnel_box .div4 .swiper-button-next{ display: none; } .personnel_box .div4 .swiper-button-prev{ display: none; } .personnel_box .div4 .swiper-slide h6{ font-size: 24px; } .recruit_div{ padding: 30px 18px; } .recruit_div dt h6{ width: 100%; line-height: 28px; } .recruit_div dt ul{ width: 100%; padding-left: 0; border-left: none; margin-top: 12px; } .recruit_div dt li{ width: 50%; line-height: 1.6; } .recruit_div dt li:last-of-type{ width: 100%; } .recruit_div dt .dj_em{ position: absolute; top: 0; right: 0; } .recruit_div dd{ padding: 18px 0; } .zwsq_box .zwsq_div{ width: 92%; } .zwsq_box .zwsq_div h6{ height: 60px; line-height: 60px; } .zwsq_box .zwsq_div form{ padding: 30px 24px; } .zwsq_box .zwsq_div form button{ margin: 24px auto 0; } .news_box .swiper-slide{ display: block; } .news_box .swiper-slide em{ width: 100%; display: block; } .news_box .swiper-button-next{ display: none; } .news_box .swiper-button-prev{ display: none; } .news_box .divt{ padding: 36px 0; } .news_box .swiper-slide div{ padding: 24px 18px; display: block; box-sizing: border-box; width: 100%; } .news_box .swiper-slide div span{ margin-bottom: 16px; } .news_box .swiper-slide div small{ position: static; display: block; margin-top: 20px; } .news_box .ulb li a{ flex-direction: column-reverse; padding: 0; } .news_box .ulb li em{ width: 100%; } .news_box .ulb li div{ padding: 24px 18px; width: 100%; box-sizing: border-box; } .news_box .ulb li div span{ margin-bottom: 16px; } .build_box dd{ padding: 36px 0 0; } .detail_box .divl{ width: 100%; } .detail_box .divr{ width: 100%; padding-left: 0; } .detail_box .divr h6{ font-size: 22px; } .detail_box .divr em{ width: 100%; box-sizing: border-box; margin-top: 24px; } .detail_box .divr span{ text-align: center; } .idea_box .div1{ overflow: hidden; margin-bottom: 36px; } .idea_box .div1 img{ width: auto; height: 240px; } .idea_box .div1 ul{ left: 4%; display: flex; display: -webkit-flex; flex-wrap: nowrap; overflow: auto; } .idea_box .div1 .swiper-container{ left: 5%; width: 90%; } .idea_box .div1 .swiper-button-next{ display: block; outline: none; width: 28px; height: 24px; margin-top: -17px; } .idea_box .div1 .swiper-button-prev{ display: block; outline: none; width: 28px; height: 24px; margin-top: -17px; } .idea_box .div1 .swiper-slide{ border-right: none; box-sizing: border-box; padding: 0 10px; } .idea_box .div1 .swiper-slide h6{ font-size: 20px; } .idea_box .div1 .swiper-slide h6 small{ font-size: 12px; } .idea_box .div1 .swiper-slide p{ font-size: 14px; } .idea_box .divb ul li{ width: 100%; margin-right: 0; margin-top: 20px; } .idea_box .divb form input{ width: 49%; height: 50px; padding: 0 10px; font-size: 16px; } .idea_box .divb form select{ width: 49%; height: 50px; padding: 0 10px; font-size: 16px; margin-right: 0; } /* .idea_box .divb form select:nth-of-type(2){ margin-right: 0; } */ .idea_box .divb form button{ margin-top: 10px; width: 100%; height: 50px; background-size: auto 20px; } .property_box .swiper-slide::after{ display: none; } .property_box .swiper-container{ padding: 0; } .property_box .swiper-slide-active{ -webkit-transform: scale(1); transform: scale(1); } .property_box .swiper-button-next{ display: none; } .property_box .swiper-button-prev{ display: none; } .swiper_box .title_div{ position: static; height: auto; background: #fff; } .swiper_box .title_div dt h5{ font-size: 18px; display: inline-block; vertical-align: top; } .swiper_box .title_div dt h6{ display: inline-block; vertical-align: top; font-size: 18px; margin: 0; } .swiper_box .title_div dt h6 i{ font-size: 18px; vertical-align: top; font-weight: bold; color: #c7000a; } .swiper_box .title_div dt strong{ display: inline-block; vertical-align: top; margin-left: 20px; margin-top: 3px; } .swiper_box .title_div dl{ color: #333; } .swiper_box .swiper-pagination span{ height: 30px; } .swiper_box .title_div dt{ width: 100%; text-align: left; padding-right: 0; } .swiper_box .title_div dd{ width: 100%; } .swiper_box .title_div dd span{ font-size: 18px; } .swiper_box .title_div dd small{ font-size: 12px; line-height: 1.5; margin-top: 6px; } .idea_box .divt{ padding-top: 36px; } .swiper_box .title_div dd a{ background-image: url(../img/bg2.png); } .swiper_box .title_div dd a:hover{ height: 104px; } .homeNews_box .divl .link_h5{ margin-bottom: 16px; } .homeNews_box .divl .swiper-slide h6{ font-size: 20px; } .homeNews_box{ padding-bottom: 0; } .homeNews_box .divl{ position: static; width: 100%; height: auto; } .homeNews_box .divl .swiper-container{ position: relative; height: 94vw; padding-top: 0; padding-right: 0; } .homeNews_box .divr{ width: 100%; position: relative; margin-top: 20px; padding-bottom: 36%; } .homeNews_box .divr .a2{ position: absolute; top: 0; right: 0; height: 100%; } .swiper_box .swiper-button-next{ display: none; } .swiper_box .swiper-button-prev{ display: none; } .homeNews_box .divl .swiper-slide{ padding-right: 0; overflow: hidden; } .homeNews_box .divl .swiper-slide em{ position: static; display: block; width: 100%; } .homeNews_box .divl .swiper-slide em img{ width: 100%; height: auto; } .homeNews_box .a2{ position: relative; } .homeNews_box .divl .swiper-pagination{ display: none; } .swiper_box .swiper-slide .wa_img{ font-size: 22px; text-align: center; width: auto; max-width: 100%; white-space: nowrap; left: 50%; top: 50%; transform: translate(-50%,-50%); } .swiper_box .swiper-slide .wa_img small{ font-size: 14px; margin-top: 5px; } .citizen_box ul{ display: block; } .citizen_box ul li{ display: block; width: 100%; margin-right: 0; margin-bottom: 18px; } .citizen_box ul li div h6{ font-size: 22px; margin-bottom: 20px; } .citizen_box ul li:last-of-type{ margin-bottom: 0; } .citizen_box ul li div{ padding: 20% 18px 10%; } .citizeninfo_box .h4{ font-size: 24px; } .citizeninfo_box dl{ margin-top: 30px; } .citizeninfo_box p span{ padding: 10px 16px; } .citizeninfo_box p img{ width: 100%; vertical-align: top; } #flsm_box{ width: 100%; right: -100%; } #flsm_box div{ left: 5%; width: 90%; height: 100%; overflow: auto; } } .citizeninfo_box dl h3{ height: 46px; line-height: 46px; font-size: 20px; background: #f7f7f7; padding-left:19px; font-weight: 400; color: #000; margin-bottom:30px; } .citizeninfo_box dl h3:before{ content: ''; display: inline-block; vertical-align: middle; width: 3px; height: 19px; background: #c01e19; margin-right: 10px; margin-bottom:2px; } .citizeninfo_box dl h4{ padding-left:19px; color: #666; font-size: 16px; line-height: 1.7; } .citizeninfo_box dl h4:before{ content: ''; display: inline-block; vertical-align: middle; width: 5px; height: 5px; border-radius: 2.5px; background: #c01e19; margin-right: 7px; } .citizeninfo_box dl p{ color: #666; padding-left:31px!important; line-height: 1.7; } @media (max-width: 756px) { .book1 { display: block; float: left; width: 32%; margin-right: 2%; margin-bottom: .6rem; } .book1:nth-child(2n){ margin-right: 0; } .newsinfo_box .divm img{ width: 100% !important; height: auto !important; display: block; } }