/* css document */ #contenter{width:1200px;margin:0 auto;clear: both;} #contenter .h_1{width:100%;float:left;} #contenter .h_1 .h1_left{width: 750px;overflow: hidden;position: relative;float:left;} #contenter .h_1 .h1_left #big_list .swiper-slide{z-index: 1; position: relative; display: inline; width: 750px;} #contenter .h_1 .h1_left #big_list .swiper-slide a{display: block;} #contenter .h_1 .h1_left #big_list .swiper-slide img{width:750px;height:325px;} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text-moudle{position: absolute; left: 0px; bottom: 0px; width: 750px; height: 50px; line-height: 38px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.6;;filter:alpha(opacity=60);} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text{position: absolute;left: 0px;bottom: 0px;width: 540px;height: 50px;line-height: 50px;font-size: 20px;z-index: 100;color: rgb(255, 255, 255);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 0 20px;} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text a{color:#fff;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} /* .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{position: absolute;height: 50px;z-index: 99999;bottom: 0;display: flex;justify-content: right;align-items: center;} */ .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{width: 100%;height: 50px;line-height: 50px;bottom: 0px;display: flex;justify-content: right;align-items: center;left: -20px;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0;border-radius:0;opacity: 0.6;filter: alpha(opacity=60);width: 25px;float: left;display: inline;margin-right: 5px;height: 6px;background: transparent no-repeat scroll -223px -70px;cursor: pointer;} .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active{background-position:-250px -70px;opacity:1;filter: alpha(opacity=100);} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text-moudle{position: absolute; left: 0px; bottom: 0px; width: 750px; height: 50px; line-height: 38px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; opacity: 0.6;;filter:alpha(opacity=60);} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text{position: absolute; left: 0px; bottom: 0px; width: 560px; height: 50px; line-height: 50px; font-size: 20px; z-index: 100; color: rgb(255, 255, 255); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-left: 20px;} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text a{color:#fff;} #btn-prev{height: 50px;position: absolute;left: 0px;top: 50%;margin-top: -25px;cursor: pointer;background: transparent no-repeat scroll -100px -120px;width: 50px;z-index: 2;} #btn-prev:hover{background-position:0 -120px;} #btn-next{background: transparent no-repeat scroll -150px -120px;width: 50px;height: 50px;position: absolute;right: 0px;top: 50%;margin-top: -25px;cursor: pointer;z-index: 2;} #btn-next:hover{background-position:-50px -120px;} #contenter .h_1 .h1_right{float:right;width:420px;height:462px;} #contenter .h_1 .h1_right .right_text{background:#fff;padding:0px 25px;line-height: 30px;} #contenter .h_1 .h1_right .right_text li{padding: 12px 0px;width: 370px;overflow: hidden;} #contenter .h_1 .h1_right .right_text li i{margin-right: 10px;width: 6px;background: transparent no-repeat scroll 0% 0%;display: inline-block;padding-bottom: 2px;height: 6px;*height:10px;} #contenter .h_1 .left_img{float: left;margin-top: 15px;height: 145px;width: 750px;} #contenter .h_1 .left_img li{float: left;width: 180px;height: 144px;position: relative;white-space: normal;} #contenter .h_1 .left_img li a{display: block;width: 180px;height: 145px;overflow: hidden;} #contenter .h_1 .left_img .leftimg1{margin: 0px 5px 0px 10px;} #contenter .h_1 .left_img .leftimg2{margin: 0px 10px 0px 5px;} #contenter .h_1 .left_img li img{width: 180px;text-align: center;margin: 0 auto;height:145px;transition: all 0.7s ease 0s;;} #contenter .h_1 .left_img li img:hover{transform: scale(1.07);} #contenter .h_1 .left_img li .images-text-moudle{position: absolute;left: 0px;bottom: 0px;width: 100%;height: 28px;line-height: 38px;background: rgb(0, 0, 0) none repeat scroll 0% 0%;opacity: 0.6;;filter:alpha(opacity=60);} #contenter .h_1 .left_img li .images-text{position: absolute;left: 0px;bottom: 0px;width: 100%;height: 28px;text-align: left;font-size: 14px;z-index: 100;color: rgb(255, 255, 255);margin-left:5px} #contenter .h_1 .left_img li .images-text a{color: #fff;width: 175px;display: block;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 28px;} #contenter .h_2{width: 100%;float: left;} #contenter .h_2 .content_1{width:820px;float:left;margin-right:15px} #contenter .h_2 .content_2{margin-left:15px;float:right;width: 350px;} #contenter .h_2 .content_2 .div_1{background:#fff;width:350px;float:left} #contenter .h_2 .content_2 .div_1 .titlename{font-size: 22px;display: block;width: 100px;text-align: center;margin: 0px auto;padding-top: 15px;} #contenter .h_2 .content_2 .div_1 ul{width: 100%;float: left;padding:10px 0;} #contenter .h_2 .content_2 .div_1 ul li{margin: 15px;overflow: hidden;height: 48px;} #contenter .h_2 .content_2 .div_1 ul li a{cursor: pointer;} #contenter .h_2 .content_2 .div_1 ul li p{white-space: normal;padding-left: 18px;float:right;width:284px;} #contenter .h_2 .content_2 .div_2{padding:15px 0;float:left} #contenter .h_2 .content_2 .div_3{padding-top: 20px;float:left} #contenter .h_2 .content_2 .div_3 .div3title{width: 350px; height: 50px;background: #fff;} #contenter .h_2 .content_2 .div_3 .div3title .leftb{background: transparent no-repeat scroll 0px 0px; display: inline-block; vertical-align: middle; height: 10px;; width: 100px; float: left; margin-top: 19px;} #contenter .h_2 .content_2 .div_3 .div3title .rightb{background: transparent no-repeat scroll 0px 0px; display: inline-block; vertical-align: middle; height: 10px;; width: 100px; margin-top: 19px; float: left;} #contenter .h_2 .content_2 .div_3 .div3title .title{text-align: center;padding: 10px 0;font-size: 28px;float: left;width: 100%;} #contenter .h_2 .content_2 .div_3 ul li{background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 348px; position: relative; border: 1px solid rgb(204, 204, 204); overflow: inherit; margin-top: 75px;} #contenter .h_2 .content_2 .div_3 ul li a{cursor:pointer;width: 300px;display: block;height:auto} #contenter .h_2 .content_2 .div_3 ul li .person{width: 100px; height: 60px; margin: 0px auto;} #contenter .h_2 .content_2 .div_3 ul li .person img{border-radius: 50%;width: 100px;height: 100px;position: absolute;top: -50px;} #contenter .h_2 .content_2 .div_3 ul li .intro{width: 300px; white-space: normal; font-size: 14px; margin: 9px 25px 25px;overflow: hidden;}/**height: 100px;**/ #contenter .h_2 .content_2 .div_4{padding-top: 20px;float: left;text-align: center;margin: 0 auto;} #contenter .h_2 .content_2 .div_4 .list_img{display: flex;flex-direction: row;justify-content: space-between;align-items: center;flex-wrap: wrap;} #contenter .h_2 .content_2 .div_4 li{float: left;} #contenter .h_2 .content_2 .div_4 li a{border-radius: 4px;width: 79px;text-align: center;border: 1px solid #366df0;font-size: 16px;float: left;padding: 10px 0px;margin: 9px 10px 0px;color: #366df0;} #contenter .h_2 .content_2 .div_4 li a:hover{color: #f00;border: 1px solid #f00;} #contenter .link-box{float: left;padding-bottom: 30px;} #contenter .link-box .tit{font-size: 20px;margin-bottom: 8px;} #contenter .link-box .frients-link{margin-top: 15px;} #contenter .link-box .frients-link a{display: inline-block;padding: 0px 4px;font-size: 14px;line-height: 18px;} /** #contenter .h_3{width:1200px;margin:15px 0;float:left} #contenter .h_3 .picb1{background: transparent no-repeat scroll -2px -13px;display: inline-block;vertical-align: middle;width: 480px;height: 2px;} #contenter .h_3 span{font-size:28px;font-weight:bold;margin-left: 21px;} #contenter .h_3 .more{margin-right:21px;} #contenter .h_3 .picb2{background: transparent no-repeat scroll 0px -9px;display: inline-block;vertical-align: middle;width: 480px;height: 2px;} #contenter .h_3 .content{width:1200px;margin-top:30px;float:left;} #contenter .h_3 .content li{float:left;padding:15px 50px;} #contenter .h_3 .content li .authorname{text-align: center;padding-top: 10px;} **/ @media (max-width: 820px){ html{ font-size:20px;} #contenter{width:100%;overflow:hidden;} #contenter .h_1{width:100%;float:left;margin-top: 60px;} #contenter .h_1 .h1_right .right_text{display:none;} #contenter .h_1 .h1_left{width:100%;} #contenter .h_1 .h1_right{display:none;} #contenter .h_1 .left_img{display:none;} #contenter .h_2 .content_1{width:41rem;} #contenter .h_2 .content_2{display:none;} #contenter .link-box{float: left;padding-bottom: 30px;display:none;} #contenter .h_m{margin-top: 61px;}/**margin-top: 81px;改为61px;20190910**/ #contenter .h_1 .h1_left #big_list .swiper-slide .images-text{display:block;} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text-moudle{position: absolute;left: 0px;bottom: 0;width: 100%;height: 38px;line-height: 38px;background: #000 none repeat scroll 0% 0%;opacity: 0.6;filter:alpha(opacity=60);} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text{position: absolute;left: 0px;height: 38px;line-height: 38px;text-align: left;font-size: 16px;z-index: 100;color: #fff;overflow: hidden;margin-left: 0.5rem;width: 63%;text-overflow: ellipsis;white-space: nowrap;} #contenter .h_1 .h1_left #big_list .swiper-slide .images-text a{color:#fff} .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{display:none;height:38px;line-height:38px;} }