.banner_video{ width: 100%; text-align: center; color: #fff; position: relative;} .banner_video dd{ width: 100%;} .banner_video dd img{ width: 100%; } .banner_video .banner_txt{top:0;position: absolute; width: 100%;background: rgba(0,0,0,0.3); height: 100%;} .banner_video dl{top:50%;transform:translateY(-50%);position:absolute; width: 100%;text-align: center;} .banner_video dl h1{font-size: 40px;/*font-family: "zhongheijianti" !important;*/} .banner_video dl h2{ font-size: 20px; padding-top: 10px; font-weight: 500;/*font-family: "heijianti" !important;*/ } .banner_video dl h3{display:block; width:80px; height:80px;cursor:pointer; background:url("../images/ic_play.png?1") 0 0 no-repeat; margin: 0 auto; background-size: 100% 100%;margin-top: 40px;} .banner_video dl h3:hover{background:url("../images/ic_play_hover.png?1") 0 0 no-repeat;background-size: 100% 100%;} /*寮瑰嚭瑙嗛*/ .video-button{ cursor:pointer;} .video-pop{ display: none; position: fixed; top:0; left:0; height: 100%; width: 100%; background: rgba(0,0,0,.5); text-align: center; z-index: 99999;} .video-pop .content+i{ display: inline-block; vertical-align: middle; height: 100%;} .video-pop .content{ position: relative; display: inline-block; width:80%; max-width:800px; vertical-align: middle; background: #000000;} .video-pop .content video{ display: block; width: 100%; } .video-pop .close{ position: absolute; top:0; right: -65px; cursor: pointer; width: 65px; height: 65px; background-image: url(../images/video_close.jpg); background-size: cover;} .about{ width: 960px; margin: 0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top: 100px; padding-bottom: 100px;} .about .img{ width: 35%; } .about .img img{ width: 100%; } .about .info{ width: 65%; padding-left:30px; padding-top: 40px; } .about .info h1{ color: #021e43; font-size: 40px;} .about .info h2{ font-size: 20px; line-height: 30px; font-weight: 400; padding-top: 20px; padding-bottom:30px;} .about .info h3{display:flex; justify-content:space-between;} .about .info h3 span{ width: 155px;line-height: 40px; background: #0f76c1; text-align: center; font-size: 14px; margin-top:32px; height: 40px;} .about .info h3 span a{ color: #fff; display: block;} .about .info h3 span:hover{ background: #061f5c; } .about .info h3 img{ width: 180px; } .index_cat{ width: 100%; background: url(../images/pet-bg.jpg?1) no-repeat center top; height:600px; margin-top: 10px;background-attachment: fixed; background-size: cover; padding-top:150px;} .index_cat dl{ width: 960px; background: rgba(255,255,255,1); margin: 0 auto; padding: 50px; } .index_cat dl h1{ text-align: center; font-size: 40px; color: #021e43;/*font-family: "zhongheijianti" !important;*/ } .index_cat dl h2{ text-align: center; font-size:20px; color: #021e43; padding-top: 20px; line-height: 32px;/*font-family: "heijianti" !important;*/font-weight: 400;} .index_cat .more{ width: 155px; margin:0 auto; line-height: 40px; background: #0f76c1; text-align: center; font-size: 14px; margin-top: 30px;/*font-family: "heijianti" !important;*/} .index_cat .more a{ color: #fff; display: block;} .index_cat .more:hover{ background: #061f5c; } .newlist{ width: 960px; margin: 0 auto; padding-top: 60px;} .newlist h1{ font-size: 40px; color: #021e43; padding-bottom:30px; } .newlist ul{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; } .newlist ul li{width:45%;float:left;margin-right:10%;display:flex;flex-direction:column;margin-bottom:40px;} .newlist ul li:nth-child(2n) {margin-right:0;} .newlist ul li .pic{ text-align:center;overflow: hidden; } .newlist ul li .pic img{ width:100%; height: 225px; display:block;transition: all .5s ease;} .newlist ul li a:hover img{transform: scale(1.08,1.08);transition: all .3s linear;} .newlist ul li .title{ font-size:18px;margin-top: 10px; color:#021e43;width: 100%; font-weight: bold;} .newlist ul li .exp{ font-size:16px;margin-top: 10px; color:#021e43;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;} .newlist ul li .look{ color: #0f76c1; font-size: 16px; border-bottom: 1px solid #0f76c1; padding-top: 20px; float: left; padding-bottom: 5px; position: relative;transition: all .2s ease-out;} .newlist ul li .look:hover{ color: #021e43;border-bottom: 1px solid #021e43; } /*鍏充簬鎴戜滑*/ .about_banner{ width: 100%; position: relative; } .about_banner img{ width: 100%; } .about_box1{ width: 960px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding:80px 100px;} .about_box1 dl{ font-size: 32px;letter-spacing: 6px; font-weight: bold; padding-bottom: 20px; color: #1e90c2;} .about_box1 dd{font-size: 16px; line-height: 32px;text-indent:2em;} .about_banner .nav_title{ width: 1100px; position: absolute; bottom: 0; left: 50%; margin-left: -550px; } .about_banner .nav_title span{background-color: rgba(30, 144, 194, 0.85); color: #fff; font-size: 32px; padding:20px 20px;} .big_box{background: #EEE9DD; width: 100%;} .aboutlist{ width: 960px; margin: 0 auto; padding-top: 60px;} .aboutlist h1{ font-size: 32px;letter-spacing: 6px; font-weight: bold; padding-bottom: 40px; text-align: center;color: #1e90c2} .aboutlist dd{font-size: 16px; line-height: 32px;text-indent:2em;} .aboutlist ul{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-top:50px;} .aboutlist ul li{width:48%;float:left;margin-right:4%;display:flex;flex-direction:column;margin-bottom:40px; background: #fff;} .aboutlist ul li:nth-child(2n) {margin-right:0;} .aboutlist ul li .content{ padding:20px; } .aboutlist ul li .pic{ text-align:center;overflow: hidden; } .aboutlist ul li .pic img{ width:100%; display:block;transition: all .5s ease;} .aboutlist ul li .icon{ padding-top: 10px; } .aboutlist ul li .icon img{ width: 80px; height: 80px; } .aboutlist ul li .title{ font-size:24px;margin-top: 20px; color:#1e90c2;width: 100%; font-weight: bold;} .aboutlist ul li .exp{ font-size:16px;margin-top: 20px; color:#021e43; line-height: 28px;} .about_box3{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; position: relative;} .about_box3 dl{ width: 50%; } .about_box3 dl img{ width: 100%;} .about_box3 .content{ width: 50%; padding-left: 3%; position: relative;} .about_box3 .content .txt{ top: 50%;transform: translateY(-50%);position: absolute;width: 70%;} .about_box3 .content dd{ font-size: 32px;color: #1e90c2; font-weight: bold;} .about_box3 .content dt{font-size: 16px;line-height: 32px; padding-top: 10px;} .about_box3 .content .more{ padding-top: 10px; } .about_box3 .content .more a{ color: #ee602f; font-weight: bold;} .about_box4{ width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap;} .about_box4 dl{ width: 50%; } .about_box4 dl img{ width: 100%; } .about_box4 .content{ width: 50%; position: relative;} .about_box4 .content .txt{ top: 50%;transform: translateY(-50%);position: absolute;width: 100%; padding-left:40%;} .about_box4 .content dd{ font-size: 32px;color: #1e90c2; font-weight: bold;} .about_box4 .content dt{font-size: 16px;line-height: 32px; padding-top: 10px;} .about_box4 .content .more{ padding-top: 10px; } .about_box4 .content .more a{ color: #ee602f; font-weight: bold;} .about_box5{ width: 1100px; margin: 0 auto; padding-top: 60px;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; padding-bottom: 60px;} .about_box5 .content{ width:660px; padding-right: 50px;} .about_box5 dl{ width:350px;display: flex; justify-content: center;align-items: center;} .about_box5 dl img{border: 10px solid #fff;border-radius: 100%;box-shadow: 1px 1px 17px rgb(0 0 0 / 30%);overflow: hidden;} .about_box5 h1{ font-size: 32px;font-weight: bold; padding-bottom: 40px; color: #1e90c2;} .about_box5 dd{font-size: 16px; line-height: 32px;} .about_box5 dd p{ padding-bottom: 20px; }