/* 板块1 */ .content1 { margin-top: 50px; } .c1_cs { width: 531px; height: 218px; background-color: #8f0e16; padding-left: 30px; padding-top: 15px; } .c1_cs img { display: block; } .m_block .new{ margin-left:336px; } .new { font-size: 32px; line-height: 36px; letter-spacing: 0px; color: #000000; /* top: -80px; */ /* position: relative; */ margin-left: 635px; } .c1_tit .more { font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #666666; margin-right: 0; } .more:hover { color: #8f0e16; text-decoration: underline; } .c1_cont { margin-top: 40px; } .c1_cont .list1 { width: 560px; height: 383px; overflow: hidden; } .imgs { width: 388px; height: 280px; overflow: hidden; } .c1_cont img:hover { transform: scale(1.1); transition: all 0.5s ease 0.1s; } .c1_cont img { display: block; cursor: pointer; height: 100%; transition: all 0.3s; width: 100%; } .c1_cs .s1 { font-size: 24px; font-weight: bold; line-height: 28px; color: #ffffff; } .c1_cs .s2 { font-size: 16px; line-height: 28px; letter-spacing: 0px; color: #ffffff; } .c1_cs .s3 { margin: 10px 0; width: 471px; font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 32px; letter-spacing: 0px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; } .c1_cs .s4 { width: 503px; height: 55px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #ffffff; opacity: 0.68; overflow: hidden; text-overflow: ellipsis; } .c1_list { width: 561px; height: 616px; } .c1_list .slick { position: relative; } .c1_list .slick .slick-prev { background: url(../img/icon3.png); border: none; width: 40px; height: 40px; z-index: 333; position: absolute; bottom: 3%; right: 15%; } .c1_list .slick .slick-next { background: url(../img/icon4.png); border: none; width: 40px; height: 40px; z-index: 333; position: absolute; bottom: 3%; right: 5%; } .c1_list .slick button { font-size: 0; cursor: pointer; } .list1_con { padding-top: 45px; margin-right: 40px; } .list1_cons { padding-top: 45px; } .list1_line { width: 1px; height: 251px; background: #949494; opacity: 0.4; margin-right: 20px; margin-top: 25px; } .list1_lines { width: 1px; height: 251px; background: #949494; opacity: 0.4; margin-top: 16px; margin-left: 35px; margin-right: 30px; } .f_s1 { font-size: 24px; font-weight: bold; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: #a00d11; } .f_s2 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 28px; letter-spacing: 0px; color: #a00d11; } .f_s3 { width: 340px; height: 50px; font-size: 18px; font-weight: bold; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; margin-top: 17px; margin-bottom: 30px; } .f_s3:hover { color: #a00d11; } .f_s4 { width: 340px; height: 71px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #8c8c8c; overflow: hidden; text-overflow: ellipsis; } .fr_list2 { margin-top: 56px; } /* 板块2 */ .content2 { background: url(../img/bg2.png) no-repeat; margin-top: 65px; background-size: 100% 86%; padding-top: 60px; } .c2_con { margin-top: 50px; } .c2_cons { margin-top: 40px; margin-left: 237px; height: 195px; } .news { color: #ffffff !important; } .mores { color: #ffffff !important; } .c2_li { background: url(../img/bg4.png) no-repeat; height: 163px; width: 405px; padding-left: 35px; padding-top: 30px; margin-right: 40px; border-bottom: solid 2px #8f0e16; transition: all 0.3s; } .c2_li:hover { margin-top: -10px; box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); cursor: pointer; } .ten { width: 46px; height: 46px; border: solid 1px #a71d20; font-size: 24px; font-weight: bold; font-style: italic; font-stretch: normal; line-height: 46px; text-align: center; color: #95171a; } .tew { width: 93px; height: 30px; border: solid 1px #a71d20; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; text-align: center; color: #95171a; margin-top: 16px; border-left: none; } .c2_p { width: 377px; height: 48px; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #333333; overflow: hidden; text-overflow: ellipsis; margin-top: 25px; } .c2_li:hover p { font-weight: bold; } /* 板块3 */ .content3 { background: url(../img/bg6.png); padding-top: 140px; padding-bottom: 105px; margin-top: -82px; } .content3s { position: relative; } .content3s > div > p { width: 326px; height: 80px; font-size: 32px; font-stretch: normal; line-height: 80px; letter-spacing: 0px; text-align: center; color: #ffffff; background: url(../img/block1.png) no-repeat; } .c1s { margin-top: 30px; } .sur_box { width: 1300px; height: 398px; padding-top: 70px; padding-left: 100px; background-color: #9e1c20; } .s_box { width: 293px; height: 327px; background: rgba(255, 255, 255, 0.2); padding-top: 22px; padding-left: 90px; } .list4 { width: 204px; height: 306px; overflow: hidden; cursor: pointer; } .list4 img:hover { transform: scale(1.1); transition: all 0.5s ease 0.1s; } .s_con { margin-left: 45px; cursor: pointer; position: relative; } ._p1 { font-family: MicrosoftYaHei-Bold; font-size: 24px; font-weight: normal; font-stretch: normal; line-height: 40px; letter-spacing: 0px; color: #ffffff; margin-top: 60px; margin-bottom: 35px; } ._p1:hover { font-weight: bold; } .s_con span { font-size: 20px; font-weight: normal; font-stretch: normal; line-height: 37px; letter-spacing: 0px; color: #ffffff; vertical-align: 10px; } .s_list { margin-bottom: 15px; } .s_line { width: 2px; height: 163px; background-color: #ffffff; opacity: 0.3; position: absolute; top: 96px; left: 15px; } .content3s .cs3_p1, .content3s .cs3_p2, .content3s .cs3_p3, .content3s .cs3_p4 { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #333333; text-align: center; } .content3s .cs3_p1 { width: 1400px; height: 48px; background: #f8efed; } .content3s .cs3_p2 { width: 1400px; height: 48px; background: #f4e1da; } .content3s .cs3_p3 { width: 1400px; height: 48px; background: #f0d8d2; } .content3s .cs3_p4 { width: 1400px; height: 48px; background: #edcfca; } .c3_bp { cursor: pointer; } #prev { display: block; height: 61px; width: 61px; position: absolute; z-index: 99; right: 60px; cursor: pointer; top: 334px; } #next { display: block; position: absolute; height: 61px; width: 61px; z-index: 99; right: 60px; cursor: pointer; top: 423px; } .sur_box { display: none; } /* 模块4 */ .content4 { background: url(../img/bg7.png) no-repeat; padding-top: 80px; } .c4 { position: relative; } .logo2 { position: absolute; top: -152px; left: -80px; z-index: 10; } .logo2 img:hover { transform: scale(1) !important; } .list11 { width: 989px; height: 200px; margin-right: 30px; overflow: hidden; } .list9 { width: 373px; height: 200px; overflow: hidden; } .content4 img:hover { transform: scale(1.1); transition: all 0.5s ease 0.1s; } /* 模块5 */ .content5 { background: url(../img/bg5.png) no-repeat; background-size: cover; padding-top: 80px; padding-bottom: 40px; } .content5 .c1_tit { position: relative; } .c5_conse { width: 1000px; height: 365px; position: relative; } .c5_conr { position: absolute; width: 1000px; height: 365px; opacity: 0; visibility: hidden; left: 60px; } .y { opacity: 1; visibility: visible; } .c5con { margin-top: 50px; } .c5_con ul li { width: 240px; display: block; font-size: 22px; line-height: 67px; color: #ffffff; margin-bottom: 10px; cursor: pointer; text-align: left; transition: all 0.3s; } .c5_con ul li:hover { background: url(../img/block2.png) no-repeat; text-align: center; color: #000000; } .c5_con ul li.c5_bgs { background: url(../img/block2.png); color: #000000; text-align: center; } .c5_conr p { width: 196px; height: 50px; margin: 10px auto; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; text-align: center; color: #ffffff; overflow: hidden; } .c5_lists img { display: block; width: 196px; height: 270px; } .c5_lists { width: 196px; height: 270px; overflow: hidden; cursor: pointer; margin-left: 25px; } .c5_lists img:hover { transform: scale(1.1); transition: all 0.5s ease 0.1s; } .c5_conr .slickes .slick-prev { background: url(../img/icon9.png); border: none; width: 40px; height: 40px; z-index: 333; position: absolute; top: 35%; left: -5%; } .c5_conr .slickes .slick-next { background: url(../img/icon10.png) no-repeat; border: none; width: 40px; height: 40px; z-index: 333; position: absolute; top: 35%; right: -5%; } .c5_conr .slickes button { font-size: 0; cursor: pointer; } .m_block { width: 1000px; /* height: 32px; */ position: absolute; /* right: 5px; */ top: -80px; margin: 0 auto; } .m_block a{display:inline-block;float:right;line-height:40px} .bb { display: block; } @media screen { }