html,body { margin:0; padding:0; } body { overflow-x: hidden; font-family: "寰蒋闆呴粦"; } /*椤堕儴瀵艰埅*/ header { position: fixed; top:0; left:0; padding:0 50px 0 97px; width:100%; height:95px; background: #ffffff; z-index: 100; } header .t_logo { display: flex; height:95px; float:left; align-items: center; overflow: hidden; } header .t_logo img { height:60px; } header .t_nav { float:right; height:100%; } header .t_nav > a { position: relative; display: block; padding:25px 25px 0 25px; height:105px; float:left; color:#333333; overflow: hidden; font-size:19px; } header .t_nav > a label { display: block; padding-bottom:5px; font-weight: normal; color:#aaaaaa; font-size:14px; text-align: center; } header .t_nav > a.act { color:#cb3b3b; font-weight: bold; } header .t_nav > a.act::after { position: absolute; bottom:10px; left:10%; width:80%; height:4px; content:''; background: #cb3b3b; } header .t_nav > a:hover { color:#cb3b3b; font-weight: bold; } header .t_nav > ul { position: relative; display: block; float:left; padding:25px 25px 0 25px; height:105px; color:#333333; font-size:19px; } header .t_nav > ul li > label { display: block; padding-bottom:5px; font-weight: normal; color:#aaaaaa; font-size:14px; text-align: center; } header .t_nav > ul > li > ul { position: absolute; display: none; width:120%; top:70px; left:15px; background: #ffffff; box-shadow: 0 0 5px #e5e5e5; z-index: 20; } header .t_nav > ul > li:hover > ul { display: block; } header .t_nav > ul > li > ul > li { padding:0 0 0 0px; height:35px; line-height:35px; overflow: hidden; font-size:0.7vw; border-bottom:1px #e5e5e5 dashed; } header .t_nav > ul > li > ul > li:hover { background: #f5f5f5; } header .t_nav > ul > li > ul > li a { color:#333333; } /*棣栭〉banner*/ .h_bannerbox { position: relative; margin-top:95px; width:100%; height:840px; background: #fafafa; } .h_bannerbox .h_b_text { position: absolute; bottom:50px; left:-100%; z-index: 10; animation:hb_text_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:1s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes hb_text_an { 0% {left:-100%} 100% {left:50px} } .h_bannerbox .swiper { width:100%; height:100%; } .h_bannerbox .swiper-wrapper { width:100%; height:100%; } .h_bannerbox .swiper-slide { background-position: center; background-repeat: no-repeat; background-size:100%; } .swiper-button-next:after, .swiper-button-prev:after { color:rgba(255,255,255,0.3); outline: none; border:0; } /*棣栭〉浜у搧涓績*/ .h_productbox { padding:155px 0 0 0; width:100%; } .h_productbox .h_productitem { padding-top:90px; width:99.99%; } .h_productbox .marqueeleft { margin: 0 auto; width:100%; height:570px; overflow:hidden; } .h_productbox .marqueeleft ul { float:left; } .h_productbox .marqueeleft li { position: relative; float:left; display:inline; margin:0 20px; width:768px; height:570px; } .h_productbox .marqueeleft li::after { position: absolute; display: block; bottom:15px; left:-20px; content: ''; width:calc(100% + 40px); height:1px; background: #eeeeee; z-index: 1; } .h_productbox .marqueeleft li a.pic { position: relative; display:block; border:rgba(255,255,255,0) 3px solid; width:100%; height:485px; background: #ffffff; border-radius: 8px; } .h_productbox .marqueeleft li a.pic img { width:100%; height:100%; border-radius: 5px; } .h_productbox .marqueeleft li a.pic:hover { border:#cb3b3b 3px solid; } .h_productbox .marqueeleft li a.pic .txt { position: absolute; bottom:20px; right:20px; padding:10px 20px; background: #cb3b3b; color:#ffffff; font-size:16px; border-radius:15px 0 15px 0; z-index: 1; } .h_productbox .marqueeleft li a.pic label { display: block; position: absolute; right:0; left:0; bottom:-87px; margin:auto; width:30px; height:30px; background: #ffffff; border:10px #eeeeee solid; border-radius: 30px; z-index: 2; } .h_productbox .marqueeleft li a.pic:hover label { border:10px #cb3b3b solid; } .h_productbox .marqueeleft li a.pic label::after { position: absolute; top:-42px; left:5px; content: ''; display: block; width:1px; height:25px; background: #eeeeee; z-index: 2; } .h_productbox .marqueeleft li a.pic:hover label::after { background: #cb3b3b; } /*棣栭〉璧拌繘闀胯胺宸?/ .h_aboutbox { position: relative; margin-top:150px; width:100%; height:1073px; background: #ffffff; } .h_aboutbox .h_about_data { position: relative; margin:0 auto; top:-30px; padding-top:85px; width:90%; height:970px; background-image: url(../img/h_about_bg.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; z-index: 2; } .h_aboutbox .h_about_bg { position: absolute; top:70px; left:-2vw; width:60%; height:0; border-width:0 300px 980px 0; border-style: none solid solid; border-color: transparent transparent rgba(203, 59, 59, 1); z-index:1; } .h_aboutbox .h_about_text dl dd { padding:60px 15% 45px 15%; color:#ffffff; font-size:18px; line-height:36px; text-align: center; } .h_aboutbox .h_about_text > a { position: relative; display: block; margin:0 auto; width:111px; height:37px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color:#ffffff; background: #cb3b3b; } .h_aboutbox .h_about_text > a span { display: block; float:left; padding:0 0 0 15px; line-height:37px; } .h_aboutbox .h_about_text > a em { position: absolute; display: block; top:3px; right:3px; width: 31px; height:31px; line-height:31px; font-size:25px; text-align: center; background: #ffffff; color:#cb3b3b; z-index: 1; } .h_aboutbox .h_about_swh { position: relative; margin: 85px auto 0 auto; width:700px; height:25px; text-align: center; } .h_aboutbox .h_about_swh a { position: relative; padding:0 30px; color:#ffffff; font-size:18px; } .h_aboutbox .h_about_swh a:hover { color:#cb3b3b } .h_aboutbox .h_about_swh a.act { color:#cb3b3b } .h_aboutbox .h_about_swh a::after { position: absolute; top:3px; right:0; width:1px; height:19px; content: ''; background: #ffffff; transform: rotate(8deg); z-index: 1; } .h_aboutbox .h_about_swh a:nth-child(5)::after { width:0; } .h_aboutbox .h_about_swh span, .h_aboutbox .h_about_swh em { position: absolute; display: inline-block; top:4px; width:2px; height:20px; background: #ffffff; z-index: 1; } .h_aboutbox .h_about_swh span::after, .h_aboutbox .h_about_swh em::after { position: absolute; top:10px; width:150px; height:1px; content: ''; background: #ffffff; z-index: 1; } .h_aboutbox .h_about_swh span::after { left:-150px; } .h_aboutbox .h_about_swh em::after { right:-150px; } /*棣栭〉璧伴暱璋峰窛鍒囧潡澶栧眰*/ .h_about_swhitem { margin:50px auto 0 auto; width:85%; height:340px; } /*鍏充簬鎴戜滑鍒囧潡*/ .h_about_swhitem .marqueeleft { margin: 0 auto; width:99%; height:243px; overflow:hidden; } .h_about_swhitem .marqueeleft ul { float:left; } .h_about_swhitem .marqueeleft li { position: relative; float:left; display:inline; margin:0 5px; width:306px; height:243px; overflow: hidden;; } .h_about_swhitem .marqueeleft li img { width:100%; height:100%; } /*鍏充簬鎴戜滑鍒囧潡*/ /*浼佷笟鏂囧寲鍒囧潡*/ .qywhbox { padding-top:2em; width:100%; height:243px; } .qywhbox dl { display: block; float:left; width:25%; height:243px; } .qywhbox dl dt { position: relative; display: flex; margin:0 auto; width:4.5em; height:4.5em; border-radius: 5em; background: #cb3b3b; justify-content: center; align-items: center; font-size:1.4vw; font-weight: bold; color:#ffffff; } .qywhbox dl dt::after { position: absolute; width:4.5em; height:4.5em; content: ''; border:0.6em #813432 solid; border-radius: 4.7em; z-index: 1; } .qywhbox dl dd { padding-top:3em; font-size:1.1em; color:#ffffff; text-align: center; } /*浼佷笟鏂囧寲鍒囧潡*/ /*鑽h獕璧勮川鍒囧潡*/ .ryzzbox { width:100%; height:250px; } .ryzzbox .swiper { margin:0 auto; width:100%; height:100%; } .ryzzbox .swiper ul.swiper-wrapper { width:100%!important; height:100%; } .ryzzbox .swiper li { width:280px; height:219px!important; background: #ffffff; overflow: hidden; } .ryzzbox .swiper li img { width:100%; height:100%; } .ryzzbox .swiper-button-next { top:45%; right:0px; width:40px; height:40px; border-radius: 30px; background: #cb3b3b; } .ryzzbox .swiper-button-prev { top:45%; left:0px; width:40px; height:40px; border-radius: 30px; background: #cb3b3b; } .ryzzbox .swiper-button-next:after { left:-150px!important; color:#ffffff!important; font-size:25px; } .ryzzbox .swiper-button-prev:after { right:-20px!important; color:#ffffff!important; font-size:25px; } .ryzzbox .swiper-pagination-bullet-active { background:#cb3b3b!important } /*鑽h獕璧勮川鍒囧潡*/ /*鍙戝睍鍘嗙▼鍒囧潡*/ .fzlcbox { width:100%; height:340px; } .fzlcbox dl { margin:0 auto; display: block; width:885px; } .fzlcbox dl dt { float:left; display: block; padding:120px 0 0 0; width:383px; height:338px; background-image: url(../img/fzlc_bg.png); background-position: center; background-repeat: no-repeat; } .fzlcbox dl dt > span { display: block; color:#ff000b; font-size:55px; text-align: center; font-family: Arial, Helvetica, sans-serif; } .fzlcbox dl dt > em { display: block; font-size:20px; color:#ffffff; font-size:60px; text-align: center; font-family: Arial, Helvetica, sans-serif; } .fzlcbox dl dt .secyear { padding:40px 0 0 0; text-align: center; color:#ffffff; } .fzlcbox dl dt .secyear > font { margin:0 15px 0 0; display: inline-block; font-size:16px; } .fzlcbox dl dt .secyear > ul { display: inline-block; } .fzlcbox dl dt .secyear > ul > li { position: relative; font-size:16px; } .fzlcbox dl dt .secyear > ul > li > em { cursor: pointer; } .fzlcbox dl dt .secyear > ul > li i { margin:0 0 0 5px; } .fzlcbox dl dt .secyear > ul > li > ul { position: absolute; display: none; top:20px; left:0; width: 50px; background: #f55555; } .fzlcbox dl dt .secyear > ul > li:hover > ul { display: block; } .fzlcbox dl dt .secyear > ul > li > ul > li { cursor: pointer; padding:0 5px 0 0; width:100%; height:35px; line-height:35px; border-bottom:1px #cb3b3b solid; } .fzlcbox dl dt .secyear > ul > li > ul > li:hover { color:#333333; } .fzlcbox dl dd { float:right; display: block; padding:0 0 0 0px; width:calc(100% - 383px); height:338px; } .fzlcbox dl dd ul { display: flex; padding: 0 30px 0 40px; width:100%; height:338px; flex-direction:row; align-items: center; flex-wrap:wrap; overflow: hidden; } .fzlcbox dl dd ul li { position: relative; padding:0 0px 0 20px; width:100%; display: block; color:#ffffff; border-bottom:1px #cb3b3b solid; } .fzlcbox dl dd ul li font { display: block; width:100%; height:50px; line-height:50px; font-size:17px; overflow: hidden; } .fzlcbox dl dd ul li::after { position: absolute; display: block; bottom:-6px; left:-5px; width:15px; height:15px; border-radius: 15px; content: ''; background: #cb3b3b; z-index: 1; } /*鍙戝睍鍘嗙▼鍒囧潡end*/ /*澶т簨璁?/ .h_newsbox { padding-top:130px; } .h_newsitem { margin:100px auto 0 auto; width:75%; } .h_newsitem .h_news_l { float:left; width:calc(50% - 50px); } .h_newsitem .h_news_l > ul { display: block; margin: 0 0 30px 0; } .h_newsitem .h_news_l > ul > li { width:100%; overflow: hidden; } .h_newsitem .h_news_l > ul > li img { width:100%; } .h_newsitem .h_news_l > dl { display: block; } .h_newsitem .h_news_l > dl dt { float:left; font-family: Arial, Helvetica, sans-serif; text-align: right; font-weight: bold; } .h_newsitem .h_news_l > dl dt span { display: block; font-size:34px; color:#cb3b3b } .h_newsitem .h_news_l > dl dt em { display: block; font-size:26px; color:#e8b6b6 } .h_newsitem .h_news_l > dl dd { margin-left:110px; padding:0 0 0 30px; border-left:1px #eeeeee solid; } .h_newsitem .h_news_l > dl dd h5 { margin-bottom:15px; font-size:22px!important; } .h_newsitem .h_news_l > dl dd h5 a { color:#333333 } .h_newsitem .h_news_l > dl dd h5 a:hover { color:#cb3b3b } .h_newsitem .h_news_l > dl dd ol li { margin:0 0 40px 0; font-size:16px; line-height:30px; color:#797979; height:85px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .h_newsitem .h_news_l > dl dd > a { position: relative; padding:0 30px 0 0; color:#cb3b3b; font-weight: bold; font-size:18px; } .h_newsitem .h_news_l > dl dd > a:hover { color:#333333; } .h_newsitem .h_news_l > dl dd > a i { position: absolute; top:3px; right:0; display: inline-block; width:18px; height:18px; line-height: 18px; border-radius: 15px; background: #cb3b3b; text-align: center; color:#ffffff; font-size:14px; } .h_newsitem .h_news_r { float:right; width:calc(50% - 50px); } .h_newsitem .h_news_r dl { clear: both; display: block; } .h_newsitem .h_news_r dl dt { float:left; padding:30px 0 0 0; font-family: Arial, Helvetica, sans-serif; text-align: right; font-weight: bold; } .h_newsitem .h_news_r dl dt span { display: block; font-size:34px; color:#cb3b3b } .h_newsitem .h_news_r dl dt em { display: block; font-size:26px; color:#e8b6b6 } .h_newsitem .h_news_r dl dd { margin:0 0 0 110px; padding:30px 0 50px 30px; border-left:1px #eeeeee solid; border-bottom:1px #eeeeee solid; } .h_newsitem .h_news_r dl:first-child dd { padding-top:0; } .h_newsitem .h_news_r dl:last-child dd { border-bottom:0; } .h_newsitem .h_news_r dl dd h5 { margin-bottom:15px; font-size:22px!important; } .h_newsitem .h_news_r dl dd h5 a { color:#333333 } .h_newsitem .h_news_r dl dd h5 a:hover { color:#cb3b3b } .h_newsitem .h_news_r dl dd ol li { font-size:16px; line-height:30px; color:#797979; height:65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /*澶т簨璁?/ /*鎴愬姛妗堜緥*/ .h_cassbox { margin-top:130px; padding:100px 0; width:100%; background: #f2f2f2; } .h_cassbox .h_cassitem { position: relative; clear: both; margin:0 auto; padding:80px 0 0 0; width:70%; } .h_cassbox .h_cassitem ul { display: block; } .h_cassbox .h_cassitem ul li { float:left; display: flex; margin:24px 2.5% 2.5% 2.5%; width:28%; position:relative; overflow: hidden; justify-content: center; align-items: center; } .h_cassbox .h_cassitem ul li .dd { position: absolute; bottom:-100%; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); transition: 0.7s; font-size:24px; line-height:25px; color:#ffffff; display: flex; justify-content: center; align-items: center; } .h_cassbox .h_cassitem ul li:hover .dd{ bottom: 0; transition: 0.7s; } .h_cassbox .h_cassitem ul li img { max-width:100%; max-height:100% } .h_cassbox .h_cassitem a.cassmore { position: relative; clear: both; float: right; padding:0 25px 0 0; color:#cb3b3b; font-size:16px; font-weight: bold; } .h_cassbox .h_cassitem a.cassmore:hover { color:#333333 } .h_cassbox .h_cassitem a.cassmore i { display: block; position: absolute; top:1px; right:0; width:18px; height:18px; line-height:18px; border-radius: 18px; background: #cb3b3b; color:#ffffff; font-size:14px; text-align: center; } /*鑱旂郴鎴戜滑*/ .h_contact { padding:150px 0 150px 0; } .h_contact_box { margin-top:95px; position: relative; height:500px; } .h_contact_info { top:60px; position: relative; margin:0 auto 0 auto; width:1200px; height:465px; z-index: 2; } .h_contact_info .h_contact_l { position: relative; float:left; width:719px; height:465px; background: url(../img/contact_imgbg.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .h_contact_l .h_contact_text1 { position: relative; font-weight: bold; } .h_contact_l .h_contact_text1 span { position: absolute; top:124px; left:63px; font-size:50px; color:#ff151f; font-style:italic; z-index: 2; } .h_contact_l .h_contact_text1 span b { color:#ffffff; } .h_contact_l .h_contact_text1 em { position: absolute; top:74px; right:50px; font-size:110px; color:rgba(203,59,59,0.3); font-style:italic; z-index: 1; } .h_contact_l .h_contact_text2 { position: absolute; width: 100%; top:210px; left: 0; text-align: center; color:#ffffff; font-size:22px; z-index: 2; } .h_contact_l .h_contact_tel { position: absolute; width: 100%; top:280px; left: 0; text-align: center; font-size:50px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color:#ffffff; } .h_contact_l .h_contact_tel i { font-size:55px; } .h_contact_l .h_contact_tel em { margin:0 0 0 8px; font-style:italic; } .h_contact_l .h_contact_bottom { position: absolute; bottom:0; right:0; width:80%; height:0; border-width:0 0px 65px 40px; border-style: none solid solid; border-color: transparent transparent rgba(203, 59, 59, 1); } .h_contact_info .h_contact_r { position: relative; float:right; width:481px; height:465px; background: #f2f2f2; } .h_contact_info .h_contact_r h3 { padding:99px 0 0 50px; font-size:50px!important; font-family: Arial, Helvetica, sans-serif; } .h_contact_info .h_contact_r h3 span { color:#333333; } .h_contact_info .h_contact_r h3 em { margin:0 0 0 8px; color:#cb3b3b; } .h_contact_info .h_contact_r h4 { padding:70px 0 0 50px; font-size:30px!important; color:#333333; font-weight: normal; } .h_contact_info .h_contact_r p { padding:26px 50px 0 50px; font-size:18px; line-height:28px; text-align: justify; color:#333333; } .h_contact_info .h_contact_r a { display: block; position: absolute; bottom:0; right:0; width:70px; height:70px; line-height:60px; color:#ffffff; font-size:70px; text-align: center; background: #cb3b3b; z-index: 1; } .h_contact_info .h_contact_r a:hover { background: #9a2525; } .h_contact_box .h_contact_bg { position: absolute; top:0px; right:0; width:55%; height:0; border-width:0 0px 455px 150px; border-style: none solid solid; border-color: transparent transparent rgba(203, 59, 59, 1); z-index:1; } /*鑱旂郴鎴戜滑*/ /*棣栭〉搴曢儴*/ footer { width:100%; min-height:420px; background: #000000; overflow: hidden; } footer .footer_nav { display: flex; margin:0 auto; width:1200px; height:125px; border-bottom:1px rgba(255,255,255,0.5) solid; justify-content: space-around; } footer .footer_nav a { float:left; color:#ffffff; text-align: center; display: flex; align-items: center; } footer .footer_nav a dl dt { padding-bottom:10px; font-size:16px; color:#979797; } footer .footer_nav a dl dd { font-size:20px; } footer .footer_nav a:hover dd { color:#cb3b3b; } footer .footer_contact { position: relative; margin:0 auto; width:1200px; min-height:265px; overflow: hidden; } footer .footer_contact .footer_logo { margin:44px 0 30px 0; width:100%; height:35px; overflow: hidden; } footer .footer_contact .footer_logo img { height:35px; } footer .footer_dept { width:100%; } footer .footer_dept dl { display: block; float:left; } footer .footer_dept dl:nth-child(1) { width:27%; } footer .footer_dept dl:nth-child(2) { width:24%; } footer .footer_dept dl:nth-child(3) { width:32%; } footer .footer_dept dl dt { position: relative; margin-bottom:20px; color:#ffffff; font-size:20px; font-weight: bold; } footer .footer_dept dl dt::after { position: absolute; bottom:-10px; left:0; width:40px; height:4px; background: #cb3b3b; content: ''; z-index: 1; } footer .footer_dept dl dd { padding:4px 0; font-size:14px; color:#ffffff; } footer .footer_dept dl dd i { margin:0 8px 0 0; } footer .footer_contact .phoneevm { position: absolute; top:42px; right:0; width:120px; z-index: 1; } footer .footer_contact .phoneevm dl dt { width:120px; height:120px; background: #fafafa; overflow: hidden; } footer .footer_contact .phoneevm dl dt img { width:100%; height:100%; } footer .footer_contact .phoneevm dl dd { padding:10px 0 0 0; text-align: center; font-size:14px; color:#ffffff; } footer .footer_copyright { width:100%; height:30px; line-height:30px; background: #c9151e; text-align: center; font-size:14px; overflow: hidden; } footer .footer_copyright ul li { padding:0 30px; color:#ffffff; display: inline; } footer .footer_copyright ul li a { color:#ffffff } /*棣栭〉搴曢儴*/ /*鍐呴〉banner*/ .sub_bannerbox { margin-top:95px; position: relative; width:100%; height:500px; } .sub_bannerbox .subbanner_text { position: absolute; z-index: 10; font-size:60px; color:#ffffff; font-weight: bold; } .sub_bannerbox.about { background-image: url(../img/banner_about.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; animation:about_img_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes about_img_an { 0% {background-size:120% 100%} 100% {background-size:100% 100%} } .sub_bannerbox.pro { background-image: url(../img/banner_pro.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; animation:pro_img_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes pro_img_an { 0% {background-size:120% 100%} 100% {background-size:100% 100%} } .sub_bannerbox.case { background-image: url(../img/banner_case.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; animation:case_img_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes case_img_an { 0% {background-size:120% 100%} 100% {background-size:100% 100%} } .sub_bannerbox.news { background-image: url(../img/banner_news.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; animation:news_img_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes news_img_an { 0% {background-size:120% 100%} 100% {background-size:100% 100%} } .sub_bannerbox.contact { background-image: url(../img/banner_contact.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; animation:contact_img_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2.5s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes contact_img_an { 0% {background-size:120% 100%} 100% {background-size:100% 100%} } .sub_bannerbox.about .subbanner_text { top:130px; right:-120%; animation:about_text_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes about_text_an { 0% {right:-120%} 100% {right:130px} } .sub_bannerbox.pro .subbanner_text { top:130px; right:-120%; animation:pro_text_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes pro_text_an { 0% {right:-120%} 100% {right:130px} } .sub_bannerbox.case .subbanner_text { top:130px; right:-120%; animation:case_text_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes case_text_an { 0% {right:-120%} 100% {right:130px} } .sub_bannerbox.news .subbanner_text { top:130px; left:-100%; color:#cb3b3b; animation:news_text_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes news_text_an { 0% {left:-120%} 100% {left:130px} } .sub_bannerbox.contact .subbanner_text { top:130px; right:-100%; color:#cb3b3b; animation:contact_text_an; animation-iteration-count:1; /*鍔ㄧ敾鎵ц娆℃暟*/ animation-timing-function:ease; /*瑙勫畾鍔ㄧ敾鐨勯€熷害鏇茬嚎*/ animation-delay:0; /*瑙勫畾鍔ㄧ敾浣曟椂寮€濮?/ animation-duration:2s; /*瑙勫畾鍔ㄧ敾瀹屾垚涓€涓懆鏈熸墍鑺辫垂鐨勭鎴栨绉?/ animation-fill-mode:forwards; } @keyframes contact_text_an { 0% {right:-120%} 100% {right:130px} } /*--璧拌繘闀胯胺宸?---------------------------------------------------------*/ .location { margin:0 auto; padding-top:30px; width:1200px; height:50px; font-size:16px; } .location a { margin-right:10px; } .location a:hover { color:#cb3b3b } .location em { margin-left:10px; color:#cb3b3b } .location em a { color:#cb3b3b } .about_swh { margin-top:70px; width:auto; text-align: center; } .about_swh a { position: relative; display: inline-block; margin:0 20px; width:213px; height:53px; line-height: 53px; font-size:20px; text-align: center; color:#ffffff; background: #000000; } .about_swh a:hover { opacity: 0.7; } .about_swh a.act { background: #cb3b3b; } .about_swh a.act::after { position: absolute; display: block; bottom:0; left:0; right:0; margin:auto; width:0; height:0; content: ''; border:13px solid transparent; border-bottom:9px solid #ffffff } .page_title { margin-top:100px; margin-bottom:170px; width:100%; text-align: center; } .page_title.zzry { margin-top:50px; margin-bottom:100px; } .page_title.fzlc { margin-top:100px; margin-bottom:50px; } .page_title.pro { margin-top:100px; margin-bottom:80px; } .page_title.news { margin-top:100px; margin-bottom:20px; } .page_title.contact { margin-top:100px; margin-bottom:50px; } .page_title h4 { margin-bottom:10px; width:auto; font-size:30px!important; color:#000000 } .page_title h5 { position: relative; margin:0 auto; width:450px; font-size:60px!important; font-family: Arial, Helvetica, sans-serif; color:#cb3b3b; } .page_title h5.fzlc { width:520px; } .page_title h5.cpzx { width:620px; } .page_title h5::after, .page_title h5::before { position: absolute; top:30px; content: ''; width:45px; height:8px; background: #cb3b3b; z-index: 1; } .page_title h5::after { left:0; } .page_title h5::before { right:0; } .dbzjymain { width:100%; } .dbzjymain .dbzjy_title { position: relative; margin:0 auto; padding-bottom:50px; width:1200px; font-size:25px; font-weight: bold; } .dbzjymain .dbzjy_title::after { position: absolute; bottom:40px; left:0; width:40px; height:4px; content: ''; background: #cb3b3b; z-index: 1; } .dbzjymain .dbzjy_info { width:100%; height:285px; background:#eeeeee; } .dbzjymain .dbzjy_info dl { position: relative; display: block; margin:0 auto; width:1200px; } .dbzjymain .dbzjy_info dl dt { float:left; padding-top:15px; width:50%; font-size:16px; line-height:32px; } .dbzjymain .dbzjy_info dl dt p { margin-top:20px; text-indent: 32px; } .dbzjymain .dbzjy_info dl dd { position: absolute; top:-100px; right:0; width:40%; z-index: 1; } .dbzjymain .dbzjy_info dl dd img { width:100%; } .dbzjymain .dbzjy_dept { padding:30px 0 0 0; margin:0 auto; width:1200px; font-size:20px; font-weight: bold; } .dbzjymain .dbzjy_dept span { margin-bottom:10px; } .dbzjymain .dbzjy_dept span, .dbzjymain .dbzjy_dept em { display: block; } .gsjsmain { position: relative; margin-top:140px; width:100%; height:670px; background-image: url(../img/gsjs_bg.jpg?v=1.00.1); background-position: center left; background-repeat: no-repeat; } .gsjsmain .gsjsinfo { position: absolute; top:-30px; right:10%; width:800px; height:517px; background: #ffffff; border-top:10px #cb3b3b solid; z-index: 1; } .gsjsmain .gsjsinfo h3 { margin:62px 0 0 62px; position: relative; font-size:28px!important; } .gsjsmain .gsjsinfo h3::after { position: absolute; bottom:-10px; left:0; display: block; content: ''; width:40px; height:4px; background: #cb3b3b; z-index: 1; } .gsjsmain .gsjsinfo ul { margin-bottom:60px; } .gsjsmain .gsjsinfo ul li { padding:40px 62px 0 62px; font-size:16px; line-height:30px; } .gsjsmain .gsjsinfo ul li p { text-indent: 32px; } .gsjsmain .gsjsinfo span, .gsjsmain .gsjsinfo em { display: block; font-size:26px; color: #cb3b3b; font-weight: bold; } .gsjsmain .gsjsinfo span { padding:0 0 15px 62px; } .gsjsmain .gsjsinfo em { padding:0 0 0 200px; } .gsjsimgitem { padding-top:50px; width:100%; height:343px; background: #cb3b3b; } .gsjsimgitem .marqueeleft { margin: 0 auto; width:99%; height:243px; overflow:hidden; } .gsjsimgitem .marqueeleft ul { float:left; } .gsjsimgitem .marqueeleft li { position: relative; float:left; display:inline; margin:0 5px; width:305px; height:243px; overflow: hidden;; } .gsjsimgitem .marqueeleft li img { width:100%; height:100%; } .qywhitem { width:100%; } .qywhitem .qywhlist { position: relative; margin:0 auto; padding:0 40px; width:80%; height:670px; } .qywhitem .qywhlist dl { position: absolute; display: block; width:25%; height:570px; } .qywhitem .qywhlist dl:nth-child(1) { top:90px; left:0; } .qywhitem .qywhlist dl:nth-child(2) { top:0; left:25.4%; } .qywhitem .qywhlist dl:nth-child(3) { top:90px; left:49.7%; } .qywhitem .qywhlist dl:nth-child(4) { top:0; left:75%; } .qywhitem .qywhlist dl dt { position: relative; margin:0 auto; width:95%; height:510px; background: #fafafa; transform: skewX(-5deg); } .qywhitem .qywhlist dl dt .qywhimg { position: absolute; top:0; left:0; width:100%; height:100%; background-position: center top; background-repeat: no-repeat; background-size: 110% 100%; overflow: hidden; z-index: 1; } .qywhitem .qywhlist dl dt span { position: absolute; display: block; width:120%; height:65px; line-height:65px; font-size:32px; text-align: center; color:#ffffff; background: #cb3b3b; font-weight: bold; transform: skewX(5deg); bottom:0; left:-10%; z-index: 2; } .qywhitem .qywhlist dl dt em { position: absolute; display: block; width:120%; height:40px; line-height:40px; font-size:18px; text-align: center; color:#333333; transform: skewX(5deg); bottom:-40px; left:-10%; } .zzrymain { padding:100px 0 0 0; width:100%; height:900px; background-image: url(../img/ryzz_bg.jpg); background-position: center bottom; background-repeat: no-repeat; background-size: 100% 100%; } .ryzzbox_sub { padding:0 150px; width:100%; height:250px; } .ryzzbox_sub .swiper { margin:0 auto; width:100%; height:100%; } .ryzzbox_sub .swiper ul.swiper-wrapper { width:90%!important; height:100%; } .ryzzbox_sub .swiper li { width:280px; height:250px!important; overflow: hidden; } .ryzzbox_sub .swiper li a { display: block; width:100%; height:219px; } .ryzzbox_sub .swiper li a img { width:100%; height:100%; border:10px #000000 solid; } .ryzzbox_sub .swiper li span { display: block; text-align: center; height:30px; line-height:35px; font-size:16px; } .ryzzbox_sub .swiper-button-next { top:45%; right:0px; width:40px; height:40px; border-radius: 30px; background: #cb3b3b; } .ryzzbox_sub .swiper-button-prev { top:45%; left:0px; width:40px; height:40px; border-radius: 30px; background: #cb3b3b; } .ryzzbox_sub .swiper-button-next:after { left:-150px!important; color:#ffffff!important; font-size:25px; } .ryzzbox_sub .swiper-button-prev:after { right:-20px!important; color:#ffffff!important; font-size:25px; } .ryzzbox_sub .swiper-pagination-bullet-active { background:#cb3b3b!important } .fzlcmain { width:100%; height:1080px; background: #ffffff; } .fzlcmain .fzlcitem { position: relative; width:100%; height:850px; background-image: url(../img/zzry_line.png); background-position: center; background-repeat: no-repeat; /* background-size: 80%; */ } .fzlcmain .fzlcitem a { position: absolute; top:300px; display: block; width:80px; height:80px; border-radius: 50px; background: #cb3b3b; text-align: center; overflow: hidden; z-index: 1; } .fzlcmain .fzlcitem a i { font-size:80px; color:#ffffff; line-height:70px; } .fzlcmain .fzlcitem a.prev_lc { left:50px; } .fzlcmain .fzlcitem a.next_lc { right:50px; } .fzlcmain .fzlcitem .fzlclist { position: relative; margin:0 auto; width:80%; height:850px; } .fzlcmain .fzlcitem .fzlclist dl { position: absolute; width:18%; height:300px; } .fzlcmain .fzlcitem .fzlclist dl.lc1 { top:365px; left:95px; } .fzlcmain .fzlcitem .fzlclist dl.lc2 { top:10px; left:395px; } .fzlcmain .fzlcitem .fzlclist dl.lc3 { top:530px; left:570px; } .fzlcmain .fzlcitem .fzlclist dl.lc4 { top:370px; left:990px; } .fzlcmain .fzlcitem .fzlclist dl.lc5 { top:10px; left:1290px; } .fzlcmain .fzlcitem .fzlclist dl::after { position: absolute; display: block; width:25px; height:25px; content: ''; border-radius: 28px; background: #cb3b3b; border:5px #f1caca solid; z-index: 1; } .fzlcmain .fzlcitem .fzlclist dl.top::after { top:0; left:-50px; } .fzlcmain .fzlcitem .fzlclist dl.bottom::after { bottom:0; left:-50px; } .fzlcmain .fzlcitem .fzlclist dl::before { position: absolute; display: block; width:3px; height:75px; content: ''; filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(203,59,59,1),endColorStr=rgba(203,59,59,0)); /*IE 6 7 8*/ background: -ms-linear-gradient(top, rgba(203,59,59,1),rgba(203,59,59,0)); /* IE 10 */ background:-moz-linear-gradient(top,rgba(203,59,59,1),rgba(203,59,59,0)); /*鐏嫄*/ background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(203,59,59,1)), to(rgba(203,59,59,0))); /*璋锋瓕*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(203,59,59,1)), to(rgba(203,59,59,0))); /* Safari 4-5, Chrome 1-9*/ background: -webkit-linear-gradient(top, rgba(203,59,59,1), rgba(203,59,59,0)); /*Safari5.1 Chrome 10+*/ background: -o-linear-gradient(top, rgba(203,59,59,1), rgba(203,59,59,0)); /*Opera 11.10+*/ z-index: 1; } .fzlcmain .fzlcitem .fzlclist dl.top::before { top:28px; left:-34px; } .fzlcmain .fzlcitem .fzlclist dl.bottom::before { bottom:28px; left:-34px; } .fzlcmain .fzlcitem .fzlclist dl dt { width:100%; } .fzlcmain .fzlcitem .fzlclist dl.top dt { margin-top:30px; } .fzlcmain .fzlcitem .fzlclist dl.bottom { padding-bottom:30px; } .fzlcmain .fzlcitem .fzlclist dl dt img { width:100%; } .fzlcmain .fzlcitem .fzlclist dl dd.date { margin:15px 0 5px 0; font-size: 24px; color:#cb3b3b; font-weight: bold; } .fzlcmain .fzlcitem .fzlclist dl dd.info { width:100%; max-height:70px; font-size:15px; line-height:25px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /*--璧拌繘闀胯胺宸?---------------------------------------------------------*/ /*--浜у搧涓績----------------------------------------------------------*/ .pro_navmain { margin:0 0 50px 0; width:100%; height:90px; } .pro_navmain .pro_navitem { position: relative; padding:0 0 0 300px; width:90%; height:100px; overflow: hidden; } .pro_navmain .pro_navitem > a.prevbtn, .pro_navmain .pro_navitem > a.nextbtn { position: absolute; bottom:10px; display: flex; width:40px; height:40px; border-radius: 40px; background: #cb3b3b; color:#ffffff; font-size:30px; justify-content: center; align-items: center; } .pro_navmain .pro_navitem > a.prevbtn:hover, .pro_navmain .pro_navitem > a.nextbtn:hover { opacity: 0.7; } .pro_navmain .pro_navitem > a.prevbtn { right:70px; } .pro_navmain .pro_navitem > a.nextbtn { right:20px; } .pro_navmain .pro_navitem::before { position: absolute; bottom:16px; left:0; width:85%; height:1px; content: ''; background: #eeeeee; z-index: 1; } .pro_navmain .pro_navitem ul { position: relative; display: block; width:90%; height:100px; overflow: hidden; } .pro_navmain .pro_navitem ul li { position: absolute; bottom:0; left:0; padding:0px 0 0 0; height:100px; overflow: hidden; transition: 1s; } .pro_navmain .pro_navitem ul li a { position: relative; float:left; display: block; text-align: center; padding:0 20px; width:200px; height:100px; line-height: 80px; font-size:20px; color:#000000; } .pro_navmain .pro_navitem ul li a:hover { color:#cb3b3b; font-weight: bold; } .pro_navmain .pro_navitem ul li a.act { color:#cb3b3b; font-weight: bold; } .pro_navmain .pro_navitem ul li a::after { position: absolute; display: block; width:10px; height:10px; border-radius: 20px; left:0; right:0; bottom:12px; content: ''; background: #cecece; margin:auto; z-index: 2; } .pro_navmain .pro_navitem ul li a.act::after { position: absolute; display: block; width:20px; height:20px; border-radius: 20px; left:0; right:0; bottom:0px; content: ''; background: #cb3b3b; border:7px #f1caca solid; margin:auto; z-index: 2; } .pro_navmain .pro_navitem ul li a.act::before { position: absolute; bottom:15px; left:0; width:100%; height:2px; content: ''; background: #cb3b3b; z-index: 1; } .proitem { padding-top:30px; margin:0 auto; width:80vw; } .proitem .prolist { display: block; float: left; padding:1.5vw; margin:0 2.5vw 2.5vw 0; width: 25vw; height:25vw; background: #f4f4f4; } .proitem .prolist:nth-child(3n) { margin-right:0 } .proitem .prolist:hover { background: #cb3b3b; } .proitem .prolist:hover dl dt { border-color: #ffffff; } .proitem .prolist:hover dl dd span, .proitem .prolist:hover dl dd em { color: #ffffff; } .proitem .prolist:hover dl dd a { background: #ffffff; color:#cb3b3b; } .proitem .prolist dl dt { display: flex; margin:0 auto; width:22vw; height:17vw; border:0.4vw #e5e5e5 solid; background: #ffffff; justify-content: center; align-items: center; } .proitem .prolist dl dt img { display: block; width:100%; } .proitem .prolist dl dd { padding-top:1.1vw; position: relative; display: block; } .proitem .prolist dl dd span { padding-bottom:0.3vw; display: block; color:#cb3b3b; font-size:1vw; font-weight: bold; } .proitem .prolist dl dd em { padding-bottom:0.1vw; display: block; color:#333333; font-size:0.9vw; } .proitem .prolist dl dd a { display: block; position: absolute; right:0.3vw; bottom:-1.1vw; width:6vw; height:1.7vw; background: #cb3b3b; border-radius: 0.2vw; color:#ffffff; text-align: center; line-height:1.7vw; font-size:0.7vw; } .proitem .prolist dl dd a:hover { font-weight: bold; } .provmain { padding-top:50px; margin:0 auto; width:1200px; } .provmain .prov_top { width:100%; height:438px; } .provmain .prov_top > ul { float:left; } .provmain .prov_top > ul li { display: flex; width:584px; height:484px; background: #ffffff; border:8px #ededed solid; justify-content: center; align-items: center; overflow: hidden; } .provmain .prov_top ul li img { max-width:99%; max-height:99%; } .provmain .prov_top ol { padding:0 0 0 684px; } .provmain .prov_top ol li h2 { margin-bottom:15px; font-size:28px!important; height:60px; line-height:60px; overflow: hidden; color:#cb3b3b } .provmain .prov_top ol li dl dd { font-size:18px; line-height:34px; height:350px; overflow: hidden; } .provmain .prov_top ol li a { display: block; float:left; width:210px; height:50px; line-height:50px; font-size:18px; text-align: center; } .provmain .prov_top ol li a i { margin:0 10px 0 0; } .provmain .prov_top ol li a.downbtn { background: #cb3b3b; color:#ffffff; } .provmain .prov_top ol li a.clsbtn { margin:0 0 0 40px; border:1px #cb3b3b solid; background: #ffffff; color:#cb3b3b; } .provmain .prov_top ol li a.downbtn:hover { opacity: 0.8; } .provmain .prov_top ol li a.clsbtn:hover { background: #ffecec; } .provmain .prov_bottom { margin-bottom:150px; padding-top:85px; clear: both; } .provmain .prov_bottom dl dt { padding:0 0 0 30px; width:100%; height:50px; line-height:50px; font-size: 20px; color:#ffffff; font-weight: bold; background: #cb3b3b; } .provmain .prov_bottom dl dd { border:30px #ededed solid; background: #ffffff; min-height:200px; padding:30px 40px; font-size:18px; line-height:35px; } .provmain .prov_bottom dl dd img { display: block; margin:20px auto 20px auto; max-width:100%; } .provmain a.provbackbtn { margin:30px auto 0 auto; display: block; width:100px; height:45px; line-height:45px; text-align: center; background: #c9151e; color:#ffffff; font-size:16px; border-radius: 4px; } .provmain a.provbackbtn:hover { background: #9a2525; } .downmain { margin:60px auto 100px auto; width:1200px; } .downmain dl dt { width:100%; height:55px; line-height:55px; background: #cb3b3b; color:#ffffff; text-align: center; font-weight: bold; font-size:20px; } .downmain dl dd { padding:60px 40px 60px 40px; width:100%; border:30px #ededed solid; } .downmain dl dd ul { margin-bottom:30px; display: block; clear: both; } .downmain dl dd ul li.name { float:left; position: relative; padding:0 0 0 15px; width:90px; line-height:50px; font-size:16px; } .downmain dl dd ul li.name em { position: absolute; top:13px; left:0; color:#f55555; line-height:30px; } .downmain dl dd ul li.form { padding:0 0 0 100px; } .downmain dl dd ul li.form input { padding:0 8px; width:100%; height:50px; border:1px #e5e5e5 solid; } .downmain dl dd ol li { padding-top:100px; clear: both; text-align: center; } .downmain dl dd ol li a.downvbtn { display: inline-block; width:250px; height:50px; line-height:50px; background: #cb3b3b; color:#ffffff; text-align: center; border-radius: 5px; } .downmain dl dd ol li a.backvbtn { display: inline-block; margin:0 0 0 20px; width:100px; height:50px; line-height:50px; background: #ffffff; border:1px #eeeeee solid; color:#aaaaaa; text-align: center; border-radius: 5px; } /*--浜у搧涓績----------------------------------------------------------*/ /*--鎴愬姛妗堜緥----------------------------------------------------------*/ .casemain { margin:80px auto 100px auto; width:75%; min-height:200px; } .casemain dl { position: relative; display: block; float:left; margin:0 1.5vw 1.5vw 0; width:17.4vw; height:14vw; border:1px #eeeeee solid; overflow: hidden; } .casemain dl:nth-child(4n) { margin-right:0; } .casemain dl dt { display: flex; width:100%; height:14vw; overflow: hidden; justify-content: center; align-items: center; } .casemain dl dt img { display: block; width:98%; } .casemain dl dd { position: absolute; bottom:-100%; left:0; width:100%; height:100%; background: rgba(0,0,0,0.7); transition: 0.7s; font-size:24px; line-height:25px; color:#ffffff; display: flex; justify-content: center; align-items: center; } .casemain dl:hover dd { bottom:0; transition: 0.7s; } /*--鎴愬姛妗堜緥----------------------------------------------------------*/ /*--鏂伴椈涓績----------------------------------------------------------*/ .newsmain { padding-top:80px; margin:0 auto; width:80%; } .newslist { position: relative; margin:0 0 40px 0; padding:20px; width:100%; height:340px; border:1px #eeeeee solid; } .newslist:hover { background: #cb3b3b; } .newslist table { width:100%; height:100%; } .newslist table tr { width:100%; height:100%; } .newslist table td { vertical-align: top; } .newslist table td.newstd { width:30%; height:100%; } .newslist table td.newstd .newsimg { width:100%; height:300px; overflow: hidden; background-color: #f55555; } .newslist table td.newstd .newsimg img { width:100%; } .newslist table td.newsinfo { padding:20px 40px 20px 80px; } .newslist table td.newsinfo h3 { margin:0 0 30px 0; font-size:22px!important; height:40px; line-height:40px; overflow: hidden; } .newslist table td.newsinfo dl dt { font-size:18px; line-height:32px; height:65px; overflow: hidden; } .newslist table td.newsinfo dl dd { padding:20px 0 0 0; font-size:16px; color:#aaaaaa } .newslist a { position: absolute; bottom:30px; right:30px; display: block; width:120px; height:35px; background: #c8c8c8; color:#ffffff; font-size:16px; text-align: center; line-height:35px; border-radius: 4px; z-index: 1; } .newslist:hover h3, .newslist:hover dl dt, .newslist:hover dl dd { color:#ffffff } .newslist:hover a { background: #ffffff; color:#cb3b3b } .newsvmain { padding:100px 0 0 0; margin:0 auto; width:70%; } .newsvmain h1 { text-align: center; font-size:28px!important; width:100%; height:35px; line-height:35px; overflow: hidden; } .newsvmain h3 { margin-top:15px; text-align: center; font-size:16px!important; width:100%; height:35px; line-height:35px; color:#aaaaaa; overflow: hidden; font-weight: normal; } .newsvmain h3 span { margin:0 30px; } .newsvmain .newscontent { margin-top:30px; border-top:1px #ededed solid; padding:70px 0 50px 0; font-size:16px; line-height:30px; color:#000000 } .newsvmain .newscontent img { display: block; margin:20px auto; max-width:60%; } .newsvmain .newsnext { position: relative; margin:0 0 150px 0; padding:10px 0 0 30px; width:100%; height:80px; background: #ededed; } .newsvmain .newsnext ul li { width:100%; height:30px; line-height:30px; overflow: hidden; } .newsvmain .newsnext ul li a { font-size:14px; color:#333333 } .newsvmain .newsnext ul li a:hover { color:#cb3b3b } .newsvmain .newsnext > a { position: absolute; top:25px; right:30px; display: block; width:130px; height:35px; line-height:35px; background: #cb3b3b; border-radius: 4px; font-size:14px; color:#ffffff; text-align: center; z-index: 1; } .newsvmain .newsnext > a:hover { opacity: 0.8; } /*--鏂伴椈涓績----------------------------------------------------------*/ /*--鑱旂郴鎴戜滑----------------------------------------------------------*/ .contactmain { padding:0 0 0 0; width:100%; } .contact_map { width:100%; height:600px; } .contactitem { padding:30px 0 0 0; position: relative; width:100%; } .contactitem::before { position: absolute; top:0; left:0; width: 100%; height:150px; content: ''; background: #cb3b3b; z-index: 1; } .contactitem ul li { position: relative; display: flex; margin:0 auto; width:1200px; height:205px; z-index: 2; justify-content: space-around; } .contactitem ul li dl { display: block; padding:30px; width:33%; height:205px; background: #fafafa; } .contactitem ul li dl dt { margin:0 0 20px 0; font-size:20px; font-weight: bold; color:#cb3b3b } .contactitem ul li dl dd { width:100%; height:25px; line-height:25px; font-size:14px; overflow: hidden; } .contactitem ul li dl:nth-child(1){ background-image: url(../img/contact_img1.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .contactitem ul li dl:nth-child(2){ background-image: url(../img/contact_img2.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .contactitem ul li dl:nth-child(3){ background-image: url(../img/contact_img3.jpg); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; } .contact_msg { margin:100px auto 100px auto; width:1200px; } .contact_msg .contact_msg_top { position: relative; width:100%; height:60px; line-height:60px; border-bottom:30px #333333 solid; } .contact_msg .contact_msg_top::after { position: absolute; top:0; left:0; content: ''; width:60%; height:0; border-width:0 50px 60px 0; border-style: none solid solid; border-color: transparent transparent rgba(203, 59, 59, 1); z-index:1; } .contact_msg .contact_msg_top span { margin:0 0 0 30px; position: relative; font-size:30px; color:#ffffff; font-weight: bold; z-index: 10; } .contact_msg .contact_msg_top em { margin:0 0 0 20px; position: relative; font-size:20px; color:#ffffff; z-index: 10; } .contact_msg .contact_msg_form { padding:60px 50px 40px 50px; margin:0 auto; width:1200px; min-height:200px; background: #ededed; } .contact_msg .contact_msg_form ul { margin:0 0 30px 0; clear: both; } .contact_msg .contact_msg_form ul li.name { float: left; position: relative; padding:0 0 0 10px; width:90px; line-height:45px; font-size:15px; } .contact_msg .contact_msg_form ul li.name em { position: absolute; top:10px; left:0; font-size:12px; color:#cb3b3b; z-index: 1; } .contact_msg .contact_msg_form ul li.form { padding:0 0 0 90px; } .contact_msg .contact_msg_form ul li.form input { padding:0 8px; width:100%; height:45px; border:1px #e5e5e5 solid; font-size:14px; } .contact_msg .contact_msg_form ul li.form textarea { padding:8px; width:100%; height:145px; border:1px #e5e5e5 solid; font-size:14px; } .contact_msg .contact_msg_form button { border:0; outline: none; display: block; margin:60px auto 40px auto; clear: both; width:180px; height:45px; background: #cb3b3b; color: #ffffff; } /*--鑱旂郴鎴戜滑----------------------------------------------------------*/ /*------------------------------------------------------------*/ /*棣栭〉妯″潡鏍囬*/ .h_modu_title { width:100%; } .h_modu_title h4, .h_modu_title h5, .h_modu_title h6 { padding:0; margin:0; text-align: center; } .h_modu_title h4 { padding:0 0 24px 0; font-size:28px!important; line-height:25px; } .h_modu_title h4.zjcgc { color:#ffffff; } .h_modu_title h5 { position: relative; padding:0 0 24px 0; margin:0 auto; font-size:53px!important; color:#cb3b3b; line-height:53px; width:470px; } .h_modu_title h5.zjcgc { width:300px; } .h_modu_title h5.dsj { width:400px; } .h_modu_title h5.lxwm { width:350px; } .h_modu_title h5::after, .h_modu_title h5::before { position: absolute; top:25px; width:50px; height:8px; content: ''; background: #cb3b3b; z-index: 1; } .h_modu_title h5::after { left:-60px; } .h_modu_title h5::before { right:-60px; } .h_modu_title h6 { font-size:20px!important; font-weight: normal; line-height:20px; } .h_modu_title h6.zjcgc { color:#c3c2c2; } /*----------缈婚〉鏍峰紡----------*/ .page { margin:30px auto 100px auto; width: 620px; clear:both; font-size:14px; clear:both; } .page ul li { float: left; text-align: center; margin-left:6px; } .page ul li a { display: block; width:50px; height:50px; line-height:50px; text-align: center; border-radius: 40px; border: #eee 1px solid; font-size:14px; color:#333333; } .page ul li a:hover { color:#cb3b3b } .page ul li a.disabled { color: #aaa; cursor: default; } .page ul li a.active { background: #cb3b3b; border: #cb3b3b 1px solid; color: #fff; } .page .jump { margin:5px 0 0 10px; width:50px; height:40px; border:1px #e3e3e3 solid; border-radius: 4px; text-align:center } /*鍒嗘瀽鐜囧彉鍖栨椂*/ @media screen and (max-width: 1600px) { .fzlcmain .fzlcitem .fzlclist dl.lc1 { top:315px; left:75px; } .fzlcmain .fzlcitem .fzlclist dl.lc2 { top:10px; left:325px; } .fzlcmain .fzlcitem .fzlclist dl.lc3 { top:560px; left:520px; } .fzlcmain .fzlcitem .fzlclist dl.lc4 { top:380px; left:900px; } .fzlcmain .fzlcitem .fzlclist dl.lc5 { top:0px; left:1190px; } } @media screen and (max-width: 1440px) { header .t_logo img { height:55px; } header .t_nav a { padding:25px 15px 0 15px; font-size:16px; } header .t_nav > ul li { font-size:16px; } .h_bannerbox { margin-top:95px; width:100%; height:640px; background: #fafafa; } .fzlcmain .fzlcitem .fzlclist dl.lc1 { top:315px; left:55px; } .fzlcmain .fzlcitem .fzlclist dl.lc2 { top:10px; left:300px; } .fzlcmain .fzlcitem .fzlclist dl.lc3 { top:540px; left:450px; } .fzlcmain .fzlcitem .fzlclist dl.lc4 { top:380px; left:800px; } .fzlcmain .fzlcitem .fzlclist dl.lc5 { top:20px; left:990px; } } @media screen and (max-width: 1280px) { .fzlcmain .fzlcitem .fzlclist dl.lc1 { top:315px; left:55px; } .fzlcmain .fzlcitem .fzlclist dl.lc2 { top:10px; left:300px; } .fzlcmain .fzlcitem .fzlclist dl.lc3 { top:550px; left:350px; } .fzlcmain .fzlcitem .fzlclist dl.lc4 { top:430px; left:670px; } .fzlcmain .fzlcitem .fzlclist dl.lc5 { top:30px; left:900px; } }