body{ width: 100%; min-width: 1200px; margin: 0 auto; } li{ list-style: none; } div{ box-sizing: border-box; } .left{ float: left; } .right{ float: right; } .clear{ clear: both; } .mt10{ margin-top: 10px !important; } .mt15{ margin-top: 15px !important; } .mt20{ margin-top: 20px !important; } .mt30{ margin-top: 30px !important; } .mt40{ margin-top: 40px !important; } .mt45{ margin-top: 45px !important; } .mt50{ margin-top: 50px !important; } .none{ display: none; } .head{ width: 1200px; margin: 0 auto; } .ad{ width: 1200px; height: 120px; margin: 0 auto; } .ad img{ width: 100%; height: 100%; } .head .ad_main{ width: 1200px; height: 300px; margin: 0 auto; } .head .ad_main img{ width: 100%; height: 100%; } .head .nav{ width: 1200px; height: 80px; margin: 0 auto; } .head .nav li{ float: left; font-size: 23px; line-height: 80px; padding: 0 25px; } .head .nav li:first-child{ padding-left: 30px; } .head .nav li:last-child{ padding-right: 30px; } .head .nav li a{ color: #2662ca; } .head .title_main{ width: 1200px; height: 98px; font-size: 42px; line-height: 98px; text-align: center; font-weight: 800; background: #f4f4f4; } .head .title_main a{ color: #0055ad; } .content{ width: 1200px; margin: 0 auto; } .content .left{ width: 524px; height: 360px; } .content .left .tab_head{ width: 100%; height: 40px; background: #0dafe0; } .content .left .tab_head li{ float: left; position: relative; width: 130px; height: 100%; font-size: 20px; line-height: 40px; text-align: center; font-weight: 800; cursor: pointer; } .content .left .tab_head li a{ color: #fff; } .content .left .tab_head li:last-child::after{ width: 0px !important; } .content .left .tab_head .spe{ background: #0384c6; } .content .left .tab_head li .cover{ position: absolute; width: 100%; height: 2px; background: #2662ca; top: 0px; left: 0px; } .content .left .tab_body{ width: 100%; } .content .left .tab_body li{ position: relative; font-size: 18px; line-height: 18px; margin-top: 20px; padding-left: 13px; } .content .left .tab_body li .tb_title{ width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .content .left .tab_body li .tb_text{ width: 100%; position: relative; font-size: 16px; line-height: 16px; margin-top: 10px; /* padding-left: 13px; */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .content .left .tab_body li a{ color: #333; } .content .left .tab_body li::before{ position: absolute; content: ''; width: 4px; height: 4px; left: 0px; top: 5px; background: #333; } .content .right{ width: 640px; height: 360px; } .content .right .swiper-container{ width: 640px; height: 360px; } .content .right .swiper-container .swiper-slide{ position: relative; width: 640px; height: 360px; } .content .right .swiper-container .swiper-slide img{ width: 100%; height: 100%; } .content .right .swiper-container .swiper-slide .span{ position: absolute; left: 0px; bottom: 0px; width: 100%; height: 40px; padding: 0 30px; background: rgba(0,0, 0, 0.5); font-size: 18px; line-height: 40px; color: #fff; } .content .right .swiper-container .swiper-slide .span .index{ font-size: 24px; line-height: 25px; color: #bc0000; } .content .right .swiper-container .swiper-slide .span .text{ margin-left: 5px; } .ad_d{ width: 1200px; height: 100px; margin: 0 auto; } .ad_d div{ width: 590px; height: 100%; } .ad_d div img{ width: 100%; height: 100%; } .swipe2{ width: 1200px; height: 166px; margin: 0 auto; padding: 20px 0px; border: 3px solid #28428f; } .swipe2 .swipe2_content{ width: 1132px; height: 126px; margin: 0 auto; } .swipe2 .swipe2_content .swiper-container{ width: 1132px; height: 126px; } .swipe2 .swipe2_content .swiper-container .swiper-slide{ width: 1132px; height: 126px; padding: 0 7.5px; } .swipe2 .swipe2_content .swiper-container .swiper-slide .option{ float: left; position: relative; width: 268px; height: 126px; margin-left: 20px; } .swipe2 .swipe2_content .swiper-container .swiper-slide .option:first-child{ margin-left: 0px !important; } .swipe2 .swipe2_content .swiper-container .swiper-slide .option img{ width: 100%; height: 100%; } .swipe2 .swipe2_content .swiper-container .swiper-slide .option span{ position: absolute; display: block; left: 0px; bottom: 0px; width: 100%; height: 40px; padding: 0 8px 0px 10px; font-size: 18px; line-height: 40px; color: #fff; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swipe3{ width: 1200px; height: 166px; margin: 0 auto; padding: 20px 0px; border: 3px solid #28428f; } .swipe3 .swipe2_content{ width: 1132px; height: 126px; margin: 0 auto; } .swipe3 .swipe2_content .swiper-container{ width: 1132px; height: 126px; } .swipe3 .swipe2_content .swiper-container .swiper-slide{ width: 1132px; height: 126px; padding: 0 7.5px; } .swipe3 .swipe2_content .swiper-container .swiper-slide .option{ float: left; position: relative; width: 268px; height: 126px; margin-left: 20px; } .swipe3 .swipe2_content .swiper-container .swiper-slide .option:first-child{ margin-left: 0px !important; } .swipe3 .swipe2_content .swiper-container .swiper-slide .option img{ width: 100%; height: 100%; } .swipe3 .swipe2_content .swiper-container .swiper-slide .option span{ position: absolute; display: block; left: 0px; bottom: 0px; width: 100%; height: 40px; padding: 0 8px 0px 10px; font-size: 18px; line-height: 40px; color: #fff; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swipe4{ width: 1200px; height: 166px; margin: 0 auto; padding: 20px 0px; border: 3px solid #28428f; } .swipe4 .swipe2_content{ width: 1132px; height: 126px; margin: 0 auto; } .swipe4 .swipe2_content .swiper-container{ width: 1132px; height: 126px; } .swipe4 .swipe2_content .swiper-container .swiper-slide{ width: 1132px; height: 126px; padding: 0 7.5px; } .swipe4 .swipe2_content .swiper-container .swiper-slide .option{ float: left; position: relative; width: 268px; height: 126px; margin-left: 20px; } .swipe4 .swipe2_content .swiper-container .swiper-slide .option:first-child{ margin-left: 0px !important; } .swipe4 .swipe2_content .swiper-container .swiper-slide .option img{ width: 100%; height: 100%; } .swipe4 .swipe2_content .swiper-container .swiper-slide .option span{ position: absolute; display: block; left: 0px; bottom: 0px; width: 100%; height: 40px; padding: 0 8px 0px 10px; font-size: 18px; line-height: 40px; color: #fff; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .left3{ width: 790px !important; height: 848px !important; } .right3{ width: 380px !important; height: 848px !important; } .tab_head_2{ width: 790px; height: 48px; background: #f5f5f5; } .tab_head_2 li{ position: relative; float: left; width: 197.5px; height: 100%; font-size: 20px; line-height: 48px; text-align: center; cursor: pointer; } .tab_head_2 li a{ color: #333; } .tab_head_2 li .cover{ position: absolute; width: 100%; height: 2px; background: #2662ca; top: 0px; left: 0px; } .tab_head_2 .spe{ background: #fff; } .tab_head_2 .spe a{ color: #2662ca; } .tab_body_2{ width: 790px; margin-top: 20px; } .tab_body_2 li{ width: 790px; height: 115px; padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #f0eeef; } .tab_body_2 li .left{ width: 200px; height: 100%; } .tab_body_2 li .left img{ width: 100%; height: 100%; } .tab_body_2 .right{ width: 562px; height: 100%; } .tab_body_2 .tb_title{ width: 548px; font-size: 18px; line-height: 18px; margin-top: 5px; color: #333; font-weight: 800; } .tab_body_2 .tb_text{ width: 548px; font-size: 16px; line-height: 20px; margin-top: 15px; color: #000; } .tab_body_2 .tb_footer{ width: 100%; margin-top: 20px; font-size: 12px; line-height: 12px; color: #888; } .tab_body_2 .tb_footer .ml{ margin-left: 5px; } .tab_body_2 .tb_footer .right{ width: 120px; height: 100%; } .right3{ width: 380px; } .right3 .top{ width: 380px; height: 344px; border: 1px solid #b7b1aa; } .right3 .top .img{ width: 100%; height: 60px; } .right3 .top .img img{ width: 100%; height: 100%; } .right3 .top .title{ margin-top: 15px; font-size: 24px; line-height: 24px; color: #a61111; text-align: center; font-weight: 800; } .right3 .top .list{ width: 100%; margin-top: 4px; } .right3 .top .list li{ position: relative; width: 344px; height: 18px; padding-left: 23px; font-size: 18px; line-height: 18px; margin-top: 17px; overflow: hidden; } .right3 .top .list li a{ color: #333; } .right3 .top .list li::before{ position: absolute; content: ''; width: 5px; height: 17px; top: 0.5px; left: 10px; background: #a61111; border-radius: 5px; } .right3 .top .d{ padding: 0 5px; } .right3 .top .d .img_d{ position: relative; width: 180px; height: 108px; } .right3 .top .d .img_d img{ width: 100%; height: 100%; } .right3 .top .d .img_d span{ box-sizing: border-box; position: absolute; width: 180px; height: 35px; left: 0px; bottom: 0px; padding-left: 5px; font-size: 16px; line-height: 35px; color: #fff; background: rgba(0, 0, 0, 0.5); } .right3 .down{ width: 380px; height: 470px; border: 1px solid #b7b1aa; margin-top: 35px; } .right3 .down .img{ width: 100%; height: 80px; } .right3 .down .img img{ width: 100%; height: 100%; } .right3 .down .title{ width: 340px; height: 40px; margin: 0 auto; margin-top: 25px; } .right3 .down .title img{ width: 100%; height: 100%; } .right3 .down .textarea{ width: 340px; height: 120px; margin: 0 auto; border-radius: 10px; padding: 20px; font-size: 16px; background: #eef0f2; color: #333; } .right3 .down .textarea textarea{ border: 0px; width: 100%; height: 100%; background: #eef0f2; resize: none; outline: none; } .right3 .down .submit{ width: 259px; height: 32px; background: #a61111; border-radius: 16px; font-size: 18px; line-height: 32px; text-align: center; color: #fff; cursor: pointer; margin: 0 auto; margin-top: 25px; } .right3 .down .list{ width: 370px; margin-top: 13px; } .right3 .down .list li{ box-sizing: border-box; position: relative; width: 370px; height: 18px; font-size: 18px; line-height: 18px; margin-top: 17px; padding-left: 23px; overflow: hidden; } .right3 .down .list li a{ color: #333; } .right3 .down .list li::before{ position: absolute; content: ''; width: 5px; height: 5px; border-radius: 50%; top: 5px; left: 10px; background: #999; } .swipe{ position: relative; } #left1{ position: absolute; width: 14px; height: 24px; left: 5px; bottom: 7px; background: url(/uploads/image/rspimages/left1.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #right1{ position: absolute; width: 14px; height: 24px; right: 5px; bottom: 7px; background: url(/uploads/image/rspimages/right1.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #left2{ position: absolute; width: 21px; height: 42px; left: 4px; bottom: 58px; background: url(/uploads/image/rspimages/left2.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #right2{ position: absolute; width: 21px; height: 42px; right: 4px; bottom: 58px; background: url(/uploads/image/rspimages/right2.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #left3{ position: absolute; width: 21px; height: 42px; left: 4px; bottom: 58px; background: url(/uploads/image/rspimages/left2.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #right3{ position: absolute; width: 21px; height: 42px; right: 4px; bottom: 58px; background: url(/uploads/image/rspimages/right2.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #left4{ position: absolute; width: 21px; height: 42px; left: 4px; bottom: 58px; background: url(/uploads/image/rspimages/left2.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #right4{ position: absolute; width: 21px; height: 42px; right: 4px; bottom: 58px; background: url(/uploads/image/rspimages/right2.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } .gyinformation{ width: 1200px; height: 220px; margin:0 auto; background-color: #f8f8f8; padding-top: 15px; } .gyinformation .list{ width: 300px; height: 200px; box-sizing: border-box; float: left; border-left:1px solid #b2b2b2; padding: 0 26px; } .gyinformation .list span.title{ display: block; height: 50px; line-height: 50px; font-size: 24px; font-weight: bold; text-align: center; color:#9a9a9a; margin-bottom: 5px; } .gyinformation .list:first-child{ border-left:none; } .gyinformation .list p{ font-size: 14px; color:#6a6a6a; line-height: 18px; text-indent:2em; } .gyinformation .list ol{ width: 100%; } .gyinformation .list ol li{ width: 100%; line-height: 18px; font-size: 13px; /*overflow: hidden;*/ clear: both } .gyinformation .list ol li span{ width: 65px; float: left; color:#6a6a6a;; } .gyinformation .list ol li a{ width: 182px; float: left; color:#6a6a6a;; } .gyinformation .list ol li a.scale{ -webkit-transform: scale(0.9,0.9); -moz-transform: scale(0.9,0.9); -o-transform: scale(0.9,0.9); transform: scale(0.9,0.9); } .gyinformation .list .erbox{ width: 270px; height: 125px; margin: 0 auto; text-align: center; margin-top: 10px; } .gyinformation>.style{ padding: 0; } .footer{ width: 100%; overflow: hidden; border-top: 1px solid #ccc; margin-top: 70px; } .footer .footcon{ width: 1200px; height: 190px; margin: 0 auto; } .footer .footcon p{ text-align: center; font-size: 12px; width: 100%; height: 14px; } .footer .footcon p a{ color:#333; } .footer .footcon p.qualifications a{ color:#333; padding: 0 10px; } .footer .footcon p.about a{ color:#333; padding: 0 5px; } .footer .footcon p.about span{ border-left:1px solid #666; height: 12px; display: inline-block; } .tir_option{ width: 1205px; margin: 0 auto; } .tir_option .tir_o_op{ float: left; width: 365px; margin-left: 55px; } .tir_option .tir_o_op:first-child{ margin-left: 0px; } .tir_option .tir_o_op .tir_t{ position: relative; width: 360px; height: 35px; padding-left: 13px; background: #fff; } .tir_option .tir_o_op .tir_t::before{ position: absolute; content: ''; width: 7px; height: 35px; top: 0px; left: 0px; background: #0dafe0; } .tir_option .tir_o_op .tir_t .tir_t_c{ width: 100%; height: 100%; background: #0dafe0; font: 20px; line-height: 35px; font-weight: 800; color: #fff; padding-left: 7px; margin-bottom: 5px; } .tir_option .tir_o_op .tir_c{ position: relative; width: 100%; height: 76px; margin-top: 35px; } .tir_option .tir_o_op .tir_c::before{ position: absolute; content: ''; width: 5px; height: 20px; top: 0px; left: 0px; background: #28428f; } .tir_option .tir_o_op .tir_c .tir_c_t{ width: 350px; height: 20px; font-size: 18px; line-height: 20px; margin-left: 11px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; } .tir_option .tir_o_op .tir_c .tir_c_c{ width: 340px; height: 42px; margin-top: 15px; margin-left: 11px; font-size: 16px; line-height: 20px; color: #666; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .new_swiper_click .ad { width: 100%; margin: 0 auto; max-width: 1200px; overflow: hidden; } .new_swiper_click .gjzl { width: 1198px; height: 145px; border: 1px solid #dcdcdc; background: url(/uploads/image/rspimages/zhuanjia.png) 25px 17px no-repeat; } .new_swiper_click .town_images{ width: 100%; height: 135px; position: relative; } .new_swiper_click .town .town_images img{ width: 100%; height: 135px; } .new_swiper_click .town .town_images span{ display: inline-block; position: absolute; bottom: 0; left: 0; width: 510px; height: 40px; font-size: 18px; color: #fff; background-color: #000; opacity:0.8; filter:alpha(opacity=80); padding:0 20px; line-height: 40px; } .new_swiper_click .town .town_images .style{ color:#ad100b; margin-bottom: 10px; } .new_swiper_click #pic_list .box{margin-top: 12px;} .new_swiper_click #pic_list .plus, .new_swiper_click #pic_list .minus{top:25px;} .new_swiper_click .scroll_horizontal1{position:relative;width:985px;height:100%;margin-left: 165px;} .new_swiper_click .scroll_horizontal1 .box{overflow:hidden;position:relative;width:985px;height:100%;margin:0 auto;} .new_swiper_click .scroll_horizontal1 .list{overflow:hidden;width:9999px;} .new_swiper_click .scroll_horizontal1 .list li{float: left;text-align:center;width: 237px;height: 116px;padding: 0 5px;} .new_swiper_click .scroll_horizontal1 .list li a{display: block;overflow: hidden;width: 237px;height: 116px;} .new_swiper_click .scroll_horizontal1 .list li a img{ width: 100%; height: 100%; } .new_swiper_click .scroll_horizontal1 .plus, .new_swiper_click .scroll_horizontal1 .minus{position:absolute;top:0px;width:30px;height:60px;background:#f90;cursor:pointer;} .new_swiper_click .scroll_horizontal1 .plus{left:-30px;z-index: 9;background: url(/uploads/image/rspimages/left_btn.png) no-repeat center center;} .new_swiper_click .scroll_horizontal1 .minus{right:-30px;background: url(/uploads/image/rspimages/right_btn.png) no-repeat center center;} .new_swiper_click .qiyejia{ display: block; position: absolute; width: 106px; height: 106px; top: 6px; left: 25px; }