body{ width: 100%; min-width: 1200px; margin: 0 auto; font-family: "microsoft yahei","微软雅黑", arial, helvetica, sans-serif; } div{ box-sizing: border-box; } .left{ float: left; } .right{ float: right; } .clear{ clear: both; } .mt10{ margin-top: 10px !important; } .mt20{ margin-top: 20px !important; } .mt30{ margin-top: 30px !important; } .mt40{ margin-top: 40px !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: 18px; line-height: 80px; padding: 0 53px; } .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: #f5f5f5; } .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; padding: 0 18px } .content .left .tab_head li a{ color: #333; } .content .left .tab_head li::after{ content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #333; top: 17px; right: -3px; } .content .left .tab_head li:last-child::after{ width: 0px !important; } .content .left .tab_head .spe a{ color: #2662ca; } .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: 17px; padding-left: 13px; } .content .left .tab_body li a{ color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .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: 120px; margin: 0 auto; } .ad_d div{ width: 1200px; height: 100%; } .ad_d div img{ width: 100%; height: 100%; } .swiper-container-ad{ position: relative; } .pagination { position: absolute; left: 20px; text-align: center; bottom: 0px; width: 50px; z-index: 9; color: #fff; font-size: 16px; } .pagination-ad { width: 25px!important; bottom: 10px; left: 1180px !important; height: 40px!important; } .swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 10px; background: #999; box-shadow: 0px 1px 2px #555 inset; margin: 0 3px; cursor: pointer; } .pagination-ad .swiper-pagination-switch { /* margin-top: -10px; */ display: block !important; margin-top: 10px; } .pagination-ad .swiper-pagination-switch { /* margin-top: -10px; */ display: block !important; margin-top: 10px; } .swiper-active-switch { background: #fff; } .swipe2{ width: 1200px; height: 200px; margin: 0 auto; padding: 20px 0px; border: 3px solid #a61111; } .swipe2 .swipe2_content{ width: 1132px; height: 180px; margin: 0 auto; } .swipe2 .swipe2_content .swiper-container{ width: 1132px; height: 180px; } .swipe2 .swipe2_content .swiper-container .swiper-slide{ width: 1132px; height: 180px; } .swipe2 .swipe2_content .swiper-container .swiper-slide .option{ float: left; position: relative; width: 268px; height: 160px; 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; } .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; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .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; overflow: hidden; } .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/rypimages/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/rypimages/right1.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #left2{ position: absolute; width: 21px; height: 42px; left: 4px; bottom: 78px; background: url(/uploads/image/rypimages/left2.png) 0 0 no-repeat; z-index: 9; cursor: pointer; } #right2{ position: absolute; width: 21px; height: 42px; right: 4px; bottom: 78px; background: url(/uploads/image/rypimages/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; }