/* main color: #04519b */ .swiper-slide-active{ z-index: 9999; } /*椤堕儴*/ .top{ height: 160px; width: 1200px; text-align: center; margin: 0 auto; position: relative; } .top img { height:80px; margin-top:30px; margin-bottom: 30px; float:left; } .search{ height: 50px; width: 360px; position: absolute; right: 0; top: 55px; } .search_input{ width: 310px; height:50px; position: absolute; left: 0; top:0; } .search_input input{ width: 308px; height:48px; padding-left: 10px; border: 1px solid #04519b; border-radius: 0; } .search_button { width: 50px; height: 50px; background: #04519b; position: absolute; right: 0; top:0; } .search button{ width:48px; height: 48px; border: 1px solid #04519b; border-radius: 0; margin-top: 1px; border-left: none; background: #04519b; } .search img{ width:30px; height: 30px; display: inline-block; margin-left: 10px; margin-top: 10px; } /*椤堕儴*/ .buttons{ z-index: 99999; width: 40px; height: 124px; position: fixed; right: 7px; bottom:200px; overflow: hidden; } .buttons_one{ width: 40px; height: 40px; position: absolute; top:0; background: #3b4249; } .buttons_one img{ height: 20px; margin-left: 10px; margin-top: 10px; } .buttons_two{ width: 40px; height: 40px; position: absolute; top:42px; background: #3b4249; } .buttons_two img{ height: 20px; margin-left: 10px; margin-top: 10px; } .buttons_three{ width: 40px; height: 40px; position: absolute; bottom:0; background: #3b4249; } .buttons_three img{ height: 20px; margin-left: 10px; margin-top: 10px; } /*瀵艰埅*/ .nav{ width:100%; height:40px; background:#04519b; min-width: 1200px; z-index: 999999; } .nav_content{ padding-left:50px ; margin: 0 auto; width:1150px; z-index: 999999; } .nav_content .top-li{ display: inline-block; margin-right: 15px; vertical-align: top; z-index: 999999; } .nav_content .top-a{ line-height: 40px; font-size: 16px; color:#ffffff; display: inline-block; height: 40px; padding: 0 15px; z-index: 999999; } .nav_content .top-a:hover{ background: #0177d7; } .nav_content img{ height: 18px; margin-right: 3px; margin-bottom: 3px; z-index: 999999; } .top_nav_child{ position: relative; display: none; z-index: 999; } .top_nav_child li{ border-top: 1px solid #fff; } .top_nav_child a{ display: block; line-height: 40px; height: 40px; text-align: center; padding: 0 15px; font-size: 16px; color: #fff; background: #0177d7; } /*瀵艰埅*/ .background{ width:100%; height:520px; text-align: center; min-width: 1200px; } .background img{ height: 520px; width:1920px; } .body-middle{ margin: 0 auto; width:1200px; } /*澶存潯*/ .headline{ height:126px; text-align: center; position: relative; margin-top: 20px; margin-bottom: 20px; } .headline-pic{ height: 126px; position: absolute; left: 0; width: 180px; } .headline-pic img{ position: absolute; top:28px; left: 0; } .headline-article{ height: 126px; width: 1020px; position: absolute; right: 0; } .headline-article-top{ height: 63px; width: 1020px; overflow: hidden; } .headline-article-top a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size:30px; color:#04519b; font-weight: 900; line-height: 63px; height: 63px; display: inline-block; } .headline-article-top a:hover{ color:#8f8f8f; } .headline-article-bottom{ margin-top: 20px; margin-bottom: 23px; height: 20px; width: 1020px; position: relative; } .headline-article-bottom-one{ height: 20px; width: 340px; overflow: hidden; position: absolute; left: 0; } .headline-article-bottom-one a{ padding-right: 50px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 18px; color:#333333; line-height: 20px; display: inline-block; height: 20px; width:290px; } .headline-article-bottom-one a:hover{ color:#04519b; } .headline-article-bottom-two{ height: 20px; width: 338px; overflow: hidden; position: absolute; left:340px; border-left: 1px #cdcaca solid; border-right: 1px #cdcaca solid; } .headline-article-bottom-two a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 18px; color:#333333; line-height: 20px; height: 20px; display: inline-block; width:238px; padding-right: 50px; padding-left: 50px; } .headline-article-bottom-two a:hover{ color:#04519b; } .headline-article-bottom-three{ height: 20px; width: 340px; position: absolute; right: 0; } .headline-article-bottom-three a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 18px; color:#333333; line-height: 20px; display: inline-block; width:240px; padding-right: 50px; padding-left: 50px; } .headline-article-bottom-three a:hover{ color:#04519b; } /*澶存潯*/ /*鍐呭涓€*/ .content_one{ height: 295px; position: relative; } .content_one_slide{ height: 295px; width: 360px; position: absolute; left: 0; overflow: hidden; } .content_one_slide .pc-slide { width: 360px; height: 295px; } .content_one_slide .view .swiper-container4 { width: 360px; overflow: hidden; position: relative; } .content_one_slide .view .swiper-wrapper img{ width: 360px; height: 295px; } .content_one_slide .view .swiper-wrapper span{ position: absolute; left: 0; bottom: 0; border-bottom: 0; font-size: 14px; color:#ffffff; background: rgba(0, 0, 0, 0.3); display: inline-block; height: 40px; line-height: 40px; overflow: hidden; width: 290px; padding-right: 60px; padding-left: 10px; } .content_one_slide .swiper-pagination-bullet-active{ background:#fff!important; } .content_one_slide .swiper-pagination-bullets{ position: absolute; bottom: 10px; text-align: right; z-index: 99999; } .content_one_slide .swiper-pagination-bullet{ width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #28edff; } .content_one_middle{ height: 295px; width: 400px; left: 380px; position: relative; } .content_one_middle_title{ height: 38px; width: 400px; border-bottom: 2px solid #04519b; background: #f1f1f1; } .content_one_middle_title img{ height:26px; margin-left: 8px; /*margin-top: 6px;*/ } .content_one_middle_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:4px ; font-weight: 800; } .content_one_middle_title a{ overflow: hidden; text-overflow:ellipsis; white-space: nowrap; display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .content_one_middle_picnews{ height: 90px; position: relative; /*background: #ffffff;*/ } .content_one_middle_picnews img{ width: 115px; height:90px; margin-top: 15px; margin-left: 10px; } .content_one_middle_picnews_words{ margin-top: 15px; width: 275px; height: 90px; position: absolute; right: 0; top:0; } .content_one_middle_picnews_words a{ display: inline-block; height: 50px; padding-right: 20px; line-height: 28px; font-size: 16px; color:#333333; margin-left: 10px; width: 255px; overflow: hidden; /*text-overflow:ellipsis;*/ /*display:-webkit-box;*/ /*-webkit-line-clamp:2;*/ /*-webkit-box-orient:vertical;*/ } .content_one_middle_picnews_words span{ display: inline-block; height: 28px; line-height: 28px; font-size: 16px; color:#8f8f8f; margin-left: 10px; position: absolute; bottom: 10px; left: 0; } .content_one_middle_list{ height: 150px; position: relative; overflow: hidden; background: #ffffff; } .content_one_middle_list li{ height: 37px; } .content_one_middle_list a{ width: 285px; padding-left: 10px; display: inline-block; height: 37px; line-height: 37px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333; } .content_one_middle_list a:hover{ color:#04519b; } .content_one_middle_list span{ width:95px; display: inline-block; height: 37px; line-height: 37px; margin-left: 10px; position: absolute; right: 0; font-size: 16px; color:#8f8f8f; } .content_one_right{ height: 295px; width: 400px; position: absolute; right: 0; top:0; } .content_one_right_title{ position: absolute; right:0; top:0; height: 38px; width: 400px; border-bottom: 2px solid #04519b; background: #f1f1f1; } .content_one_right_title img{ height:26px; margin-left: 8px; /*margin-top: 6px;*/ } .content_one_right_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:4px ; font-weight: 800; } .content_one_right_title a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .content_one_right_list{ height: 245px; width: 400px; position: absolute; right: 0; bottom: 0; overflow: hidden; background: #f1f1f1; } .content_one_right_list li{ height: 38px; } .content_one_right_list a{ width: 275px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333; padding-left: 10px; /*background: yellowgreen;*/ margin-top: 7px; } .content_one_right_list a:hover{ color:#04519b; } .content_one_right_list span{ width:95px; padding-right: 10px; display: inline-block; height: 38px; line-height: 38px; margin-left: 10px; position: absolute; right: 0; font-size: 16px; color:#8f8f8f; margin-top: 7px; } /*鍐呭涓€*/ /*涓棿banner*/ /*涓棿banner*/ /*鍐呭浜?/ .content_two{ height: 345px; margin-bottom: 22px; position: relative; } .content_two_left{ height: 345px; width: 360px; position: absolute; left: 0; } .content_two_left_title{ width: 360px; height: 38px; border-bottom: 2px solid #04519b; background: #f1f1f1; } .content_two_left_title img{ height:26px; margin-left: 8px; } .content_two_left_title a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .content_two_left_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:4px ; font-weight: 800; } .content_two_left_list{ height: 295px; width: 360px; background: #f1f1f1; position: absolute; bottom: 0; } .content_two_left_list li{ height: 38px; } .content_two_left_list a{ width: 340px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333333; padding-left: 10px; padding-right: 10px; margin-top: 16px; } .content_two_left_list a:hover{ color:#04519b; } .content_two_middle{ height: 345px; width: 400px; position: absolute; left: 380px; } .content_two_middle_title{ width: 400px; height: 38px; border-bottom: 2px solid #04519b; background: #f1f1f1; } .content_two_middle_title img{ height:26px; margin-left: 8px; } .content_two_middle_title a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .content_two_middle_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:4px ; font-weight: 800; } .content_two_middle_list{ height: 295px; width: 400px; background: #f1f1f1; position: absolute; bottom: 0; } .content_two_middle_list li{ height: 38px; } .content_two_middle_list a{ width: 275px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333333; padding-left: 10px; margin-top: 16px; } .content_two_middle_list a:hover{ color:#04519b; } .content_two_middle_list span{ width:95px; padding-right: 10px; display: inline-block; height: 38px; line-height: 38px; margin-left: 10px; position: absolute; right: 0; font-size: 16px; color:#8f8f8f; margin-top: 16px; } .content_two_right{ height: 345px; width: 400px; position: absolute; right: 0; } .content_two_right_title{ width: 400px; height: 38px; border-bottom: 2px solid #04519b; background: #f1f1f1; } .content_two_right_title img{ height:26px; margin-left: 8px; } .content_two_right_title a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .content_two_right_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:4px ; font-weight: 800; } .content_two_right_list{ height: 295px; width: 400px; background: #f1f1f1; position: absolute; bottom: 0; } .content_two_right_list li{ height: 38px; } .content_two_right_list a{ width: 275px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333333; padding-left: 10px; margin-top: 16px; } .content_two_right_list a:hover{ color:#04519b; } .content_two_right_list span{ width:95px; padding-right: 10px; display: inline-block; height: 38px; line-height: 38px; margin-left: 10px; position: absolute; right: 0; font-size: 16px; color:#8f8f8f; margin-top: 16px; } /*鍐呭浜?/ /*鍐呭涓?/ .content_three{ height: 345px; margin-bottom: 22px; position: relative; } .content_three_left{ height: 345px; width: 360px; position: absolute; left:0; } .content_three_left_title{ width: 360px; height: 38px; border-bottom: 2px solid #04519b; background: #f1f1f1; } .content_three_left_title img{ height:26px; margin-left: 8px; } .content_three_left_title a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .content_three_left_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:4px ; font-weight: 800; } .content_three_left_list{ height: 295px; width: 360px; background: #f1f1f1; position: absolute; bottom: 0; } .content_three_left_list li{ height: 38px; } .content_three_left_list a{ width: 340px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333333; padding-left: 10px; padding-right: 10px; margin-top: 16px; } .content_three_left_list a:hover{ color:#04519b; } .content_three_right{ height: 345px; width: 820px; position: absolute; left:380px; } .content_three_right_title{ height: 38px; width: 820px; background: #f1f1f1; } /*.content_three_right_title span{*/ /* height: 38px;*/ /* display: inline-block;*/ /* line-height: 38px;*/ /* width: 82px;*/ /* font-size: 18px;*/ /* color:#333333;*/ /* padding-left: 20px;*/ /* padding-right: 20px;*/ /* float: left;*/ /*}*/ .content_three_right_title div{ /*background: #04519b;*/ height: 38px; display: inline-block; line-height: 38px; width: 82px; font-size: 18px; padding-left: 20px; padding-right: 20px; float: left; position: relative; } .content_three_right_title li{ height: 38px; position: relative; display: inline-block; } .content_three_right_title li a{ color: #333; } .content_three_right_title .active{ background: #04519b; } .content_three_right_title .active a{ color:#ffffff; } .content_three_right_title .active span{ display: inline-block; } .content_three_right_title span{ display: none; width: 10px; height: 10px; background: #04519b; position: absolute; bottom: -5px; left: 58px; transform:rotate(45deg); } .triangle_bigbox{ width: 820px; height: 12px; position: absolute; top:38px; right: 0; display: flex; } .triangle_box{ width:122px ; height: 12px; } .triangle{ width: 10px; height: 10px; background: #04519b; position: relative; left: 49px; top:-5px; transform:rotate(45deg); } .content_three_right_list{ height: 295px; width: 820px; position: absolute; bottom: 0; background: #f1f1f1; } .content_three_right_list li{ height: 38px; } .content_three_right_list a{ width: 695px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333333; padding-left: 10px; margin-top: 16px; } .content_three_right_list a:hover{ color:#04519b; } .content_three_right_list span{ width:95px; padding-right: 10px; display: inline-block; height: 38px; line-height: 38px; margin-left: 10px; position: absolute; right: 0; font-size: 16px; color:#8f8f8f; margin-top: 16px; } /*鍐呭涓?/ /*鍐呭鍥?/ .content_four{ height: 140px; background: #f0f0f0; margin-bottom: 22px; position: relative; } .content_four_title{ width: 34px; height: 140px; margin-right: 17px; position: relative; /*background: orange;*/ } .content_four_title img{ position: relative; top:10px; left:-2px; } .content_four_title span{ margin-top: 28px; color:#fefefe; font-size: 17px; text-align: center; display: inline-block; line-height: 21px; width: 17px; padding-left: 8px; padding-right: 9px; font-weight: 900; height: 84px; position: absolute; top:0; left: 0; } .content_four_slide{ margin-top: 20px; width:1135px; height: 140px; position:absolute ; right: 14px; top:0; overflow: hidden; } .content_four_slide .swiper-container1 { width: 1135px; height: 140px; overflow: hidden; } .ztzl_images_image{ width: 360px; height: 100px; overflow: hidden; } .ztzl_images_image img{ height: 100px; width: 360px; } .content_four_slide.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } /*鍐呭鍥?/ .content_five{ height: 270px; /*background: yellowgreen;*/ margin-bottom: 22px; } .content_five_title{ width: 1200px; height: 38px; border-bottom: 2px solid #04519b; background: #f1f1f1; position: relative; } .content_five_title img{ height:26px; margin-left: 8px; } .content_five_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:4px ; font-weight: 800; } .content_five_title a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .content_five_slide{ width:1200px; height: 230px; overflow: hidden; } .content_five_slide_box{ height: 230px; width: 220px; margin-right: 25px; position: relative; } .content_five_slide .swiper-container2 { margin-top: 10px; width: 1200px; height: 230px; overflow: hidden; } .content_five_slide_box_image{ width: 220px; height: 170px; overflow: hidden; } .content_five_slide .swiper-container2 .content_five_slide_box img{ height: 170px; position: relative; } .content_five_slide .swiper-container2 .content_five_slide_box .content_five_slide_box_title{ text-align: center; height: 60px; line-height: 60px; display: inline-block; font-size: 18px; color: #333333; width: 220px; } .content_five_slide.swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .link{ min-height: 100px; width: 100%; background: #f1f1f1; min-width:1200px; padding-top: 30px; padding-bottom: 20px; } .link_middle{ margin: 0 auto; width:1200px; } .link_middle li{ display: inline-block; height: 38px; line-height: 38px; width: 295px; overflow: hidden; margin: 0; padding: 0; } .link_middle a{ font-size: 16px; color:#333333; display: inline-block; line-height: 38px; height: 38px; width: 295px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .link_middle a:hover{ color:#04519b; } .footer{ height: 480px; background: #0B90C4; width: 100%; min-width:1200px; } .footer_list{ height: 350px; background: #333333; } .footer_list_middle{ margin: 0 auto; width:1200px; padding-top: 40px; padding-bottom: 40px; } .footer_list_middle .footer_nav_ul1{ vertical-align: top; } .footer_list_middle .footer_nav_li1{ width: 190px; display: inline-block; vertical-align: top; } .footer_list_middle .footer_nav_li1>a{ font-size: 18px; font-weight: 700; color: #fff; } .footer_list_middle .footer_nav_li1>a:hover{ color:grey; } .footer_nav_child a{ font-size: 16px; font-weight: 300; color: #ddd; } .footer_nav_child a:hover{ color:grey; } .footer_list_middle a{ display: inline-block; height: 38px; line-height: 38px; } .footer_copyright{ height: 140px; background: #000000; } .footer_copyright_middle{ width: 1200px; margin: 0 auto; text-align: center; padding-top: 30px; } .footer_copyright_middle li{ height: 38px; font-size: 16px; color:#dddddd; display: inline-block; line-height: 38px; font-weight: 300; } .footer_copyright_middle a{ color: #ddd; } .article_titles{ width: 1200px; height: 50px; background: #f1f1f1; border-bottom: 2px solid #04519b; margin-bottom: 20px; margin-top: 20px; } .article_titles img{ height: 17px; margin-left: 10px; } .article_titles span{ color:#333333; font-size: 14px; display: inline-block; height: 50px; line-height: 50px; } .article_titles a{ color:#333333; font-size:14px; display: inline-block; height: 50px; line-height: 50px; } .article_titles a:hover{ color:#04519b } .pages{ min-height: 500px; width: 1200px; position: relative; margin-top: 20px; } .page_article{ width: 790px; margin-right: 50px; } .page_article_info{ } .pages-title{ font-size: 24px; color:#333333; height: 100px; line-height: 40px; text-align: center; /*overflow: hidden;*/ font-weight: 700; } .pages-other{ text-align: center; } .page_article_info span{ display: inline-block; color:#aaa; font-size: 16px; text-align: center; margin-right: 20px; } .page_list{ width: 360px; min-height: 1000px; position: absolute; top:0; right: 0; } .page_article_content{ width: 790px; margin-bottom: 40px; line-height: 1.5!important; color: #333; margin-top: 20px; padding-bottom: 50px; } .page_article_content p{ font-size: 14px; color: #333333; } .page_article_content img{ max-width: 790px !important; } .page_list_title{ border-bottom: 2px solid #04519b; background: #f1f1f1; width: 360px; height: 38px; } .page_list_title img{ height:26px; margin-left: 8px; /*margin-top: 6px;*/ } .page_list_title span{ display: inline-block; height: 38px; font-size: 18px; color:#04519b; line-height: 38px; padding-left:10px ; font-weight: 800; } .page_list_title a{ display: inline-block; height: 38px; line-height: 38px; font-size: 14px; color:#333333; position: absolute; right: 0; padding-right: 5px; } .page_list_title a:hover{ color:#04519b; } .page_list_list{ width: 360px; background: #f1f1f1; margin-top: 10px; padding-bottom: 30px; } .page_list_list li{ height: 38px; } .page_list_list a{ width: 340px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333333; padding-left: 10px; padding-right: 10px; margin-top: 16px; background: #f1f1f1; } .page_list_list a:hover{ background: #04519b; color: #fff; } .page_box{ width: 1000px; margin-left: 40px; position: absolute; right: 0; top:0; } .page_box .page_article_content{ width: 1000px; margin-bottom: 40px; line-height: 1.5!important; color: #333; margin-top: 20px; padding-bottom: 50px; } page_box .page_article_content p{ font-size: 14px; color: #333333; } page_box .page_article_content img{ max-width: 1000px !important; } .all_page_list{ width: 160px; /*background: #f1f1f1;*/ margin-top: 10px; padding-bottom: 30px; position: absolute; left: 0; top:0; } .all_page_list li{ height: 38px; } .all_page_list a{ width: 150px; padding-left: 10px; display: inline-block; height: 38px; line-height: 38px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 16px; color:#333333; margin-top: 16px; background: #f1f1f1; } .all_page_list a:hover{ background: #0177d7; color: #fff; } .all_page_list .active a{ background: #0177d7; color: #fff; } .cate_index{ width: 1200px; height: 50px; background: #f1f1f1; border-bottom: 2px solid #04519b; margin-bottom: 20px; position: relative; margin-top: 20px; } .cate_index_right{ height: 50px; position: absolute; right: 0; padding-right: 15px; } .cate_index_right img{ height: 17px; margin-left: 10px; } .cate_index_right span{ color:#333333; font-size: 14px; display: inline-block; height: 50px; line-height: 50px; } .cate_index_right a{ color:#333333; font-size:14px; display: inline-block; height: 50px; line-height: 50px; } .cate_index_right a:hover{ color:#04519b } .cate_index_left{ height: 50px; } .cate_index_left img{ height:26px; margin-left: 8px; vertical-align: middle; } .cate_index_left span{ display: inline-block; height: 50px; font-size: 18px; color:#04519b; line-height: 50px; padding-left:4px ; font-weight: 800; } .cate_page{ min-height: 300px; position: relative; } .cate_page_left{ background: #f1f1f1; width: 160px; float: left; } .cate_page_left .active{ background: #04519b; color: #fff; } .cate_page_left .active a { color: #fff; } .cate_page_left a{ display: inline-block; height: 40px; line-height: 40px; color:#333333; font-size: 16px; padding-left: 15px; width:145px ; } .cate_page_left .active{ background: #0177d7; color:#ffffff; } .cate_page_left a:hover{ background: #0177d7; color:#ffffff; } .cate_page_right{ min-height: 500px; width: 1000px; position: absolute; right: 0; top:0; } .cate_page_right li{ margin-bottom: 60px; } .cate_page_right_title{ height: 30px; position: relative; width: 1000px; /*background: grey;*/ } .cate_page_right_remark{ width: 1000px; } .cate_page_right_title a{ font-size: 18px; color:#333333; width: 800px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; height: 30px; line-height: 30px; display: inline-block; } .cate_page_right_title a:hover{ color:#0177d7; } .cate_page_right_title span{ display: inline-block; height: 30px; line-height: 30px; font-size: 16px; color:#666666; position: absolute; right:0; top:0; font-weight: 100; } .cate_page_right_remark p{ /*background: orange;*/ font-size: 16px; color:#888888; line-height: 1.5; overflow: hidden; text-overflow:ellipsis; /*white-space: nowrap;*/ word-wrap:break-word; word-break:break-all; } .page-box{ width: 1000px; height: 100px; } .page{ text-align: center; margin-top: 35px; } .page li{ display: inline-block; } .page span{ font-size: 16px; display: inline-block; background: #0177d7; color: #ffffff!important; border-color: #0177d7; padding: 0 3px; } .page li a{ color: #666; font-size: 16px; display: inline-block; border:1px solid #000000; margin-right: 10px; padding: 0 10px; background: #ffffff; } .page li a:hover{ background: #0177d7; color: #ffffff!important; border-color: #0177d7; } .page .disabled{ display: none; } .page .active{ color: #ffffff!important; border-color: #0177d7; background: #0177d7; font-size: 16px; margin-right: 10px; border:1px solid; padding: 0 10px; } .cate_images{ min-height: 500px; width: 1030px; position: absolute; right: 0; top:0; } .cate_images_content{ width:1030px ; min-height: 500px; overflow: hidden; } .cate_images_box{ width: 300px; height: 230px; position: relative; display: inline-block; line-height: 230px; margin-left: 40px; margin-bottom: 30px; } .cate_images_box img{ width: 300px; height: 180px; position: absolute; top: 0; left: 0; } .cate_images_box .cate_images_content_a{ font-size: 16px; color:#333333; display: inline-block; height: 50px; line-height: 50px; width: 300px; text-align: center; position: absolute; bottom: 0; left: 0; } .slide-top { width: 100%; min-width: 1200px; border-bottom: 1px solid #e1dede; max-height: 520px; overflow: hidden; } .slide-top img{ width: 1920px; } .slide-top .swiper-container { width: 100%; height: 100%; } .slide-top .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .slide-top .swiper-pagination-bullet-active{ background: #04519b; } .slide-banner { width: 1200px; height: 125px; /*overflow: hidden;*/ margin: 15px auto; overflow: hidden; } .slide-banner img{ width: 1200px; } .slide-banner .swiper-container { width: 100%; height: 100%; } .slide-banner .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }