body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {padding: 0;margin: 0;} body{font-family: 'microsoft yahei',tahoma,helvetica,arial,sans-serif; color: #3a3a3a;font-size: 12px;min-width: 1390px;} .wrap{width: 1200px;margin:0 auto; overflow:hidden;} ul{list-style: none;} a{text-decoration: none;color: #000;*color:#3a3a3a;outline: none;} a:hover{/*text-decoration:underline;*/color: #fff;;} img,input,button{vertical-align: middle;outline-color: #efefef;} img{border:none;display: inline; *display:inline-block;} h1,h2,h3,h4{font-weight: normal;} .red{color: #b63146;} .clearfix{zoom:1;} .clearfix:after{display:block; content:'clear'; clear:both;line-height:0; visibility:hidden;} a{display: block;} #container { min-width: 1390px; width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; } #background_video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; } #video_cover { position: absolute; width: 100%; height: 100%; background: no-repeat; background-size: cover; background-position: center; } #main_content { width: 100%; height: 100%; z-index: 2; position: relative; display: inline-block; } #main_content p{ font-size: 18px; color: #ffd800; line-height: 50px; margin: 80px 0; } #links,#links{ width: 280px; height: 68px; } #main-left{ position: absolute; top: 20%; left: 19%; } #main-left h1 img{ width: 640px; height: 450px; margin-bottom: 80px; } #links-right{ width: 162px; height: 162px; position: absolute; top: 40%; right: 19%; cursor: pointer; } #container-content{ background: url(/uploads/image/rszimages/bg4.jpg) center top no-repeat; background-size: auto 100%; min-height: 4550px; min-width: 1390px; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; } .nav_box{ height: 78px; background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 83%, #f0f0f0 100%); border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; } .nav_box .nav_li{ width: 1390px; margin: 0 auto; } .nav_li ul{ height: 80px; margin-left: 95px; display: inline-block; } .nav_li ul li{ width: 132px; height: 80px; float: left; } .nav_li ul li a{ width: 132px; height: 80px; line-height: 80px; font-size: 20px; color: #333333; text-align: center; } .nav_li ul li.hover,.nav_li ul li:hover{ width: 130px; height: 79px; background: linear-gradient(180deg, #fae5d1 0%, #f0efee 100%); border: 1px solid; border-image: linear-gradient(180deg, rgba(231, 122, 23, 1), rgba(195, 174, 48, 0)) 1 1; border-bottom: none; border-top: none; } .nav_li ul li.hover a,.nav_li ul li:hover a{ font-weight: 600; color: #e77a17; } .ht{ width: 202px; height: 46px; line-height: 46px; background: linear-gradient(180deg, rgba(255,169,0,0.8000) 0%, #dc5642 100%); border-radius: 29px; font-size: 18px; font-weight: 600; color: #ffffff; text-align: center; float: right; margin-top: 16px; } .title img{ display: block; margin: 0 auto; } .zhjs .title img{ display: inline; margin: 424px 0 66px 0; } .zhjs p{ font-size: 18px; color: #777777; line-height: 36px; margin-bottom: 20px; } .zhjs .zsz-btn{ width: 425px; height: 118px; background: url(/uploads/image/rszimages/zsz-btn.png) no-repeat; background-size: 425px 118px; margin: 36px 0 32px -20px; } .zhld-content ul li{ float: left; margin-top: 55px; } .zhld-content ul li:nth-child(1){ width: 460px; } .zhld-content ul li:nth-child(2){ width: 420px; } .zhld-content ul li:nth-child(3){ width: 320px; } .zhld-content ul li h1{ margin-left: 25px; height: 66px; font-size: 24px; font-weight: 600; color: #666666; line-height: 33px; margin-bottom: 14px; } .zhld-content ul li p{ margin-left: 25px; font-size: 16px; color: #999999; line-height: 26px; } #zhld .title img,.qyjft > .title > img,.hzhb .title img,.zhdt .title img{ padding-top: 80px; } .qyjft .title img{ margin: 160px auto 40px auto; } .qyjft-content,.hzhb-content{ width: 1390px; margin: 0 auto; position: relative; } .qyjft-content .swiper-slide img{ width: 760px; height: 428px; float: left; } .qyjft-content .swiper-slide div{ width: 440px; height: 428px; background: #ffffff; float: left; } .qyjft-content .swiper-slide div h1{ height: 37px; font-size: 26px; font-weight: 600; color: #00030a; line-height: 37px; margin: 50px 42px 19px 60px; padding-bottom: 20px; background: url(/uploads/image/rszimages/icon2.png) bottom left no-repeat; background-size: 19px 3px; display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; } .qyjft-content .swiper-slide div p{ height: 150px; font-size: 18px; color: #999999; line-height: 30px; margin: 0 42px 57px 60px; overflow: hidden; text-overflow: ellipsis; text-overflow: ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 5; line-clamp: 5; -webkit-box-orient: vertical; } .qyjft-content .swiper-slide div a{ width: 132px; height: 42px; line-height: 42px; background: #fdf1e7 url(/uploads/image/rszimages/icon3.png) 104px 14px no-repeat; border-radius: 6px; margin: 0 0 0 60px; color: #cb4600; font-size: 16px; text-align: center; padding-right: 18px; font-weight: bold; } .qyjft-content .swiper-button-next,.qyjft-content .swiper-button-prev,.hzhb-content .swiper-button-prev,.hzhb-content .swiper-button-next{ width: 82px; height: 82px; margin-top: -41px; -moz-background-size: 82px 82px; -webkit-background-size: 82px 82px; background-size: 82px 82px; } .qyjft-content .swiper-button-prev,.hzhb-content .swiper-button-prev{ background-image: ; left: 0; } .qyjft-content .swiper-button-next,.hzhb-content .swiper-button-next { background-image: ; right: 0; } .xgft .title{ margin: 62px auto 29px auto; } .xgft .title img{ display: inline; margin: 0; } .xgft .title a{ float: right; height: 28px; font-size: 20px; color: #ffffff; line-height: 28px; } .xgft ul li{ width: 284px; margin-right: 21px; float: left; } .xgft ul li:last-child{ margin: 0; } .xgft ul li img{ width: 284px; height: 160px; } .xgft ul li p{ height: 28px; font-size: 20px; color: #333333; line-height: 28px; margin-top: 10px; display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; } .xczz .title img{ margin: 126px auto 41px auto; } .xczz-content .swiper-container{ width: 100%; } .xczz-content .swiper-container .swiper-slide { -webkit-transition: transform 1.0s; -moz-transition: transform 1.0s; -ms-transition: transform 1.0s; -o-transition: transform 1.0s; -webkit-transform: scale(0.8); transform: scale(0.8); } .xczz-content .swiper-container .swiper-slide-active,.xczz-content .swiper-container .swiper-slide-duplicate-active { -webkit-transform: scale(1.5); transform: scale(1.5); z-index: 99; } .xczz-content .swiper-container .swiper-slide img { width: 100%; display: block; height: 378px; background: #000000; opacity: 0.6; } .xczz-content .swiper-container .swiper-slide-active img,.xczz-content .swiper-container .swiper-slide-duplicate-active img { opacity: 1; } .hzhb .title img{ margin: 110px auto 40px auto; } .hzhb-content .swiper-container{ height: 680px; } .hzhb-content .swiper-slide .line div{ width: 240px; height: 290px; background: url(/uploads/image/rszimages/logo-bg.png) no-repeat; background-size: 240px 290px; float: left; } .hzhb-content .swiper-slide .line div:hover{ background: url(/uploads/image/rszimages/logo-bg-hover1.png) no-repeat; background-size: 240px 290px; } .hzhb-content .swiper-slide .line img{ width: 212px; height: 245px; margin: 8px 14px; } .hzhb-content .swiper-slide .line2{ position: absolute; top: 200px; margin-left: 119px; } .hzhb-content .swiper-slide .line3{ position: absolute; top: 400px; } .zhdt .title img{ margin: 40px auto 50px auto; } .zhdt-content .swiper-container{ width: 720px; height: 481px; margin-right: 20px; float: left; } .zhdt-content .swiper-container .swiper-slide img{ width: 720px; height: 405px; } .zhdt-content .swiper-container .swiper-slide p{ height: 76px; font-size: 20px; color: #00030a; line-height: 76px; background: #f9f9f9; position: absolute; bottom: 0; left: 0; width: 510px; display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; padding-left: 20px; padding-right: 190px; } .zhdt-content .swiper-container .bottom-div{ width: 190px; height: 76px; background: #f9f9f9; position: absolute; bottom: 0; right: 0; z-index: 99999; } .zhdt-content .swiper-button-next,.zhdt-content .swiper-button-prev{ width: 14px; height: 24px; margin-top: -12px; -moz-background-size: 14px 24px; -webkit-background-size: 14px 24px; background-size: 14px 24px; } .zhdt-content .swiper-button-prev{ background-image: ; left: 115px; } .zhdt-content .swiper-button-next { background-image: ; right: 18px; } .zhdt-content .swiper-pagination{ width: auto; height: 76px; font-size: 24px; font-weight: 500; color: #979797; line-height: 76px; position: absolute; bottom: 0; right: 107px; text-align: right; } .zhdt-content .swiper-pagination .swiper-pagination-current{ color: #e16400; } .right-news{ width: 460px; float: left; } .right-news div a{ width: 460px; height: 96px; background: #f9f9f9; display: block; margin-bottom: 12px; } .right-news div a h1{ height: 28px; font-size: 20px; font-weight: 500; color: #333333; line-height: 28px; padding: 20px 20px 6px 20px; display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; } .right-news div a span{ height: 22px; font-size: 16px; color: #b6b6b6; line-height: 22px; padding: 0 20px; } .right-news div a:hover{ width: 458px; height: 94px; border: 1px solid #e16400; background: #ffffff url(/uploads/image/rszimages/news-bg.png) bottom right no-repeat; background-size: 70px 62px; } .right-news div a:hover h1,.right-news div a:hover span{ color: #e16400; } .right-news .more{ width: 440px; height: 48px; line-height: 48px; background: #fcf0e6 url(/uploads/image/rszimages/icon3.png) 258px 18px no-repeat; text-align: center; font-size: 16px; font-weight: 600; color: #e16400; padding-right: 20px; } .gzqd{ width: 1390px; height: 528px; background: url(/uploads/image/rszimages/erweima-bg.png) no-repeat; background-size: 1390px 528px; margin: 253px auto 0 auto; } .gzqd .gzqd-content{ margin: 0 150px; height: 528px; } .gzqd .gzqd-content div{ width: 274px; float: left; margin: 0 43px; text-align: center; } .gzqd img.erweima{ width: 150px; height: 150px; margin: 129px auto 12px auto; } .gzqd .gzqd-content div p{ height: 44px; font-size: 16px; color: #171717; line-height: 22px; } .gzqd .gzqd-content div a{ display: inline-block; text-align: center; margin-top: 30px; } .footer{ padding-bottom: 43px; } .footer p{ font-size: 18px; color: #ffffff; line-height: 36px; text-align: center; } .retop{ position: fixed; width: 149px; height: 232px; top: 400px; left: 50%; background: center center no-repeat; background-size: 149px 232px; z-index: 999; margin-left: 695px; } .retop a{ display:block; width:149px; height:232px; } #about-container-content{ background: url(/uploads/image/rszimages/about-bg.jpg) center top no-repeat; background-size: auto 100%; min-height: 2383px; min-width: 1390px; margin: 0 auto; } .gywm .title img{ margin: 79px auto 40px auto; } .gywm-content .aboutdetail{ float: left; } .gywm-content .cover{ width: 198px; height: 418px; background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 100%); border: 1px solid #dcdcdc; text-align: center; cursor: pointer; } .gywm-content .aboutdetail:last-child .cover{ border-left: none; } .gywm-content .aboutdetail:first-child .cover{ border-right: none; } .gywm-content .cover h1{ height: 30px; font-size: 20px; color: #666666; line-height: 30px; margin-top: 80px; } .gywm-content .cover h2{ height: 35px; font-size: 24px; font-weight: 800; color: #666666; line-height: 35px; margin: 10px 0 131px 0; font-family: serif; } .gywm-content .cover img{ display: block; height: 70px; margin: 0 auto; } .gywm-content .detail{ display: none; width: 680px; height: 300px; padding: 60px; background: url(/uploads/image/rszimages/aboutus-bg.jpg) no-repeat; background-size: 800px 420px; } .gywm-content .detail h1{ height: 30px; font-size: 20px; font-weight: 600; color: #ffffff; line-height: 30px; } .gywm-content .detail h2{ height: 49px; font-size: 34px; font-weight: 800; color: #ffffff; line-height: 49px; border-bottom: 1px solid #ffffff; font-family: serif; padding-bottom: 16px; margin-bottom: 15px; } .gywm-content .detail p{ font-size: 18px; color: #ffffff; line-height: 30px; } .szzsz .title img{ margin: 100px auto 40px auto; } .szzsz-content{ width: 1390px; margin: 0 auto; display: flex; flex-wrap: wrap; } .szzsz-content .line{ flex-basis: 100%; display: flex; justify-content: center; } .szzsz-content .line div{ height: 82px; line-height: 82px; box-shadow: 0px 15px 28px 0px rgba(0,0,0,0.1000); padding: 0 42px; color: #ffffff; font-size: 26px; margin: 0 50px 30px 0; display: inline-block; cursor: pointer; box-sizing: border-box; border: 1px solid; } .szzsz-content .line div:hover{ color: #e16400; border: 1px solid #e16400; background: #ffffff url(/uploads/image/rszimages/news-bg.png) bottom right no-repeat; background-size: 60px 54px; } .szzsz-content .line div:last-child{ margin-right: 0; } .szzsz-content .line .blue{ background: #8acdff; border-color: #8acdff; } .szzsz-content .line .purple{ background: #ad9ce8; border-color: #ad9ce8; } .szzsz-content .line .red{ background: #f09485; border-color: #f09485; } .szzsz-content .line .yellow{ background: #efcf78; border-color: #efcf78; } .lxwm{ width: 1390px; height: 488px; background: url(/uploads/image/rszimages/erweima-bg.png) no-repeat; background-size: 1390px 488px; margin: 128px auto 46px auto; } .lxwm .title img{ padding: 104px 0 40px 0; } .lxwm-content{ text-align: center; } .lxwm-content p{ height: 88px; line-height: 88px; background: #f9f9f9; border-radius: 12px; color: #333333; font-size: 24px; padding: 0 40px; margin: 0 25px; display: inline-block; width: 480px; } #detail-container-content{ background: url(/uploads/image/rszimages/detail-bg.jpg) center bottom no-repeat; background-size: auto auto; margin: 0 auto; } #detail-container-content .footer{ padding: 247px 0 30px 0; } .sub-title{ height: 33px; font-size: 24px; font-weight: 600; color: #333333; line-height: 33px; padding-bottom: 30px; border-bottom: 1px solid #d8d8d8; } /**面包屑**/ .breadcrumb{margin: 62px auto 30px auto;padding-left: 20px;height: 54px;line-height: 54px;background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 83%, #f0f0f0 100%);border: 1px solid #e6e6e6;font-size: 20px;color: #666666;position: relative;box-sizing: border-box;} .breadcrumb::after{content: "";width: 4px;height: 20px;background: #cf0102;position: absolute;top: 18px;left: 0;} .breadcrumb a{color: #666666;display: inline-block;} /**图文列表**/ .list-content ul li {border-bottom: 1px solid #d8d8d8;padding: 30px 0;} .list-content ul li.pic {height: 164px;} .list-content ul li.pic img {width: 290px;height: 164px;margin-right: 26px;display: inline-block;float: left;} .list-content ul li h3 { font-size: 24px; font-weight: bold; height: 33px !important; line-height: 33px; display: block; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space: nowrap; color: #333333; margin-bottom: 18px; } .list-content ul li h5 { margin-bottom: 10px; color: #666666; line-height: 22px; font-size: 16px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; text-overflow: ellipsis-lastline; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .list-content ul li.pic h5 {height: 44px;margin-bottom: 48px;} .list-content ul li p {color: #999999;line-height: 22px;font-size: 16px;} /**pagination 分页**/ .pagination { text-align:center; margin:50px auto 0 auto; display: block;} .pagination a{padding: 0 16px;height: 42px;line-height: 42px; border:1px solid #dcdcdc; color:#666;background: #f9f9f9; border-radius: 8px;margin: 0 5px; font-size: 18px;cursor: pointer;display: inline-block;} .pagination a.active,.pagination a:hover { background:#b83046; border-color:#b83046; color:#fff; } .pagination a img{width: 21px;height: 17px;margin: 12px 0 13px 0;} .pagination .tz{ display: inline-block; color: #666666; font-size: 18px; height: 40px; line-height: 40px; margin-left: 40px; } .pagination .yeshu { width: 60px; height: 38px; background: #f9f9f9; border-radius: 8px; border: 1px solid #dcdcdc; margin: 0 7px; font-size: 18px; color: #666666; text-align: center; } .detail-container{ margin-top: 50px; } .detail-container .left{ width: 760px; margin-right: 40px; float: left; } .detail-container .left .desc-title{ margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .detail-container .left .desc-title h3{ font-size: 42px; font-weight: 600; color: #333333; line-height: 59px; } .detail-container .left .desc-title span{ color: #999999; font-size: 20px; margin: 20px 0; display: block; } .detail-container .left .desc-con{ margin-top: 50px; } .detail-container .left .desc-con p{ font-size: 20px; color: #333333; line-height: 38px; margin: 0 0 30px 0; } .detail-container .left .desc-con img{ display: block; margin: 0 auto 20px auto; } .detail-container .right{ width: 400px; float: left; background: #f9f9f9; } .detail-container .right .title-box1{ height: 62px; line-height: 62px; background: linear-gradient(180deg, #ffffff 0%, #f0f0f0 83%, #f0f0f0 100%); border: 1px solid #e6e6e6; font-weight: 600; color: #666666; font-size: 22px; padding: 0 20px; } .detail-container .right .right-rmzx{ padding: 0 20px; } .detail-container .right .right-rmzx li{ margin: 20px 0; height: 30px; clear: both; } .detail-container .right .right-rmzx a .num{ width: 30px; height: 30px; font-weight: 600; color: #333333; display: inline-block; text-align: center; font-size: 20px; float: left; } .detail-container .right .right-rmzx li:nth-child(-n 3) a .num{ background: rgba(209, 18, 68, 0.06); color: #d11244; border-radius: 100%; } .detail-container .right .right-rmzx a .name{ height: 30px; font-size: 16px; color: #333333; line-height: 30px; margin-left: 14px; width: 316px; overflow: hidden; display: inline-block; float: left; overflow: hidden; text-overflow: ellipsis; -ms-text-overflow: ellipsis; white-space:nowrap; } .zszz-container h1{ height: 50px; font-size: 36px; font-weight: 600; color: #333333; line-height: 50px; margin: 50px 0 30px 0; } .zszz-container .tip-title{ width: 1160px; height: 81px; line-height: 81px; background: rgba(245,166,35,0.0600); border-radius: 6px; font-size: 24px; font-weight: 500; color: #f5a623; margin-bottom: 30px; padding: 0 20px; display: flex; } .zszz-container .tip-title span{ height: 81px; line-height: 81px; display: inline-block; font-size: 16px; font-weight: 400; margin-left: 10px; } .zszz-container .field-content .field{ width: 580px; display: inline-block; float: left; position: relative; } .zszz-container .field-content .field .errormessage{ background: url(/uploads/image/rszimages/tip-icon.png) left center no-repeat; background-size: 24px 24px; position: absolute; top: 0; right: 0; height: 28px; font-size: 20px; color: #e02020; line-height: 28px; padding-left: 32px; display: none; } .zszz-container .field-content .field:first-child{ margin-right: 40px; } .zszz-container .field-content .field .field-label{ height: 28px; font-size: 20px; color: #333333; line-height: 28px; } .zszz-container .field-content .field .btx{ width: 10px; height: 10px; margin-left: 5px; } .zszz-container .field-content .field input{ height: 56px; border-radius: 6px; border: 2px solid #e3e3e3; width: 100%; box-sizing: border-box; margin: 10px 0 30px 0; padding: 0 20px; font-size: 18px; } .zszz-container .field-content .field input:focus{ border: 2px solid #e02020;} .zszz-container .checkbox-content{ border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; } .zszz-container .checkbox-content div{ width: 400px; float: left; height: 42px; font-size: 20px; color: #333333; line-height: 42px; margin: 10px 0; box-sizing: border-box; } .zszz-container .checkbox-content div span{ padding-left: 44px; background: url(/uploads/image/rszimages/check-bg.png) left center no-repeat; background-size: 24px 24px; cursor: pointer; } .zszz-container .checkbox-content div span.check{ background: url(/uploads/image/rszimages/check.png) left center no-repeat; background-size: 24px 24px; } .zszz-container .submit{ width: 380px; height: 79px; line-height: 79px; background: #0091ff; border-radius: 40px; font-size: 26px; font-weight: 500; color: #fffffe; text-align: center; margin: 72px auto 0 auto; border: none; display: block; cursor: pointer; outline: none; } .zszz-container .checkbox-content input{ width: 24px; height: 24px; margin-right: 20px; display: none; } .tip-cover{ height: 53px; line-height: 53px; background: #000000; border-radius: 12px; opacity: 0.7; padding: 0 24px; position: fixed; top: 200px; left: 0; right: 0; display: inline-block; margin: 0 auto; width: fit-content; font-size: 20px; color: #fffffe; display: none; } .sub-success{ text-align: center; } .sub-success img{ width: 210px; height: 200px; margin: 182px auto 20px auto; } .sub-success h1{ height: 40px; font-size: 28px; font-weight: 600; color: #03a16c; line-height: 40px; } .sub-success p{ height: 25px; font-size: 18px; color: #999999; line-height: 25px; margin: 10px auto 40px auto; } .sub-success a{ width: 210px; height: 68px; line-height: 68px; background: linear-gradient(163deg, #e16400 0%, #f3b00c 100%); border-radius: 40px; font-size: 26px; font-weight: 500; color: #fffffe; margin: 40px auto; }