@font-face { font-family: 'Regular'; src: url('./Alibaba-PuHuiTi-Regular.ttf'); } @font-face { font-family: 'zzgfjh'; src: url('./zzgfjh.ttf'); } *{margin:0;padding:0;} li{list-style-type: none;} a{text-decoration:none;color:#333;} h1,h2,h3,h4,h5,h6{ font-style: normal; font-size:100%; font-weight:normal;} body{margin: 0 auto;color:#333;background:#fff;font-size: 0.9rem;font-family: 'Regular'; } .no{display:none;} img{ border:0;} .img{width: 100%;display:block} .clear{clear:both;} .box{width:94%;margin:0 auto;} .over{overflow: hidden} .fl{float: left} .fr{float: right} .border{box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box;} .zzgf{font-family: 'zzgfjh';} .swiper{ margin: 0;} .swiper-button-prev,.swiper-button-next{outline: none;margin: 0;} .wr{writing-mode: vertical-rl;writing-mode: tb-rl;} .wl{writing-mode: vertical-lr; writing-mode: tb-lr;} .sy1{width:100%;background:#fff; position:fixed;top:0;left:0;z-index:999;} .sy1>p{width: 100%;height: 2rem;background: #292929;font-size: 1rem;} .sy10{width: 100%;height: 5rem;padding: 0 3%;} .sy10 .hl .logo{display: block;height: 2.7rem;margin-right: 1rem;} .sy10 .hl b{font-size: 1.5rem;} .sy10 .sy12{width:2.9rem;height: 2.9rem; z-index:99;background:url('../image/logo1.png') no-repeat center;background-size:100% 100%} .sy10 .sy12 div{ position:relative;background-size:auto} .sy10 .sy12 div a{ height:47px; line-height:47px;} .sy10 .sy12 .showmenu{ display:none;height:auto; width:7rem;position:absolute; right:-1rem; top:7rem; z-index:99; background-color:#fff;border-radius:0px 0px 5px 5px;margin-right: 1rem;} .sy10 .sy12 .showmenu p{ text-shadow:none; height:3rem; border-bottom:1px solid #e8e8e8; text-align:center} .sy10 .sy12 .showmenu p a{ height:24px; line-height:24px; width:100%; display:block; color:#666;margin-top: 1rem;} .hz1{width:100%;position:relative;margin-top:6rem;} .hz11{position:absolute;top:0;left:0;width:100%;height:100%} .hz11 .main_visual{height:100%;overflow:hidden;position:relative;width:100%;} .hz11 .main_image{height:100%;overflow:hidden;position:relative;} .hz11 .main_image ul{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0} .hz11 .main_image li{float:left;width:100%;height:100%;} .hz11 .main_image li span{display:block;width:100%;height:100%} .hz11 .main_image li .img_1{background:url('../image/1.jpg') center top no-repeat;background-size: 100%} .hz11 .main_image li .img_2{background:url('../image/2.jpg') center top no-repeat;background-size: 100%} .hz11 .main_image li .img_3{background:url('../image/3.jpg') center top no-repeat;background-size: 100%} .hz11 .flicking_con{width: 100%; position:absolute;bottom:0.5rem;left:0;z-index:99;text-align: center} .hz11 .flicking_con a{width:0.8rem;height:0.8rem; display: inline-block; border-radius: 50%;background: #fff; text-indent:-1000px;margin:0 0.1rem;box-shadow: 0 0.15rem 0.25rem rgba(73, 73, 73, 0.35);} .hz11 .flicking_con a.on{background: #e50012 !important;box-shadow: none !important;} .cor{color: #e50012} .cor1{color: #619c46} .cor2{color: #ffffff} /* 内容 */ .title{padding: 2.5rem 0 1.5rem;} .title h3{font-size: 2.2rem;} .title h4{font-size: 1.1rem;line-height: 1.8rem; margin-top: 0.5rem;} .ht1{padding: 2rem 0;} .ht10 .title{padding: 0 ;} .ht10>a{width: 25%;height: 2.4rem;border-radius: 0.25rem;border:1px solid #e2e2e2;color: #666666;} .ht10>a:hover{background: #e50012;border-color: #e50012;color: #fff;} .ht11{margin: 1.5rem auto;} .ht11_img{display: block; width: 100%;height: 14rem;overflow: hidden;} .ht11_img img{width: 100%;} .ht11_con{width: 100%;margin-top: 1.5rem;} .ht11_tit{height: 1.75rem;font-size: 1.3rem;font-weight: bold;} .ht11_des{height: 6.8rem;margin: 0.5rem 0 1rem;text-align: justify; -webkit-line-clamp: 4;overflow: hidden;font-size:1rem;line-height: 1.7rem;color: #666666} .ht12 ul li{width: 50%; height: 16rem;border:1px solid #eeeeee;border-right: none; padding: 1.2rem;} .ht12 ul li .ht12_date b{font-size: 1.2rem;} .ht12 ul li .ht12_date span{font-size: 0.8rem;color: #666666;} .ht12 ul li .line{width: 3.3rem;height: 0.1rem;background: #acb1b7;margin: 1.1rem 0 1.8rem;} .ht12 ul li .ht12_tit{height: 1.75rem;font-size: 1.3rem;font-weight: bold;} .ht12 ul li .ht12_des{height: 4.8rem;margin: 0.7rem 0 1.2rem;text-align: justify; -webkit-line-clamp: 3;overflow: hidden;font-size:1rem;line-height: 1.6rem;color: #666666} .ht12 ul li:last-child{border-right:1px solid #eeeeee;} .ht12 ul li:hover{border-bottom: 0.2rem solid #e50012} .ht2{width: 100%;background:url(../image/ht2.jpg) no-repeat center;background-size: 100%;padding-bottom: 2rem; } .ht21 ul li{width: 48.5%;background: #fff;padding: 2rem 5% 1.5rem ;margin-bottom: 1rem} .ht21 ul li img{display: block;height: 3rem; margin: 0 auto ;} .ht21 ul li h5{font-size: 1.3rem;margin: 1rem 0 0.5rem;text-align: center;} .ht21 ul li p{font-size: 0.95rem;color: #666666;line-height: 1.5rem;text-align: justify;} .ht3{padding-bottom: 2rem;} .ht31{margin-bottom: 1.5rem;} .ht31>h5{width: 100%;height: 2.8rem;background: #f0f0f0;font-size: 1.3rem;font-weight: bold;letter-spacing: 1px;} .ht31>ul{padding: 1.2rem 8% 0;border: 0.15rem solid #f0f0f0;border-top: none;background: #fff;} .ht31>ul li{width: 48.5%;padding-bottom: 0.7rem;} .ht31>ul li .ht311{width: 100%;border: 0.15rem solid #f0f0f0;} .ht31>ul li p{font-size: 1rem;color: #666666;line-height: 2.5rem} .ht4{width: 100%;background: #f8f8f8;padding-bottom: 2rem;} .ht4 .title{padding-bottom: 1rem;} .ht4 .title div h3{margin-left: 1rem;} .ht4 .title div img{margin-top: 0.15rem;height: 2.35rem} .ht4 .title h4{font-size: 1.2rem;} .ht41 p{font-size: 1rem;color: #666666;line-height: 1.8rem;} .ht42 .swiper{height: 15rem;margin-top: 1.2rem;} .ht42 .swiper .swiper-wrapper .swiper-slide{height: calc((100% - 0.5rem) / 2);} .ht42 .swiper-button-prev{width: 2rem;height: 5.5rem;background-color: rgba(0,0,0,0.5); top:0;bottom: 0;left: 0;margin:auto;} .ht42 .swiper-button-next{width: 2rem;height: 5.5rem;background-color: rgba(0,0,0,0.5); top:0;bottom: 0;right: 0;margin:auto;} .ht42 .swiper-button-next::after,.ht42 .swiper-button-prev::after{font-size: 1.4rem;color: #fff;} .ht5{width: 100%;background:url(../image/ht5.jpg) no-repeat center top;background-size: 100%;padding-bottom: 2rem } .ht5 .title{padding-bottom: 0.5rem;line-height: 2.5rem} .ht5 .title h3 span{font-size: 1.3rem;} .ht5 .title h4{font-size: 0.95rem;} .ht51 ul li{width: 48.5%;background: #e50012; border: 0.2rem solid #fff;margin: 10px 0;} .ht511{padding: 1rem 6% 0; width: 100%;height: 100%;top: 0;left: 0;} .ht511 h5{font-size: 1.3rem;} .ht511 p{font-size: 0.8rem;text-align: justify; line-height: 1.3rem;margin-top: 0.5rem;} .ht51>h4{width: 9rem;height: 9rem;font-size: 1.6rem; background:url(../images/ht5.png) no-repeat center;background-size: 100% 100%; top: 0;left: 0;bottom: 0;right: 0;margin:auto;z-index: 9} .ht51 ul li.active>img{opacity: 0.2} .ht51 ul li.active>.ht511{display: block;} .ht6{padding-bottom: 1.5rem;} .ht61 ul li{width: 48.5%;margin-bottom: 1rem;} .ht62{width: 100%;background: #f8f8f8;padding-bottom: 2rem;} .ht62 .title h3{font-size: 2rem;} .ht62 .ht31{margin-bottom: 0} .ht62 .ht31 h5{height: 5rem;font-size: 1rem;line-height: 1.8rem;} .ht62 .ht31 ul{padding: 0.5rem 8%;} .ht62 .ht31 ul li{padding: 0;margin: 0.7rem 0;} .ht63{padding-bottom: 2rem;} .ht63 .title h3{font-size: 1.8rem;} .ht632 ul li{width: 32%;height: 8.6rem;background:url(../images/ht63.png) no-repeat center;background-size: 100%;margin-bottom: 0.5rem; padding-top: 1.5rem;} .ht632 ul li p{font-size: 1rem;margin-top: 0.7rem;} .ht632 ul li img{height: 2.2rem} .ht64{width: 100%;background: #f8f8f8; padding-bottom: 2rem;} .ht641 ul li{width: 48%; margin-bottom: 1rem;} .ht641 ul li a{display: block;width: 100%;height: 2.4rem;line-height: 2.4rem; border-radius: 0.25rem; border: 1px solid #eeeeee;color: #999999;font-size: 1rem; } .ht641 ul li a:hover,.ht641 ul li a.active{background:#e50012;border-color: #e50012;color: #fff;} .ht642{margin-top: 0.5em;} .ht642 ul li{width: 48.5%;height: 13rem;background: #fff;border: 0.15rem solid #dadada;margin-bottom: 1rem} .ht642_img{width: 100%;height: 10.2rem;} .ht642_img img{max-width: 100%;max-height: 100%} .ht642_name{width: 100%;height: 1.35rem;margin-top: 0.5rem; font-size: 1rem;color: #666666;} .ht642 ul li:hover{border-color: #e50012} .ht65{padding-bottom: 3rem;} .ht65 .title{padding-bottom: 1rem;} .ht65 .title div h3{margin-left: 1rem;} .ht65 .title div img{margin-top: 0.15rem;height: 2.35rem} .ht65 .title h4{font-size: 0.9rem;} .gy4{padding-bottom: 3rem;} .gy411 .h_img{width: 100%;height: 14rem;background: #fff; border: 0.15rem solid #e5e5e5;} .gy411 .h_img img{max-width: 100%;max-height: 100%;} .gy411 .h_name{display: block;margin-top: 0.7rem;font-size: 1rem;color: #666666;} .gy41 .swiper-button-prev{width: 2rem;height: 5.5rem;background-color: rgba(0,0,0,0.5); top:4.25rem;left: 0;} .gy41 .swiper-button-next{width: 2rem;height: 5.5rem;background-color: rgba(0,0,0,0.5); top:4.25rem;right: 0;} .gy41 .swiper-button-next::after,.gy41 .swiper-button-prev::after{font-size: 1.4rem;color: #fff;} .ht66{width: 100%;background: #f8f8f8;padding-bottom: 3rem;} .ht66 .swiper-button-prev{width: 2rem;height: 5.5rem;background-color: rgba(0,0,0,0.5); top:0;bottom: 0; left: 0;margin: auto; } .ht66 .swiper-button-next{width: 2rem;height: 5.5rem;background-color: rgba(0,0,0,0.5); top:0;bottom: 0; right: 0;margin: auto; } .ht66 .swiper-button-next::after,.ht66 .swiper-button-prev::after{font-size: 1.4rem;color: #fff;} .ht7{width: 100%;padding:2.5rem 0 34.5rem; background:url(../image/ht7.jpg) no-repeat center bottom;background-size: 100%; } .ht71 h1{font-size: 2rem;} .ht71 p{font-size: 1rem;line-height: 1.8rem;color: #666666;margin: 1.3rem 0 0;text-align: justify;} .di{width: 100%;background:#222222;padding: 1rem 0 7.15rem;font-size: 0.8rem;text-align: center;line-height: 1.5rem;color: #6e6e6e} .di a{color: #6e6e6e} .di0{width: 100%;padding-top: 0.3rem; height: 6.15rem;background:url(../image/di.png) no-repeat center;background-size: 100% 100%;position:fixed;bottom:0;left: 0;z-index: 999;} .di0 a{display: block;width: 20%;color: #fff;font-size: 1rem;margin-top: 2.3rem;} .di0 a img{display: block;height: 1.4rem; margin: 0 auto 0.3rem;} .di0 a:nth-child(3){font-size: 0.9rem;margin-top: 0} .di0 a:nth-child(3) img{height: 4rem;}