*{padding: 0;margin: 0;border:0;font-family:"Microsoft YaHei" ! important; } a{text-decoration: none;} body{position: absolute;width: 100%;height: 100%;top: 0;left: 0; } .top-bar{ width: 100%; height: 60px; background: #fff;text-align: center;position: fixed;top: 0;left: 0;z-index: 999;} .menu{ position: absolute;top: 21px;left: 15px;} .top-con{ width: 1300px; margin: 0 auto; } .pt22{padding-top: 22px;} .fl{float: left;} .fr{float: right;} /*head*/ .hl_nav{ /*background-color: #FD463E;*/ position: relative; height: 34px; float: right; } .hl_nav a{ display: block; text-decoration: none; } .hl_nav .nav_list{ z-index: 2; padding: 0; list-style: none; height: 34px; } .hl_nav .nav_list>li{ padding: 0; float: left; margin: 0; text-align: center; height: 36px; overflow: hidden; margin-left: 30px; } .active{ border-bottom: 2px solid #007bbb; } .hl_nav .nav_head{ height: 34px; line-height: 34px; color: #676767; font-size: 18px; position: relative; } .hl_nav .nav_body{ display: block; height: 40px; line-height: 40px; color: #030303; position: relative; font-size: 15px; z-index: 999; background: rgba(255,255,255,0.5); /*border-bottom: 1px solid #030303;*/ text-decoration: underline; text-decoration-color: #030303; } .hl_nav .nav_list>li:hover{ height: auto; } .nav_head:hover{ border-bottom: 2px solid #007bbb; } .nav_body{border:0 !important;} .hl_nav .nav_body:hover{ background: #b8daec; } /*head*/ /*swiper*/ .swiper-container { width: 100%; height: 100%; } .swiper-slide { text-align: center; 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; } .swiper-slide img{width: 100%} .swip_box{ width: 100%;height: 236px;margin-top: 60px;} .mt60{margin-top: 60px;} /*.swiper-pagination-bullet-active{background: #fff !important}*/ .swiper-pagination-bullet{width: 12px !important;height: 12px !important;background: #fff !important} /*.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background-image:url() !important; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image:url() !important; }*/ .ban_name{position: absolute;bottom: 0;left: 0;width: 250px;height: 50px;background: rgba(255,255,255,0.5);text-align: center;color: #fff;font-size: 25px;line-height: 50px;} /*swiper*/ .three_box1{ width: 150px;background-size: 100%;background-repeat: no-repeat;height: 158px;background-image:url(../images/three_img1.png);float: left;position: relative;margin-left:5px;} .three_box2{ width: 150px;background-size: 100%;background-repeat: no-repeat;height: 158px;background-image:url(../images/three_img2.png);float: left; position: relative;margin-left:10px;} .three_box3{ width: 150px;background-size: 100%;background-repeat: no-repeat;height: 158px;background-image:url(../images/three_img3.png);float: left;position: relative;margin-left:10px;} .three_box4{ width: 150px;background-size: 100%;background-repeat: no-repeat;height: 158px;background-image:url(../images/three_img4.png);float: left;position: relative;margin-left:10px;} .all-box{width: 100%;} .three_wz_box{width: 100%;height: 50px;background: rgba(255,255,255,0.7);position: absolute;top: 54px;left: 0 } .three_wz_t{text-align: center;font-size: 20px;} .three_wz_box a{text-align: center;display: block;color: black; font-size: 15px; text-decoration: underline;} .h160{height: 160px;} .h355{height: 355px;} .m10l{margin:10px 0;} .textc{text-align: center;} .ht{width: 400px;height: 4px;background: black;margin-top: 20px;margin-left: 120px;float: left;} .ls5{letter-spacing: 5px;} .al_text{width: 120px;float: left;height: 50px;background: #ffffff;font-size: 22px;margin-left: -260px;} .al_text2{width: 250px;float: left;height: 50px;background: #ffffff;font-size: 22px; margin-left: -325px;} .blue_s{float: left;width: 2px;height: 30px;background: #007bbc;margin: 0px 10px;} .logo2{height: 20px; float: left;margin-top: 5px;} .blue_z{color: #007bbc;line-height: 30px;font-size: 20px} .blue_d{width: 100%;float: left;height: 5px;background: #007bbc;margin-top: 8px;} .w32{width: 32%; float: left; height: 190px; margin-left: 1%;} .w32 img{width: 100%; height: 130px;} .w32 .img_n{width: 100%; height: 50px; line-height: 25px; text-decoration: none; overflow: hidden;} .w41{width: 417px;float: left;height: 380px; margin-left: 12px;} .w20{width:24%;float: left;height: 300px; margin-left: 1%; } .w20 img {width: 100%;height: 261px;} .h320{height: 320px;} .h380{height: 380px;} .h250{height: 250px;} .h50{height: 50px;} .img_n{text-align: center;font-size: 20px;color: #4e4e4e;text-decoration: underline;} .h750{height: 750px;} .l2_img{width: 582px !important;height: 302px !important;} .mt13{margin-top: 13px} .mt15{margin-top: 15px} .fs13{font-size: 13px;} .fs16{font-size: 16px;} .fs20{font-size: 20px;} .m_box{display:none;position: fixed;top:58px;left: 0;width: 100%;height: calc(100% - 60px);background: rgba(0,0,0,0.2);z-index: 999;} .l_box{width: 200px;height: 100%;background: #fff;} .l_box a{width: 100%;float: left;height: 60px;text-align: center;font-size: 20px;line-height: 60px;border-bottom:1px solid #007bbb;color: #676767} .w96{width: 96%; margin-left: 2%; } .l2 .swiper-button-prev,.l2 .swiper-container-rtl .swiper-button-next{left: 40px !important;} .l2 .swiper-button-next,.l2 .swiper-container-rtl .swiper-button-prev{right: 40px !important;} .l2 .swiper-button-next,.l2 .swiper-button-prev{width: 20px !important; height: 30px !important; margin-top: -22px !important; background-size: 20px 30px !important;} .fl60{float: left;width: 60%;} .fl40{float: left;width: 40%;} .fl38{float: left;width: 38%;padding:0 1%} .fl60{float: left;width: 60%;} .wbai{width: 100%;} .we-con{letter-spacing:1px;width: 100%; word-break: break-all;} .co007{color:#007bbb} .co101{color:#101010;} .coff{color: #fff} .c00{color: #000000} .co31{color: #313131} .news_b{width: 90%;height: 100px;background: #fff;border: 3px solid #aaaaaa;float: left;margin: 10px 0px;padding: 5px;} .news_t{font-size: 20px; text-decoration: underline;text-decoration-color:#aaaaaa;width: 100%;overflow: hidden;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .news_c{line-height: 24px;height: 48px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;} .news_s{font-size: 18px;margin-top: 4px;} .we{width: 100%;margin-top: 10px; } .m_hz img{width: 99px; float: left; margin-left: 3px; margin-bottom: 15px;} .foot{width: 100%;background: #313131;letter-spacing: 1px;color: #fff;text-align: center;height: 100px;padding-top: 10px; font-size: 18px;} .foot .text a{color: #fff} .h170{height: 170px;} .bacee{background: #eee} .l_gy_w1{font-size: 18px;margin: 15px 0px;font-size: 20px;} .l_qy_w2{margin-top:50px; margin-bottom: 20px;font-size: 20px; } .tdu{text-decoration: underline;} .tp_left{color: #595656;letter-spacing: 2px;/*height: 750px;*/} .m20{margin:20px 0px;} .tp_left a{color: #595656;width: 100%;float: left;} .l_qy_new{font-size: 15px;text-decoration: underline;} .pb50{padding-bottom: 50px;} .gy_content{width: 300px;margin: 0 auto;} .gy_title{margin: 30px 0;font-size: 20px;color: #595656;} .gy_logo{margin: 0px 0px 25px 0px;width: 100%;} .gy_text{color: #030303;letter-spacing: 5px;} .xq_img{width: 100%;} .gy_title a{color: #595656; } .head_img{width: 100%;} .mb200{margin-bottom: 200px;}