html { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; display: block; margin: 0; padding: 0; } body { font-size: 14px; color: #333; line-height: 1.6; min-width: 320px; } body { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } body { height: 100%; overflow: hidden; padding: 0; } /*----------------------main_a---------------------------- */ /* .main_a { background: #94070a; height: 100%; overflow: hidden; } */ /* header */ .main_b .header { width: 100%; height: 85px; opacity: 0; transform: translateY(-100%); background: linear-gradient(180deg, rgba(64, 64, 64, 0.4) 0%, rgba(51, 51, 51, 0) 100%); } .main_b .header { position: fixed; left: 0%; top: 0; right: 0%; z-index: 3; padding-top: 20px; } .main_b.showdiv .header { transform: none; opacity: 1; transition: all 0.7s ease-out 0.1s; z-index: 10; } .header .block { position: relative; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } /* logo */ .logo { height: 100%; width: 323px; } .logo a { height: 100%; line-height: 85px; font-size: 0; display: block; } .logo img { max-height: 77px; vertical-align: middle; display: inline-block; } .nav { text-align: center; font-size: 18px; } .nav .ul li { float: left; margin: 0 5px; height: auto; display: block; position: relative; } .nav .ul>li>a { margin: 0 18px; color: #fff; font-family: '寰蒋闆呴粦,榛戜綋'; font-size: 18px; } .nav .ul .sub_ul { display: none; position: absolute; left: -40px; top: 50px; background: #fff; border-top: 3px solid #E6C390; border-radius: 0 0 20px 20px; box-sizing: border-box; padding: 15px 5px; width: 200px; text-align: left; } .nav .ul>li.on .sub_ul { display: block; } .nav .ul>li.h_nav .sub_ul li { width: 100%; line-height: 36px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nav .ul>li.on .sub_ul li a { font-size: 16px; } .nav .ul>li.on .sub_ul li a:hover { color: #9B0000; } .tools { color: #fff; display: flex; } .tools .search_form { width: 240px; height: 34px; background: rgba(255, 255, 255, 0.2); border: 1px solid #FFFFFF; border-radius: 17px; display: flex; justify-content: space-between; background: rgba(255, 255, 255, 0.5); } .tools .search_form input { outline: none; width: 190px; height: 100%; box-sizing: border-box; padding-left: 15px; } .tools .search_form button { border: none; width: 34px; height: 100%; background-color: rgba(0, 0, 0, 0); position: relative; cursor: pointer; } .tools .search_form button::before { content: ""; background: url(../image/sshover.png) no-repeat; width: 34px; height: 34px; display: block; position: absolute; left: 4px; top: 8px; } .tools .search { border: 1px solid #fff; border-radius: 100%; margin-left: 20px; width: 34px; height: 34px; line-height: 34px; position: relative; } .tools .search a { width: 100%; height: 100%; display: inline-block; text-align: center; } .tools .search a:after { content: "\e672"; font-size: 20px; font-family: icon; } .tools a { height: 34px; width: 34px; border: 1px solid #fff; border-radius: 34px; line-height: 34px; text-align: center; font-size: 17px; margin-left: 10px; } .zhank { width: 100px; height: 50px; background: #9B0000; border-radius: 25px 0px 0px 25px; position: absolute; right: 0; bottom: 18px; } .zhank img { margin: 12px 0 0 40px; } .main_b .banner2 { display: none; } /* banner*/ .banner { position: relative; overflow: hidden; } .main_b.showdiv .banner { display: block; } .banner, .banner .frame, .banner .slick-list, .banner .slick-track { /* height: 100%; */ height: 800px; } .banner .slick-slide { display: block; } .banner .slick-slide>div { height: 100%; } .banner .child { background-size: cover; color: #fff; background-position: center center; height: 100%; position: relative; overflow: hidden; /* background-color: #94070a; */ } .banner .child .a1 { position: relative; left: 0; top: 0; width: 100%; height: 100%; } .banner .child .font { position: absolute; left: 0; right: 380px; bottom: 50px; line-height: 1; padding-left: 40px; font-size: 30px; } .banner .navbox { display: flex; justify-content: space-between; position: absolute; right: 0; bottom: 0px; width: 100%; height: 90px; border-top: 1px solid #DBDBDB; } .banner .navbox>a { display: block; width: 90px; height: 90px; z-index: 2; } .banner .navbox>a.left { background: url(../image/jt3.png) no-repeat center center; border-right: 1px solid #DBDBDB; } .banner .navbox>a.right { background: url(../image/jt4.png) no-repeat center center; border-left: 1px solid #DBDBDB; } .banner .navbox div { width: 100%; } .banner .navbox div a { display: block; width: 140px; height: 67px; margin: 13px auto; /* background: #9B0000; */ border-radius: 11px; color: #fff; text-align: center; line-height: 40px; background: url(../image/yximg.png) no-repeat center center; } /* -------------------main_b----------- */ .main_b { position: absolute; background: #fff; overflow: hidden; top: 100%; left: 0; bottom: 0; right: 0; z-index: 99; overflow: auto; outline: none; transition: top 0.7s ease-in-out 0s; } .main_b.showdiv { top: 0; } .main_b .header2 { position: fixed; left: 0; right: 0; top: 0; z-index: 3; background: #fff; opacity: 0; transform: translateY(-100%); padding-top: 10px; padding-bottom: 10px; height: 85px; box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.15); transition: all 0.7s ease-in-out 0s; } .main_b.showdiv .header2 { opacity: 0; transform: none; transition: all 0.7s ease-out 0.1s; } .header2 .block { position: relative; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .main_b .header2 .block .logo { height: 85px; background-color: #fff; transition: all 0.6s ease-out 0s; } .header2 .nav .ul>li.on .sub_ul { border-radius: 0 0 20px 20px; box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.15); } .header2 .nav .ul>li>a { color: #5f5f5f; } .header2 .tools .search_form { width: 240px; height: 34px; background: rgba(255, 255, 255, 0.2); border: 1px solid #DBDBDB; border-radius: 17px; color: #1A1A1A; } .header2 .tools .search_form button::before { background: url(../image/sshover.png) no-repeat; } .header2 .nav .ul>li:hover a, .header2 .nav .ul>li.on a { color: #000; } .header2 .nav .ul>li.on>a::after { background: #0276DD; } .header2 .tools a { border: 1px solid #9B0000; color: #9B0000; } .header2 .zhank { width: 100px; height: 50px; background: #9B0000; border-radius: 25px 0px 0px 25px; position: absolute; right: 0; bottom: 28px; } .main_b .scroll { position: relative; } .main_b .more { display: inline-block; } /* xwzx */ .module1 { width: 100%; height: 1050px; background: url('../image/bj.png') no-repeat left bottom; background-size: cover; padding-top: 30px; } .module1 .block { height: 860px; } .block .xwzx { width: 100%; padding-right: 30px; } .module1 .block .top { position: relative; margin-bottom: 10px; opacity: 1; transition: marginTop 1s cubic-bezier(0.5, 0, 0.2, 1) 2s; } .module1 .block .top img { margin-left: 20px; } .module1 .block .top .title { color: #1A1A1A; font-size: 30px; margin-top: -8px; letter-spacing: 5px; } .module1 .block .top .etitle { color: #B3B3B3; font-size: 14px; margin: -5px 0 0 15px; } .xwtt_xyxw_mtjj { width: 100%; height: auto; position: relative; } .xwzx .xwtt_xyxw_mtjj .more { font-size: 16px; width: 80px; height: 30px; display: inline-block; position: absolute; top: -62px; right: 0px; color: #B3B3B3; } .xwzx .xwtt_xyxw_mtjj .more:hover { color: #9B0000; } .xwzx_nav { width: 100%; height: 40px; position: relative; margin: 10px 0 36px; } .xwzx_nav ul { width: 100%; height: 100%; } .xwzx_nav ul li { float: left; width: 120px; height: 40px; line-height: 40px; margin-right: 40px; text-align: center; cursor: pointer; } .xwzx_nav ul li h2 { font-size: 18px; color: #1A1A1A; padding: 5px 0; } .xwzx_nav ul li.on h2 { color: #fff; background: #9B0000; border-radius: 20px; } .xwtt_xyxw_mtjj .xwzx_nav ul { position: relative; } .xwtt_xyxw_mtjj .xwzx_nav ul .more { display: none; } .xwtt_xyxw_mtjj .xwzx_nav ul li.on .more { font-size: 16px; width: 80px; height: 30px; display: inline-block; position: absolute; top: -100px; right: 0px; color: #B3B3B3; } .xwtt_xyxw_mtjj .xwzx_nav ul li.on .more:hover { color: #9B0000; } .xwtt_xyxw_mtjj .xwzx_panel { width: 100%; display: flex; justify-content: space-between; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop { width: 50%; height: 440px; margin-bottom: 30px; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .hd { width: 100%; height: 440px; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .hd ul li { position: relative; width: 100%; height: 440px; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .big_img { width: 100%; height: 440px; cursor: pointer; overflow: hidden; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .big_img img { width: 100%; height: 100%; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .info { display: block; position: absolute; height: 96px; width: 100%; bottom: 0; color: #fff; background: url('../image/1opt.png'); } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .info p:first-child { font-size: 22px; margin: 20px 20px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .info p:last-child { font-size: 18px; float: right; margin-right: 20px; } .xwtt_xyxw_mtjj .xwzx_panel .itemTop .info p:last-child::before { content: ''; width: 50px; height: 1px; background-color: #fff; display: inline-block; margin: 0 10px 7px 0; } .xwtt_xyxw_mtjj .xwzx_panel .itemBottom { width: 48%; } .xwtt_xyxw_mtjj .xwzx_panel .itemBottom .new_list li a { display: flex; width: 100%; font-size: 16px; justify-content: space-between; line-height: 44px; } .xwtt_xyxw_mtjj .xwzx_panel .itemBottom .new_list li a img { display: inline-block; width: 4px; height: 4px; margin-right: 10px; } .xwtt_xyxw_mtjj .xwzx_panel .itemBottom .new_list li a .title { width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1A1A1A; } .xwtt_xyxw_mtjj .xwzx_panel .itemBottom .new_list li a .date { width: 105px; color: #666666; } .xwtt_xyxw_mtjj .xwzx_panel .itemBottom .new_list li a:hover .title { color: #9B0000; } .xwtt_xyxw_mtjj .xwzx_panel .itemBottom .new_list li a:hover .date { color: #9B0000; } .md2 { display: flex; justify-content: space-between; } .md2 .mtjj { width: 50%; } .md2 .tzgg_zbgg { width: 48%; } .md2 .top { position: relative; margin-bottom: 10px; opacity: 1; transition: marginTop 1s cubic-bezier(0.5, 0, 0.2, 1) 2s; } .md2 .top .title { color: #1A1A1A; font-size: 30px; margin-top: -8px; letter-spacing: 5px; } .md2 .top .etitle { color: #B3B3B3; font-size: 14px; margin: -5px 0 0 15px; } .md2 .mtjj .tzgg_content { position: relative; } .md2 .mtjj .tzgg_content .more { font-size: 16px; width: 80px; height: 30px; display: inline-block; position: absolute; top: -62px; right: 0px; color: #B3B3B3; } .md2 .mtjj .tzgg_content .more:hover { color: #9B0000; } .mtjj .tzgg_content .xwzx_panel .mtdia li { height: 55px; color: #1A1A1A; font-size: 16px; border-bottom: 1px solid #9B0000; margin-top: 15px; line-height: 55px; } .mtjj .tzgg_content .xwzx_panel .mtdia li:last-child { border-bottom: none; } .mtjj .tzgg_content .xwzx_panel .mtdia li .title { display: flex; justify-content: space-between; } .mtjj .tzgg_content .xwzx_panel .mtdia li .title:hover { color: #9B0000; } .mtjj .tzgg_content .xwzx_panel .mtdia li .title span:first-child { width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mtjj .tzgg_content .xwzx_panel .mtdia li .title span:last-child { width: 20%; text-align: right; } .tzgg_zbgg .xwzx_panel .item ul li { height: 55px; color: #1A1A1A; font-size: 16px; border-bottom: 1px solid #9B0000; margin-top: 15px; line-height: 55px; } .tzgg_zbgg .xwzx_panel .item ul li:last-child { border-bottom: none; } .tzgg_zbgg .xwzx_panel .item ul li .title { display: flex; justify-content: space-between; } .tzgg_zbgg .xwzx_panel .item ul li .title:hover { color: #9B0000; } .tzgg_zbgg .xwzx_panel .item ul li .title span:first-child { width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tzgg_zbgg .xwzx_panel .item ul li .title span:last-child { width: 20%; text-align: right; } .module1 .block .tzgg_zbgg .top2 .etitle { margin-left: 0; } .module1 .block .top2 img { margin-left: 45px; } .module1 .block .top2 .title { margin-left: 25px; } .tzgg_zbgg .xwzx_nav { position: relative; } .tzgg_zbgg .xwzx_nav .more { display: none; } .tzgg_zbgg .xwzx_nav li.on .more { font-size: 16px; width: 80px; height: 30px; display: inline-block; position: absolute; top: -80px; right: 0px; color: #B3B3B3; } .tzgg_zbgg .xwzx_nav li.on .more:hover { color: #9B0000; } .tzgg_zbgg .xwzx_panel .item { display: none; } .tzgg_zbgg .xwzx_panel .item.on { display: block; } /* ------------------------ztlm-------------- */ .ztlm { height: 490px; margin-top: 70px; } .ztlm .block .top { width: 100%; display: flex; display: -webkit-flex; justify-content: space-between; } .ztlm .block .left .pcimg { display: block; } .ztlm .block .left .top { display: none; } .ztlm .block .content { position: relative; } .ztlm .block .content .hd { width: 100%; padding-top: 20px; height: 280px; overflow: hidden; } .ztlm .block .content .hd ul { /* display: flex; justify-content: space-between; */ } .ztlm .block .content .hd ul li { width: 360px; height: 260px; padding: 10px; overflow: hidden; display: flex; justify-content: space-between; } .ztlm .block .content .hd ul li a { display: block; } .ztlm .block .content .hd ul li img { height: 220px; } .ztlm .block .content .hd ul li p { width: 360px; height: 40px; background: #FFFFFF; box-shadow: 0px 1px 13px 0px rgba(69, 69, 69, 0.14); color: #333; line-height: 40px; overflow: hidden; padding: 0 20px; box-sizing: border-box; font-size: 15px; color: #1a1a1a; } .ztlm .block .content .hd ul li { transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; overflow: hidden; } .ztlm .block .content .hd ul li:hover { transform: scale(1.1); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); } .ztlm .block .content .prev { width: 76px; height: 32px; background: url('../image/qiehuan2.png'); display: inline-block; position: relative; top: 20px; } .ztlm .block .content .next { width: 76px; height: 32px; margin-left: 20px; background: url('../image/qiehuan3.png'); display: inline-block; position: relative; top: 20px; } .ztlm .block .content .prev:hover { background: url('../image/qiehuan4.png'); } .ztlm .block .content .next:hover { background: url('../image/qiehuan1.png'); } .ztlm .block .more { width: 100%; margin-top: 50px; } .ztlm .block .more a { width: 120px; height: 50px; border: 1px solid #B9B9B9; border-radius: 16px; display: block; margin: 0 auto; text-align: center; line-height: 50px; color: #B9B9B9; } .ztlm .block .more a:hover { background: #9B0000; color: #fff; } /************xxfc******/ .xsfc { height: 536px; background: url('../image/bj2.png') no-repeat; } .xsfc .block { padding-top: 40px; position: relative; } .xsfc .top { color: #fff; margin-bottom: 30px; } .xsfc .top img { margin-left: 20px; } .xsfc .top .title { font-size: 30px; margin-top: -8px; letter-spacing: 5px; } .xsfc .top .etitle { font-size: 14px; margin: -5px 0 0 12px; } .xsfc .xsfcSlideBox { width: 100%; height: 350px; overflow: hidden; zoom: 1; } .xsfc .xsfcSlideBox .hd { position: relative; } .xsfc .xsfcSlideBox .hd ul { width: 200%; padding: 0 22px; zoom: 1; } .xsfc .xsfcSlideBox .hd ul li { width: 454px; margin: 0 22px; float: left; } .xsfc .xsfcSlideBox .hd ul li .imgh { width: 100%; height: 280px; margin-bottom: 20px; cursor: pointer; overflow: hidden; } .xsfc .xsfcSlideBox .hd ul li .imgh div { width: 100%; height: 100%; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; } .xsfc .xsfcSlideBox .hd ul li .imgh div:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .xsfc .xsfcSlideBox .hd ul li p { font-size: 16px; color: #fff; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* 璁剧疆鏈€澶ф樉绀鸿鏁 */ -webkit-box-orient: vertical; text-overflow: ellipsis; } .xsfc .xsfcSlideBox .prev { width: 76px; height: 32px; background: url('../image/qiehuan2.png') no-repeat; position: absolute; right: 130px; top: 70px; } .xsfc .xsfcSlideBox .next { width: 76px; height: 32px; background: url('../image/qiehuan3.png') no-repeat; position: absolute; right: 30px; top: 70px; } /************jsfc***********/ .jsfc { height: 720px; background: #F4F4F4; } .jsfc .top { padding-top: 40px; } .jsfc .top img { margin-left: 35px; object-fit: cover; } .jsfc .top .title { font-size: 30px; margin: -8px 0 0 10px; letter-spacing: 5px; } .jsfc .top .etitle { font-size: 14px; margin-top: -5px; } .jsfc .jsfcSlideBox { width: 100%; height: 510px; margin: 30px auto 0; zoom: 1; position: relative; } .jsfc .jsfcSlideBox .hd { height: 510px; overflow: hidden; } .jsfc .jsfcSlideBox .hd ul { width: 200%; height: 510px; padding: 0 22px; zoom: 1; } .jsfc .jsfcSlideBox .hd ul li { width: 340px; height: 100%; margin: 0 22px; float: left; } .jsfc .jsfcSlideBox .hd ul li a { display: block; width: 100%; height: 100%; overflow: hidden; } .jsfc .jsfcSlideBox .hd ul li a div { width: 100%; height: 100%; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; } .jsfc .jsfcSlideBox .hd ul li div:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .jsfc .jsfcSlideBox .prev { width: 76px; height: 32px; background: url('../image/qiehuan4.png') no-repeat; position: absolute; right: 130px; top: -90px; } .jsfc .jsfcSlideBox .next { width: 76px; height: 32px; background: url('../image/qiehuan1.png') no-repeat; position: absolute; right: 30px; top: -90px; } /* --------------rdxy-------------- */ .rdxy { width: 100%; height: 550px; margin-top: 50px; } .rdxy .block { display: -webkit-flex; display: flex; justify-content: space-between; } .rdxy .rdxy_left { flex: 1; z-index: 2; } .rdxy .rdxy_left .top { text-align: center; } .rdxy .top .title { font-size: 30px; margin-top: -8px; letter-spacing: 5px; text-align: center; } .rdxy .top .etitle { color: #B3B3B3; font-size: 14px; margin-top: -5px; } .rdxy .rdxy_left .desc { margin-top: 25px; font-size: 14px; color: #1A1A1A; line-height: 32px; text-indent: 28px; } .rdxy .rdxy_left .links { margin-top: 90px; display: -webkit-flex; display: flex; justify-content: space-between; } .rdxy .rdxy_left .links .link { width: 122px; height: 50px; line-height: 50px; text-align: center; border: 1px solid #9B0000; border-radius: 9px; padding: 0 20px; } .rdxy .rdxy_left .links .link a { display: inline-block; width: 100%; height: 100%; font-size: 18px; color: #9B0000; position: relative; display: flex; } .rdxy .rdxy_left .links .link a span { display: inline-block; width: 8px; height: 15px; background: url('../image/enter.png'); margin: 18px 0 0 40px; } .rdxy .rdxy_left .links .link:hover { background: #9B0000; } .rdxy .rdxy_left .links .link:hover a { color: #fff; } .rdxy .rdxy_left .links .link:hover a span { background: url('../image/enterhover.png'); } .rdxy .rdxy_right { width: 842px; height: 498px; margin-left: 55px; background: url('../image/tu6.png') no-repeat; background-size: cover; z-index: 2; } .rdxy .rdxy_right a { display: inline-block; width: 100%; height: 100%; line-height: 498px; } .rdxy .rdxy_right a img { width: 187px; height: 187px; position: relative; left: 50%; transform: translateX(-50%); } /************xmtjz***********/ .xmtjz { background: url('../image/bj3.png') no-repeat; height: 800px; padding-top: 50px; position: relative; } .xmtjz .left { width: 100%; display: flex; justify-content: space-between; margin-bottom: 30px; } .xmtjz .left .top img { margin-left: 38px; } .xmtjz .left .top .title { font-size: 30px; margin-top: -8px; letter-spacing: 3px; color: #fff; } .xmtjz .left .top .etitle { font-size: 14px; color: #fff; margin: -5px 0 0 8px; } .xmtjz .left ul { display: flex; justify-content: space-between; } .xmtjz .left ul li { width: 56px; height: 56px; margin-top: 13px; border-radius: 50%; text-align: center; line-height: 56px; position: relative; margin-left: 30px; } .xmtjz .left ul li:last-child { margin-bottom: 0; } .xmtjz .left ul li .xmt_icon { width: 56px; height: 56px; display: inline-block; cursor: pointer; } .xmtjz .left ul li .xmt_icon.wb { background: url('../image/4.png') no-repeat; } .xmtjz .left ul li .xmt_icon.wb:hover { background: url('../image/4hover.png') no-repeat; } .xmtjz .left ul li .xmt_icon.dy { background: url('../image/1.png') no-repeat; } .xmtjz .left ul li .xmt_icon.dy:hover { background: url('../image/1hover.png') no-repeat; } .xmtjz .left ul li .xmt_icon.wx { background: url('../image/3.png') no-repeat; } .xmtjz .left ul li .xmt_icon.wx:hover { background: url('../image/3hover.png') no-repeat; } .xmtjz .left ul li .ewm { display: none; } .xmtjz .left ul li .ewm { width: 147px; height: 158px; position: absolute; background: url(../image/2hv.png) no-repeat; box-sizing: border-box; top: 65px; left: -45px; z-index: 2; } .xmtjz .left ul li .ewm img { width: 120px; height: 120px; margin-top: 25px; } .xmtjz .right { width: 100%; } .xmtjz .right .rc1 { width: 100%; display: flex; flex-wrap: wrap; } .xmtjz .right .tu { height: 324px; background-position: center center; background-size: cover; overflow: hidden; cursor: pointer; position: relative; } .xmtjz .right .t1 { width: 25%; } .xmtjz .right .t2 { width: 25%; } .xmtjz .right .t3 { width: 50%; } .xmtjz .right .t4 { width: 50%; } .xmtjz .right .t5 { width: 25%; } .xmtjz .right .t6 { width: 25%; } .xmtjz .right .tu .tuimg { transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; } .xmtjz .right .tu:hover .tuimg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } .xmtjz .right .tu .tuimg { width: 100%; height: 100%; background-size: auto 100%; position: relative; } .xmtjz .right .tu .tuimg::after { content: ''; width: 100%; height: 100%; position: absolute; } .xmtjz .right .tu .tu_a { display: block; width: 100%; height: 100%; position: relative; } .xmtjz .right .tu .tu_a .tu_info { width: 100%; height: 110px; background: linear-gradient(0deg, rgba(50, 50, 50, 0.6) 0%, rgba(51, 51, 51, 0) 100%); font-size: 16px; color: #fff; position: absolute; bottom: 0; box-sizing: border-box; padding: 10px 17px; } .xmtjz .right .tu .tu_a .tu_info .tu_logo_info { display: -webkit-flex; display: flex; justify-content: start; align-items: center; font-size: 20px; display: inline-block; height: 40px; margin-top: 5px; } .xmtjz .right .tu .tu_a .tu_info .tu_logo_info img { width: 21px; height: 18px; display: inline-block; margin-right: 4px; margin-bottom: 4px; } .xmtjz .right .tu .tu_a .tu_info .tu_logo_info_wx { border-bottom: 5px solid #0CCF67; } .xmtjz .right .tu .tu_a .tu_info .tu_logo_info_dy { border-bottom: 5px solid #F20D8E; } .xmtjz .right .tu .tu_a .tu_info .tu_logo_info_wb { border-bottom: 5px solid #EB9D06; } .xmtjz .right .tu .tu_a .tu_info .tu_logo_info_wx img { width: 24px; height: 20px; } .xmtjz .right .tu .tu_a .tu_info .tu_logo_info_dy img { width: 16px; } /************cjrh**********/ .cjrh { width: 100%; height: 872px; position: relative; box-sizing: border-box; background: #F4F4F4; } .cjrh .top { padding: 80px 0 40px; text-align: center; } .cjrh .top .title { font-size: 30px; margin-top: -8px; letter-spacing: 5px; text-align: center; } .cjrh .top .etitle { color: #B3B3B3; font-size: 14px; margin-top: -5px; } .cjrh .content { width: 100%; height: 500px; display: -webkit-flex; display: flex; justify-content: space-between; } .cjrh .left { width: 58%; display: flex; justify-content: space-between; } .cjrh .left .imgItem { width: 48%; font-size: 18px; background: #FFFFFF; cursor: pointer; } .cjrh .left .imgItem .img { width: 100%; height: 280px; } .cjrh .left .imgItem .date { color: #808080; padding: 30px; display: flex; } .cjrh .left .imgItem .date span { width: 40px; height: 1px; background: #9B0000; display: none; margin: 13px 10px 0 0; } .cjrh .left .imgItem .title { color: #1A1A1A; padding: 0 30px; } .cjrh .left .imgItem:hover { border: 1px solid #9B0000; } .cjrh .left .imgItem:hover .date { color: #9B0000; } .cjrh .left .imgItem:hover .date span { display: block; } .cjrh .left .imgItem:hover .title { color: #9B0000; } .cjrh .right { width: 40%; background: #FFFFFF; } .cjrh .right ul { padding: 20px 30px; } .cjrh .right ul li { height: 75px; line-height: 75px; border-bottom: 1px solid #F4F4F4; } .cjrh .right ul li a { font-size: 16px; color: #1A1A1A; display: flex; justify-content: space-between; } .cjrh .right ul li a span:first-child { width: 65%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .cjrh .right ul li a span:last-child { width: 89px; } .cjrh .right ul li a:hover { color: #9B0000; } .cjrh .more { display: block; width: 120px; height: 50px; border: 1px solid #DBDBDB; border-radius: 16px; text-align: center; line-height: 50px; font-size: 16px; color: #DBDBDB; margin: 50px auto 0; } .cjrh .more:hover { color: #9B0000; border: 1px solid #9B0000; } /************xyfj**********/ .xyfj { height: 400px; } .xyfj .top { padding: 30px 0; text-align: center; } .xyfj .top .title { font-size: 30px; margin-top: -8px; letter-spacing: 5px; text-align: center; } .xyfj .top .etitle { color: #B3B3B3; font-size: 14px; margin-top: -5px; } .xyfj .xyfjBox { width: 100%; height: 215px; background: url('../image/icon.png') no-repeat; } .xyfj .xyfjBox a { display: block; } .xyfj .xyfjBox img { display: block; margin: 0 auto; padding-top: 60px; } .xyfj .xyfjBox p { text-align: center; font-size: 20px; color: #fff; margin-top: 10px; } .xyfcSlideBox { width: 100%; height: 840px; overflow: hidden; position: relative; } .xyfcSlideBox .bd { position: relative; width: 100%; height: 100%; z-index: 0; margin: 0 auto; } .xyfcSlideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; } .xyfcSlideBox .bd li a { width: 100%; height: 100%; display: block; } .xyfcSlideBox .bd img { width: 100%; height: 100%; display: block; margin: 0 auto; } .xyfcSlideBox .hd { width: 100%; height: 145px; position: absolute; bottom: 35px; right: 0; overflow: hidden; display: -webkit-flex; display: flex; flex-direction: column; } .xyfcSlideBox .hd ul { width: 1100px; display: flex; justify-content: space-between; overflow: hidden; zoom: 1; margin: 0 auto; } .xyfcSlideBox .hd ul li { width: 240px; height: 140px; text-align: center; position: relative; } .xyfcSlideBox .hd ul li img { width: 100%; height: 100%; cursor: pointer; } .xyfcSlideBox .hd ul li.on { border: 2px solid #fff; } .xyfcSlideBox .prev, .xyfcSlideBox .next { position: absolute; top: 45%; display: block; width: 60px; height: 60px; } .xyfcSlideBox .prev { left: 4%; background: url(../image/jt2.png) no-repeat; } .xyfcSlideBox .next { right: 4%; background: url(../image/jt1.png) no-repeat; } /* ---------------cylj------------------ */ .cylj { height: 400px; } .cylj .top img { margin-left: 65px; } .cylj .top .title { font-size: 30px; margin: -8px 0 0 40px; letter-spacing: 5px; color: #1A1A1A; } .cylj .top .etitle { font-size: 14px; margin: -5px 0 0 12px; color: #B3B3B3; } .cylj .content { display: flex; justify-content: space-between; } .cylj .content .links { width: 80%; margin-top: 45px; } .cylj .content .links ul { display: flex; flex-wrap: wrap; } .cylj .content .links ul li { margin: 0 50px 50px 0; } .cylj .content .links ul li:nth-child(4n) { margin-right: 0; } .cylj .content .links ul li a { display: block; } .cylj .content .emails { width: 260px; } .cylj .content .emails a { display: block; width: 160px; height: 34px; padding: 33px 50px; margin-bottom: 25px; color: #fff; border-radius: 12px; font-size: 18px; } .cylj .content .emails a:first-child { background: #E59A16; } .cylj .content .emails a:last-child { background: #BA1C33; } .cylj .content .emails a img { margin-right: 20px; } /* --------------footer---------------- */ .footer { width: 100%; padding-top: 20px; height: 380px; background: #9B0000; color: #fff; } .footer .flogo { display: block; margin: 0 auto 50px; } .footer .content { display: flex; justify-content: space-between; } .footer .content p { font-size: 16px; line-height: 40px; } .footer .content p img { margin-right: 10px; } .footer .content .fsydw { width: 80px; height: 80px; margin-top: 10px; } /* --------------allmenu---------------- */ .allmenu { position: fixed; box-sizing: border-box; width: 100%; height: 100%; padding: 20px; background: url('../image/bj4.png'); z-index: 999; display: none; } .allmenu .logo { display: block; width: 1500px; height: 77px; margin: 4px auto 0; } .allmenu .zhank { width: 100px; height: 50px; background: #E6C390; border-radius: 25px 0px 0px 25px; position: absolute; right: 0; top: 37px; } .allmenu .zhank img { margin: 12px 0 0 41px; } .allmenu .content { color: #fff; margin: 40px auto 0; width: 70%; display: none; height: 85%; } .allmenu .content .ul { display: flex; } .allmenu .content .ul li { font-size: 20px; letter-spacing: 5px; text-align: center; width: 16.5%; } .allmenu .content .ul li span { width: 50px; height: 2px; display: block; background: #E6C390; margin: 0 auto; } .allmenu .content .ul li .sub_ul { margin-top: 20px; } .allmenu .content .ul li .sub_ul li { text-align: center; font-size: 16px; margin-bottom: 10px; width: 100%; } .allmenu .content .ul li .sub_ul li:hover { color: #FAC67A; } /* --------------video-box---------------- */ .video-box { position: fixed; box-sizing: border-box; width: 100%; height: 100%; padding: 20px; background-color: #000; display: none; z-index: 999; } .video-box #closeBtn { cursor: pointer; } .video-box #closeBtn::after { content: ''; display: block; width: 80px; height: 80px; position: absolute; right: 20px; top: 20px; text-align: center; background: url(../image/close.png) no-repeat; } .video-box video { position: relative; left: 50%; transform: translateX(-50%); margin-top: 100px; } .module2 .block, .module3 .block, .module4 .block, .module5 .block, .module6 .block, .module7 .block, .module8 .block, .module9 .block { opacity: 0; transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s; transform: translateY(300px); } .module2.showdiv .block, .module3.showdiv .block, .module4.showdiv .block, .module5.showdiv .block, .module6.showdiv .block, .module7.showdiv .block, .module8.showdiv .block, .module9.showdiv .block { opacity: 1; transform: none; } @keyframes float { 0%, 100% { top: 0; left: 0; } 50% { top: 94%; left: 90%; } } .float-item { position: relative; width: 220px; height: 60px; background: #9B0000; color: #fff; font-size: 16px; line-height: 60px; z-index: 999999999999 !important; text-align: center; display: inline-block; animation: float 25s infinite linear; }