/*鍒濆鍖栨牱寮?/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { margin: 0; padding: 0; border: 0; } body, div, span, object, iframe, h1, h2, h3, h4, p, blockquote, pre, a, address, code, b, em, img, dl, dt, dd, ol, ul, li, fieldset, form, label, footer, header, hgroup, navs, section { margin: 0; padding: 0; border: 0; } body { background: #fff; color: #333; position: relative; font: 14px/1.5 Microsoft YaHei, arial, 瀹嬩綋, sans-serif; vertical-align: baseline; width: 100%; overflow-x: hidden; } a { text-decoration: none; outline: none; color: #333; } a:hover, a:active, a:focus { text-decoration: none; outline: none; color: #ac6249; } input { padding: 0; margin: 0; font-family: 'Microsoft YaHei'; } img { border: none; background: none; vertical-align: middle; } ul, ol, li { list-style-type: none; } select, input, img, select { vertical-align: middle; } table { border-collapse: collapse; border-spacing: 0 } table, th, td { vertical-align: middle } .clearfix:after { content: "."; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .clearfix { zoom: 1 } .clearboth { height: 0px; line-height: 0px; overflow: hidden; clear: both; font-size: 0px; } h1, h2 { font-weight: bold; } hr { border: 0; border-top: 1px solid #ccc; height: 0; } h3, h4, h5, h6 { font-weight: normal; } p { margin: 0; } /*----- Common css ------*/ .fl { float: left; } .fr { float: right; } /*flex甯冨眬*/ .flex_wrap { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; } /*flex甯冨眬涓婁笅瀵归綈*/ .flex_alise { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; -o-align-content: space-between; align-content: space-between; } /*flex甯冨眬涓婁笅灞呬腑*/ .flex_alice { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; -o-align-content: center; align-content: center; } /*flex甯冨眬宸﹀彸瀵归綈*/ .flex_con { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } /*flex甯冨眬宸﹀彸灞呬腑*/ .flex_con_cen { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; -o-justify-content: center; justify-content: center; } /**/ .max1730 { max-width: 1830px; margin: 0 auto; padding: 0 50px; } .max1400 { max-width: 1500px; margin: 0 auto; padding: 0 50px; } .page_con_zhuti{ max-width: 1300px; margin: 0 auto; padding: 0 50px; } @media(max-width:1200px) { .max1730 { padding: 0 30px; } .max1400 { padding: 0 30px; } .page_con_zhuti{ padding: 0 30px; } } @media(max-width:991px) { .max1730 { padding: 0 20px; } .max1400 { padding: 0 20px; } .page_con_zhuti{ padding: 0 20px; } body { padding-top: 61px; } } @media(max-width:768px) { .max1730 { padding: 0 15px; } .max1400 { padding: 0 15px; } .page_con_zhuti{ padding: 0 15px; } } /*澶撮儴*/ #pc_header { height: 101px; line-height: 100px; border-bottom: solid 1px rgba(255,255,255,.8); position: absolute; width: 100%; left: 0; z-index: 999; } .pc_logo { width: 16%; border-right: solid 1px rgba(255,255,255,.8); } .pc_logo img { max-width: 100%; } .pc_nav { width: 84%; } .pc_dianhua{ background: #ac6249; height: 100px; line-height: 100px; width: 20%; font-size: 0; text-align: center; } .pc_dianhua_nn{ display: inline-block; vertical-align: middle; } .pc_dianhua h3{ font-size: 16px; line-height: 2; color: #fff; text-align: left; } .pc_dianhua h4{ font-size: 1.2rem; line-height: 1.5; font-weight: bold; color: #fff; text-align: left; } .pc_nav>ul { width: 80%; } .pc_nav>ul { display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; -o-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; -o-align-content: center; align-content: center; } .pc_nav>ul>li { width: 14.285714285%; float: left; position: relative; text-align: center; } .pc_nav>ul>li>a { font-size: 16px; line-height: 100px; color: #fff; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pc_nav_erji_w { position: absolute; z-index: 999; width: 100%; left: 0; top: 110px; background: #fff; border-radius: 5px; padding: 10px 0; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: all .3s ease; transition: all .3s ease; box-shadow: 0 0 15px rgb(0 0 0 / 20%); } .pc_nav>ul>li:hover .pc_nav_erji_w { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } .pc_nav>ul>li:hover>a { color: #ac6249; } .pc_nav_erji_w:after { content: ''; width: 0; height: 0; line-height: 0; font-size: 0; overflow: hidden; border-width: 10px; cursor: pointer; border-style: dashed dashed solid dashed; border-color: transparent transparent #fff transparent; border-top: none; position: absolute; top: -10px; left: 50%; margin-left: -10px; z-index: 99; } .pc_nav_erji_li a { font-size: 15px; line-height: 2; padding: 5px; color: #333; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .pc_nav_erji_li a:hover { background: #ac6249; color: #fff; } .pc_nav>ul>li:after { content: ''; position: absolute; z-index: 100; width: 100%; left: 0; height: 40px; opacity: 0; top: 100%; } .pc_sousuo { position: relative; width: 40px; } .pc_sousuo1 { width: 40px; height: 40px; background: url(../images/pc_sousuo_h.png) no-repeat center; margin-top: 30px; } .pc_sousuo2 { position: absolute; right: 0; top: 100px; width: 250px; z-index: 999; background: #ac6249; display: none; } .pc_sousuo2 input { outline: none; line-height: 45px; width: 36px; background: none; border: 0; background: #0662af; font-size: 13px; color: rgba(255, 255, 255, 0.28); float: left; } .pc_sousuo2 .pc_sousuo_con_tijiao { background: url(../images/pc_sousuo_b.png) no-repeat center; background-size: 20px; } .pc_sousuo2 .pc_sousuo_con_shuru { padding-left: 13px; line-height: 45px; width: calc(100% - 36px); background: none; border: 0; outline: none; font-size: 13px; color: rgba(255, 255, 255, 1); float: left; } .pc_sousuo2 .pc_sousuo_con_shuru::-webkit-autofill { -webkit-text-fill-color: rgba(255, 255, 255, 1) !important; transition: background-color 5000s ease-in-out 0s; } .pc_sousuo2 .pc_sousuo_con_shuru::placeholder { color: rgba(255, 255, 255, 1); } @media(max-width:1366px){ .pc_dianhua h4{ font-size: 18px; } } /*棣栭〉banner*/ .index_banner { position: relative; overflow: hidden; } .index_banner img { width: 100%; } .index_banner_yuandian { font-size: 0; text-align: center; position: absolute; left: 0; bottom: 3% !important; z-index: 99; } .index_banner_yuandian span { width: 15px; height: 15px; background: #fff; border-radius: 50%; opacity: 1; margin: 0 10px !important; } .index_banner_yuandian span.swiper-pagination-bullet-active { background: #ac6249; } @media(max-width:768px) { .index_banner_yuandian { bottom: 10px !important; } .index_banner_yuandian span { width: 14px; height: 14px; margin: 0 5px !important; } } /*鍏徃绠€浠?/ .index_gsjj{ position: relative; } .index_gsjjwz{ position: absolute; padding: 4.2% 0 0; left: 0; z-index: 9; width: 100%; top: 0; } .index_gsjj_fl{ width: 42%; } .index_gsjj_fl_ft_ft{ font-size: 2.4rem; font-weight: bold; color: transparent; -webkit-text-fill-color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px #999; } .index_gsjj_fl_ft_fc{ position: relative; padding-left: 5%; margin: 3.5% 0 0; } .index_gsjj_fl_ft_fc:before{ content: ''; position: absolute; left: 0; top: 0; width: 10px; height: 100%; background: #ac6249; } .index_gsjj_fl_ft_fc h3{ font-size: 1.4rem; line-height: 1; font-weight: bold; color: #111; } .index_gsjj_fl_ft_fc h4{ font-size: 1.6rem; line-height: 1; color: #666; margin-top: 10px; } .index_gsjj_fl_ft_fb{ font-size: 16px; line-height: 2; color: #999; margin:8% 0; } .index_gsjj_fl_ft_fb1{ font-size: 0; } .index_gsjj_fl_ft_fb1 a{ display: inline-block; line-height: 2; padding: 0.5rem 2.5rem; border: solid 1px #ac6249; border-radius: 6px; text-align: center; font-size: 16px; color: #ac6249; transition: all .3s ease; } .index_gsjj_fl_ft_fb1 a:nth-child(1){ margin-right: 3%; background: #ac6249; color: #fff; } .index_gsjj_fl_ft_fb1 a:hover{ background: #ac6249; color: #fff; } .index_gsjj_fr{ /*width: 57%;*/ width: 45%; position: relative; } .index_gsjj_fr img{ width: 100%; } .index_gsjj_fb{ width: 70%; padding:2%; margin-top: 3%; background-color: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.2); } .index_gsjj_fb ul{ font-size: 0; } .index_gsjj_fb li{ display: inline-block; width: 25%; border-right: 1px dashed #999; text-align: center; } .index_gsjj_fb li:nth-child(4n){ border-right: 0; } .index_gsjj_fb li h3{ text-align: left; } .index_gsjj_fb li h3 span.sz1{ font-size: 2.4rem; line-height: 1.5; font-weight: bold; } .index_gsjj_fb li h3 span.sz2{ display: inline-block; font-size: 14px; line-height: 20px; color: #fff; border-radius: 50%; width: 20px; height: 20px; text-align: center; background-color: #ac6249; margin-left: 5px; } .index_gsjj_fb li h4{ font-size: 16px; color: #111; line-height: 2; text-align: left; } .index_gsjj_fb_li_nn{ display: inline-block; } .index_gsjj_fl_img{ display: none; margin-bottom: 25px; } .index_gsjj_fl_img img{ width: 100%; } @media(max-width:1366px){ .index_gsjj_fl_ft_fc h3{ font-size: 20px; } .index_gsjj_fl_ft_fc h4{ font-size: 22px; } .index_gsjj_fl_ft_fb{ font-size: 14px; } .index_gsjj_fl_ft_fb1 a{ font-size: 14px; padding: 5px 20px; } .index_gsjj_fb{ margin-top: 2%; padding: 15px; } } @media(max-width:1180px){ .index_gsjjwz{ padding: 3% 0 0; } .index_gsjj_fr{ width: 62%; } } @media(max-width:991px){ .index_gsjjwz{ padding: 30px 0 0; position: static; } .index_gsjj_fl{ width: 100%; } .index_gsjj_fl_ft_ft{ font-size: 24px; } .index_gsjj_fl_ft_fc{ margin: 15px 0; } .index_gsjj_fl_img{ display: block; } .index_gsjj_fl_ft_fb{ margin: 20px 0; } .index_gsjj_fl_ft_fb1 a:nth-child(1){ margin-right: 15px; } .index_gsjj_fb{ width: 100%; margin-top: 20px; } .index_gsjj_fr{ display: none; } .index_gsjj_fb li h3 span.sz1{ font-size: 24px; } } @media(max-width:768px){ .index_gsjj_fb li{ width: 50%; margin: 5px 0; } .index_gsjj_fb li:nth-child(2n){ border-right: 0; } } @media(max-width:468px){ .index_gsjj_fb{ padding: 15px 0; } } /*璁惧灞曠ず*/ .index_sbzs{ padding: 4% 0; } .index_sbzs_fl{ width: 68%; } .index_sbzs_fl ul{ overflow: hidden; font-size: 0; } .index_sbzs_fl li{ display: inline-block; width: 32%; margin-right: 2%; vertical-align: bottom; position: relative; overflow: hidden; } .index_sbzs_fl li:nth-child(3n){ margin-right: 0; } .index_sbzs_fl li .img{ overflow: hidden; } .index_sbzs_fl li .img img{ width: 100%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .index_sbzs_fl li:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .index_sbzs_fl li .wz{ position: absolute; bottom: 0; padding:10% 5%; left: 0; width: 100%; background-image: linear-gradient(rgba(192, 98, 73, 0), #ac6249); } .index_sbzs_fl li .wz h3{ font-size: 18px; font-weight: bold; color: #fff; position: relative; z-index: 15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_sbzs_fl li .wz::after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background-color: #ac6249; transform: translateY(100%); z-index: 9; transition: all .5s ease; } .index_sbzs_fl li:hover .wz::after{ transform: translateY(0); } .index_sbzs_fr{ width: 25%; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: space-between; -moz-align-content: space-between; -ms-align-content: space-between; -o-align-content: space-between; align-content: space-between; } .index_sbzs_fr_ft{ width: 100%; } .index_sbzs_fr_ft h3{ font-size: 2.4rem; line-height: 1; font-weight: bold; color: transparent; -webkit-text-fill-color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px #999; } .index_sbzs_fr_ft h4{ font-size: 1.4rem; font-weight: bold; color: #111; line-height: 2; margin-top: 6%; } .index_sbzs_fr_fc{ font-size: 18px; line-height: 1.8; color: #666; width: 100%; } .index_sbzs_fr_fb{ width: 100%; } .index_sbzs_fr_fb li.on a{ background-color: #eee; } .index_sbzs_fr_fb li a{ display: block; padding:3% 15%; background-color: #f8f8f8; font-size: 1.2rem; line-height: 2; color: #333; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .index_sbzs_fr_fb li a:before{ content: ''; position: absolute; right:90%; top: 50%; width: 0; height: 1px; background: #ac6249; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; } .index_sbzs_fr_fb li.on a:before{ width: 20%; } .index_sbzs_fr_fb li.on a{ color: #ac6249; } @media(max-width:1366px){ .index_sbzs_fr_ft h4{ font-size: 20px; } .index_sbzs_fr_fc{ font-size: 16px; } .index_sbzs_fr_fb li a{ font-size: 16px; } } @media(max-width:991px){ .index_sbzs{ padding: 30px 0; } .index_sbzs .index_sbzs_con{ -webkit-flex-direction: column-reverse; -moz-flex-direction: column-reverse; -ms-flex-direction: column-reverse; -o-flex-direction: column-reverse; flex-direction: column-reverse; } .index_sbzs_fr{ width: 100%; } .index_sbzs_fl{ width: 100%; margin-top: 20px; } .index_sbzs_fr_ft h3{ font-size: 24px; } .index_sbzs_fr_ft h4{ margin-top: 15px; line-height: 1.5; } .index_sbzs_fr_fc{ margin: 15px 0; } } @media(max-width:768px){ .index_sbzs_fl li{ width: 49%; } .index_sbzs_fl li:nth-child(2n){ margin-right: 0; } .index_sbzs_fl li:nth-child(n+3){ display: none; } .index_sbzs_fl li .wz h3{ font-size: 16px; } } @media(max-width:468px){ .index_sbzs_fr_fc{ font-size: 14px; } .index_sbzs_fl li{ width: 100%; margin-right: 0!important; margin-bottom: 10px; } .index_sbzs_fl li .wz{ padding: 10% 15px; } .index_sbzs_fl li:last-child{ margin-bottom: 0; } .index_sbzs_fl li:nth-child(n+3){ display: block; } .index_sbzs_fr_fb li a{ padding: 15px 15%; } } /*琛屼笟搴旂敤*/ .index_hyyy{ position: relative; overflow: hidden; } .index_hyyy_img img{ width:100%; } .index_hyyy_wz .wz_ft{ width:100%; position: absolute; left: 0; top: 12%; z-index: 9; } .index_hyyy_wz .wz_ft h3{ font-size: 2.4rem; line-height: 1.5; font-weight: bold; color: transparent; -webkit-text-fill-color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px #fff; } .index_hyyy_wz .wz_ft h4{ font-size: 1.4rem; line-height: 1.5; font-weight: bold; color: #fff; } .index_hyyy_wz .wz_fb{ width:100%; position: absolute; left: 0; bottom:-1px; z-index: 9; } .index_hyyy_wz .wz_fb_ft{ font-size: 18px; color: #fff; line-height: 30px; max-width: 1180px; } .index_hyyy_wz .wz_fb_fb{ margin-top: 3%; border: solid 1px rgba(255, 255, 255, 0.4); overflow: hidden; } .index_hyyy_wz .wz_fb_fb li:nth-child(1){ border-left: solid 1px rgba(255, 255, 255, 0); } .index_hyyy_wz .wz_fb_fb li{ padding: 5.5% 6% 2.5% 2.5%; border-left: solid 1px rgba(255, 255, 255, 0.4); position: relative; cursor: pointer; } .index_hyyy_wz .wz_fb_fb li h3{ font-size: 18px; line-height: 2; font-weight: bold; color: #fff; position: relative; } .index_hyyy_wz .wz_fb_fb li h4{ font-size: 16px; color: rgba(255, 255, 255, 0.4); line-height: 2; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .index_hyyy_wz .wz_fb_fb li .img_tubiao{ position: absolute; right: 8%; top: 8%; width:24%; } .index_hyyy_wz .wz_fb_fb li .img_tubiao img{ width: 100%; } .index_hyyy_wz .wz_fb_fb li.on{ background: #ac6249; } @media(max-width:1366px){ .index_hyyy_wz .wz_ft h4{ font-size: 20px; } .index_hyyy_wz .wz_fb_ft{ font-size: 16px; } .index_hyyy_wz .wz_fb_fb li h3{ font-size: 17px; } .index_hyyy_wz .wz_fb_fb li h4{ font-size: 14px; } } @media(max-width:991px){ .index_hyyy_wz .wz_ft{ top: 30px; } .index_hyyy_wz .wz_ft h3{ font-size: 24px; } } @media(max-width:768px){ .index_hyyy_wz .wz_fb_fb{ margin-top: 15px; } .index_hyyy_img img{ height: 380px; width: 100%; object-fit: cover; } .index_hyyy_wz .wz_fb_fb li{ padding: 20px; } .index_hyyy_wz .wz_fb_fb li .img_tubiao{ width: 45px; } } @media(max-width:468px){ .index_hyyy_wz .wz_fb_ft{ font-size: 14px; max-height: 150px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; } } /*浜у搧涓績*/ .index_cpzx{ padding: 3% 0; } .index_cpzx_ft{ font-size: 0; } .index_cpzx_ft_fl{ width: 45%; display: inline-block; vertical-align: bottom; } .index_cpzx_ft_fl h3{ font-size: 2.4rem; line-height: 1.5; font-weight: bold; color: transparent; -webkit-text-fill-color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px #999; } .index_cpzx_ft_fl h4{ font-size: 1.4rem; line-height: 1.5; font-weight: bold; } .index_cpzx_ft_fl h4:after{ content: ''; width: 78%; margin-left: 3%; display: inline-block; border-bottom: 1px dashed #ac6249; } .index_cpzx_ft_fr{ width: 55%; display: inline-block; vertical-align: middle; text-align: right; } .index_cpzx_ft_fr ul{ display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */ -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; -o-justify-content: space-between; justify-content: space-between; } .index_cpzx_ft_fr li{ display: inline-block; } .index_cpzx_ft_fr a{ display: block; font-size: 18px; color: #111; padding-right: 15px; background: url(../images/img/xinwenjiantou.png)no-repeat right center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_cpzx_ft_fr a:hover{ color: #ac6249; background: url(../images/img/xinwenjiantou_h.png)no-repeat right center; } .index_cpzx_fb{ margin-top: 3%; overflow: hidden; } .index_cpzx_fb li{ text-align: center; } .index_cpzx_fb li .img{ overflow: hidden; background-color: #e7e6e6; } .index_cpzx_fb li img{ width:100%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .index_cpzx_fb li:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .index_cpzx_fb li .wz{ padding: 5% 14%; background-color: #f5f5f5; position: relative; } .index_cpzx_fb li .wz h3{ font-size: 18px; line-height: 2; color: #111; font-weight: bold; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_cpzx_fb li .wz h3:before{ content: ''; position: absolute; right: 88%; width: 0; height: 2px; background: #ac6249; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; -ms-transition: all 0.3s; } .index_cpzx_fb li:hover h3{ color: #ac6249; } .index_cpzx_fb li:hover .wz h3:before{ width: 8%; } @media(max-width:1580px){ .index_cpzx_ft_fr a{ font-size: 16px; } } @media(max-width:1366px){ .index_cpzx_ft_fl h4{ font-size: 20px; } .index_cpzx_ft_fl{ width: 30%; } .index_cpzx_ft_fl h4:after{ width: 60%; } .index_cpzx_ft_fr{ width: 70%; } .index_cpzx_fb li .wz h3{ font-size: 16px; } } @media(max-width:991px){ .index_cpzx{ padding: 30px 0; } .index_cpzx_ft_fl h3{ font-size: 24px; } .index_cpzx_ft_fl{ width: 100%; } .index_cpzx_ft_fr{ width: 100%; margin-top: 20px; } .index_cpzx_fb{ margin-top: 20px; } } @media(max-width:768px){ .index_cpzx_ft_fr li{ width: 30%; margin: 8px 0; margin-right: 5%; text-align: left; } .index_cpzx_ft_fr li:nth-child(3n){ margin-right: 0; } } @media(max-width:468px){ .index_cpzx_ft_fr li{ width: 48%; margin-right: 4%; } .index_cpzx_ft_fr li:nth-child(3n){ margin-right: 4%; } .index_cpzx_ft_fr li:nth-child(2n){ margin-right: 0; } } /*鏂伴椈鍔ㄦ€?/ .index_xwdt{ background-color: #f5f5f5; overflow: hidden; } .index_xwdt .index_xwdt_nn{ position: relative; padding: 4% 0; } .index_xwdt_ft{ font-size: 0; position: relative; } .index_xwdt_nn_sekuai{ width: 30%; top: -4%; position: absolute; left: 0; height: 150%; } .index_xwdt .index_xwdt_nn_sekuai::after{ position: absolute; content: ''; width: 200%; height: 100%; right: 0; top: 0; background-color: #e7e6e6; z-index: 9; } .index_xwdt_ft_fl{ width: 30%; margin-right: 5%; display: inline-block; vertical-align: middle; position: relative; z-index: 10; } .index_xwdt_ft_fl_ft h3{ font-size: 2.4rem; font-weight: bold; line-height: 1.5; color: transparent; -webkit-text-fill-color: rgba(255, 255, 255, 0); -webkit-text-stroke: 1px #ac6249; position: relative; z-index: 99; } .index_xwdt_ft_fl_ft h4{ font-size: 1.4rem; font-weight: bold; line-height: 1.5; color: #111; } .index_xwdt_ft_fl_fb{ font-size: 1.6rem; color: #999; line-height: 1.5; } .index_xwdt_ft_fr{ width: 65%; display: inline-block; vertical-align: middle; text-align: right; } .index_xwdt_ft_fr li{ display: inline-block; margin-right: 2rem; } .index_xwdt_ft_fr li:nth-child(3){ margin-right: 0; } .index_xwdt_ft_fr a{ display: block; font-size: 18px; color: #111; padding-right: 15px; background: url(../images/img/xinwenjiantou.png)no-repeat right center; } .index_xwdt_ft_fr a:hover{ color: #ac6249; background: url(../images/img/xinwenjiantou_h.png)no-repeat right center; } .index_xwdt_fb{ margin-top: 2.5%; } .index_xwdt_fb_fl{ width: 30%; } .index_xwdt_fb_fl .img{ overflow: hidden; } .index_xwdt_fb_fl .img img{ width: 100%; position: relative; z-index:11; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; } .index_xwdt_fb_fl:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .index_xwdt_fb_fl .wz{ width:85%; background: #e7e6e6; padding: 4%; margin-top: -10%; position: relative; z-index: 12; } .index_xwdt_fb_fl .wz h3{ font-size: 18px; font-weight: bold; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_xwdt_fb_fl:hover .wz h3{ color: #ac6249; } .index_xwdt_fb_fl .wz h4{ font-size: 14px; line-height: 2; color: #666; height: 84px; margin-top: 4%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .index_xwdt_fb_fr{ width: 65%; overflow: hidden; padding: 20px 0 0; position: relative; top: -20px; } .index_xwdt_fb_fr li{ background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; } .index_xwdt_fb_fr li .img{ position: relative; overflow: hidden; } .index_xwdt_fb_fr li .img img{ width: 100%; } .index_xwdt_fb_fr li .wz{ padding: 5%; } .index_xwdt_fb_fr li .wz h3{ font-size: 18px; line-height: 2; color: #333; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index_xwdt_fb_fr li:hover .wz h3{ color: #ac6249; } .index_xwdt_fb_fr li .wz h4{ font-size: 14px; line-height: 2; color: #666; height: 84px; margin-top: 4%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .index_xwdt_fb_fr li:hover{ margin-top: -20px; } .index_xwdt_fb_fr li:hover .img::after{ transform: translateY(0); } .index_xwdt_fb_fr li .img::after { position: absolute; content: ''; width: 100%; height: 50%; background-image: linear-gradient(rgba(172, 98, 73, 0), #ac6249); bottom: 0; left: 0; transform: translateY(100%); transition: all .5s ease; } @media(max-width:1580px){ .index_xwdt_ft_fr a{ font-size: 16px; } } @media(max-width:1366px){ .index_xwdt_ft_fl_ft h4{ font-size: 20px; } .index_xwdt_ft_fl_fb{ font-size: 22px; margin-top: 5px; } .index_xwdt_ft_fr a{ font-size: 16px; } .index_xwdt_fb_fl .wz h3{ font-size: 16px; } .index_xwdt_fb_fr li .wz h3{ font-size: 16px; } } @media(max-width:991px){ .index_xwdt .index_xwdt_nn{ padding: 30px 0; } .index_xwdt_fb_fr li .wz h4{ height: 56px; -webkit-line-clamp: 2; } .index_xwdt_ft_fl_ft h3{ font-size: 24px; } } @media(max-width:768px){ .index_xwdt_nn_sekuai{ display: none; } .index_xwdt_fb{ margin-top: 20px; } .index_xwdt_fb_fl{ width: 100%; } .index_xwdt_fb_fl .wz{ width: 100%; padding:20px; margin-top: 0; } .index_xwdt_fb_fl .wz h4{ margin-top: 10px; height: auto; } .index_xwdt_fb_fr{ width: 100%; margin-top: 20px; } .index_xwdt_fb_fr li .wz{ padding: 15px; } .index_xwdt_fb_fr li .wz h4{ margin-top: 5px; } .index_xwdt_fb_fr li:hover{ margin-top: 0; } } @media(max-width:640px){ .index_xwdt_ft_fl{ width: 100%; margin-right: 0; } .index_xwdt_ft_fr{ width: 100%; text-align: left; margin-top: 15px; } } @media(max-width:468px){ .index_xwdt_ft_fr{ text-align: center; } } /*搴曢儴*/ .footer_tongyong { padding: 3% 0 0; background: #222; } .footer_tongyong_ft { overflow: hidden; } .footer_tongyong_ft_fl { width: 68%; } .footer_tongyong_ft_fl ul { overflow: hidden; } .footer_tongyong_ft_fl li { max-width: 20%; padding-right: 10px; } .footer_tongyong_ft_fl li h3 { font-size: 18px; color: #fff; line-height: 2; font-weight: bold; position: relative; padding-bottom: 10px; } .footer_tongyong_ft_fl li h3:before { content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background: #fff; } .foot_nav_erji { margin-top: 15px; } .footer_tongyong_ft_fl li a { display: block; font-size: 16px; line-height: 2; color: #fff; } .footer_tongyong_ft_fr { overflow: hidden; max-width: 30%; } .footer_tongyong_ft_fr h3 { font-size: 18px; color: #fff; line-height: 2; font-weight: bold; position: relative; padding-bottom: 10px; } .footer_tongyong_ft_fr h3:before { content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 3px; background: #fff; } .footer_tongyong_ft_fr_fc { font-size: 16px; line-height: 2; color: #fff; margin: 10px 0; } .footer_tongyong_ft_fr_fb { float: left; } .footer_tongyong_ft_fr_fb img { max-width: 110px; } .footer_tongyong_ft_fr_fb h4 { font-size: 16px; line-height: 2; color: #fff; margin-top: 10px; text-align: center; } .footer_tongyong_fb { border-top: 1px solid rgba(255, 255, 255, .5); margin-top: 20px; padding: 15px 0; font-size: 16px; line-height: 2; color: #fff; } .footer_tongyong_fb a { color: #fff; } @media(max-width:991px) { .footer_tongyong { padding: 30px 0 0; } .footer_tongyong_ft_fl { display: none; } .footer_tongyong_ft_fr { max-width: 100%; float: none; } }