*{ margin: 0; padding: 0; } a{ color: #333; text-decoration: none; } a:hover{ text-decoration: none; color: #333; } body{ font-family: -apple-system,blinkmacsystemfont,helvetica neue,pingfang sc,microsoft yahei,source han sans sc,noto sans cjk sc,wenquanyi micro hei,sans-serif; } ul{ list-style: none; } img{ max-width: 100%; } .c{ clear:both; overflow:hidden;} /*缓存*/ .load_box { position: fixed; width: 100%; height: 100%; z-index: 99999; top: 0; left: 0; background: #fff; text-align: center; } .load_box .loader_loader { width: 100%; height: 100%; max-width: 100%; } .loader_loader { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: column; flex-grow: 1; flex-shrink: 0; flex-basis: 25%; max-width: 25%; height: 200px; align-items: center; justify-content: center; } @-webkit-keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes line-scale-party { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(0.5); transform: scale(0.5); } 100% { -webkit-transform: scale(1); transform: scale(1); } } .line-scale-party > div:nth-child(1) { -webkit-animation-delay: 0.77s; animation-delay: 0.77s; -webkit-animation-duration: 1.26s; animation-duration: 1.26s; } .line-scale-party > div:nth-child(2) { -webkit-animation-delay: 0.29s; animation-delay: 0.29s; -webkit-animation-duration: 0.43s; animation-duration: 0.43s; } .line-scale-party > div:nth-child(3) { -webkit-animation-delay: 0.28s; animation-delay: 0.28s; -webkit-animation-duration: 1.01s; animation-duration: 1.01s; } .line-scale-party > div:nth-child(4) { -webkit-animation-delay: 0.74s; animation-delay: 0.74s; -webkit-animation-duration: 0.73s; animation-duration: 0.73s; } .line-scale-party > div { background-color: #7aba1e; width: 4px; height: 35px; border-radius: 2px; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation-name: line-scale-party; animation-name: line-scale-party; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-delay: 0; animation-delay: 0; } /*end*/ /*头部*/ .headers{ position: absolute; width: 100%; /* position: fixed;*/ left: 0; top: 0; z-index: 2; width: 100%; } .homeheard{ max-width: 1220px; padding: 0 10px; margin: 0 auto; padding-top: 32px; } .homeheardleft{ float: left; } /**/ .clear { clear: both; } .header{ width: 100%; height: auto; position: relative; } .header>div>ul { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: baseline; margin: 0; float: right; /*margin-top: 2rem;*/ margin-top:1rem; } .header>div>ul>li { position: relative; text-align: center; font-size: 16px; transition: 0.3s linear; } /*.header>div>ul>li:hover{ background: #c30d23; transition: 0.3s linear; } .header>div>ul>li:hover>a{ color: #fff; }*/ .header li>a { font-size: 16px; color: #fff; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding-left: 3rem; } .header li:nth-child(1)>a{ border: 0; } .header>div>ul>li>a>span.out { bottom: 0; } .header li>a>span { position: relative; display: block; } .header>div>ul>li>a>span.over { top: 30px; z-index: 9; color:#058fde; } .header li>a>span { position: relative; display: block; } .header>div>ul ul { position: absolute; top: -9999px; left: -9999px; z-index: 999; width: 143px; padding: 6px 0; opacity: 0; margin-top: 35px; } .header>div>ul ul>li { white-space: nowrap; border-bottom: 1px solid #ccc; } .header>div>ul>li li>a { display: block; font-size: 16px; color: #333; text-transform: uppercase; height: 45px; line-height: 45px; } .header>div>ul>li:hover>ul { top: 50px; left: 0; background: #fff; opacity: 1; transition: 0.6s opacity,1s border-radius; border: 1px rgba(0,0,0,0.05) solid; } /*.header>div>ul>li li>a:hover { background: #c30d23; color: #fff; border-radius: 2px; }*/ .clear{ clear: both; } .search{ float: right; margin-left: 2rem; cursor: pointer; position: relative; } .search-box { width: 28%; position: fixed; right: 0; top: 116px; display: none; z-index: 10; background: #008a79; padding: 18px 2%; } .search-box .close { float: right; width: 35px; height: 35px; background: url(/uploads/image/image/wel26.png) no-repeat center; background-size: 100%; margin-top: 2px; opacity: 1; } .search-box form { width: 76%; height: 40px; line-height: 40px; position: relative; border: 1px solid rgba(255,255,255,.2); } .search-box form .text { font-size: 12px; color: #fff; border: none; background: none; padding: 0 28px 0 18px; width: 100%; height: 40px; color: #fff; line-height: 40px; } .search-box form .submit { width: 14px; height: 30px; position: absolute; top: 50%; right: 14px; margin-top: -15px; background: url(/uploads/image/image/wel25.png) no-repeat center; border: none; } .search-box form .text::-webkit-input-placeholder{ color: #fff; } .search-box form .text:-moz-placeholder{ color: #fff; } .search-box form .text::-moz-placeholder{ color: #fff; } .search-box form .text:-ms-input-placeholder{ color: #fff; } /*.clickphone:hover .myphone{ opacity: 1; transition: transform 500ms, opacity 500ms 100ms, left 0s 0s; }*/ /*.bannertext{ position: absolute; text-align: center; color: #fff; top: 43%; width: 100%; cursor: pointer; } .bannertext label{ font-size: 44px; } .bannertext div{ font-size: 30px; } .bannertext span{ display: block; width: 40px; height: 2px; background: #fff; margin: auto; margin-top: 2rem; transition: 0.3s linear; } .bannertext:hover span{ width: 240px; transition: 0.3s linear; } */ /*banner*/ .banner{ /* margin-top: 9rem!important;*/ } /*.banner img{ width: 100%; }*/ .banner .bannerswiperpagination{ bottom: 183px!important; } .banner .swiper-slide{ background: -moz-linear-gradient(top, #007fff 0%, #0083ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fff), color-stop(100%,#0083ff)); background: -webkit-linear-gradient(top, #007fff 0%,#0083ff 100%); background: -o-linear-gradient(top, #007fff 0%,#0083ff 100%); background: -ms-linear-gradient(top, #007fff 0%,#0083ff 100%); background: linear-gradient(to bottom, #007fff 0%,#0083ff 100%); height: 850px; } .banner .swiper-slide:nth-child(1){ background: -moz-linear-gradient(top, #008a79 0%, #00a994 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008a79), color-stop(100%,#00a994)); background: -webkit-linear-gradient(top, #008a79 0%,#00a994 100%); background: -o-linear-gradient(top, #008a79 0%,#00a994 100%); background: -ms-linear-gradient(top, #008a79 0%,#00a994 100%); background: linear-gradient(to bottom, #008a79 0%,#00a994 100%); } .banner .swiper-slide:nth-child(2){ background: -moz-linear-gradient(top, #00816a 0%, #119f86 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00816a), color-stop(100%,#119f86)); background: -webkit-linear-gradient(top, #00816a 0%,#119f86 100%); background: -o-linear-gradient(top, #00816a 0%,#119f86 100%); background: -ms-linear-gradient(top, #00816a 0%,#119f86 100%); background: linear-gradient(to bottom, #00816a 0%,#119f86 100%); } .banner .swiper-slide:nth-child(3){ background: -moz-linear-gradient(top, #007fff 0%, #2b6dc7 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fff), color-stop(100%,#2b6dc7)); background: -webkit-linear-gradient(top, #007fff 0%,#2b6dc7 100%); background: -o-linear-gradient(top, #007fff 0%,#2b6dc7 100%); background: -ms-linear-gradient(top, #007fff 0%,#2b6dc7 100%); background: linear-gradient(to bottom, #007fff 0%,#2b6dc7 100%); } .bannerswiperpagination .swiper-pagination-bullet{ width: 28px; height: 4px; border-radius: 0; } .bannerswiperpagination span.swiper-pagination-bullet-active{ background: #ffea00; } .bannermore{ max-width: 1220px; margin: 0 auto; overflow: hidden; margin-top: 140px; margin-bottom: 110px; padding: 0 10px; } .bannermore .bannermoreleft{ float: left; color: #fff; margin-top: 75px; } .bannermore .bannermoreleft label{ font-size: 55px; margin: 0; line-height: 100%; } .bannermore .bannermoreleft div{ font-size: 18px; margin: 20px 0; } .bannermore .bannermoreleft a{ display: block; width: 148px; height: 42px; font-family: arial; color: #fff; font-size: 18px; text-align: center; line-height: 42px; text-transform: uppercase; border: 1px solid #fff; } .bannermore img{ /*float: right; width: 60%;*/ } .banner .dsyy_01_right{ float: right; width: 60%; } .banner .swiper-slide:nth-child(2) .bannermore .dsyy_01_right{ margin-top: 104px; } .banner .swiper-slide .bannermoretext{ text-align: center; color: #fff; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; } .banner .swiper-slide .bannermoretexts{ display: table; width: 100%; height: 100%; } .banner .swiper-slide .bannermoretext img{ } .banner .swiper-slide .bannermoretexts div{ display: table-cell; vertical-align: middle; padding-bottom: 160px; } .banner .swiper-slide .bannermoretext p{ font-size: 36px; margin: 0; } /*.bannernext{ width: 69px!important; height: 69px!important; background: url(/uploads/image/image/4.png) no-repeat!important; background-size: 69px 69px!important; right: 20%!important; } .bannerprev{ width: 69px!important; height: 69px!important; background: url(/uploads/image/image/5.png) no-repeat!important; background-size: 69px 69px!important; left: 17%!important; }*/ /*end*/ .home_a{ width: 100%; background: rgba(0,0,0,0.15); color: #fff; text-align: center; position: absolute; bottom: 0; z-index: 100; } .home_as{ max-width: 1220px; margin: 0 auto; overflow: hidden; height: 160px; display: flex; } .home_as div:nth-child(1){ background: rgba(0,0,0,0.05); } .home_as div:nth-child(3){ background: rgba(0,0,0,0.05); } .home_as div{ flex: 1; } .home_as div span{ font-size: 30px; display: block; margin-top: 34px; margin-bottom: 17px; } .home_a div p{ margin: 0; overflow: hidden; line-height: 26px; } .home_a div p a{ color: #fff; display: inline-block; border-right: 2px solid #fff; line-height: 100%; padding: 0 5%; } .home_a div p a:hover{ color:#ffff00; } .home_a div p a:last-child{ border: 0; } .home_as .home_asone{ } .home_as .home_astwo{ } .home_as .home_asthere{ } .alltop{ width: 100%; text-align: center; overflow: hidden; margin:55px 0; } .alltop label{ display: block; line-height: 100%; margin: 0; font-size: 48px; color: #333333; } .alltop label span{ font-weight: 400; } .alltop label i{ font-size: 30px; font-style: normal; } .alltop div{ width: 44px; height: 4px; background: #333333; margin: 23px auto; } .alltop p{ margin: 0; font-size: 24px; color: #999999; line-height: 100%; } .home_b{ max-width: 1220px; margin: 0 auto; overflow: hidden; padding: 0 10px; } .home_b p{ text-align: center; font-size: 16px; color: #999999; line-height: 34px; margin: 0; } .home_b .home_bs{ display: flex; margin: auto; width: 70%; margin-top: 53px; margin-bottom: 40px; } .home_b .home_bs a{ flex: 1; text-align: center; } .home_b .home_bs a label{ font-size: 30px; color: #666666; } .home_b .home_bs a div{ color: #ff6936; font-size: 44px; font-weight: 700; } .home_b .home_bs a span{ } .home_b .home_bs a b{ font-size: 18px; color: #333333; font-weight: 400; margin-left: 6px; } .home_b .home_bs a i{ font-style: normal; } .allhome_b{ width: 100%; background: url(/uploads/image/image/4.png)center 0 no-repeat; height: 1022px; overflow: hidden; } .home_c{ max-width: 1220px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 22px; padding: 0 10px; } .home_cs{ box-shadow: 0 0 14px #ccc; background: #fff; text-align: center; width: 23%; overflow: hidden; color: #666666; transition: all 0.3s; } .home_cs span{ font-size: 24px; color: #333333; display: block; line-height: 100%; margin-top: 30px; transition: all 0.3s; } .home_cs p{ margin: 12px 0; font-size: 16px; } .home_cs i{ display: block; width: 28px; height: 28px; margin: auto; background: url(/uploads/image/image/2.png)center 0 no-repeat; transition: all 0.3s; } .home_cs div{ margin: 0 0; line-height: 28px; margin-top: 12px; margin-bottom: 25px; transition: all 0.3s; min-height:112px; } .home_cs div a{ display: block; color: #666666; transition: all 0.3s; } .home_cs .home_csmro{ width: 100px; height: 30px; margin: auto; display: block; color: #666666; border: 1px solid #666666; line-height: 30px; border-radius: 6px; margin-bottom: 30px; transition: all 0.3s; } .home_cs:hover{ background: #008a79; color: #fff; } .home_cs:hover span{ color: #fff; } .home_cs:hover i{ background: url(/uploads/image/image/3.png)center 0 no-repeat; } .home_cs:hover div a{ color: #fff; } .home_cs:hover .home_csmro{ color: #fff; border: 1px solid #fff; } .home_d{ max-width: 1220px; margin: auto; padding: 0 10px; overflow: hidden; } .home_dtop{ text-align: center; font-size: 0; overflow: hidden; margin-bottom: 32px; } .home_dtop a{ display: inline-block; font-size: 18px; background: #b0b0b0; color: #fff; width: 140px; height: 40px; line-height: 40px; border-radius: 7px; margin: 0 14px; transition: all 0.3s; cursor: pointer; } .home_dtop a:hover{ background: #0069ff; color: #fff; } .home_dtop a.on{ background: #008876; color: #fff; } .home_dtext{ width: 100%; overflow: hidden; margin-bottom: 72px; } .home_dtext .home_dbox{ display: none; overflow: hidden; } .home_dtext .home_dbox a:nth-child(4n){ margin-right: 0; } .home_dtext .home_dbox a{ display: block; float: left; width: 24%; margin-right: 1.3%; } .home_dtext .home_dbox a p{ width: 100%; overflow: hidden; margin: 0; } .home_dtext .home_dbox a p img{ width: 100%; transition: all 0.3s; } .home_dtext .home_dbox .home_dboxdiv{ padding: 20px 0; overflow: hidden; clear:both; } .home_dtext .home_dbox .home_dboxdiv span{ float: left; font-size: 18px; color: #444; } .home_dtext .home_dbox .home_dboxdiv div{ float: right; } .home_dtext .home_dbox .home_dboxdiv div img{ } .home_dtext .home_dbox .home_dboxdiv div label{ color: #999999; font-weight: 400; margin-left: 3px; padding:0; } .home_dtext .home_dbox a:hover p img{ transform: scale(1.1); } .home_e{ width: 100%; background: #eeeeee; overflow: hidden; } .home_es{ overflow: hidden; max-width: 1200px; margin: auto; padding: 0 10px; margin-bottom: 74px; } .home_esleft{ float: left; width: 32.797%; overflow: hidden; } .home_esleft img{ width: 100%; transition: all 0.3s; } .home_esleft:hover img{ transform: scale(1.1); } .home_escenter{ width: 30.797%; overflow: hidden; float: left; margin-left: 0.8%; } .home_escenter a:last-child{ margin-bottom: 0; } .home_escenter a{ display: block; background: #fff; width: 100%; padding: 15px; margin-bottom: 17px; transition: all 0.3s; } .home_escenter a span{ font-size: 16px; color: #333333; transition: all 0.3s; } .home_escenter a p{ margin: 0; font-size: 12px; color: #757474; transition: all 0.3s; line-height: 22px; margin-bottom: 17px; margin-top: 9px; } .home_escenter a div{ font-size: 12px; color: #999999; transition: all 0.3s; } .home_escenter a div b{ font-weight: 400; } .home_escenter a:hover{ background: #008a79; } .home_escenter a:hover span{ color: #fff; } .home_escenter a:hover div{ color: #fff; } .home_escenter a:hover p{ color: #fff; } .home_esright{ float: right; width: 34.797%; overflow: hidden; } .home_esright a:last-child{ margin-bottom: 0; } .home_esright a{ display: block; background: #fff; width: 100%; padding: 18px; line-height: 24px; margin-bottom: 15px; transition: all 0.3s; } .home_esright a span{ font-size: 16px; color: #333333; transition: all 0.3s; } .home_esright a p{ margin: 0; font-size: 12px; color: #757474; transition: all 0.3s; } .home_esright a div{ font-size: 12px; color: #999999; transition: all 0.3s; } .home_esright a div b{ font-weight: 400; } .home_esright a:hover{ background: #008a79; } .home_esright a:hover span{ color: #fff; } .home_esright a:hover div{ color: #fff; } .home_esright a:hover p{ color: #fff; } .home_f{ display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1220px; margin: 0 auto; padding: 0 10px; overflow: hidden; margin-bottom: 90px; } .home_f a{ background: #f4f4f4; text-align: center; width: 19.8%; margin-bottom: 0.2%; position: relative; overflow: hidden; height: 125px; line-height: 125px; } .home_f a>img{ } .home_f a div{ position: absolute; width: 100%; top: 0; height: 100%; line-height: 125px; background: #008a79; opacity: 0; transition: all 0.3s; } .home_f a div img{ } .home_f a:hover div{ opacity: 1; } .bottom{ width: 100%; background: #1e1d1d; overflow: hidden; } .bottomtop{ width: 100%; height: 115px; overflow: hidden; border-bottom: 1px solid #191919; } .bottomtops{ max-width: 1220px; padding: 0 10px; margin: 0 auto; overflow: hidden; } .bottomtopsleft{ float: left; overflow: hidden; line-height: 115px; } .bottomtopsleft span{ font-size: 18px; color: #999999; margin-left: 49px; } .bottomtopsright{ float: right; text-align: right; } .bottomtopsright span{ font-size: 18px; color: #999999; display: block; margin-top: 33px; margin-bottom: 8px; } .bottomtopsright div{ } .bottomtopsright div a{ color: #999999; font-size: 12px; } .bottoms{ width: 100%; border-top: 1px solid #353434; overflow: hidden; } .bottomscenter{ max-width: 1220px; padding: 0 10px; margin: 55px auto; overflow: hidden; } .botleft{ display: flex; float: left; width: 70%; } .botleft div{ flex: 1; margin-right:10px; } .botleft span{ color: #999999; display: block; font-size: 18px; } .botleft img{ margin-top: 11px; margin-bottom: 20px; } .botleft a{ display: block; color: #999999; margin-bottom: 6px; } .botleft a:hover{ color:#fff;} .botright{ float: right; overflow: hidden; } .botright img{ float: left; margin-right: 12px; } .botright div{ float: left; font-size: 16px; color: #666666; } .botright span{ font-size: 30px; display: block; color: #fff; } .allbottom{ width: 100%; text-align: center; background: #0e0e0e; color: #ccc; line-height: 39px; padding: 11px 0; } .allbottom a{ color: #ccc; } .allbottom a:hover{ color: #fff; } /*caishui*/ .caishuibanner{ background: -moz-linear-gradient(top, #008a79 0%, #00a994 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008a79), color-stop(100%,#00a994)); background: -webkit-linear-gradient(top, #008a79 0%,#00a994 100%); background: -o-linear-gradient(top, #008a79 0%,#00a994 100%); background: -ms-linear-gradient(top, #008a79 0%,#00a994 100%); background: linear-gradient(to bottom, #008a79 0%,#00a994 100%); width: 100%; overflow: hidden; min-height: 500px; } .caishuibannercenter{ max-width: 1220px; margin: auto; padding: 0 10px; overflow: hidden; } .caishuibannerleft{ float: left; color: #fff; margin-top: 194px; } .caishuibannerleft label{ font-size: 53px; } .caishuibannerleft div{ font-size: 18px; } .caishuibannerright{ float: right; margin-top: 118px; margin-right: 5%; } .caishuitop{ text-align: center; margin-top: 68px; margin-bottom: 35px; overflow: hidden; } .caishuitop label{ font-size: 30px; color: #0069ff; line-height: 100%; margin: 0; } .caishuitop p{ font-size: 16px; color: #737373; margin-top: 15px; margin-bottom: 22px; } .caishuitop div{ width: 100px; height: 2px; margin: auto; background: #0069ff; } .caishui_a{ max-width: 1220px; margin: auto; padding: 0 10px; overflow: hidden; margin-bottom: 85px; } .caishui_aleft{ float: left; width: 69%; display: flex; text-align: center; } .caishui_aleft a{ flex: 1; border: 1px solid #efefef; height: 350px; overflow: hidden; } .caishui_aleft a img{ margin-top: 54px; margin-bottom: 35px; width: 126px; height: 126px; border-radius: 50%; transition: all 0.3s; } .caishui_aleft a span{ display: block; font-size: 20px; color: #333333; margin-bottom: 19px; } .caishui_aleft a p{ color: #737373; line-height: 26px; margin: 0 0 34px; transition: all 0.3s; } .caishui_aleft a div{ font-size: 16px; background: #fe3e2a; color: #fff; height: 40px; line-height: 40px; } .caishui_aleft a:hover img{ margin-top: 14px; } .caishui_aright{ float: right; width: 30.917%; overflow: hidden; height: 350px; } .caishui_aright img{ width: 100%; } .caishui_b{ width: 100%; background: #edf3f7; overflow: hidden; } .caishui_bff label{ color: #e00f22; } .caishui_bff div{ background: #e00f22; } .caishui_btop{ max-width: 1080px; margin: auto; display: flex; } .caishui_btop div{ background: -moz-linear-gradient(top, #e2112d 0%, #dc0c1f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2112d), color-stop(100%,#dc0c1f)); background: -webkit-linear-gradient(top, #e2112d 0%,#dc0c1f 100%); background: -o-linear-gradient(top, #e2112d 0%,#dc0c1f 100%); background: -ms-linear-gradient(top, #e2112d 0%,#dc0c1f 100%); background: linear-gradient(to bottom, #e2112d 0%,#dc0c1f 100%); width: 33.333%; height: 224px; box-shadow: 0 0 15px #333; color: #fff; padding: 27px; } .caishui_btop label{ font-size: 50px; line-height: 100%; margin-bottom: 5px; } .caishui_btop p{ font-size: 18px; line-height: 30px; margin: 0; } .caishui_bbottom{ max-width: 1220px; margin: auto; padding: 0 10px; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 94px; } .caishui_bbottom a{ float: left; background: #fff; display: block; width: 19%; height: 166px; text-align: center; border-radius: 0 25px 0 25px; } .caishui_bbottom a div{ height: 115px; line-height: 115px; } .caishui_bbottom a div img{ transition: all 0.8s; } .caishui_bbottom a span{ font-size: 16px; color: #000000; display: inline-block; line-height: 100%; margin: 0 12px; } .caishui_bbottom a p{ margin: 0; overflow: hidden; } .caishui_bbottom a p i{ display: inline-block; width: 23px; height: 2px; background: #e4e4e4; margin-bottom: 3px; } .caishui_bbottom a:hover img{ transform: rotatey(360deg); } .caishui_c{ height: 510px; overflow: hidden; max-width: 1220px; padding: 0 10px; margin: 0 auto; position: relative; } .caishui_c label{ font-size: 36px; color: #0080ff; margin-top: 90px; } .caishui_c div{ font-size: 18px; color: #333333; margin: 13px 0; } .caishui_c p{ margin: 0; color: #666666; line-height: 27px; } .caishui_c img{ position: absolute; right: 0; bottom: 0; } /*tuiguang*/ .tuiguangbanner{ background: -moz-linear-gradient(top, #094dfc 0%, #7402ff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#094dfc), color-stop(100%,#7402ff)); background: -webkit-linear-gradient(top, #094dfc 0%,#7402ff 100%); background: -o-linear-gradient(top, #094dfc 0%,#7402ff 100%); background: -ms-linear-gradient(top, #094dfc 0%,#7402ff 100%); background: linear-gradient(to bottom, #094dfc 0%,#7402ff 100%); width: 100%; overflow: hidden; min-height: 500px; } .tuiguangbannercenter{ max-width: 1220px; margin: auto; padding: 0 10px; overflow: hidden; } .tuiguangbannerleft{ float: left; color: #fff; margin-top: 194px; } .tuiguangbannerleft label{ font-size: 53px; margin-bottom: 16px; } .tuiguangbannerleft div{ font-size: 24px; } .tuiguangbannerright{ float: right; margin-top: 179px; margin-right: 2%; } .tuiguangtop{ text-align: center; margin-top: 68px; margin-bottom: 47px; overflow: hidden; } .tuiguangtop label{ font-size: 30px; color: #0069ff; line-height: 100%; margin: 0; } .tuiguangtop p{ font-size: 16px; color: #0a0204; margin-top: 11px; margin-bottom: 11px; } .tuiguangtop div{ width: 100px; height: 2px; margin: auto; background: #0069ff; } .tuiguang_a{ max-width: 1220px; padding: 0 10px; margin: 0 auto; overflow: hidden; } .tuiguang_a p{ text-align: center; font-size: 16px; color: #666666; line-height: 32px; margin-bottom: 63px; } .tuiguang_as{ margin-bottom: 68px; width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; } .tuiguang_as a{ border: 1px solid #ccc; width: 24%; text-align: center; padding: 22px 0; height: 262px; overflow: hidden; } .tuiguang_as a img{ transition: all 0.5s; margin-bottom: 14px; } .tuiguang_as a span{ display: block; font-size: 18px; color: #333333; } .tuiguang_as a i{ display: block; width: 40px; height: 2px; background: #0069ff; margin: 16px auto; } .tuiguang_as a div{ color: #666666; padding: 0 21%; line-height: 24px; } .tuiguang_as a:hover img{ transform: rotatey(360deg); } .tuiguang_b{ width: 100%; background: #f5f5f5; overflow: hidden; } .tuiguang_bnav a{ border: 1px solid #ccc; border-radius: 0; background: none; color: #333; } .tuiguangbottom{ max-width: 1220px; padding: 0 10px; margin: 0 auto; overflow: hidden; display: flex; margin-bottom: 122px; } .tuiguangbottom a{ flex: 1; text-align: center; } .tuiguangbottom a img{ transition: all 0.5s; } .tuiguangbottom a div{ font-size: 24px; color: #333; margin: 23px 0; } .tuiguangbottom a p{ margin: 0; color: #666666; line-height: 24px; } .tuiguangbottom a:hover img{ transform: rotatey(360deg); } .wangjianbanner{ width: 100%; background: url(/uploads/image/image/32.png)center 0 no-repeat; height: 500px; overflow: hidden; } .wangjianbannercenter{ text-align: center; margin-top: 228px; overflow: hidden; } .wangjianbannercenter div{ font-size: 58px; color: #fff; letter-spacing: 5px; margin-bottom: 20px; } .wangjianbannercenter span{ font-size: 21px; color: #fff; font-family: arial; text-transform: uppercase; } .wangjiantop{ text-align: center; margin: 60px 0; } .wangjiantop div{ font-size: 35px; font-weight: 700; color: #080505; margin-bottom: 9px; line-height: 100%; } .wangjiantop span{ font-size: 16px; color: #666666; } .wangjian_a{ text-align: center; } .wangjian_b{ width: 100%; background: url(/uploads/image/image/33.png)center 0 no-repeat; height: 846px; overflow: hidden; } .wangjian_bs{ max-width: 1220px; margin: 0 auto; padding: 0 10px; overflow: hidden; text-align: center; position: relative; } .wangjian_bsleft{ position: absolute; left: 0; top: 133px; } .wangjian_bsleft a{ font-size: 20px; color: #211f1f; display: block; margin-bottom: 60px; } .wangjian_bsleft a img{ margin-right: 19px; } .wangjian_bsright{ position: absolute; right: 0; top: 133px; } .wangjian_bsright a{ font-size: 20px; color: #211f1f; display: block; margin-bottom: 60px; } .wangjian_bsright a img{ margin-left: 19px; } .wangjian_c{ max-width: 1220px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 10px; } .wangjian_c a{ display: block; margin-bottom: 55px; width: 24.5%; border: 1px solid #efefef; text-align: center; border-radius: 13px; height: 335px; } .wangjian_c a div{ font-size: 70px; margin: auto; color: #0874f8; background: url(/uploads/image/image/36.png)center 0 no-repeat; margin-top: -50px; width: 132px; height: 144px; } .wangjian_c a span{ font-size: 30px; color: #111215; } .wangjian_c a p{ color: #080505; font-size: 15px; padding: 0 27px; line-height: 28px; margin-top: 26px; margin-bottom: 34px; min-height: 85px; } .wangjian_c a label{ width: 163px; height: 36px; background: #115ffd; color: #fff; line-height: 36px; font-weight: 400; border-radius:15px; padding:0; } .wangjian_d{ width: 100%; background: url(/uploads/image/image/37.png)center 0 no-repeat; height: 637px; overflow: hidden; } .wangjian_ds{ max-width: 1220px; padding: 0 10px; margin: 0 auto; overflow: hidden; } .wangjian_dsleft{ float: left; overflow: hidden; color: #fff; width: 41%; margin-top: 154px; } .wangjian_dsleft span{ font-size: 53px; display: block; line-height: 100%; } .wangjian_dsleft div{ font-size: 31px; line-height: 100%; margin: 15px 0; } .wangjian_dsleft p{ font-size: 16px; line-height: 31px; margin: 0; } .wangjian_dsright{ float: right; margin-top: 103px; } .wangjian_e{ overflow: hidden; max-width: 1220px; padding: 0 10px; margin: 0 auto; margin-bottom: 50px; } .wangjian_e a:nth-child(4n){ margin-right: 0; } .wangjian_e a{ display: block; float: left; width: 24%; margin-right: 1.3%; } .wangjian_e a p{ width: 100%; overflow: hidden; margin: 0; } .wangjian_e a p img{ width: 100%; transition: all 0.3s; } .wangjian_e .wangjiandiv{ padding: 20px 0; overflow: hidden; } .wangjian_e .wangjiandiv span{ float: left; font-size: 18px; color: #333333; } .wangjian_e .wangjiandiv div{ float: right; } .wangjian_e .wangjiandiv div img{ } .wangjian_e .wangjiandiv div label{ color: #999999; font-weight: 400; margin-left: 3px; padding:0; } .wangjian_e a:hover p img{ transform: scale(1.1); } .wangjian_f{ width: 100%; overflow: hidden; background: #f9f9f9; } .wangjian_fs{ max-width: 1220px; padding: 0 10px; margin: 0 auto; overflow: hidden; display: flex; text-align: center; margin-bottom: 53px; } .wangjian_fs div{ flex: 1; line-height: 96px; } .wangjian_fs a{ flex: 1; } .wangjian_fs a img{ } .wangjian_fs a span{ font-size: 19px; color: #100f0f; margin-top: 18px; display: block; } /*new*/ .newbanner{ background: -moz-linear-gradient(top, #008a79 0%, #00a994 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#008a79), color-stop(100%,#00a994)); background: -webkit-linear-gradient(top, #008a79 0%,#00a994 100%); background: -o-linear-gradient(top, #008a79 0%,#00a994 100%); background: -ms-linear-gradient(top, #008a79 0%,#00a994 100%); background: linear-gradient(to bottom, #008a79 0%,#00a994 100%); width: 100%; overflow: hidden; min-height: 500px; } .newbannercenter{ max-width: 1220px; margin: auto; padding: 0 10px; overflow: hidden; } .newbannerleft{ float: left; color: #fff; margin-top: 194px; } .newbannerleft label{ font-size: 53px; } .newbannerleft div{ font-size: 18px; line-height: 26px; } .new_a{ max-width: 1220px; padding: 0 10px; margin: auto; overflow: hidden; } .new_a .new_atop{ font-size: 30px; color: #333333; margin-top: 44px; margin-bottom: 25px; overflow: hidden; } .newnav{ margin-bottom: 40px; overflow: hidden; font-size: 0; } .newnav a{ width: 155px; height: 46px; text-align: center; color: #333; line-height: 46px; margin-right: 16px; font-size: 18px; background: #e4e4e4; display: inline-block; transition: all 0.3s; } .newnav a:hover{ background: #064ffc; color: #fff; } .newnav a.on{ background: #064ffc; color: #fff; } .liunew{ width: 100%; overflow: hidden; margin-bottom: 17px; display: flex; flex-wrap: wrap; justify-content: space-between; } .liunew a:nth-child(2n){ float: right; } .liunew a{ display: block; overflow: hidden; float: left; width: 48%; background: #f5f5f5; margin-bottom: 23px; transition: all 0.3s; } .liunew a .liunewleft{ float: left; width: 32%; overflow: hidden; } .liunew a .liunewleft img{ transition: all 0.3s; } .liunew a .liunewright{ float: right; padding: 0 25px; padding-top: 23px; width: 68%; } .liunew a .liunewright span{ font-size: 16px; color: #333333; transition: all 0.3s; } .liunew a .liunewright p{ margin: 0; font-size: 12px; color: #666666; line-height: 24px; margin-top: 7px; margin-bottom: 14px; transition: all 0.3s; } .liunew a .liunewright div{ color: #898989; font-size: 12px; transition: all 0.3s; } .liunew a .liunewright b{ font-weight: 400; } .liunew a:hover{ background: #074efc; color: #fff; } .liunew a:hover .liunewleft img{ transform: scale(1.1); } .liunew a:hover .liunewright span{ color: #fff; } .liunew a:hover .liunewright p{ color: #fff; } .liunew a:hover .liunewright div{ color: #fff; } .poshow{ max-width: 1220px; padding: 0 10px; margin: auto; overflow: hidden; } .poshownav{ height: 78px; line-height: 78px; color: #666666; } .poshownav a{ color: #666666; } .poshow .proshowtitle{ font-size: 30px; color: #333333; margin-bottom: 34px; } .poshows{ width: 100%; overflow: hidden; } .poshowsleft{ float: left; width: 72%; overflow: hidden; } .poshowsleft .poshowsleft_a{ font-size: 18px; color: #0053fc; font-weight: 700; } .poshowsleft .poshowsleft_b{ font-size: 12px; color: #939393; border-bottom: 1px dashed #ccc; line-height: 40px; } .poshowsleft .poshowsleft_b span{ } .poshowsleft_c{ width: 100%; overflow: hidden; margin-top: 22px; margin-bottom: 59px; } .poshowsright{ float: right; width: 24%; overflow: hidden; } .poshowsright .poshowsright_a{ font-size: 24px; margin-bottom: 28px; text-align: right; } .poshowsrights a{ display: block; width: 100%; margin-bottom: 17px; } .poshowsrights a p{ width: 100%; overflow: hidden; margin: 0; } .poshowsrights a p img{ width: 100%; transition: all 0.3s; } .poshowsrights{ width: 100%; } .poshowsrights .poshowsrightsboxdiv{ padding: 13px 0; overflow: hidden; border-bottom: 1px dashed #ccc; } .poshowsrights .poshowsrightsboxdiv span{ float: left; font-size: 18px; color: #333333; } .poshowsrights .poshowsrightsboxdiv div{ float: right; } .poshowsrights .poshowsrightsboxdiv div img{ } .poshowsrights .poshowsrightsboxdiv div label{ color: #999999; font-weight: 400; margin-left: 3px; padding:0; } .poshowsrights a:hover p img{ transform: scale(1.1); } /**/ .tagad{ position:fixed; right:0; top:20%; width:150px; z-index:9999; background:#f2f2f2; text-align:center; } .tagad img{ width:100%; margin:0px auto 5px; }