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_a .header { width: 100%; height: 60px; opacity: 0; transform: translateY(-100%); background: linear-gradient(180deg, rgba(64, 64, 64, 0.4) 0%, rgba(51, 51, 51, 0) 100%); } .main_a .header { position: fixed; left: 0%; top: 0; right: 0%; z-index: 3; padding-top: 20px; } .main_a.showdiv .header { transform: none; opacity: 1; transition: all 0.7s ease-out 0.1s; } .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: 298px; } .logo a { height: 100%; line-height: 60px; font-size: 0; display: block; } .logo img { max-height: 77px; vertical-align: middle; display: inline-block; } .header .block .mmenu { display: none; } .nav { display: block; text-align: center; font-size: 18px; height: 60px; padding-top: 20px; } .header2 .block .mmenu .nav { display: none; } .nav .ul li { float: left; margin: 0 5px; height: auto; display: block; } .nav .ul>li>a { margin: 0 18px; color: #fff; font-family: '寰蒋闆呴粦,榛戜綋'; font-size: 18px; } .nav .ul .sub_ul { display: none; position: absolute; left: 0; top: 70px; background: #fff; border-radius: 14px; box-sizing: border-box; padding: 15px 2.5%; width: 100%; text-align: left; } .nav .ul>li.on>a { position: relative; display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #fff; } .nav .ul>li.on>a::after { content: ''; width: 2px; height: 26px; background: #FFFFFF; display: inline-block; position: absolute; left: 50%; top: 34px; } .nav .ul>li.on .sub_ul { display: block; } .nav .ul>li.h_nav .sub_ul li { width: 19%; line-height: 36px; } .nav .ul>li.on .sub_ul li a { font-size: 16px; } .nav .ul>li.on .sub_ul li a:hover { color: #0276DD; } .tools { color: #fff; } .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; } .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/sousuo.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; } .m_nav { display: none; } /* banner*/ .banner { position: relative; overflow: hidden; } .banner, .banner .frame, .banner .slick-list, .banner .slick-track { height: 100%; } .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 { position: absolute; right: 100px; bottom: 30px; height: 60px; box-sizing: border-box; padding: 26px; border-radius: 20px 20px 0px 0px; display: flex; } .banner .navbox>a { position: relative; width: 30px; height: 27px; display: block; z-index: 2; } .banner .navbox>a.left { background: url(../image/enter9.png) no-repeat center center; } .banner .navbox>a.left:hover { background: url(../image/enter8.png) no-repeat center center; } .banner .navbox>a.right { background: url(../image/enter7.png) no-repeat center center; } .banner .navbox>a.right:hover { background: url(../image/enter10.png) no-repeat center center; } .banner .navg ul { width: 400px; margin: 0 auto; text-align: center; display: -webkit-flex; display: flex !important; justify-content: center; overflow: hidden; } .banner .navg ul li { width: 40px; font-size: 18px; color: #fff; z-index: 2; cursor: pointer; } .banner .navg ul li img { display: none; position: absolute; top: 20px; left: 30px; width: 305px; height: 150px; } .banner .navg ul li.slick-active img { display: inline-block; } .banner .navg ul li.slick-active { color: #fff; font-size: 22px; font-weight: bold; position: relative; top: -8px; } .main_b .banner2 { display: none; } .yinxiang { width: 80px; height: 136px; position: fixed; color: #fff; font-size: 16px; top: 40%; right: 0; background: url(../image/jsyingx.png) no-repeat; } .yinxiang a { display: block; display: flex; padding-left: 40px; padding-top: 16px; } .yinxiang img { width: 12px; height: 19px; padding-top: 40px; margin-left: 6px; } /* -------------------main_b----------- */ .main_b { position: fixed; background: #fff; overflow: hidden; top: 100%; left: 0; bottom: 0; right: 0; z-index: 999; 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; padding-top: 10px; padding-bottom: 10px; height: 60px; opacity: 0; transform: translateY(-100%); 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: 1; transform: none; } .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: 60px; background-color: #fff; transition: all 0.6s ease-out 0s; } .header2 .nav .ul>li.on .sub_ul { border-radius: 14px; 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/sousuob.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 .block .mmenu { display: none; } .main_b .scroll { position: relative; } .main_b .more { display: inline-block; } /* xwzx */ .xwzx { width: 100%; height: 1150px; padding-top: 80px; background: url(../image/bj1.png) no-repeat; } .xwzx .xwcontent { height: 460px; display: flex; justify-content: space-between; margin-bottom: 60px; } .xwzx .left { width: 55%; } .xwzx .right { width: 43%; } .xwzx .top { margin-top: 40px; position: relative; margin-bottom: 30px; opacity: 1; transition: marginTop 1s cubic-bezier(0.5, 0, 0.2, 1) 2s; } .xwzx .top .more { display: block; width: 90px; height: 30px; position: absolute; bottom: 0px; right: 0px; background: url('../image/MORE3.png') no-repeat center center; } .xwzx .top .more:hover { background: url('../image/MORE4.png') no-repeat center center; } .xwzx .xwzxSlideBox { position: relative; zoom: 1; width: 100%; height: 380px; } .xwzx .xwzxSlideBox ul { position: static !important; } .xwzx .xwzxSlideBox .bd { overflow: hidden; } .xwzx .xwzxSlideBox .bd li { vertical-align: middle; width: 100%; height: 380px; } .xwzx .xwzxSlideBox .bd li .imgbox { overflow: hidden; } .xwzx .xwzxSlideBox .bd img { width: 100%; height: 380px; display: block; -webkit-transition: all 0.8s ease-in-out 0s; transition: all 0.8s ease-in-out 0s; object-fit:cover; } .xwzx .xwzxSlideBox .bd img:hover { transform: scale(1.2); } .xwzx .xwzxSlideBox .bd li a { display: block; width: 560px; height: 80px; padding: 20px; background: #0276DD; position: absolute; bottom: -80px; left: 0; color: #fff; } .xwzx .xwzxSlideBox .bd li a p:first-child { font-size: 18px; margin-bottom: 5px; } .xwzx .xwzxSlideBox .bd li a p:last-child { font-size: 14px; line-height: 22px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; } .xwzx .xwzxSlideBox .hd { width: 190px; margin-top: 30px; overflow: hidden; display: flex; justify-content: space-between; position: absolute; right: 0; } .xwzx .xwzxSlideBox .hd ul { width: 100px; overflow: hidden; zoom: 1; display: flex; justify-content: space-between; } .xwzx .xwzxSlideBox .hd ul li { width: 6px; height: 6px; border-radius: 6px; margin-top: 8px; background: #B3B3B3; cursor: pointer; } .xwzx .xwzxSlideBox .hd ul li span { display: none; } .xwzx .xwzxSlideBox .hd ul li.on { width: auto; height: auto; border-radius: 0; background: none; color: #0276DD; margin-top: 0; } .xwzx .xwzxSlideBox .hd ul li.on span { display: block; } .xwzx .xwzxSlideBox .prev, .xwzx .xwzxSlideBox .next { width: 12px; height: 19px; display: inline-block; } .xwzx .xwzxSlideBox .prev { background: url('../image/enter9.png') no-repeat; } .xwzx .xwzxSlideBox .next { background: url('../image/enter7.png') no-repeat; } .xwzx .xwzxSlideBox .prev:hover { background: url('../image/enter8.png') no-repeat; } .xwzx .xwzxSlideBox .next:hover { background: url('../image/enter10.png') no-repeat; } .xwzx .right ul li a { display: flex; width: 100%; font-size: 16px; justify-content: space-between; line-height: 45px; } .xwzx .right ul li a img { display: inline-block; width: 4px; height: 4px; margin-right: 10px; } .xwzx .right ul li a .title { width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #1A1A1A; } .xwzx .right ul li a .date { width: 105px; color: #666666; } .xwzx .right ul li a:hover .title { color: #0276DD; } .xwzx .right ul li a:hover .date { color: #0276DD; } .xwzx_nav { width: 100%; height: 74px; border-top: 1px solid #DBDBDB; position: relative; } .xwzx_nav ul { width: 100%; height: 100%; } .xwzx_nav ul li { float: left; width: 240; height: 100%; margin-left: 40px; text-align: center; text-align: center; cursor: pointer; } .xwzx_nav ul li h2 { font-size: 18px; /* font-weight: bold; */ color: #1A1A1A; margin-top: 17px; margin-bottom: 5px; } .xwzx_nav ul li p { font-size: 14px; color: #B3B3B3; } .xwzx_nav ul li.on h2, .xwzx_nav ul li.on p { color: #0276DD; } .xwzx_nav ul li.on { background: url(../image/11.png) no-repeat center top; } .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 { width: 90px; height: 30px; display: inline-block; position: absolute; top: -60px; right: 0px; background: url('../image/MORE.png') no-repeat; } .xwtt_xyxw_mtjj .xwzx_nav ul li.on .more:hover { background: url('../image/MORE2.png') no-repeat; } .md2 { display: flex; justify-content: space-between; } .md2 .mtjj { width: 55%; } .md2 .mtjj .top { width: 100%; position: relative; margin-top: 0; } .md2 .mtjj .top .more { display: block; width: 90px; height: 30px; position: absolute; bottom: 0px; right: 0px; background: url('../image/MORE3.png') no-repeat center center; } .md2 .mtjj .top .more:hover { background: url('../image/MORE4.png') no-repeat center center; } .mtjj .mtjj_content .mtdia li { height: 60px; color: #1A1A1A; font-size: 16px; border-bottom: 1px solid #0276DD; margin-top: 15px; line-height: 60px; } .mtjj .mtjj_content .mtdia li:last-child { border-bottom: none; } .mtjj .mtjj_content .mtdia li .title { display: flex; justify-content: space-between; } .mtjj .mtjj_content .mtdia li .title:hover { color: #0276DD; } .mtjj .mtjj_content .mtdia li .title span:first-child { width: 78%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mtjj .mtjj_content .mtdia li .title span:last-child { width: 20%; text-align: right; } .md2 .tzgg_zbgg { width: 42%; } .tzgg_zbgg .xwzx_nav { position: relative; } .tzgg_zbgg .xwzx_nav .more { display: none; } .tzgg_zbgg .xwzx_nav li.on .more { display: inline-block; position: absolute; right: 0px; top: 20px; width: 59px; height: 30px; background: url(../image/MORE3.png) no-repeat; } .tzgg_zbgg .xwzx_nav li.on .more:hover { background: url(../image/MORE4.png) no-repeat; } .tzgg_zbgg .xwzx_panel { margin-top: 10px 0 59px 0; } .tzgg_zbgg .xwzx_panel .item { display: none; } .tzgg_zbgg .xwzx_panel .item.on { display: block; } .tzgg_zbgg .xwzx_panel .item ul li { height: 60px; color: #1A1A1A; font-size: 16px; border-bottom: 1px solid #0276DD; margin-top: 15px; line-height: 60px; } .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: #0276DD; } .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; } /************.xxfc_jsfc_rdxy******/ .xxfc_jsfc_rdxy { width: 100%; height: 1750px; background: url(../image/bj2.png) no-repeat; background-size: cover; } /* -----------xsfc------------- */ .xsfc { width: 100%; height: 520px; position: relative; box-sizing: border-box; padding-top: 60px; } .xsfc::after { content: ''; width: 744px; height: 338px; /* background: #0276DD;*/ display: block; top: 550px; left: 0; position: absolute; z-index: -1; } .xsfc .block { display: -webkit-flex; display: flex; justify-content: space-between; } .xsfc .block .left { width: 125px; height: auto; } .xsfc .block .content { flex: 1; position: relative; width: 90%; } .xsfc .block .content .moreBox { height: 30px; position: relative; margin-bottom: 30px; } .xsfc .block .content .more { display: block; width: 90px; height: 30px; position: absolute; right: 0; background: url('../image/MORE3.png') no-repeat center center; } .xsfc .block .content .more:hover { background: url('../image/MORE4.png') no-repeat center center; } .xsfc .xsfcSlideBox { width: 100%; height: 350px; overflow: hidden; zoom: 1; } .xsfc .xsfcSlideBox .hd { position: relative; } .xsfc .xsfcSlideBox .hd ul { width: 200%; padding: 0 10px; zoom: 1; } .xsfc .xsfcSlideBox .hd ul li { width: 440px; margin: 0 10px; 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: #333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; /* 璁剧疆鏈€澶ф樉绀鸿鏁 */ -webkit-box-orient: vertical; text-overflow: ellipsis; } /* ******************jsfc************ */ .jsfc { width: 100%; height: 618px; box-sizing: border-box; padding-top: 0px; position: relative; margin-bottom:20px; } .jsfc .top { display: -webkit-flex; display: flex; justify-content: space-between; margin-top: 20px; margin-bottom:30px; } .jsfc .top img { object-fit: contain; } .jsfc .top .more { width: 59px; height: 13px; display: inline-block; background: url(../image/MORE3.png) no-repeat; margin-top: 68px; } .jsfc .top .more:hover { background: url(../image/MORE4.png) no-repeat; } .jsfc .ggqg { display:none; position: absolute; left: 40%; top: 40px; } .jsfc .jsfcSlideBox { width: 100%; height: 510px; margin: 20px 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); } /* --------------rdxy-------------- */ .rdxy { width: 100%; height: 621px; margin-top: 60px; } .rdxy .block { display: -webkit-flex; display: flex; justify-content: space-between; } .rdxy .rdxy_left { flex: 1; } .rdxy .rdxy_left .top { margin-top: 30px; } .rdxy .rdxy_left .desc { margin-top: 25px; font-size: 14px; color: #1A1A1A; line-height: 32px; text-indent: 28px; } .rdxy .rdxy_left .links { margin-top: 78px; display: -webkit-flex; display: flex; justify-content: space-between; } .rdxy .rdxy_left .links .link { width: 162px; height: 38px; border-bottom: 1px solid #B3B3B3; } .rdxy .rdxy_left .links .link a { display: inline-block; width: 100%; height: 100%; font-size: 18px; color: #1A1A1A; position: relative; } .rdxy .rdxy_left .links .link a::after { content: ''; width: 8px; height: 15px; position: absolute; display: inline-block; right: 0px; top: 7px; background: url(../image/enter5.png) no-repeat; } .rdxy .rdxy_left .links .link:hover { border-bottom: 1px solid #0276DD; } .rdxy .rdxy_left .links .link:hover a { color: #0276DD; } .rdxy .rdxy_left .links .link:hover a::after { background: url(../image/enter6.png) no-repeat; } .rdxy .rdxy_right { width: 760px; height: 450px; margin-left: 55px; overflow: hidden; position: relative; } .rdxy .rdxy_right .rdxy_video_bg { width: 100%; height: 100%; background: url('../image/tu10.png') no-repeat; background-size: cover; position: relative; transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; } .rdxy .rdxy_right .rdxy_video_bg::after { content: ''; width: 100%; height: 100%; background: none; position: absolute; left: 0px; top: 0px; } .rdxy .rdxy_right:hover .rdxy_video_bg { transform: scale(1.2); } .rdxy .rdxy_right a { display: inline-block; width: 100%; height: 100%; line-height: 460px; position: absolute; z-index: 999; left: 0px; top: 0px; } .rdxy .rdxy_right a img { width: 187px; height: 187px; position: relative; left: 50%; transform: translateX(-50%); } .xmtjz { width: 100%; height: 1020px; background-color: #0276DD; position: relative; box-sizing: border-box; padding-top: 60px; } .xmtjz::before { content: ''; width: 100%; height: 20px; display: block; background-color: #0276DD; position: absolute; top: -20px; } .xmtjz .top { width: 100%; height: 78px; display: -webkit-flex; display: flex; justify-content: space-between; } .xmtjz .top ul { display: -webkit-flex; display: flex; justify-content: end; align-items: flex-end; position: relative; top: 28px; } .xmtjz .top ul li { width: 56px; height: 56px; margin-left: 23px; border-radius: 50%; text-align: center; line-height: 56px; position: relative; } .xmtjz .top ul li .xmt_icon { width: 56px; height: 56px; display: inline-block; cursor: pointer; } .xmtjz .top ul li .xmt_icon.wx { background: url('../image/icon3.png') no-repeat; } .xmtjz .top ul li .xmt_icon.wx:hover { background: url('../image/icon31.png') no-repeat; } .xmtjz .top ul li .ewm { display: none; } .xmtjz .top ul li .ewm { width: 150px; height: 160px; position: absolute; background: url(../image/22.png) no-repeat; box-sizing: border-box; padding: 10px 9px; top: 60px; left: -42px; z-index: 999; } .xmtjz .top ul li .ewm img { width: 120px; height: 120px; margin-top: 15px; } .xmtjz .content { width: 100%; height: 720px; margin-top: 45px; display: -webkit-flex; display: flex; flex-wrap: wrap; } .xmtjz .content .tu { height: 360px; background-position: center center; background-size: cover; overflow: hidden; cursor: pointer; position: relative; } .xmtjz .content .t0 { width: 25%; } .xmtjz .content .t1 { width: 25%; } .xmtjz .content .t2 { width: 50%; } .xmtjz .content .t3 { width: 50%; } .xmtjz .content .t4 { width: 25%; } .xmtjz .content .t5 { width: 25%; } .xmtjz .content .tu .tuimg { width: 100%; height: 100%; background-size: auto 100%; position: relative; } .xmtjz .content .tu .tuimg::after { content: ''; width: 100%; height: 100%; position: absolute; } .xmtjz .content .tu .tu_a { display: block; width: 100%; height: 100%; position: relative; } .xmtjz .content .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 .content .tu .tu_a .tu_info .date { font-size: 14px; } .xmtjz .content .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 .content .tu .tu_a .tu_info .tu_logo_info img { width: 21px; height: 18px; display: inline-block; margin-right: 4px; margin-bottom: 4px; } .xmtjz .content .tu .tu_a .tu_info .tu_logo_info_wx { border-bottom: 5px solid #0CCF67; } .xmtjz .content .tu .tu_a .tu_info .tu_logo_info_wx img { width: 24px; height: 20px; } .xmtjz .content .tu .tu_a .tu_info .tu_logo_info_dy { border-bottom: 5px solid #F20D8E; } .xmtjz .content .tu .tu_a .tu_info .tu_logo_info_dy img { width: 16px; } .xmtjz .content .tu .tu_a .tu_info .tu_logo_info_wb { border-bottom: 5px solid #EB9D06; } .xmtjz .content .tu .tu_a .tu_info .tu_logo_info_ks { border-bottom: 5px solid #1ce2d1; } .xmtjz .content .tu .tu_a .tu_info .tu_logo_info_ks img { width: 17px; height: 21px; } .xmtjz .content .tu .tuimg { transition: all 0.8s ease-in-out 0s; -webkit-transition: all 0.8s ease-in-out 0s; } .xmtjz .content .tu:hover .tuimg { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); } /* cjrh_xyfj_ztlm_kslj */ .cjrh_xyfj_ztlm_kslj { width: 100%; height: auto; background: url(../image/bj4.png) no-repeat; background-position: left 400px; background-size: cover; } /* --------------cjrh-------------- */ .cjrh { width: 100%; height: 810px; position: relative; box-sizing: border-box; } .cjrh::before { content: ''; width: 100%; height: 343px; background-color: #0276DD; display: inline-block; position: absolute; z-index: -1; } .cjrh .top { width: 100%; height: 75px; padding-top: 80px; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; } .cjrh .top .more { width: 59px; height: 30px; display: inline-block; background: url(../image/MORE5.png) no-repeat center center; } .cjrh .tw { width: 100%; height: 436px; margin-top: 45px; display: -webkit-flex; display: flex; } .cjrh .tw .pic { width: 839px; height: 436px; overflow: hidden; cursor: pointer; } .cjrh .tw .pic img { width: 100%; height: 100% } .cjrh .tw .content { width: 660px; height: 436px; background: #F1F9FF; box-sizing: border-box; padding: 40px 50px 40px 39px; position: relative; } .cjrh .tw .content .title { font-size: 22px; color: #1A1A1A; line-height: 40px; display: inline-block; } .cjrh .tw .content .title:hover { color: #0276DD; } .cjrh .tw .content .line { display: inline-block; margin: 0px 0 15px 0; } .cjrh .tw .content .line span { width: 46px; height: 4px; display: inline-block; background: #0276DD; } .cjrh .tw .content .desc { font-size: 16px; line-height: 34px; color: #1A1A1A; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; /* 璁剧疆鏈€澶ф樉绀鸿鏁 */ -webkit-box-orient: vertical; text-overflow: ellipsis; } .cjrh .tw .content .date { margin-top: 10px; font-size: 16px; } .cjrh .tw .content .more { width: 59px; height: 30px; display: inline-block; background: url(../image/MORE3.png) no-repeat center center; position: absolute; bottom: 40px; right: 50px; } .cjrh .tw .content .more:hover { background: url(../image/MORE4.png) no-repeat center center; } .cjrh .list { width: 100%; height: 120px; margin-top: 34px; display: -webkit-flex; display: flex; /* justify-content: space-between; */ } .cjrh .list li { width: 32%; height: 120px; background: #FFFFFF; border: 1px solid #E2E2E2; box-sizing: border-box; padding: 20px 31px 30px 21px; display: -webkit-flex; display: flex; justify-content: space-between; margin-right: 30px; } .cjrh .list li:last-child { margin-right: 0; } .cjrh .list li .date { /* width: 90px; */ width: 140px; margin-right: 21px; } .cjrh .list li .date .d1 { font-size: 16px; text-align: center; } .cjrh .list li .date .d2 { font-size: 32px; text-align: center; } .cjrh .list li .title { display: block; font-size: 16px; color: #1A1A1A; line-height: 36px; padding-left: 20px; position: relative; } .cjrh .list li .title::before { content: ''; width: 1px; height: 80px; background: #DBDBDB; display: inline-block; position: absolute; left: 0px; } .cjrh .list li:hover { color: #0276DD; border: 1px solid #0276DD; } .cjrh .list li:hover a { color: #0276DD; } /* ---------------xyfj---------------- */ .xyfj { width: 100%; margin-top: 60px; height: 780px; } .xyfj .top { width: 100%; text-align: center; height: 110px; } .xyfcSlideBox { width: 100%; height: 660px; overflow: hidden; position: relative; } .xyfcSlideBox .bd { position: relative; width: 82%; 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: 660px; display: block; margin: 0 auto; } .xyfcSlideBox .prev, .xyfcSlideBox .next { position: absolute; top: 45%; display: block; width: 60px; height: 60px; } .xyfcSlideBox .prev { left: 0; background: url(../image/xyfc_prev.png) no-repeat; } .xyfcSlideBox .next { position: absolute; right: 0px; background: url(../image/xyfc_next.png) no-repeat; } .xyfcSlideBox .prev:hover { background: url(../image/qiehuan3.png) no-repeat; } .xyfcSlideBox .next:hover { background: url(../image/qiehuan4.png) no-repeat; } /* ------------------------ztlm-------------- */ .ztlm { height: 575px; margin-top: 70px; } .ztlm .top { height: 100px; width: 100%; display: -webkit-flex; display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #DBDBDB; box-sizing: border-box; padding-bottom: 30px; margin-bottom: 35px; } .ztlm .top .more { display: inline-block; width: 59px; height: 30px; background: url(../image/MORE3.png) no-repeat right center; } .ztlm .top .more:hover { background: url(../image/MORE4.png) no-repeat right center; } .ztlm .left { width: 88px; float: left; } .ztlm .left .pcimg { display: block; } .ztlm .left .top { display: none; } .ztlm .content { margin-left: 180px; position: relative; } .ztlm .list { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; } .ztlm .item { -ms-flex: 1; flex: 1; margin-left: 20px; height: 420px; color: #fff; position: relative; overflow: hidden; cursor: pointer; transition: all 1s ease-out 0s; transform: translateY(-80px); opacity: 0; } .ztlm .item:nth-child(1) { margin-left: 0; } .ztlm .item:nth-child(1) { transform: translateY(-50px); } .ztlm .item:nth-child(2) { transform: translateY(50px); } .ztlm .item:nth-child(3) { transform: translateY(-50px); } .ztlm .item:nth-child(4) { transform: translateY(50px); } .ztlm .item:nth-child(5) { transform: translateY(-50px); } .ztlm .item:nth-child(6) { transform: translateY(50px); } .ztlm_kslj.showdiv .ztlm .item { transform: none; opacity: 1; } .ztlm .item img { height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition: all 0.6s ease-out 0s; } .ztlm .item:hover img { transform: scale(1.1); } .ztlm .item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } /* ---------------kslj------------------ */ .kslj { width: 100%; height: 349px; margin-top: 100px; padding-bottom: 150px; } .kslj .top { width: 100%; height: 76px; margin-bottom: 30px; } .kslj .content { /* width: 1020px; */ height: 220px; width: 100%; } .kslj .content ul { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; } .kslj .content ul li { /* width: auto; */ width: 307px; height: 40px; /* margin-right: 90px; */ border-bottom: 1px solid #B3B3B3; margin-bottom: 32px; } .kslj .content ul li a { display: inline-block; height: 100%; font-size: 16px; color: #1A1A1A; letter-spacing: 7px; } .kslj .content ul li:nth-child(4) a { letter-spacing: 2px; } .kslj .content ul li:hover { border-bottom: 1px solid #0276DD; } .kslj .content ul li:hover a { color: #0276DD; } .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; } .module1 .block, .module2 .block, .module3 .block, .module4 .block, .module5 .block, .module6 .block, .module7 .block, .module8 .block { opacity: 0; transition: all 1s ease-out 0s; -webkit-transition: all 1s ease-out 0s; transform: translateY(300px); } .module1.showdiv .block, .module2.showdiv .block, .module3.showdiv .block, .module4.showdiv .block, .module5.showdiv .block, .module6.showdiv .block, .module7.showdiv .block, .module8.showdiv .block { opacity: 1; transform: none; } .module3 .ggqg { opacity: 0; transition: all 3s ease-out 0.5s; -webkit-transition: all 3s ease-out 0.5s; } .module3.showdiv .ggqg { opacity: 1; } .main_a .yinxiang { opacity: 0; transition: all 3s ease-out 0.5s; -webkit-transition: all 3s ease-out 0.5s; transform: translateX(300px); } .main_a .yinxiang a { opacity: 0; transition: all 3s ease-out 2s; -webkit-transition: all 3s ease-out 2s; } .main_a.showdiv .yinxiang, .main_a.showdiv .yinxiang a { opacity: 1; transform: none; }