/*===================CSS Reset============================*/ @font-face{ font-family: fontB; src: url('/template/pc/fonts/Geometric212BT-BookCondensed.otf');} @font-face{ font-family: fontF; src: url('/template/pc/fonts/FuturaBT-Bold.otf');} @font-face{ font-family: fontG; src: url('/template/pc/fonts/Geometric415BT-BlackA.otf');} @font-face{ font-family: fontN; src: url('/template/pc/fonts/SourceHanSansCN-Normal.otf');} @font-face{ font-family: fontS; src: url('/template/pc/fonts/SourceHanSansCN-Bold.otf');} html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;} *,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;} body,button,input,select,textarea{ font-family: fontN,"microsoft yahei";} h1,h2,h3,h4,h5,h6{ font-size:100%;} em,i{ font-style:normal;} ul,ol{ list-style:none;} table{ border-collapse:collapse; border-spacing:0;} input:focus,button:focus,textarea:focus,select:focus{ outline: none;} img{ border: 0; max-width: 100%;} /*===================Link Style============================*/ a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -ms-transition-duration: 400ms; transition-duration: 400ms;} /*===================Common Style============================*/ .fl{ float:left;} .fr{ float:right;} .clearfix:after{clear: both;} .clearfix:before,.clearfix:after{content: "";display: table;} .ovh{ overflow: hidden;} .textH{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; white-space: pre-wrap;} .dong{ -webkit-transition-duration: 400ms; -moz-transition-duration: 400ms; -ms-transition-duration: 400ms; transition-duration: 400ms;} .imgH img{ width: 100%; height: 100%; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s;} .imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);} .fontB{ font-family: fontB, "microsoft yahei";} .fontF{ font-family: fontF, "microsoft yahei";} .fontG{ font-family: fontG, "microsoft yahei";} .fontS{ font-family: fontS, "microsoft yahei";} .bold{ font-weight: bold;} .color-3{ color: #333 !important;} .color-6{ color: #666 !important;} .color-9{ color: #999 !important;} .color-f{ color: #fff !important;} .color-lb{ color: #d9ecfa !important;} .color-b{ color: #0081e0 !important;} .color-c{ color: #fff !important;} .bg-f{ background: #fff;} .bg-b{ background: #0081e0;} .bg-e5{ background: #e5f2fc;} .row{ margin-left: 0; margin-right: 0;} .col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 { padding-right: 0; padding-left: 0;} /*上移动画*/ body .move_t{ position:relative; opacity:0; bottom:-50px;} @keyframes move_t{ from{ opacity:0; bottom:-50px;} to{ opacity:1; bottom:0;} } @-webkit-keyframes move_t{ from{ opacity:0; bottom:-50px;} to{ opacity:1; bottom:0;} } /*下移动画*/ body .move_d{ position:relative; opacity:0; top:-50px;} @keyframes move_d{ from{ opacity:0; top:-50px;} to{ opacity:1; top:0;} } @-webkit-keyframes move_d{ from{ opacity:0; top:-50px;} to{ opacity:1; top:0;} } /*左进动画*/ body .move_l{ position:relative; opacity:0; left:-100px;} @keyframes move_l{ from{ opacity:0; left:-100px;} to{ opacity:1; left:0;} } @-webkit-keyframes move_l{ from{ opacity:0; left:-100px;} to{ opacity:1; left:0;} } /*右进动画*/ body .move_r{ position:relative; opacity:0; right:-100px;} @keyframes move_r{ from{ opacity:0; right:-100px;} to{ opacity:1; right:0;} } @-webkit-keyframes move_r{ from{ opacity:0; right:-100px;} to{ opacity:1; right:0;} } /*放大动画*/ body .zoomIn{ position:relative; opacity: 0; transform: scale(1);} @keyframes zoomIn { from{ transform: scale(0); opacity: 0;} to{ transform: scale(1); opacity: 1;} } @-webkit-keyframes zoomIn { from{ transform: scale(0); opacity: 0;} to{ transform: scale(1); opacity: 1;} } /*============================ Header ============================*/ .header{ width: 100%; height: 130px; padding: 0 6%; position: fixed; top: 0; left: 0; z-index: 999;} .header .part1{ border-bottom: 1px solid rgba(255,255,255,.5); padding: 10px 0 5px;} .header .part1 .icon{ display: flex; justify-content: flex-end; align-items: center;} .header .part1 .icon a{ display: inline-flex; justify-content: center; align-items: center; min-width: 56px; height: 26px; padding: 0 14px; color: #fff; font-size: 15px; background: rgba(255,255,255,.1); border-radius: 15px; margin-left: 12px;} .header .part1 .icon a.en{ background: rgba(0,0,0,.1);} .header .part1 .icon a img{ width: 20px; margin-right: 10px;} .header .part1 .icon a:hover{ background: #0081e0;} .navBtn{ display: flex; justify-content: center; align-items: center; padding: 1px 12px; border-radius: 15px;} .navBtn i{ display: inline-block; background: url(/template/pc/images/menu.png) center left no-repeat; background-size: 15px; padding-left: 24px;} .navCont{ position: fixed; top: 0; left: 0; width: 440px; height: 100vh; transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 999; opacity: 1; visibility: visible; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(-100%);} .navCont.slt{ transform: translateX(0);} .navCont .topTp{ width: 100%; height: 36px; position: absolute; top: 90px; left: 0;} .navCont .topTp img{ height: 100%;} .navCont .nav{ padding-top: 18vh; width:100%;} .navCont .nav1{ width: 100%;} .navCont .nav1 li{ position: relative;} .navCont .nav1 li .t1{ display: block; font-size: 24px; line-height: 70px;} .navCont .nav1 li:hover .t1{ color: #fff; font-family: fontS,"microsoft yahei"; background: #0081e0;} .navCont .li2 .t2,.navCont .li3 a{ display: block; color: #fff; font-size: 20px; line-height: 60px; background: url(/template/pc/images/navYuan.png) center left no-repeat; background-size: 12px; padding-left: 25px; margin: 0 10%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .navCont .li3 a{ margin: 0 5%;} .navCont .li2:hover .t2,.navCont .li3:hover a{ font-family: fontS,"microsoft yahei"; background-image: url(/template/pc/images/navYuanH.png);} .navCont .nav1 ul{ display: none;} .navCont .wd{ width: 100%;} .navCont .nav2,.navCont .nav3{ width: 300px; height: 100vh; justify-content: center; align-items: center; position: fixed; top: 0; left: 440px;} .navCont .nav3{ width: 400px;} .navCont .li1:hover .nav2,.navCont .li2:hover .nav3{ display: flex;} .navCont .li2:hover .nav3{ left: 640px;} .navCont .tel{ width: 90%; font-size: 32px; border-top: 1px solid #e5f2fc; padding-top: 20px; position: absolute; bottom: 20px; left: 5%;} .header .part2{ padding: 20px 0;} .header .part2 .logo{ width: 200px; height: 36px; font-size: 0; background: url(/template/pc/images/logo.png) center left no-repeat; background-size: auto 100%;} .header .part2 .navBtn{ display: none; margin: 5px 0 0 20px;} .header.in .part2 .navBtn{ display: block;} .header .part2 .nav li ul{ width: 1200px; border-radius: 24px; padding: 0 30px; position: absolute; top: 46px; z-index: 99;} .header .part2 .nav ul>li{ float: left; position: relative; margin: 0 50px;} .header .part2 .nav ul>li a{ display: block; color: #fff; font-size: 18px; padding-bottom: 20px; background: url(/template/pc/images/navByuan.png) center bottom -100% no-repeat; background-size: 18px;} .header .part2 .nav ul>li a i{ font-size: 16px;} .header .part2 .nav li ul.ul1{ right: -195%;} .header .part2 .nav li ul.ul2{ right: -20%;} .header .part2 .nav li ul li{ width: 33.333%; height: 0; margin: 0; overflow: hidden; -webkit-transition:height .2s ease-in; -moz-transition:height .2s ease-in; -o-transition:height .2s ease-in; transition:height .2s ease-in;} .header .part2 .nav li ul li a{ color: #333; font-size: 20px; line-height: 45px; padding: 15px 10px 15px 0;} .header .part2 .nav li ul li a img{ width: 40px; height: 40px;} .header .part2 .nav ul>li:hover a{ background-position: center bottom 10px;} .header .part2 .nav li ul li a:hover{ color: #0081E0;} .header .part2 .nav ul>li:hover ul li{ height: 75px; border-bottom: 1px solid #e1ebf3;} .header .part2 .search{ width: 25px; position: relative; border-radius: 50%;} .header .part2 .search .searchBtn{ display: block; width: 25px; height: 25px; font-size: 0; border: 1px solid #fff; border-radius: 50%; background: url(/template/pc/images/search.png) center no-repeat; background-size: 12px;} .header .part2 .search .searchCon{ display: none; width: 100%; position: absolute; top: 0; right: -1px; z-index: 2;} .header .part2 .search .searchCon input{ width: 100%; height: 25px; font-size: 14px; padding: 0 50px 0 10px; border-radius: 20px; background: rgba(255,255,255,.5);} .header .part2 .search .searchCon button{ width: 25px; height: 25px; font-size: 0; background: url(/template/pc/images/search.png) center no-repeat #0081E0; border-radius: 50%; position: absolute; top: 0; right: 0; z-index: 1;} .header .part2 .search:hover{ width: 200px; border-radius: inherit;} .header .part2 .search:hover .searchBtn{ opacity: 0;} .header .part2 .search:hover .searchCon{ display: block;} .m_nav{ position: fixed; top: 0; right: 0; width: 35%; height: 100vh; padding: 0 5%; background: rgba(0,129,224,.95); transition: all ease 0.5s; -webkit-transition: all ease 0.5s; z-index: 1000; opacity: 1; visibility: visible; transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms; top: 0; transform: translateX(100%);} .m_nav.open{ transform: translateX(0);} .m_nav .top{ padding: 20px 0; height: 20px;} .m_nav .top .closed{ width: 20px; height: 20px; vertical-align: middle; cursor: pointer;} .m_nav .ul li{ border-bottom: 1px solid rgba(255,255,255,.2);} .m_nav .ul li a{ display: block; width: 100%; color: #fff; font-size: 16px; padding: 12px 0;} .m_nav .ul li.dropdown{ background: url(/template/pc/images/navJt.png) 96% 20px no-repeat; background-size: 15px;} .m_nav .ul li.dropdown a{ width: 70%;} .m_nav .ul li .dropdown_menu{ display: none; margin-bottom: 10px;} .m_nav .ul li.dropdown.active .dropdown_menu{ display: block;} .m_nav .ul li .dropdown_menu a{ width: 100%; display: block; float: left; font-size: 14px; padding: 6px 0 6px 20px; box-sizing: border-box;} .m_nav .icon{ display: flex; align-items: center; justify-content: center; margin-top: 20px;} .m_nav .icon a{ display: inline-flex; justify-content: flex-start; align-items: center; color: #fff; margin: 0 10px; position: relative;} .m_nav .icon a img{ width: 20px; margin-right: 8px;} .header.on{ height: 70px; padding: 15px 2%; background: #0081e0; box-shadow: 0 4px 10px rgba(0,0,0,.1);} .header.on .part1,.header.on .part1 .navBtn{ display: none;} .header.on .part2{ padding: 0;} .header.on .part2 .navBtn{ display: block; border: 1px solid #fff;} .header.on .part2 .nav{ margin-top: 6px;} .header.on .part2 .nav li ul{ box-shadow: 0 4px 10px rgba(0,0,0,.1); top: 49px;} .header.on .part2 .search{ margin-top: 6px;} .header.on .part2 .search .searchCon input{ background-color: #fff;} /*============================ Footer ============================*/ .footer{ background: #1b3040; padding: 0 6%;} .footer .part1{ padding: 40px 0; border-bottom: 1px solid rgba(255,255,255,.1);} .footer .part1 .img{ height: 43px;} .footer .part1 .tel{ display: block; font-size: 32px; background: url(/template/pc/images/footIcon1.png) center left no-repeat; background-size: 24px; line-height: 43px; padding-left: 38px;} .footer .part2 dl{ width: 12.5%;} .footer .part2 dl dt{ font-size: 18px; font-weight: normal; line-height: 70px; border-bottom: 1px solid rgba(255,255,255,.1);} .footer .part2 dl dt a{ color: #fff;} .footer .part2 dl dd a{ display: inline-block; color: rgba(255,255,255,.5); line-height: 48px;} .footer .part3{ border-top: 1px solid rgba(255,255,255,.1); padding: 30px 0; margin-top: 40px;} .footer .part3 .copy{ width: 75%; line-height: 36px; color: rgba(255,255,255,.4);} .footer .part3 .copy a{ color: rgba(255,255,255,.4);} .footer .part3 .right{ width: 24%; display: flex; justify-content: flex-end; align-items: center;} .footer .part3 .right a{ display: inline-flex; justify-content: center; align-items: center; width: 56px; height: 56px; margin-left: 15px; background: rgba(255,255,255,.1); border-radius: 50%; position: relative;} .footer .part3 .right a .icon{ opacity: .2;} .footer .part3 .right a em{ display: none; width: 140px; height: 140px; border-radius: 10px; padding: 10px; position: absolute; left: -40px; bottom: 60px; z-index: 1;} .footer .part3 .right a em img{ width: 100%;} .footer .part3 .right a:hover{ background: #0081E0;} .footer .part3 .right a:hover .icon{ opacity: 1;} .footer .part3 .right a:hover em{ display: block;} .footer a:hover{ color: #fff !important;} /*============================ Index ============================*/ .openAni{ width: 100%; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999;} .openAni .box{ width: 100%; position: fixed; top: 35%; left: 0; z-index: 1;} .openAni .txt{ animation: move_l 800ms 100ms forwards; -webkit-animation: move_l 800ms 100ms forwards;} .openAni .tp{ margin-left: 60px; animation: zoomIn 800ms 100ms forwards; -webkit-animation: zoomIn 800ms 100ms forwards;} .openAni .bg{ width: 100%; height: 100%; background: url(/template/pc/images/openBg.jpg) center no-repeat; background-size: cover;} .openAni .waveBox{ width: 100%; position: absolute; left: 0; bottom: 0; height: 160px; animation: move_t 700ms 100ms forwards; -webkit-animation: move_t 700ms 100ms forwards;} .openAni .marqueeBox{ overflow: hidden; width: 100%; position: absolute; left: 0; top: 0;} .openAni .marquee{ width: 8000%; height: 100%;} .openAni .waveList{ float: left;} .openAni .waveList ul{ float: left; height: 160px; overflow: hidden; zoom: 1;} .openAni .waveList ul li{ width: 100%; height: 100%; float: left;} .openAni .waveList ul li img{ height: 100%; opacity: .15;} .ixMore{ display: flex; justify-content: flex-start; align-items: center; width: 164px; height: 48px; font-size: 16px; padding-left: 20px; background: url(/template/pc/images/moreBg.png) no-repeat; background-size: auto 100%; position: relative; overflow: hidden; -webkit-transition: all 400ms; transition: all 400ms;} .ixMore i{ display: inline-block; background: url(/template/pc/images/moreJt.png) center right no-repeat; background-size: 24px; padding-right: 36px;} .ixMore em{ display: block; width: 57px; height: 100%; background: url(/template/pc/images/moreIcon.png) no-repeat; background-size: auto 35px; position: absolute; bottom: -13px; left: -100%; z-index: 1;} .ixMore:hover{ background-image: url(/template/pc/images/moreBgH.png);} .ixMore:hover em{ left: 64%;} .ixTit em{ display: block; font-size: 48px; margin-bottom: 10px;} .counter1{ opacity: 0;} .counter1.on{ opacity: 1} #fp-nav ul li a span{ background: rgba(255,255,255,.6);} #fp-nav ul li a.active span{ background: #fff;} .fp-viewing-3 #fp-nav ul li a span,.fp-viewing-5 #fp-nav ul li a span,.fp-viewing-6 #fp-nav ul li a span{ background: rgba(0,129,224,.6);} .fp-viewing-3 #fp-nav ul li a.active span,.fp-viewing-5 #fp-nav ul li a.active span,.fp-viewing-6 #fp-nav ul li a.active span{ background: #1f70b9;} .section .leftIcon{ position: absolute; left: 2%; bottom: 5%; z-index: 9;} .section .leftIcon a{ display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; margin-top: 25px; background: rgba(0,0,0,.1); border-radius: 50%; position: relative;} .section .leftIcon a i{ display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;} .section .leftIcon a i img{ height: 32px; opacity: .7;} .section .leftIcon a em{ display: none; width: 140px; height: 140px; border-radius: 10px; padding: 10px; position: absolute; left: 76px; top: -35px;} .section .leftIcon a em img{ width: 100%;} .section .leftIcon a:hover{ background: #000;} .section .leftIcon a:hover i img{ opacity: 1;} .section .leftIcon a:hover em{ display: block;} .section .jtDown{ width: 72px; height: 72px; display: flex; justify-content: center; align-items: center; background: #1c79bf; border-radius: 50%; position: absolute; left: 2%; top: 50%; z-index: 9; margin-top: -36px; animation: upDpwn 1.5s infinite; cursor: inherit;} .section .jtDown img{ height: 26px;} @keyframes upDpwn { 0%{ transform: translate(0px, 0px);} 50%{ transform: translate(0px, -10px);} 100%{ transform: translate(0px, 0px);} } .video-background{ position: absolute; top: 0; left: 0; width: 100%; height: 100vh; overflow: hidden;} .video-background video{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; transform: translateX(-50%) translateY(-50%);} .ixSlide .slideCon{ position:relative; float:left; width: 100%;} .ixSlide .slideCon .slide{ position:relative; overflow:hidden; width:100%;} .ixSlide .slideImg{ position:relative; overflow:hidden; width:100%;} .ixSlide .slideImg li{ -webkit-backface-visibility:hidden; position:absolute; display:none; width: 100%; height: 100vh; left:0; top:0;} .ixSlide .slideImg li{ display: flex; justify-content: flex-start; align-items: center; width: 100%; position:absolute; left:0; top:0;} .ixSlide .slideImg li .bg{ width: 100%; height: 100%; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 1;} .ixSlide .slideImg .video-background{ position: relative; display: flex; align-items: center;} .ixSlide .slideImg .video-background .txt{ position: relative; z-index: 9;} .ixSlide .slideImg li .txt{ padding: 0 10%;} .ixSlide .slideImg li .txt span{ display: block; font-size: 72px; letter-spacing: 20px;} .ixSlide .slideImg li .txt p{ font-size: 36px;} .ixSlide .slideImg li .txt em{ display: flex; justify-content: flex-start; align-items: center; font-size: 24px; margin-top: 30px;} .ixSlide .slideImg li .txt em img{ width: 20px; margin-right: 18px;} .ixSlide .slideImg li .text1-1{ transition: all 1s;transform: translateY(200px);} .ixSlide .slideImg li.slide1_on .text1-1{ transition: all 1s;transform: translateY(0);} .ixSlide .slideImg li .text1-2{ transition: all 1.2s;transform: translateY(300px);} .ixSlide .slideImg li.slide1_on .text1-2{ transition: all 1.2s;transform: translateY(0);} .ixSlide .slideImg li .text1-3{ transition: all 1.2s;transform: translateY(400px);} .ixSlide .slideImg li.slide1_on .text1-3{ transition: all 1.4s;transform: translateY(0);} .ixSlide .slideCon .slide_nav{ display: none;} .ixSlide .slideCon .slide_tabs{ display: flex; justify-content: flex-start; align-items: center; width: 100%; position: absolute; font-size: 0; bottom: 3%; left: 10%; z-index: 5;} .ixSlide .slideCon .slide_tabs li a{ display: inline-flex; justify-content: center; align-items: center; width: 21px; height: 17px; font-size: 20px; color: rgba(255,255,255,.5); margin-right: 10px; -webkit-transition-duration: inherit; -moz-transition-duration: inherit; -ms-transition-duration: inherit; transition-duration: inherit;} .ixSlide .slideCon .slide_tabs .slide_here a{ background: url(/template/pc/images/slideIcon1.png) center no-repeat; background-size: contain; font-size: 0;} .section1 .fp-tableCell{ vertical-align: top; font-size: 18px;} .section1 .zlSwiper{ height: 120px; margin: 6% 6% 0; pointer-events: none;} .section1 .zlSwiper p{ font-size: 56px;} .section1 .zlSwiper p sup{ font-size: 24px; top: -1em;} .section1 .zlSwiper em{ display: inline-block; padding-right: 30px; position: relative;} .section1 .zlSwiper em img{ width: 36px; height: 36px; position: absolute; top: -12px; right: -7px; z-index: 1;} .section1 .since{ display: flex; justify-content: flex-start; align-items: center; padding: 0 6% 20px;} .section1 .since span i{ display: block; font-size: 20px; line-height: 20px;} .section1 .since em{ font-size: 96px; line-height: 96px;} .section1 .part{ position: relative;} .section1 .part .left{ width: 45%; margin: 0 6%; position: relative; z-index: 2;} .section1 .part .left .txt span{ display: block; font-size: 24px; margin-bottom: 40px;} .section1 .part .left .txt p{ text-indent: 2em; -webkit-line-clamp: 4; margin-bottom: 60px; line-height: 36px;} .section1 .part .img{ width: 50%; position: absolute; top: 0; right: 0; z-index: 1;} .section1 .list{ width: 50%; position: absolute; bottom: 40px; left: 6%; z-index: 8;} .section1 .list a{ display: block; font-size: 20px; margin-right: 25px; border: 1px solid #fff; border-radius: 24px; box-shadow: 0 0 10px rgba(0,129,224,.15); padding: 15px;} .section1 .list a img{ width: 48px; margin-bottom: 15px;} .section1 .list a:hover{ color: #0081E0; border-color: #0081E0; box-shadow: 0 0 15px rgba(0,129,224,.3);} .section1 .list a:hover img{ animation: zoomInOut 1.5s infinite;} @keyframes zoomInOut { 0%, 100%{ transform: scale(1);} 50%{ transform: scale(1.2);} } @-webkit-keyframes zoomInOut { 0%, 100%{ transform: scale(1);} 50%{ transform: scale(1.2);} } .section1.active .zlSwiper{ animation: move_r 800ms 500ms forwards; -webkit-animation: move_r 800ms 500ms forwards;} .section1.active .since{ animation: move_l 600ms 500ms forwards; -webkit-animation: move_l 600ms 500ms forwards;} .section1.active .part .left .txt{ animation: move_t 800ms 600ms forwards; -webkit-animation: move_t 800ms 600ms forwards;} .section1.active .part .img{ animation: move_r 800ms 600ms forwards; -webkit-animation: move_r 800ms 600ms forwards;} .section1.active .ixMore{ animation: move_t 800ms 700ms forwards; -webkit-animation: move_t 800ms 700ms forwards;} .section1.active .list a.t1{ animation: move_t 800ms 800ms forwards; -webkit-animation: move_t 800ms 800ms forwards;} .section1.active .list a.t2{ animation: move_t 800ms 900ms forwards; -webkit-animation: move_t 800ms 900ms forwards;} .section1.active .list a.t3{ animation: move_t 800ms 1s forwards; -webkit-animation: move_t 800ms 1s forwards;} .section1.active .list a.t4{ animation: move_t 800ms 1.1s forwards; -webkit-animation: move_t 800ms 1.1s forwards;} .section2 .fp-tableCell,.section3 .fp-tableCell{ vertical-align: bottom;} .section2 .contBg{ width: 100%; height: 100vh; background: rgba(0,0,0,.5); position: absolute; top: 0; left: 0; z-index: 10;} .section2 .ylTit{ width: 22%; padding-bottom: 80px; position: absolute; bottom: 0; left: 0; padding-left: 6%; z-index: 99;} .section2 .ylTit span{ display: inline-block; font-size: 36px; margin-bottom: 40px; line-height: 50px; opacity: .5; cursor: pointer;} .section2 .ylTit span.slt{ font-family: fontS,"microsoft yahei"; font-size: 48px; color: #0081e0; opacity: 1;} .section2 .right{ width: 72%; height: 740px; background: url(/template/pc/images/ixImg2_6.png) top left no-repeat; background-size: cover; border-radius: 110px 0 0; position: relative; z-index: 99;} .section2 .right .tit{ font-size: 18px; margin: 70px 0;} .section2 .right .tit i{ display: inline-block; font-size: 42px; margin-right: 20px;} .section2 .ylCon{ width: 93%; position: absolute; top: 100%; right: 0; opacity: 0; z-index: 1; margin-left: 7%;} .section2 .ylCon.cur{ top: 0; opacity: 1; z-index: 1000;} .section2 .ylCon .swiper{ position: relative;} .section2 .ylCon .swiper-button-next,.section2 .ylCon .swiper-button-prev{ display: block; top: -70px; left: auto; width: 54px; height: 54px; background-color: rgba(255,255,255,.4); background-position: center; background-size: 10px; border-radius: 50%; border: none;} .section2 .ylCon .swiper-button-prev{ background-image: url(/template/pc/images/jt3_1H.png); right: 120px;} .section2 .ylCon .swiper-button-next{ background-image: url(/template/pc/images/jt3_2H.png); right: 100px;} .section2 .ylCon .swiper-button-next:hover,.section2 .ylCon .swiper-button-prev:hover{ background-color: #fff;} .section2 .ylCon .part .box{ height: 470px; border-radius: 30px; margin-right: 40px; position: relative;} .section2 .ylCon .part .box .bg{ width: 100%; height: 100%; background: rgba(0,129,224,.65); position: absolute; top: 0; left: 0; z-index: 9; opacity: 1;} .section2 .ylCon .part .box .tp{ width: 76%; position: absolute; top: 0; left: -100%;} .section2 .ylCon .part .box .tp img{ width: 100%;} .section2 .ylCon .part .box .t1{ font-size: 24px;} .section2 .ylCon .part .box .t1 i{ display: inline-block; width: 116px; height: 116px; margin: 150px 0 30px 0; border: 1px solid #fff; border-radius: 50%;} /* 左右摇摆 */ @-webkit-keyframes swing{ 10%{ transform: rotate(15deg);} 20%{ transform: rotate(-10deg);} 30%{ transform: rotate(5deg);} 40%{ transform: rotate(-5deg);} 50%,100%{ transform: rotate(0deg);} } @keyframes swing { 10%{ transform: rotate(15deg);} 20%{ transform: rotate(-10deg);} 30%{ transform: rotate(5deg);} 40%{ transform: rotate(-5deg);} 50%,100%{ transform: rotate(0deg);} } .section2 .ylCon .part .box .t2{ width: 90%; padding: 10px 5px; background: url(/template/pc/images/ixImg2_8.png) no-repeat; background-size: cover; border-radius: 26px; position: absolute; bottom: -100%; left: 5%;} .section2 .ylCon .part .box .t2 a{ display: block; color: #fff; font-size: 20px; line-height: 42px; margin: 10px 0;} .section2 .ylCon .part .box:hover{ background: url(/template/pc/images/ixImg2_7.png) top no-repeat; background-size: 100%;} .section2 .ylCon .part .box:hover .bg{ opacity: 0; z-index: inherit;} .section2 .ylCon .part .box:hover .tp{ left: 0;} .section2 .ylCon .part .box:hover .t1,.section2 .ylCon .part .box .t2 a:hover{ font-family: fontS,"microsoft yahei";} .section2 .ylCon .part .box:hover .t1 i{ margin-top: 70px; animation: swing 3s .15s linear infinite; -moz-animation: swing 3s .15s linear infinite; -webkit-animation: swing 3s .15s linear infinite; -o-animation: swing 3s .15s linear infinite;} .section2 .ylCon .part .box:hover .t2{ bottom: 5px;} .section2.active .ylTit{ animation: move_l 800ms 500ms forwards; -webkit-animation: move_l 800ms 500ms forwards;} .section2.active .right{ animation: move_t 800ms 500ms forwards; -webkit-animation: move_t 800ms 500ms forwards;} .section3 .left{ width: 40%; height: 100vh; padding-top: 8%; position: relative; left: 6%; z-index: 9;} .section3 .left .txt{ font-size: 18px; line-height: 36px; padding: 100px 0 60px;} .section3 .right{ width: 68%; height: 100vh; position: absolute; bottom: 0; right: 0;} .section3 .right img{ position: absolute;} .section3 .right img.tp1{ width: 29%; bottom: 0; left: 28%; z-index: 3;} .section3 .right img.tp2{ width: 29%; bottom: 59%; right: 0; z-index: 1;} .section3 .right img.tp3{ width: 32%; left: 0; bottom: 12%; z-index: 2;} .section3 .right img.tp4{ width: 66%; right: 6%; bottom: 12%;} .section3.active .ixTit{ animation: move_l 800ms 500ms forwards; -webkit-animation: move_l 800ms 500ms forwards;} .section3.active .left .txt{ animation: move_t 800ms 600ms forwards; -webkit-animation: move_t 800ms 600ms forwards;} .section3.active .ixMore{ animation: move_t 800ms 700ms forwards; -webkit-animation: move_t 800ms 700ms forwards;} .section3.active .right img.tp1{ animation: move_t 800ms 500ms forwards; -webkit-animation: move_t 800ms 500ms forwards;} .section3.active .right img.tp2{ animation: move_r 800ms 500ms forwards; -webkit-animation: move_r 800ms 500ms forwards;} .section3.active .right img.tp3{ animation: move_l 800ms 500ms forwards; -webkit-animation: move_l 800ms 500ms forwards;} .section3.active .right img.tp4{ animation: zoomIn 800ms 500ms forwards; -webkit-animation: zoomIn 800ms 500ms forwards;} .section4 .fp-tableCell{ vertical-align: top;} .section4 .ixTit{ padding: 120px 6% 60px;} .section4 .bg{ width: 100%; position: absolute; bottom: -4%; left: 0;} .section4 .part .list{ width: 100%; display: flex; align-items: flex-end; position: absolute; bottom: 40%; z-index: 99;} .section4 .part .list .item{ width: 25%;} .section4 .part .list .item:nth-child(2){ margin-bottom: 60px;} .section4 .part .list .item:nth-child(3){ margin-bottom: 110px;} .section4 .part .list .item:nth-child(4){ margin-bottom: 160px;} .section4 .part .list .item .hd{ width: 80px; margin: 20px auto 0; cursor: pointer;} .section4 .part .list .item .hd p{ font-size: 20px; margin-bottom: 20px;} .section4 .part .list .item .hd span{ display: inline-flex; justify-content: center; align-items: center; width: 45px; height: 45px; border-radius: 50%; box-shadow: 0 0 30px rgba(0,129,224,.5);} .section4 .part .list .item .hd span i{ display: inline-block; width: 16px; height: 16px; border-radius: 50%; box-shadow: 0 0 30px rgba(0,129,224,.5);} .section4 .part .list .item .bd{ width: 380px; height: 170px; display: flex; justify-content: center; align-items: center; border-radius: 30px 30px 30px 0; padding: 0 15px; position: relative; left: 45%; opacity: 0;} .section4 .part .list .item .bd div{ width: 100%;} .section4 .part .list .item .bd:first-child{ justify-content: flex-start;} .section4 .part .list .item .bd .jt{ width: 100%; height: 50px; background: url(/template/pc/images/ixImg4_3.png) no-repeat; background-size: auto 100%; position: absolute; left: 0; bottom: -49px; opacity: 0;} .section4 .part .list .item .bd i{ display: block; font-size: 20px;} .section4 .part .list .item .bd p{ line-height: 28px; -webkit-line-clamp: 4; text-overflow: inherit;} .section4 .part .list .item:nth-child(4) .bd{ left: auto; right: 25%; border-radius: 30px 30px 0 30px;} .section4 .part .list .item:nth-child(4) .bd .jt{ background-image: url(/template/pc/images/ixImg4_4.png); background-position: top right;} .section4 .part .list .item.on .hd p{ opacity: 0;} .section4 .part .list .item.on .bd{ opacity: 1;} .section4 .part .list .item.on .bd .jt{ opacity: 1;} .section4 .esgSlide{ display: none; background: rgba(255,255,255,.6); padding: 20px 0 40px; border-radius: 20px; position: relative;} .section4 .esgSlide .swiper{ padding: 0 40px; margin-bottom: 30px;} .section4 .esgSlide .swiper-slide .t1{ display: flex; justify-content: center; align-items: center; font-size: 22px;} .section4 .esgSlide .swiper-slide .t1 span{ display: inline-flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 50%; margin-right: 8px;} .section4 .esgSlide .swiper-slide .t1 span i{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; box-shadow: 0 0 30px rgba(0,129,224,.5);} .section4 .esgSlide .swiper-slide .t2{ height: 160px; display: flex; justify-content: center; align-items: center; background: rgba(0,129,244,.8); border-radius: 14px; padding: 15px; margin-top: 20px;} .section4 .esgSlide .swiper-slide .t2 em{ display:block; font-size: 20px; margin-bottom: 10px;} .section4 .esgSlide .swiper-slide .t2 p{ -webkit-line-clamp: inherit; line-height: 24px;} .swiper-button-next,.swiper-button-prev{ display: none; top: auto; bottom: 0; width: 50px; height: 30px; background-size: 8px; border: 1px solid #0081E0; border-radius: 4px; outline: none;} .swiper-button-prev{ left: 50%; margin-left: -60px;} .swiper-button-next{ right: 50%; margin-right: -60px;} .section4.active .ixTit{ animation: move_l 800ms 500ms forwards; -webkit-animation: move_l 800ms 500ms forwards;} .section4.active .part .list .item.t1{ animation: move_t 800ms 650ms forwards; -webkit-animation: move_t 800ms 650ms forwards;} .section4.active .part .list .item.t2{ animation: move_t 800ms 750ms forwards; -webkit-animation: move_t 800ms 750ms forwards;} .section4.active .part .list .item.t3{ animation: move_t 800ms 850ms forwards; -webkit-animation: move_t 800ms 850ms forwards;} .section4.active .part .list .item.t4{ animation: move_t 800ms 950ms forwards; -webkit-animation: move_t 800ms 950ms forwards;} .section4.active .esgSlide{ animation: move_t 800ms 500ms forwards; -webkit-animation: move_t 800ms 500ms forwards;} .section5{ padding: 0 6%;} .section5 .xwSlide{ position: relative;} .section5 .xwSlide .swiper-wrapper{ margin: 50px 0 40px;} .section5 .xwSlide .box{ display: block; padding: 10px 10px 0; border: 1px solid #cbe6f9; border-radius: 24px;} .section5 .xwSlide .box .img{ border-radius: 24px;} .section5 .xwSlide .box .img img{ width: 100%;} .section5 .xwSlide .box .t1{ padding: 15px;} .section5 .xwSlide .box .t1 em{ display: block; font-size: 20px; height: 64px; line-height: 32px;} .section5 .xwSlide .box .t1 p{ height: 60px; line-height: 30px;} .section5 .xwSlide .box .t2{ padding: 10px 15px 0; border-top: 1px solid #e5f2fc;} .section5 .xwSlide .box .t2 span{ display: block; line-height: 32px;} .section5 .xwSlide .box .t2 span i{ display: block; font-size: 36px;} .section5 .xwSlide .box .t2 em{ display: block; width: 40px; height: 40px; font-size: 0; background: url(/template/pc/images/jt2.png) center no-repeat #d9ecfa; border-radius: 50%; margin-top: 8px;} .section5 .xwSlide .box:hover{ border-color: #0081E0;} .section5 .xwSlide .box:hover .t1 em{ color: #0081E0;} .section5 .xwSlide .box:hover .t2 em{ background-color: #0081E0;} .section5 .xwSlide .swiper-pagination{ width: 100%;} .section5 .xwSlide .swiper-pagination-bullet{ margin: 0 5px; border: 1px solid #cfe7f9; background: #fff; opacity: 1;} .section5 .xwSlide .swiper-pagination-bullet-active{ width: 42px; border-radius: 4px; background: #0081e0; border-color: #0081e0;} .section5.active .ixTit{ animation: move_l 1s 500ms forwards; -webkit-animation: move_l 1s 500ms forwards;} .section5.active .xwSlide{ animation: move_t 800ms 500ms forwards; -webkit-animation: move_t 800ms 500ms forwards;} .section6{ padding: 0 6%;} .section6 .part{ width: 1500px; position: relative;} .section6 .lzTit{ width: 1200px; position: relative;} .section6 .lzTit .txt{ position: absolute;} .section6 .lzTit .txt.t1{ top: 160px; left: 310px;} .section6 .lzTit .txt.t2{ top: 105px; left: 255px;} .section6 .lzTit .txt.t3{ top: 90px; left: 200px;} .section6 .lzTit .txt.t4{ top: 90px; left: 170px;} .section6 .lzTit .txt.t5{ top: 130px; left: 180px;} .section6 .lzTit .txt.t6{ top: 195px; left: 140px;} .section6 .lzTit .txt.t7{ top: 215px; left: 170px;} .section6 .lzTit .txt.t8{ top: 215px; left: 230px;} .section6 .lzTit .txt.t9{ top: 250px; left: 242px;} .section6 .lzTit .txt.t10{ top: 257px; left: 335px;} .section6 .lzTit .txt.t11{ top: 340px; left: 260px;} .section6 .lzTit .txt.t12{ bottom: 360px; left: 410px;} .section6 .lzTit .txt.t13{ bottom: 310px; left: 390px;} .section6 .lzTit .txt.t14{ bottom: 240px; left: 470px; z-index: 9;} .section6 .lzTit .txt.t15{ bottom: 270px; left: 565px;} .section6 .lzTit .txt.t16{ top: 180px; right: 285px;} .section6 .lzTit .txt .yuan{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 50%;} .section6 .lzTit .txt.t1 .yuan{ animation: blink ease-in-out 5s;} .section6 .lzTit .txt.t2 .yuan{ animation: blink ease-in-out 5s 5s;} .section6 .lzTit .txt.t3 .yuan{ animation: blink ease-in-out 5s 10s;} .section6 .lzTit .txt.t4 .yuan{ animation: blink ease-in-out 5s 15s;} .section6 .lzTit .txt.t5 .yuan{ animation: blink ease-in-out 5s 20s;} .section6 .lzTit .txt.t6 .yuan{ animation: blink ease-in-out 5s 25s;} .section6 .lzTit .txt.t7 .yuan{ animation: blink ease-in-out 5s 30s;} .section6 .lzTit .txt.t8 .yuan{ animation: blink ease-in-out 5s 35s;} .section6 .lzTit .txt.t9 .yuan{ animation: blink ease-in-out 5s 40s;} .section6 .lzTit .txt.t10 .yuan{ animation: blink ease-in-out 5s 45s;} .section6 .lzTit .txt.t11 .yuan{ animation: blink ease-in-out 5s 50s;} .section6 .lzTit .txt.t12 .yuan{ animation: blink ease-in-out 5s 55s;} .section6 .lzTit .txt.t13 .yuan{ animation: blink ease-in-out 5s 60s;} .section6 .lzTit .txt.t14 .yuan{ animation: blink ease-in-out 5s 65s;} .section6 .lzTit .txt.t15 .yuan{ animation: blink ease-in-out 5s 70s;} .section6 .lzTit .txt.t16 .yuan{ animation: blink ease-in-out 5s 75s;} @keyframes blink{ from { box-shadow: 0 0 5px 3px #0081E0;} 20% { box-shadow: 0 0 5px 5px #0081E0;} 50% { box-shadow: 0 0 5px 3px #0081E0;} 80% { box-shadow: 0 0 5px 5px #0081E0;} to { box-shadow: 0 0 5px 3px #0081E0;} } @-webkit-keyframes blink { from { -webkit-box-shadow: 0 0 5px 3px #0081E0;} 20% { -webkit-box-shadow: 0 0 5px 5px #0081E0;} 50% { -webkit-box-shadow: 0 0 5px 3px #0081E0;} 80% { -webkit-box-shadow: 0 0 5px 5px #0081E0;} to { -webkit-box-shadow: 0 0 5px 3px #0081E0;} } .section6 .lzTit .txt .yuan i{ display: block; width: 8px; height: 8px; border-radius: 50%;} .section6 .lzTit .txt .t-box{ width: 50px; height: 24px; border-radius: 15px 15px 15px 0; position: absolute; top: -34px; left: 5px; opacity: 0;} .section6 .lzTit .txt.t1 .t{ animation: show 5s;} .section6 .lzTit .txt.t2 .t{ animation: show 5s 5s;} .section6 .lzTit .txt.t3 .t{ animation: show 5s 10s;} .section6 .lzTit .txt.t4 .t{ animation: show 5s 15s;} .section6 .lzTit .txt.t5 .t{ animation: show 5s 20s;} .section6 .lzTit .txt.t6 .t{ animation: show 5s 25s;} .section6 .lzTit .txt.t7 .t{ animation: show 5s 30s;} .section6 .lzTit .txt.t8 .t{ animation: show 5s 35s;} .section6 .lzTit .txt.t9 .t{ animation: show 5s 40s;} .section6 .lzTit .txt.t10 .t{ animation: show 5s 45s;} .section6 .lzTit .txt.t11 .t{ animation: show 5s 50s;} .section6 .lzTit .txt.t12 .t{ animation: show 5s 55s;} .section6 .lzTit .txt.t13 .t{ animation: show 5s 60s;} .section6 .lzTit .txt.t14 .t{ animation: show 5s 65s;} .section6 .lzTit .txt.t15 .t{ animation: show 5s 70s;} .section6 .lzTit .txt.t16 .t{ animation: show 5s 75s;} @keyframes show{ from { opacity: 1;} 50% { opacity: 1;} to { opacity: 1;} } @-webkit-keyframes show{ from { opacity: 1;} 50% { opacity: 1;} to { opacity: 1;} } .section6 .lzTit .txt.t2 .t,.section6 .lzTit .txt.t6 .t,.section6 .lzTit .txt.t8 .t,.section6 .lzTit .txt.t11 .t,.section6 .lzTit .txt.t13 .t{ width: 70px;} .section6 .lzTit .txt.t14 .t{ width: 100px;} .section6 .lzTit .txt.t15 .t{ width: 80px;} .section6 .lzTit .txt .t i{ display: block; width: 100%; height: 8px; background: url(/template/pc/images/ixImg6_2.png) top left no-repeat; background-size: auto 100%; position: absolute; left: 0; bottom: -8px;} .section6 .lzTit .map{ width: 100%;} .section6 .item{ width: 260px; height: 160px; position: absolute; top: 30%; left: 0;} .section6 .item em{ display: block; font-size: 24px; margin-bottom: 20px;} .section6 .item p i{ font-size: 36px; margin-right: 5px;} .section6 .item p sup{ top: -1.5em;} .section6 .list{ width: 100%; padding: 0 6%; position: absolute; left: 0; bottom: 30px; z-index: 99;} .section6 .list .box{ font-size: 20px;} .section6 .list .box span i{ font-size: 56px; margin-right: 5px;} .section6 .list .box span sub{ bottom: 0;} .section6.active .ixTit{ animation: move_t 800ms 500ms forwards; -webkit-animation: move_t 800ms 500ms forwards;} .section6.active .lzTit{ animation: zoomIn 800ms 500ms forwards; -webkit-animation: zoomIn 800ms 500ms forwards;} .section6.active .item{ animation: move_l 800ms 500ms forwards; -webkit-animation: move_l 800ms 500ms forwards;} .section6.active .list .box.t1{ animation: move_t 800ms 600ms forwards; -webkit-animation: move_t 800ms 600ms forwards;} .section6.active .list .box.t2{ animation: move_t 800ms 700ms forwards; -webkit-animation: move_t 800ms 700ms forwards;} .section6.active .list .box.t3{ animation: move_t 800ms 800ms forwards; -webkit-animation: move_t 800ms 800ms forwards;} .section6.active .list .box.t4{ animation: move_t 800ms 900ms forwards; -webkit-animation: move_t 800ms 900ms forwards;} /*============================ Others ============================*/ .inBanner{ display: flex; align-items: center; padding: 0 10%; width: 100%; height: 100vh; position: relative;} .inBanner.xw{ justify-content: center;} .inBanner .bg{ height: 100%; position: absolute; top: 0; left: 0;} .inBanner .txt{ position: relative; z-index: 9;} .inBanner .txt i{ display: block; font-size: 42px; margin-bottom: 20px;} .inBanner .txt p{ font-size: 56px;} .inBanner .txt .dy{ line-height: 56px; width: fit-content; color: transparent; background: linear-gradient(180deg, #fff 20%, #fff 10%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; -webkit-box-reflect: below -4px linear-gradient(transparent, rgba(0,0,0,0.2));} .inBanner .txt a{ display: inline-block; color: #fff; font-size: 24px; line-height: 50px; border: 2px solid #fff; border-radius: 8px; padding: 0 60px; margin-top: 60px;} .inBanner .txt a:hover{ color: #0081E0; background: #fff;} .gyLink{ width: 100%; box-shadow: 0 4px 10px rgba(0,0,0,.1);} .gyLink a{ display: block;} .gyLink a i{ display: inline-block; font-size: 24px; border-bottom: 4px solid #fff; line-height: 96px; padding: 0 30px;} .gyLink a:hover i{ color: #0081E0; font-family: fontS,"microsoft yahei"; border-bottom-color: #0081E0;} .gyLink.sfixed{ position: fixed; left: 0; top: 70px !important; z-index: 99 !important;} .gyLink.sfixed a i{ font-size: 22px; line-height: 50px;} .gyTit{ width: 100%; padding-bottom: 20px;} .gyTit i{ display: inline-block; font-size: 20px; line-height: 36px; padding: 0 12px; border-radius: 6px; margin-bottom: 15px;} .gyTit p{ font-size: 36px;} .video{ position: relative;} .video video{ display: inline-block; width: 100%; float: left; vertical-align: baseline;} .video .video-img{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; top: 0; bottom: 0; z-index: 9;} .video .video-img i{ display: inline-block; width: 64px; height: 64px; background: url(/template/pc/images/videoBtn.png) no-repeat; cursor: pointer;} .about_video{height:600px} .gyPart1{ padding: 100px 6%;} .gyPart1 .gyTit p{ font-size: 48px;} .gyPart1 .text{ line-height: 36px;} .gyPart1 .video{ border-radius: 26px; margin-left: 40px;} .gyPart1 .video .video-img{ background-image: url(/template/pc/images/gyImg1.png);} .gyPart2{ position: relative;} .gyPart2 .gyTit{ position: absolute; top: 80px; left: 0; padding: 0 6%; z-index: 10;} .gyPart2 .whTit{ width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;} .gyPart2 .whTit .box{ width: 25%; height: 100%; padding: 0 50px; background: rgba(0,0,0,.25); position: relative; cursor: pointer;} .gyPart2 .whTit .box div{ width: 100%; line-height: 34px; position: absolute; left: 0; bottom: 5%;} .gyPart2 .whTit .box img{ width: 120px; height: 120px; margin-bottom: 20px; border-radius: 50%; overflow: hidden; opacity: 0;} .gyPart2 .whTit .box span{ display: block; font-size: 32px; margin-bottom: 15px;} .gyPart2 .whTit .box p{ display: none;} .gyPart2 .whTit .box.slt{ display: block; background: linear-gradient(rgba(0,129,224,.2),rgba(0,129,224,.8));} .gyPart2 .whTit .box.slt div{ bottom: 30%;} .gyPart2 .whTit .box.slt:nth-child(3) div{ bottom: 15%;} .gyPart2 .whTit .box.slt img{ opacity: 1;} .gyPart2 .whTit .box.slt p{ display: block;} .gyPart2 .whTit .box:hover img{ animation: swing 3s .15s linear infinite; -moz-animation: swing 3s .15s linear infinite; -webkit-animation: swing 3s .15s linear infinite; -o-animation: swing 3s .15s linear infinite;} .gyPart2 .whCon{ display: none;} .gyPart2 .whCon img{ width: 100%;} .gyPart3{ padding: 70px 6% 140px; background: url(/template/pc/images/gyImg3_2.png) bottom right no-repeat; background-size: cover;} .gyPart3 .gyTit .t{ margin-top: 30px; line-height: 30px;} .gyPart3 .gyTit .t em{ display: block;} .gyPart3 .gyTit .t em i{ font-size: 42px; padding: 0; line-height: inherit; margin: 0;} .gyPart3 .list{ margin: 40px -15px 0;} .gyPart3 .list .box{ margin: 30px 15px 0; border-radius: 24px; padding: 40px; position: relative; cursor: pointer;} .gyPart3 .list .box img{ width: 100%;} .gyPart3 .list .box .t{ display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 20px; padding: 0 20%; position: absolute; left: 0; top: 0; z-index: 1;} .gyPart3 .list .box:hover{ box-shadow: 0 0 20px rgba(0,129,224,.2);} .gyPart4{ padding: 80px 6% 60px; background: url(/template/pc/images/gyImg4_2.png) bottom left no-repeat; background-size: 100%;} .gyPart4 .cjSlide{ position: relative; padding-bottom: 120px;} .gyPart4 .box{ border: 2px solid #ddeefb; border-radius: 90px; padding: 60px 10px 30px; margin: 20px; box-shadow: 0 0 20px rgba(0,129,224,.2);min-height:310px} .gyPart4 .box .t1{ font-size: 16px; display: flex; justify-content: center; align-items: center;} .gyPart4 .box .t1 i{ display: block; width: 6px; height: 6px; background: url(/template/pc/images/gyImg4_1.png) center no-repeat; background-size: 100%; margin: 0 10px;} .gyPart4 .box .t2{ font-size: 20px; height: 84px; overflow: hidden; margin: 20px 0;} .gyPart4 .box .t3{ display: block; width:100%; line-height: 42px; background: linear-gradient(to right,rgba(185,220,247,0) 0%,rgba(185,220,247,.3) 20%,rgba(185,220,247,.5) 40%,rgba(185,220,247,.5) 60%,rgba(185,220,247,.3) 80%,rgba(185,220,247,0) 100%); margin-bottom: 50px;} .gyPart4 .box .t3 i{ opacity: .6;} .gyPart4 .swiper-button-next,.gyPart4 .swiper-button-prev{ display: block; top: auto; bottom: 0; width: 54px; height: 54px; background-color: #fff; background-position: center; background-size: 10px; border-radius: 50%; border-color: #fff; box-shadow: 0 0 10px rgba(0,129,224,.3);} .gyPart4 .swiper-button-prev{ background-image: url(/template/pc/images/jt3_1.png); left: 50%; margin-left: -70px;} .gyPart4 .swiper-button-next{ background-image: url(/template/pc/images/jt3_2.png); right: 50%; margin-right: -70px;} .gyPart4 .swiper-button-prev:hover{ background-image: url(/template/pc/images/jt3_1H.png);} .gyPart4 .swiper-button-next:hover{ background-image: url(/template/pc/images/jt3_2H.png);} .gyPart4 .swiper-button-prev:hover,.gyPart4 .swiper-button-next:hover{ border-color: #d2e9fa;} .ppPart1{ padding: 100px 0 40px 0; position: relative;} .ppPart1 .bg{ width: 50%; position: absolute; right: 0; top: -320px; z-index: 2;} .ppPart1 .bg img{ width: 100%;} .ppPart1 .row{ position: relative; z-index: 6;} .ppPart1 .left{ margin: 0 40px 40px 10%;} .ppPart1 .left .tit{ font-size: 24px; margin: 40px 0; line-height: 50px;} .ppPart1 .left .tit span i{ display: inline-block; font-size: 64px; margin-right: 10px;} .ppPart1 .left .text{ font-size: 18px; line-height: 36px;} .ppPart1 .right img{ width: 100%;} .ppPart2{ padding: 0 6%;} .ppPart2 .video{ border-radius: 28px;} .ppPart2 .video .video-img{ background-image: url(/template/pc/images/ppImg2.jpg);} .lsSlide1,.lsSlide2,.lsSlide3,.lsSlide4{ position: relative; margin-right: -400px;} .ppPart3 .title{ font-size: 42px; margin: 80px 6% 0;} .ppPart3 .part{ padding: 60px 0 60px 6%;} .ppPart3 .part:nth-child(odd){ background: #f2f9fd;} .ppPart3 .part .text{ font-size: 26px; margin-right: 100px;} .ppPart3 .part .text span{ display: block; font-size: 42px;} .ppPart3 .part .box{ position: relative; border-radius: 40px; margin-right: 40px;} .ppPart3 .part .box .bg{ width: 100%; height: 100%; background: rgba(255,255,255,.5); position: absolute; bottom: 0; left: 0; z-index: 9;} .ppPart3 .part .box .nf{ display: inline-block; font-size: 24px; padding: 0 20px; border-radius: 40px; position: absolute; top: 0; right: 0; z-index: 1;} .ppPart3 .part .box .nf i{ font-size: 56px; display: inline-block; line-height: 70px; margin-right: 8px;} .ppPart3 .part .box .img{ width: 100%;} .ppPart3 .part .box p{ width: 94%; font-size: 18px; line-height: 36px; position: absolute; bottom: 20px; left: 0; padding: 0 3%;} .ppPart3 .part .swiper-slide-active .box .bg{ height: 130px; background: linear-gradient(rgba(0,0,0,0) 0,rgba(0,0,0,.8)) 90%;} .ppPart3 .part .swiper-slide-active .box p{ font-family: fontS,"microsoft yahei"; z-index: 10;} .ppPart3 .swiper-button-next,.ppPart3 .swiper-button-prev, .cpSlide .swiper-button-next,.cpSlide .swiper-button-prev, .zlSlide .swiper-button-next,.zlSlide .swiper-button-prev{ display: block; top: auto; bottom: 0; width: 54px; height: 54px; background-color: #e5f2fc; background-position: center; background-size: 10px; border-radius: 50%; border: inherit; box-shadow: 0 0 10px rgba(0,129,224,.3);} .ppPart3 .swiper-button-prev,.cpSlide .swiper-button-prev{ background-image: url(/template/pc/images/jt8_1.png); left: -180px;} .ppPart3 .swiper-button-next,.cpSlide .swiper-button-next{ background-image: url(/template/pc/images/jt8_2.png); left: -160px;} .ppPart3 .swiper-button-prev:hover,.cpSlide .swiper-button-prev:hover{ background-image: url(/template/pc/images/jt3_1H.png);} .ppPart3 .swiper-button-next:hover,.cpSlide .swiper-button-next:hover{ background-image: url(/template/pc/images/jt3_2H.png);} .ppPart3 .swiper-button-prev:hover,.ppPart3 .swiper-button-next:hover,.cpSlide .swiper-button-prev:hover,.cpSlide .swiper-button-next:hover{ background-color: #fff;} .xzPart{ padding: 40px 6% 80px;} .xzPart .title{ margin: 30px 0; font-size: 42px;} .xzPart .xzTit{ border-top: 1px solid #e6f3fc; border-bottom: 1px solid #e6f3fc;} .xzPart .xzTit .row{ margin: 0 -100px;} .xzPart .xzTit span{ display: block; font-size: 24px; line-height: 64px; border-radius: 8px; margin: 0 100px; cursor: pointer;} .xzPart .xzTit span.slt,.xzPart .xzTit span:hover{ font-family: fontS,"microsoft yahei"; background: #0081E0; color: #fff;} .xzPart .xzCon{ display: none;} .xzPart .xzCon .list1{ margin: 20px -10px 0;} .xzPart .xzCon .list1 .col-lg-2{ width: 20%;} .xzPart .xzCon .list1 a{ display: block; font-size: 16px; line-height: 30px; margin: 20px 10px 0;} .xzPart .xzCon .list1 a .img{ width: 80%; display: inline-block; padding: 12px; margin: 10px 0; box-shadow: 0 0 15px rgba(0,129,224,.2);} .xzPart .xzCon .list1 a .img img{ width: 100%;} .xzPart .xzCon .list1 a:hover{ color: #0081E0;} .xzPart .xzCon .list1 a:hover .img,.xzPart .xzCon .list3 a:hover{ box-shadow: 0 0 15px rgba(0,129,224,.4);} .xzPart .xzCon .list2{ margin: 10px -20px 0;} .xzPart .xzCon .list2 a{ display: flex; align-items: center; margin: 30px 20px 10px; min-height: 76px; padding: 5px 20px; border-radius: 8px; border: 1px solid #e6f3fc; box-shadow: 0 0 15px rgba(0,129,224,.15);} .xzPart .xzCon .list2 a i{ width: 100%; font-size: 18px; line-height: 32px; background: url(/template/pc/images/xzImg2.png) center left no-repeat; background-size: 32px; padding-left: 50px;} .xzPart .xzCon .list2 a:hover{ color: #0081E0; box-shadow: 0 0 15px rgba(0,129,224,.4);} .xzPart .xzCon .list3{ margin: 20px -50px 0;} .xzPart .xzCon .list3 a{ display: block; margin: 20px 50px 10px; padding: 10px; border-radius: 8px; border: 1px solid #e6f3fc; box-shadow: 0 0 15px rgba(0,129,224,.2);} .xzPart .xzCon .list3 a img{ width: 100%; border-radius: 8px;} .cpSlide{ height: 100vh; background: url(/template/pc/images/bannerCp1.jpg) center no-repeat; background-size: cover; position: relative;} .cpSlide .bg{ width: 30%; height: 100%; background: rgba(0,129,224,.8); position: absolute; top: 0; left: 0;} .cpSlide .box{ display: flex; align-items: center; height: 100vh; position: relative; -webkit-transition-duration: inherit; -moz-transition-duration: inherit; -ms-transition-duration: inherit; transition-duration: inherit;} .cpSlide .box::before{ content: ""; width: 1px; height: 100%; position: absolute; background: rgba(255,255,255,.2);} .cpSlide .box span{ display: block; font-size: 26px; opacity: .8;} .cpSlide .box dd{ height: 0; font-size: 18px; line-height: 32px; -webkit-line-clamp: 3; text-align: justify;} .cpSlide .swiper-slide-active{ width: 30% !important;} .cpSlide .swiper-slide-active .box{ padding: 0 5% 0 20%;} .cpSlide .swiper-slide-active .box::before{ background: none;} .cpSlide .swiper-slide-active .box span{ font-size: 36px; margin-bottom: 10px; text-align: left !important; opacity: 1;} .cpSlide .swiper-slide-active .box dd{ height:360px;} .cpSlide .swiper-button-next,.cpSlide .swiper-button-prev{ bottom: 60px; background-color: rgba(255,255,255,.2);} .cpSlide .swiper-button-prev{ left: 9.2%;} .cpSlide .swiper-button-next{ left: 10.2%;} .textu { display: -webkit-box; -webkit-box-orient: vertical; /* -webkit-line-clamp: 2; */ overflow: hidden; white-space: pre-wrap; -webkit-line-clamp:10!important; } .cpPart1,.cpPart2,.cpPart3{ padding: 40px 6% 60px;} .cpPart1 .gyTit,.cpPart3 .gyTit{ margin: 10px 0 0; padding-bottom: 10px;} .cpPart1 .txt{ font-size: 18px; line-height: 32px;} .cpPart1 .list{ margin: 30px -5px 0;} .cpPart1 .list .t{ margin: 10px 5px 0;} .cpPart1 .list .t em{ display: block; font-size: 20px;} .cpPart1 .list .t em i{ display: inline-block; font-size: 30px; margin-right: 5px;} .cpPart2 .jjTit span{ display: inline-block; font-size: 24px; margin-right: 60px; padding-bottom: 10px; position: relative; cursor: pointer;} .cpPart2 .jjTit span i{ display: block; width: 24px; height: 4px; position: absolute; bottom: 0; left: 50%; margin-left: -12px; opacity: 0;} .cpPart2 .jjTit span.slt{ font-size: 28px; color: #0081E0;} .cpPart2 .jjTit span.slt i{ opacity: 1;} .cpPart2 .jjCon{ display: none;} .cpPart2 .jjCon .list{ margin: 0 -1%;} .cpPart2 .jjCon .list li{ width: 23%; margin: 30px 1% 0; position: relative;} .cpPart2 .jjCon .list li .txt{ display: block; font-size: 16px; border-radius: 8px; padding: 15px; cursor: pointer;} .cpPart2 .jjCon .list li .txt i{ display: block; background: url(/template/pc/images/jt5.png) center left no-repeat; background-size: 8px; padding-left: 22px; line-height: 32px;} .cpPart2 .jjCon .list li .item{ display: none; width: 209%; padding: 0 10px; box-shadow: 0 0 10px rgba(0,129,224,.2); border-radius: 8px; position: absolute; left: 0; top: 62px; z-index: 1;} .cpPart2 .jjCon .list li:nth-child(4n) .item{ left: auto; right: 0;} .cpPart2 .jjCon .list li .item em{ display: flex; align-items: center; font-size: 16px; width: 33.333%; line-height: 60px; padding: 0 5px; border-bottom: 1px solid #e5f2fc;} .cpPart2 .jjCon .list li .item em a{ display: inline-block; color: #666; background: url(/template/pc/images/iconYuan.png) center left no-repeat; background-size: 8px; padding-left: 18px;} .cpPart2 .jjCon .list li .item em a:hover{ background-image: url(/template/pc/images/iconYuanH.png); color: #333;} .cpPart2 .jjCon .list li:hover .item{ display: block;} .cpPart2 .jjCon .list li:hover .txt i{ color: #0081E0; font-family: fontS,"microsoft yahei"; background-image: url(/template/pc/images/jt11.png); background-size: 11px;} .cpPart3 .list{ margin: 20px -15px 0;} .cpPart3 .list a{ display: block; font-size: 20px; margin: 0 15px 35px; box-shadow: 0 0 10px rgba(0,129,224,.15); border-radius: 20px; padding: 20px;} .cpPart3 .list a .img{ margin-bottom: 30px;} .cpPart3 .list a .img img{ width: 100%;} .cpPart3 .list a:hover{ color: #0081E0; box-shadow: 0 0 10px rgba(0,129,224,.5);} .cpPart4{ width: 1200px; margin: 60px auto;} .cpPart4 .t1{ font-size: 42px; border-bottom: 1px solid #eee; padding-bottom: 15px;} .cpPart4 .t2{font-size: 18px; line-height: 32px; padding: 20px 0 50px;} .cpPart4 .t2 img{ max-width: 100%;height:auto} .cpPart4 .t2 .t p{ padding-left: 20px;} .cpPart4 .t2 .dot{ font-size: 20px; background: url(/template/pc/images/iconYuanH.png) 0 11px no-repeat; background-size: 8px;} .cpPart4 .t3 .row{ margin: 0 -15px;} .cpPart4 .t3 .img{ border-radius: 8px; margin: 15px; box-shadow: 0 0 10px rgba(0,0,0,.1);} .cpPart4 .t3 .img img{ width: 100%;} .inBanner.cp{ padding: 0 6%;} .inBanner.cp .txt i{ margin: 0;} .inBanner.cp .txt a{ margin-top: 40px; border-radius: 30px; padding: 3px;} .inBanner.cp .txt a i{ font-size: 24px; background: url(/template/pc/images/jt12.png) center right no-repeat; padding: 0 70px 0 26px;} .inBanner.cp .txt a:hover{ color: #0081E0 !important; box-shadow: 0 0 10px rgba(0,129,224,.4);} .inBanner.cp .txt a:hover i{ padding: 0 60px 0 36px;} .xwPart1{ padding: 50px 6% 80px;} .xwPart1 .title{ margin: 10px 0; border-top: 1px solid #e6f3fc; border-bottom: 1px solid #e6f3fc;} .xwPart1 .title .row{ margin: 0 -100px;} .xwPart1 .title a{ display: block; font-size: 24px; line-height: 64px; border-radius: 8px; margin: 0 100px; cursor: pointer;} .xwPart1 .title a.slt,.xwPart1 .title a:hover{ color: #fff; background: #0081E0; font-family: fontS,"microsoft yahei";} .xwPart1 .more{ font-size: 0; display: inline-block; width: 72px; height: 72px; background: url(/template/pc/images/jt4.png) center no-repeat #fff; background-size: 18px; border: 1px solid #e6f3fc; border-radius: 50%; box-shadow: 0 0 10px rgba(0,129,224,.2);} .xwPart1 .item:hover .more,.xwPart1 .list a:hover .more{ background-color: #0081E0; background-image: url(/template/pc/images/jt4H.png);} .xwPart1 .item{ display: block; margin: 35px 0; border-bottom: 1px solid #e5f2fc; position: relative;} .xwPart1 .item .img,.xwPart1 .item .txt{ border-radius: 24px;} .xwPart1 .item .img{ margin-right: 60px;} .xwPart1 .item .col-lg-3{ position: absolute; bottom: 0; right: 0; height: 100%;} .xwPart1 .item .txt{ margin-left: -200px; padding: 40px 40px 50px; box-shadow: 0 0 15px rgba(0,0,0,.2); background: rgba(255,255,255,.9); position: absolute; bottom: 0; z-index: 1;} .xwPart1 .item .txt i{ display: block; font-size: 24px; margin-bottom: 10px;} .xwPart1 .item .txt span{ font-size: 24px; line-height: 42px; margin-bottom: 20px;} .xwPart1 .item .txt p{ font-size: 20px; line-height: 36px; margin-bottom: 120px;} .xwPart1 .item:hover .txt i{ color: #666 !important;} .xwPart1 .item:hover .txt span{ color: #0081E0;} .xwPart1 .list a{ display: block; padding: 45px 0; border-bottom: 1px solid #e5f2fc;} .xwPart1 .list a:last-child{ border-bottom: none;} .xwPart1 .list a .date{ font-size: 24px;} .xwPart1 .list a .date i{ display: inline-block; font-size: 42px;} .xwPart1 .list a .info{ border: 1px solid #fff; border-radius: 0 24px 24px 0;} .xwPart1 .list a .img{ border-radius: 24px; margin: -15px 0;} .xwPart1 .list a .txt{ padding: 30px 0 20px 30px;} .xwPart1 .list a .txt p{ font-size: 24px; line-height: 42px; height: 84px; margin-bottom: 80px;} .xwPart1 .list a:hover .info{ border: 1px solid #e5f2fc; box-shadow: 0 0 10px rgba(0,129,224,.2);} .xwPart1 .list a:hover .txt{ padding-right: 30px;} .xwPart1 .list a:hover .txt p{ color: #0081E0;} .xwPart2{ width: 1200px; margin: 0 auto 60px;} .xwPart2 .t1 i{ display: inline-block; font-size: 18px; margin-right: 30px;} .xwPart2 .t2{ font-size: 20px; line-height: 36px; padding: 30px 0 50px;} .xwPart2 .t2 img{ max-width: 100%;} .xwPart2 .t3{ display: block; border-radius: 18px; border: 1px solid #e6f3fc; padding: 25px 200px 25px 25px; position: relative;} .xwPart2 .t3 i{ font-size: 0; display: block; width: 70px; height: 70px; background: url(/template/pc/images/jt9.png) center no-repeat #e5f2fc; background-size: 18px; border-radius: 50%; position: absolute; top: 25px; right: 25px;} .xwPart2 .t3 em{ display: block; font-size: 20px; margin-bottom: 10px;} .xwPart2 .t3 p{ font-size: 24px;} .xwPart2 .t3:hover{ border-color: #0081E0;} .xwPart2 .t3:hover p{ color: #0081E0;} .xwPart2 .t3:hover i{ background-color: #0081E0; background-image: url(/template/pc/images/jt4H.png);} .fenye{ margin: 40px 0; position: relative;} .fenye::before{ content: ""; width: 100%; height: 1px; background: #e5f2fc; position: absolute; top: 50%;} .fenye .an,.fenye .num{ font-size: 0; position: relative; z-index: 1;} .fenye .an em{ display: inline-block; width: 42px; height: 42px; background: url(/template/pc/images/jt8_1.png) center no-repeat #e5f2fc; background-size: 10px; border-radius: 50%; margin-right: 22px; box-shadow: 0 0 10px rgba(0,129,224,.2); cursor: pointer;} .fenye .an em.next{ background-image: url(/template/pc/images/jt8_2.png);} .fenye .an em:hover{ background-color: #0081E0;} .fenye .num span,.fenye .num a{ display: inline-block; min-width: 30px; color: #999; font-size: 30px; margin-left: 10px; line-height: 42px;} .fenye .num span,.fenye .num a:hover{ color: #0081E0; font-size: 36px;} .esgTit{ margin: 10px 0 20px;} .esgTit span{ display: block; font-size: 42px;} .esgTit p{ font-size: 20px; line-height: 36px; margin-top: 10px;} .esgTit p i{ display: inline-block; margin-right: 30px;} .esgPart1{ padding: 160px 6%;} .esgPart1 .left{ margin: 10px 90px 0 0;} .esgPart1 .item{ margin-top: 20px; background: #fff; border: 1px solid #fff;} .esgPart1 .item .hd{ display: inline-block; padding: 15px 50px 15px 20px; font-size: 20px; border: 1px solid #e5f2fc; border-radius: 28px; position: relative; cursor: pointer;} .esgPart1 .item .hd:after{ content: ''; display: block; width: 9px; height: 100%; background: url(/template/pc/images/jt6.png) center no-repeat; background-size: 100%; overflow: hidden; -webkit-transition: all .2s; transition: all .2s; position: absolute; right: 25px; top: 0;} .esgPart1 .item.on{ border: 1px solid #e5f2fc; border-radius: 28px;} .esgPart1 .item.on .hd:after{ width: 8px; background-image: url(/template/pc/images/jt5.png); right: auto; left: 0;} .esgPart1 .item.on .hd{ display: block; color: #0081E0; font-family: fontS,"microsoft yahei"; padding-bottom: 5px; border-color: rgba(0,0,0,0);} .esgPart1 .item .bd{ padding: 0 15px 10px 20px; line-height: 30px; display: none;} .esgPart1 .img{ border-radius: 26px;} .esgPart1 .img img{ width: 100%;} .esgPart2{ padding: 160px 6% 80px; background: url(/template/pc/images/esgBg1.jpg) center no-repeat; background-size: cover;} .esgPart2 .left,.esgPart3 .left,.esgPart4 .left{ margin-right: 90px;} .esgPart2 .left .bg,.esgPart3 .left .bg,.esgPart4 .left .bg{ width: 100%; height: 640px; background: url(/template/pc/images/esgImg2_7.jpg) 0 no-repeat; background-attachment: fixed; position: relative; border-radius: 26px;} .esgPart2 .hjTit{ margin-top: 30px;} .esgPart2 .hjTit span{ display: block; width: 16.6666%; font-size: 20px; padding-bottom: 15px; line-height: 30px; background-position: center bottom; background-repeat: no-repeat; cursor: pointer;} .esgPart2 .hjTit span.slt{ color: #0081E0; font-size: 24px; background-image: url(/template/pc/images/jt7.png); background-size: 13px;} .esgPart2 .hjCon,.esgPart3 .shCon{ display: none;} .esgPart2 .hjCon{ width: 98%; line-height: 26px; padding: 10px; background: rgba(0,0,0,.5); border-radius: 26px; position: absolute; left: 1%; bottom: 2%;} .esgPart2 .hjCon em{ display: block; font-size: 20px; margin-bottom: 5px;} .esgPart2 .right .list .row,.esgPart3 .right .list .row,.esgPart4 .right .list .row{ margin: 0 -23px;} .esgPart2 .right .list .box,.esgPart3 .right .list .box,.esgPart4 .right .list .box{ padding: 15px 10px 10px; margin: 20px 23px 14px; border-radius: 22px; box-shadow: 0 0 20px rgba(0,129,224,.2);} .esgPart2 .right .list .box .t,.esgPart3 .right .list .box .t,.esgPart4 .right .list .box .t{ display: flex; justify-content: flex-start; align-items: center; padding-bottom: 100px; background-position: bottom right; background-repeat: no-repeat;} .esgPart2 .right .list .box.b1{ background-color: #3ab11a;} .esgPart2 .right .list .box.b2{ background-color: #26bde2;} .esgPart2 .right .list .box.b3{ background-color: #fcc30b;} .esgPart2 .right .list .box.b4{ background-color: #fd9d24;} .esgPart2 .right .list .box.b5{ background-color: #bf8b2e;} .esgPart2 .right .list .box.b6{ background-color: #3f7e44;} .esgPart2 .right .list .box.b1 .t{ background-image: url(/template/pc/images/esgImg2_1.png);} .esgPart2 .right .list .box.b2 .t{ background-image: url(/template/pc/images/esgImg2_2.png);} .esgPart2 .right .list .box.b3 .t{ background-image: url(/template/pc/images/esgImg2_3.png);} .esgPart2 .right .list .box.b4 .t{ background-image: url(/template/pc/images/esgImg2_4.png);} .esgPart2 .right .list .box.b5 .t{ background-image: url(/template/pc/images/esgImg2_5.png);} .esgPart2 .right .list .box.b6 .t{ background-image: url(/template/pc/images/esgImg2_6.png);} .esgPart2 .right .list .box .t i,.esgPart3 .right .list .box .t i,.esgPart4 .right .list .box .t i{ font-size: 48px; margin-right: 10px; line-height: 42px;} .esgPart2 .right .list .box .t em,.esgPart3 .right .list .box .t em,.esgPart4 .right .list .box .t em{ font-size: 20px; line-height: 26px; min-height: 52px;} .esgPart3{ padding: 90px 6% 30px; background: url(/template/pc/images/esgBg2.jpg) center top no-repeat; background-size: cover;} .esgPart3 .left{ margin-top: 80px;} .esgPart3 .left .bg{ background-image: url(/template/pc/images/esgImg3_10.jpg);} .esgPart3 .shTit{ margin-top: 50px;} .esgPart3 .shTit span{ display: block; width: 20%; font-size: 24px; line-height: 32px; padding-bottom: 30px; background-position: center bottom; background-repeat: no-repeat; cursor: pointer;} .esgPart3 .shTit span.slt{ color: #0081E0; font-size: 32px; background-image: url(/template/pc/images/esgImg3_11.png); background-size: 48px;} .esgPart3 .shCon{ width: 100%; height: 100%; font-size: 19px; line-height: 36px; padding: 0 10%; background: rgba(0,129,224,.7); position: absolute; top: 0; left: 0;} .esgPart3 .shCon .t{ width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;} .esgPart3 .shCon .t div{ width: 100%;} .esgPart3 .shCon em{ font-size: 32px; display: block; margin-bottom: 20px;} .esgPart3 .right .list .box.b1{ color: #e5243b;} .esgPart3 .right .list .box.b2{ color: #4c9f38;} .esgPart3 .right .list .box.b3{ color: #c5192d;} .esgPart3 .right .list .box.b4{ color: #ff3a21;} .esgPart3 .right .list .box.b5{ color: #a21942;} .esgPart3 .right .list .box.b6{ color: #fd6925;} .esgPart3 .right .list .box.b7{ color: #dd1367;} .esgPart3 .right .list .box.b8{ color: #fd9d24;} .esgPart3 .right .list .box.b9{ color: #bf8b2e;} .esgPart3 .right .list .box.b1 .t{ background-image: url(/template/pc/images/esgImg3_1.png);} .esgPart3 .right .list .box.b2 .t{ background-image: url(/template/pc/images/esgImg3_2.png);} .esgPart3 .right .list .box.b3 .t{ background-image: url(/template/pc/images/esgImg3_3.png);} .esgPart3 .right .list .box.b4 .t{ background-image: url(/template/pc/images/esgImg3_4.png);} .esgPart3 .right .list .box.b5 .t{ background-image: url(/template/pc/images/esgImg3_5.png);} .esgPart3 .right .list .box.b6 .t{ background-image: url(/template/pc/images/esgImg3_6.png);} .esgPart3 .right .list .box.b7 .t{ background-image: url(/template/pc/images/esgImg3_7.png);} .esgPart3 .right .list .box.b8 .t{ background-image: url(/template/pc/images/esgImg3_8.png);} .esgPart3 .right .list .box.b9 .t{ background-image: url(/template/pc/images/esgImg3_9.png);} .esgPart3 .right .list .box:hover{ color: #fff; cursor: pointer;} .esgPart3 .right .list .box.b1:hover{ background-color: #e5243b;} .esgPart3 .right .list .box.b1:hover .t{ background-image: url(/template/pc/images/esgImg3_1H.png);} .esgPart3 .right .list .box.b2:hover{ background-color: #4c9f38;} .esgPart3 .right .list .box.b2:hover .t{ background-image: url(/template/pc/images/esgImg3_2H.png);} .esgPart3 .right .list .box.b3:hover{ background-color: #c5192d;} .esgPart3 .right .list .box.b3:hover .t{ background-image: url(/template/pc/images/esgImg3_3H.png);} .esgPart3 .right .list .box.b4:hover{ background-color: #ff3a21;} .esgPart3 .right .list .box.b4:hover .t{ background-image: url(/template/pc/images/esgImg3_4H.png);} .esgPart3 .right .list .box.b5:hover{ background-color: #a21942;} .esgPart3 .right .list .box.b5:hover .t{ background-image: url(/template/pc/images/esgImg3_5H.png);} .esgPart3 .right .list .box.b6:hover{ background-color: #fd6925;} .esgPart3 .right .list .box.b6:hover .t{ background-image: url(/template/pc/images/esgImg3_6H.png);} .esgPart3 .right .list .box.b7:hover{ background-color: #dd1367;} .esgPart3 .right .list .box.b7:hover .t{ background-image: url(/template/pc/images/esgImg3_7H.png);} .esgPart3 .right .list .box.b8:hover{ background-color: #fd9d24;} .esgPart3 .right .list .box.b8:hover .t{ background-image: url(/template/pc/images/esgImg3_8H.png);} .esgPart3 .right .list .box.b9:hover{ background-color: #bf8b2e;} .esgPart3 .right .list .box.b9:hover .t{ background-image: url(/template/pc/images/esgImg3_9H.png);} .esgPart4{ padding: 110px 6% 160px; background: #e8f1f8;} .esgPart4 .left .bg{ background-image: url(/template/pc/images/esgImg4_3.jpg);} .esgPart4 .right .list .box.b1{ background: #00689d;} .esgPart4 .right .list .box.b1 .t{ background-image: url(/template/pc/images/esgImg4_1.png);} .esgPart4 .zlSlide{ position: relative; margin: 20px 0 0 -180px; z-index: 99;} .esgPart4 .zlSlide .box .img{ border-radius: 26px; margin-top: 100px; position: relative; z-index: 1;} .esgPart4 .zlSlide .box .img img{ width: 100%;} .esgPart4 .zlSlide .box .txt{ height: 100%; border-radius: 26px; padding: 30px 30px 81px; box-shadow: 0 0 20px rgba(54,132,195,.3); margin: 20px 20px 20px -185px;} .esgPart4 .zlSlide .box .txt span{ display: block; font-size: 24px; color: #3684c3; margin-bottom: 20px;} .esgPart4 .zlSlide .box .txt p{ padding-left: 180px; height: 180px; line-height: 30px; -webkit-line-clamp: 6;} .zlSlide .swiper-button-prev,.zlSlide .swiper-button-next{ background-size: 16px; background-color: #fff; right: inherit; margin: 0; bottom: 40px;} .zlSlide .swiper-button-prev{ background-image: url(/template/pc/images/jt10_1.png); left: 45%;} .zlSlide .swiper-button-next{ background-image: url(/template/pc/images/jt10_2.png); left: 53%;} .zlSlide .swiper-button-prev:hover{ background-image: url(/template/pc/images/jt10_1H.png);} .zlSlide .swiper-button-next:hover{ background-image: url(/template/pc/images/jt10_2H.png);} .zlSlide .swiper-button-prev:hover,.zlSlide .swiper-button-next:hover{ background-color: #00689d;} .lxPart{ padding: 80px 6% 140px; } .lxPart .row{ margin: 0 -15px;} .lxPart .col-lg-2{ width: 20%;} .lxPart .box{ margin: 30px 15px 0; border: 1px solid #e4f2fc; border-radius: 24px; box-shadow: 0 0 20px rgba(0,129,224,.2); padding: 30px 25px 20px;} .lxPart .box i{ display: inline-flex; justify-content: center; align-items: center; width: 108px; height: 108px; border: 1px solid #0081E0; border-radius: 50%; margin-bottom: 20px;} .lxPart .box p{ font-size: 24px; padding-bottom: 20px; border-bottom: 1px solid #e4f2fc; margin-bottom: 20px;} .lxPart .box span{ display: block; font-size: 20px; font-weight: bold; line-height: 42px; min-height: 84px; word-wrap: break-word;} .lxPart .box:hover{ box-shadow: 0 0 20px rgba(0,129,224,.4);} .lxPart .box:hover i{ animation: swing 2s .1s linear infinite; -moz-animation: swing 2s .1s linear infinite; -webkit-animation: swing 2s .1s linear infinite; -o-animation: swing 2s .1s linear infinite;} .lxPart .box span a:hover{ color: #0081E0;} /*============================ 媒体查询 ============================*/ .mobHide{ display: block;} .mobShow{ display: none;} .banner_video{width:100%;position: relative;display: flex;align-items: center; position: relative;} .banner_video video{width:100%;object-fit: cover;} .banner_video .txt{position:absolute;z-index:10;align-items: center;left:6%;top:30%} .banner_video .txt i{display: block;font-size: 42px;margin-bottom: 20px} .banner_video .txt p{font-size: 56px;} .pagination .current{background-color:#337ab7;color:#fff} .normal-list li{position:relative;display:block;background:#FFF;margin-bottom:20px;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .normal-list li a{display:block;font-size:16px;line-height:24px;padding:25px 30px 25px 50px;color:#333;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .normal-list li span{color:#888888;position:absolute;right:30px;top:28px} .normal-list li:hover{background:#0081e0;color:#FFF;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .normal-list li:hover a,.normal-list li:hover span{color:#FFF} .normal-list li.dot:hover a:before {background:#fff;} .normal-list li.dot a{position:relative} .normal-list li.dot a:before {content:'';position:absolute;left:30px;background:#0081e0;width:7px;height:7px;top:35px;border-radius:50%} @media (width: 2560px) { .section1 .part .left{ width: 40%;} .section1 .part .img{ width: 60%;} .section2 .right{ height: 840px;} .section4 .part .list .item:nth-child(4) .bd{ right: 7%;} .section6 .part{ margin: 0 auto;} } @media (max-width: 1440px) { .header{ padding: 0 3%;} .header .part2 .nav li ul{ width: 1000px;} .header .part2 .nav li ul li a{ font-size: 16px; line-height: 35px; padding: 10px 10px 10px 0;} .header .part2 .nav ul>li:hover ul li{ height: 55px;} .navCont{ width: 380px;} .navCont .topTp{ height: 30px; top: 80px;} .navCont .nav1 li .t1{ font-size: 20px; line-height: 54px;} .navCont .li2 .t2,.navCont .li3 a{ font-size: 16px;} .navCont .nav3{ width: 280px;} .navCont .li1:hover .nav2{ left: 380px;} .navCont .li2:hover .nav3{ left: 580px;} .ixSlide .slideImg li .txt span{ font-size: 80px;} .ixSlide .slideImg li .txt p{ font-size: 30px;} .ixSlide .slideImg li .txt em{ font-size: 24px;} .section .jtDown,.section .leftIcon a{ width: 60px; height: 60px;} .section .jtDown img{ height: 22px;} .section .leftIcon a i img{ height: 26px;} .section .leftIcon a em{ width: 120px; height: 120px; left: 65px;} .section1 .since{ padding-bottom: 10px;} .section1 .part .left{ width: 42%; font-size: 16px;} .section1 .part .left .txt span{ font-size: 20px; margin-bottom: 20px;} .section1 .part .left .txt p{ line-height: 30px;} .section1 .part .img{ width: 54%;} .section1 .list a{ font-size: 16px; border-radius: 18px; padding: 15px 10px 10px;} .section1 .list a img{ width: 44px; margin-bottom: 10px;} .section2 .ylTit span{ font-size: 24px; line-height: 36px;} .section2 .ylTit span.slt{ font-size: 36px;} .section2 .right{ height: 580px; padding-left: 50px; border-radius: 90px 0 0;} .section2 .right .tit{ margin: 40px 0;} .section2 .right .tit i{ font-size: 38px; margin-right: 10px;} .section2 .ylCon .part .box{ height: 370px; margin-right: 20px;} .section2 .ylCon .part .box .t1{ font-size: 20px;} .section2 .ylCon .part .box .t1 i{ width: 90px; height: 90px; margin: 100px 0 20px;} .section2 .ylCon .part .box:hover .t1 i{ margin-top: 40px;} .section2 .ylCon .part .box .t2 a{ font-size: 16px; line-height: 30px;} .section3 .left{ padding-top: 12%;} .section3 .left .txt{ font-size: 16px; line-height: 30px; padding: 60px 0;} .section4 .part .list{ bottom: 34%;} .section4 .part .list .item:nth-child(2){ margin-bottom: 35px;} .section4 .part .list .item:nth-child(3){ margin-bottom: 70px;} .section4 .part .list .item:nth-child(4){ margin-bottom: 105px;} .section4 .part .list .item .hd{ margin-top: 0;} .section4 .part .list .item .bd{ width: 290px; height: 140px; padding: 10px 10px 0; font-size: 12px; border-radius: 20px 20px 20px 0;} .section4 .part .list .item:nth-child(4) .bd{ right: 30%;} .section4 .part .list .item .bd i{ font-size: 16px;} .section4 .part .list .item .bd p{ line-height: 24px;} .section4 .part .list .item .bd .jt{ height: 40px; bottom: -39px;} .section5 .ixTit{ margin-top: 30px;} .section5 .xwSlide .swiper-wrapper{ margin: 30px 0;} .section5 .xwSlide .box{ padding: 5px; border-radius: 18px;} .section5 .xwSlide .box .img{ border-radius: 18px;} .section5 .xwSlide .box .t1{ padding: 10px;} .section5 .xwSlide .box .t1 em{ font-size: 18px; height: 56px; line-height: 28px; margin-bottom: 5px;} .section5 .xwSlide .box .t1 p{ font-size: 14px; height: 44px; line-height: 22px;} .section5 .xwSlide .box .t2 span{ font-size: 14px; line-height: 28px;} .section5 .xwSlide .box .t2 span i{ font-size: 32px;} .section5 .xwSlide .box .t2 em{ width: 38px; height: 38px; margin-top: 5px;} .section6 .part{ width: 1200px;} .section6 .lzTit{ width: 900px;} .section6 .lzTit .txt.t1{ top: 120px; left: 230px;} .section6 .lzTit .txt.t2{ top: 80px; left: 190px;} .section6 .lzTit .txt.t3{ top: 70px; left: 150px;} .section6 .lzTit .txt.t4{ top: 65px; left: 130px;} .section6 .lzTit .txt.t5{ top: 95px; left: 130px;} .section6 .lzTit .txt.t6{ top: 150px; left: 105px;} .section6 .lzTit .txt.t7{ top: 170px; left: 130px;} .section6 .lzTit .txt.t8{ top: 160px; left: 170px;} .section6 .lzTit .txt.t9{ top: 185px; left: 180px;} .section6 .lzTit .txt.t10{ top: 190px; left: 250px;} .section6 .lzTit .txt.t11{ top: 250px; left: 200px;} .section6 .lzTit .txt.t12{ bottom: 270px; left: 310px;} .section6 .lzTit .txt.t13{ bottom: 230px; left: 290px;} .section6 .lzTit .txt.t14{ bottom: 180px; left: 350px;} .section6 .lzTit .txt.t15{ bottom: 200px; left: 427px;} .section6 .lzTit .txt.t16{ top: 130px; right: 210px;} .section6 .lzTit .txt .yuan{ width: 12px; height: 12px;} .section6 .lzTit .txt .yuan i{ width: 6px; height: 6px;} .section6 .lzTit .txt .t{ width: 35px; font-size: 12px; height: 18px; top: -27px;} .section6 .lzTit .txt.t2 .t,.section6 .lzTit .txt.t6 .t,.section6 .lzTit .txt.t8 .t,.section6 .lzTit .txt.t11 .t{ width: 50px;} .section6 .lzTit .txt.t14 .t{ width: 70px;} .section6 .lzTit .txt.t15 .t{ width: 60px;} .section6 .list .box{ font-size: 16px;} .section6 .list .box span i{ font-size: 40px;} .inBanner{ padding: 0 6%;} .gyPart1{ padding: 80px 3%;} .gyPart2 .gyTit{ top: 40px;} .gyPart2 .whTit .box div{ line-height: 30px;} .gyPart2 .whTit .box img{ width: 90px; height: 90px;} .gyPart2 .whTit .box span{ font-size: 26px;} .gyPart3{ padding: 70px 3% 100px;} .gyPart3 .gyTit .t{ font-size: 12px;} .gyPart3 .gyTit .t em i{ font-size: 30px;} .gyPart3 .list{ margin: 20px -10px 0;} .gyPart3 .list .box{ padding: 20px; margin: 20px 10px 0;} .gyPart3 .list .box .t{ font-size: 16px; padding: 0 17%;} .gyPart4{ padding: 60px 3%;} .gyPart4 .cjSlide{ padding-bottom: 90px;} .ppPart1 .bg{ width: 45%; top: -280px;} .ppPart1 .left{ margin: 0 20px 20px 5%;} .ppPart1 .left .tit{ font-size: 22px; margin: 0 0 20px; line-height: 40px;} .ppPart1 .left .tit span i{ font-size: 54px;} .ppPart1 .left .text{ font-size: 16px; line-height: 30px;} .ppPart2{ padding: 20px 3% 0;} .ppPart3 .title{ margin: 60px 3% 0; font-size: 36px;} .ppPart3 .part{ padding-left: 2%;} .ppPart3 .part .text{ font-size: 22px; margin-right: 40px;} .ppPart3 .part .text span{ font-size: 34px;} .ppPart3 .part .box{ margin-right: 30px; border-radius: 30px;} .ppPart3 .part .box .nf{ font-size: 18px;} .ppPart3 .part .box .nf i{ font-size: 38px; line-height: 56px; margin-right: 5px; border: 30px;} .lsSlide1, .lsSlide2, .lsSlide3, .lsSlide4{ margin-right: -300px;} .ppPart3 .swiper-button-next{ left: -100px;} .ppPart3 .swiper-button-prev{ left: -120px;} .xzPart{ padding: 40px 3% 80px;} .xzPart .title{ font-size: 36px;} .xzPart .xzCon .list3{ margin: 20px -30px 0;} .xzPart .xzCon .list3 a{ margin: 20px 30px 10px;} .cpSlide .box span{ font-size: 26px;} .cpSlide .box p{ font-size: 16px;} .cpSlide .swiper-slide-active .box{ padding-left: 10%;} .cpSlide .swiper-slide-active .box span{ font-size: 32px;} .cpPart1,.cpPart2{ padding: 40px 3% 60px;} .xzPart .xzTit .row{ margin: 0 -70px;} .xzPart .xzTit span{ margin: 0 70px;} .xwPart1{ padding: 50px 3% 80px;} .xwPart1 .more{ width: 50px; height: 50px;} .xwPart1 .item .txt{ padding: 30px;} .xwPart1 .item .txt i,.xwPart1 .list a .date{ font-size: 18px;} .xwPart1 .item .txt span,.xwPart1 .list a .txt p{ font-size: 20px; line-height: 36px;} .xwPart1 .item .txt p{ font-size: 16px; line-height: 32px; margin-bottom: 60px;} .xwPart1 .list a .date i{ font-size: 26px;} .xwPart1 .list a .txt{ padding-top: 20px;} .xwPart1 .list a .txt p{ height: 72px; margin-bottom: 40px;} .esgTit{ margin: 10px 0;} .esgTit span{ font-size: 36px;} .esgTit p{ font-size: 16px; line-height: 30px; margin-top: 5px;} .esgPart1{ padding: 100px 3%;} .esgPart1 .left{ margin: 0 60px 0 0;} .esgPart1 .item{ margin-top: 10px;} .esgPart1 .item .hd{ font-size: 20px; padding: 6px 40px 6px 13px; border-radius: 20px;} .esgPart1 .item .hd:after{ width: 7px; right: 15px;} .esgPart1 .item.on{ border-radius: 20px;} .esgPart1 .item.on .hd{ padding-bottom: 2px;} .esgPart1 .item.on .hd:after{ width: 6px;} .esgPart1 .item .bd{ padding: 0 10px 5px 13px;} .esgPart2,.esgPart3,.esgPart4{ padding-left: 3%; padding-right: 3%;} .esgPart2 .left,.esgPart3 .left,.esgPart4 .left{ margin-right: 40px;} .esgPart2 .left .bg,.esgPart3 .left .bg,.esgPart4 .left .bg{ height: 500px;} .esgPart2 .right .list .row,.esgPart3 .right .list .row,.esgPart4 .right .list .row{ margin: 0 -6px;} .esgPart2 .right .list .box,.esgPart3 .right .list .box,.esgPart4 .right .list .box{ margin: 20px 6px 0;} .esgPart2 .right .list .box .t,.esgPart3 .right .list .box .t,.esgPart4 .right .list .box .t{ padding-bottom: 80px;} .esgPart2 .right .list .box .t i,.esgPart3 .right .list .box .t i,.esgPart4 .right .list .box .t i{ font-size: 34px;} .esgPart2 .right .list .box .t em,.esgPart3 .right .list .box .t em,.esgPart4 .right .list .box .t em{ font-size: 16px; line-height: 20px; min-height: 40px;} .esgPart2 .right .list .box.b1 .t{ background-size: 60px;} .esgPart2 .right .list .box.b2 .t{ background-size: 31px;} .esgPart2 .right .list .box.b3 .t{ background-size: 42px;} .esgPart2 .right .list .box.b4 .t{ background-size: 50px;} .esgPart2 .right .list .box.b5 .t{ background-size: 60px;} .esgPart2 .right .list .box.b6 .t{ background-size: 56px;} .esgPart3 .right .list .box.b1 .t{ background-size: 100px;} .esgPart3 .right .list .box.b2 .t{ background-size: 70px;} .esgPart3 .right .list .box.b3 .t{ background-size: 60px;} .esgPart3 .right .list .box.b4 .t{ background-size: 35px;} .esgPart3 .right .list .box.b5 .t{ background-size: 46px;} .esgPart3 .right .list .box.b6 .t{ background-size: 48px;} .esgPart3 .right .list .box.b7 .t{ background-size: 50px;} .esgPart3 .right .list .box.b8 .t{ background-size: 60px;} .esgPart3 .right .list .box.b9 .t{ background-size: 60px;} .esgPart4 .right .list .box.b1 .t{ background-size: 50px;} .esgPart3 .shTit{ margin-top: 30px;} .esgPart3 .shTit span{ font-size: 20px; padding-bottom: 18px;} .esgPart3 .shTit span.slt{ font-size: 24px; background-size: 34px;} .esgPart3 .shCon{ font-size: 16px; line-height: 26px;} .esgPart3 .shCon em{ font-size: 26px; margin-bottom: 15px;} .esgPart2 .hjTit{ margin-top: 20px;} .esgPart2 .hjTit span{ font-size: 16px;} .esgPart2 .hjTit span.slt{ font-size: 17px;} .esgPart2 .hjCon{ font-size: 14px; line-height: 22px;} .esgPart2 .hjCon em{ font-size: 18px;} .esgPart4 .zlSlide{ margin-left: -120px;} .esgPart4 .zlSlide .box .img{ margin-top: 90px;} .esgPart4 .zlSlide .box .txt{ padding: 20px 20px 69px; margin-left: -150px;} .esgPart4 .zlSlide .box .txt span{ margin-bottom: 10px;} .esgPart4 .zlSlide .box .txt p{ font-size: 14px; line-height: 22px; height: 132px; padding-left: 140px;} .zlSlide .swiper-button-next,.zlSlide .swiper-button-prev{ width: 38px; height: 38px; background-size: 12px; bottom: 30px;} .lxPart{ padding: 80px 3% 140px;} .lxPart .row{ margin: 0 -10px;} .lxPart .box{ margin: 30px 10px 0;} .lxPart .box i{ width: 90px; height: 90px;} .lxPart .box i img{ width: 30px;} .lxPart .box p{ font-size: 20px; padding-bottom: 15px; margin-bottom: 15px;} .lxPart .box span{ font-size: 16px; line-height: 30px; min-height: 60px;} } @media (max-width: 1360px) { .section1 .part .img{ width: 56%;} .section3 .right img.tp2{ bottom: 50%;} .section4 .part .list{ bottom: 30%;} .section6 .part{ width: 100%;} .cpPart4,.xwPart2{ width: 100%; padding: 0 10px;} .about_video{height:auto} } @media (max-width: 1030px) { .openAni .box{ padding: 0 6%; top: 30%;} .openAni .tp{ margin: 40px 0 0;} .header{ padding: 0 20px;} .header .part2 .nav ul>li{ margin: 0 30px;} .header.on .part2 .nav ul>li{ margin: 0 20px;} .navCont{ width: 320px;} .navCont .closed{ top: 15px; left: 15px;} .navCont .topTp{ top: 50px;} .navCont .nav{ padding-top: 16vh;} .navCont .nav2{ width: 140px;} .navCont .li2 .t2{ margin: 0 10%;} .navCont .li1:hover .nav2{ left: 320px;} .navCont .li2:hover .nav3{ left: 460px;} .navCont .nav1 li .t1{ font-size: 20px; line-height: 48px;} .navCont .tel{ font-size: 26px; padding-top: 10px; bottom: 10px;} .footer{ padding: 0 20px; font-size: 14px;} .footer .part1{ padding: 20px 0;} .footer .part1 .img{ height: 36px;} .footer .part1 .tel{ font-size: 26px; background-size: 20px; padding-left: 30px; line-height: 36px;} .footer .part2 dl dt{ font-size: 16px; line-height: 50px;} .footer .part2 dl dd a{ line-height: 34px;} .footer .part3{ margin-top: 20px; padding: 15px 0;} .footer .part3 .right,.footer .part3 .copy{ width: 100%; text-align: center; line-height: 28px;} .footer .part3 .right{ justify-content: center; margin-bottom: 10px;} .footer .part3 .right a{ width: 46px; height: 46px; margin: 0 5px;} .section .jtDown, .section .leftIcon a{ width: 45px; height: 45px;} .section .jtDown img{ height: 18px;} .section .leftIcon a i img{ height: 22px;} .section .leftIcon a em{ left: 50px;} .ixSlide .slideImg li .txt span{ font-size: 54px; letter-spacing: 10px;} .ixSlide .slideImg li .txt p{ font-size: 22px;} .ixSlide .slideImg li .txt em{ font-size: 18px; margin-top: 20px;} .ixSlide .slideImg li .txt em img{ width: 14px; margin-right: 8px;} .ixTit em{ font-size: 36px; margin: 0;} .section1{ padding: 0;} .section1 .fp-tableCell,.section4 .fp-tableCell{ vertical-align: middle;} .section1 .since{ padding: 0 20px 30px;} .section1 .part .left{ margin: 0; padding: 0 20px 40px;} .section1 .part .left{ position: inherit; width: 100%;} .section1 .part .img{ float: right; width: 84%; position: inherit;} .section1 .list{ width: 100%; left: 0;} .section1 .list a{ margin: 0 15px;} .section2 .ylTit{ width: 100%; text-align: center; position: relative;} .section2 .ylTit span{ width: 50%; float: left; opacity: 1;} .section2 .right{ width: 100%; border-radius: 40px 40px 0 0;} .section2 .ylCon{ width: 100%; margin: 0;} .section2 .right .tit{ text-align: center;} .section2 .ylCon .part .box{ margin: 0 10px;} .section3 .left{ width: 100%;} .section3 .right{ width: 98%;} .section3 .right img.tp2{ bottom: 35%;} .section4{ background: url(/template/pc/images/ixImg4_1.png) bottom center no-repeat !important; background-size: auto 80% !important; padding: 0 20px;} .section4 .part,.section4 .bg{ display: none;} .section4 .esgSlide{ display: block;} .section5 .xwSlide .swiper-wrapper{ margin: 20px 0;} .section5 .xwSlide .box .t1{ padding: 5px;} .section5 .xwSlide .box .t1 em{ height: auto; white-space: nowrap; text-overflow: ellipsis;} .section5 .xwSlide .box .t2 span{ font-size: 12px; line-height: 24px;} .section5 .xwSlide .box .t2 span i{ font-size: 24px;} .section5 .xwSlide .box .t2 em{ width: 30px; height: 30px;} .section6{ background: url(/template/pc/images/ixImg6_1.png) center left 30% no-repeat; background-size: cover;} .section6 .lzTit{ width: 100%; margin: 10px 0 20px;} .section6 .lzTit .txt{ width: 16.666%; float: left; padding: 0 10px; margin-top: 10px; position: inherit; top: auto !important; left: auto !important; right: auto !important; bottom: auto !important;} .section6 .lzTit .txt .t{ width: 100% !important; height: 34px; color: #0081E0; font-size: 14px; line-height: 34px; border-radius: 15px 0 15px 0 !important; border: 1px solid #0081E0; background: #fff !important; opacity: 1; position: inherit; top: auto !important; left: auto !important; right: auto !important;} .section6 .lzTit .txt .t i,.section6 .lzTit .txt .yuan{ display: none;} .section6 .lzTit .txt.slt .t{ color: #fff; background: #0081E0 !important;} .section6 .lzTit .map{ display: none;} .section6 .item{ width: 100%; height: 120px; position: inherit; text-align: center;} .section6 .item em{ font-size: 20px; margin-bottom: 0;} .section6 .item p i{ font-size: 30px; margin-right: 0;} .section6 .list{ bottom: 10px;} .inBanner{ height: 50vh !important;} .inBanner.xw .txt p{ font-size: 40px;} .gyPart1 .col-sm-6,.gyPart3 .col-sm-6,.ppPart1 .col-sm-7,.ppPart1 .col-sm-5{ width: 100%;} .gyPart1 .video{ margin: 40px 0 0;} .gyPart2{ background: url(/template/pc/images/gyImg2_5.png) center left no-repeat; background-size: cover; padding: 70px 0 0;} .gyPart2 .gyTit{ position: inherit; top: inherit; margin-bottom: 40px;} .gyPart2 .whTit,.gyPart2 .whTit .box div{ position: inherit; top: inherit; left: inherit; bottom: inherit; height: inherit;} .gyPart2 .whTit .box{ width: 80%; height: inherit; position: inherit; background: rgba(0,129,224,.3) !important; padding: 40px 20px; margin: 0 10% 30px;} .gyPart2 .whTit .box img{ opacity: 1;} .gyPart2 .whTit .box p{ display: block;} .gyPart2 .whCon{ display: none !important;} .ppPart1{ padding: 80px 20px 20px;} .ppPart1 .left{ margin: 0 0 30px;} .ppPart2 .video{ border-radius: 20px;} .cpSlide .bg{ width: 50%;} .cpSlide .swiper-slide-active{ width: 50% !important;} .cpSlide .swiper-slide-active .box{ padding: 0 5% 0 10%;} .xzPart .xzTit .row{ margin: 0 -20px;} .xzPart .xzTit span{ margin: 0 20px;} .xwPart1 .item .txt{ padding: 20px;} .xwPart1 .item .txt span{ margin-bottom: 10px;} .xwPart1 .item .txt p{ margin-bottom: 20px;} .esgPart1,.esgPart2,.esgPart3,.esgPart4{ padding: 60px 20px 40px;} .esgPart1 .col-lg-6,.esgPart2 .col-lg-7,.esgPart2 .col-lg-5,.esgPart3 .col-lg-7,.esgPart3 .col-lg-5,.esgPart4 .col-lg-5,.esgPart4 .col-lg-7{ width: 100%;} .esgPart1 .left{ margin: 0 0 30px;} .esgPart2 .left, .esgPart3 .left, .esgPart4 .left{ margin: 40px 0 0;} .esgPart2 .left .bg,.esgPart3 .left .bg,.esgPart4 .left .bg{ background-attachment: inherit; background-size: cover;} .esgPart4 .zlSlide{ margin: 0; box-shadow: 0 0 10px rgba(54,132,195,.3); margin: 40px 0 0; border-radius: 24px; overflow: hidden;} .esgPart4 .zlSlide .box .img{ border-radius: 0; margin: 0;} .esgPart4 .zlSlide .box .txt{ margin: 0; border-radius: 0; box-shadow: inherit; padding-bottom: 100px;} .esgPart4 .zlSlide .box .txt p{ padding: 0;} .zlSlide .swiper-button-prev, .zlSlide .swiper-button-next{ bottom: 20px;} .esgPart4 .left{ display: none;} .lxPart .col-lg-2{ width: 33.333%;} } @media (max-width: 990px) { .mobHide{ display: none;} .mobShow{ display: block;} .header{ height: 70px; padding: 15px;} .header .img{ display: block; width: 60%; height: 100%; font-size: 0; background: url(/template/pc/images/logo.png) center left no-repeat; background-size: auto 100%;} .header .btn{ display: flex; justify-content: center; align-items: center; height: 34px; padding: 0 10px; border: 1px solid #0081E0; border-radius: 20px;} .header .btn img{ width: 16px; margin-right: 8px;} .header.on{ height: 50px; padding: 12px;} .header.on .btn{ border-color: #fff;} .m_nav{ width: 70%;} .footer .part3{ border: none; margin: 0;} .section .jtDown{ display: none;} .section4{ background-size: 100% !important;} .section6 .lzTit .txt{ width: 20%;} .swiper-pagination{ display: none;} .swiper-button-next,.swiper-button-prev{ display: block;} .inBanner.xw .txt p{ font-size: 30px;} .gyPart4 .box{ border-radius: 40px; padding: 30px 10px 15px; margin: 20px 10px;} .gyPart4 .box .t2{ font-size: 18px; line-height: 34px; height: 68px;} .gyPart4 .box .t3{ margin-bottom: 30px;} .ppPart3 .part .text{ font-size: 18px; margin-right: 30px;} .ppPart3 .part .text span{ font-size: 26px;} .ppPart3 .part .box{ border-radius: 20px;} .ppPart3 .part .box .nf{ font-size: 14px; border-radius: 20px; padding: 0 10px;} .ppPart3 .part .box .nf i{ font-size: 30px; line-height: 40px;} .ppPart3 .part .box p{ font-size: 16px; line-height: 28px; bottom: 10px;} .xzPart .xzCon .list1 .col-lg-2{ width: 33.333%;} .xzPart .xzCon .list3{ margin: 15px -15px 0;} .xzPart .xzCon .list3 a{ margin: 15px;} .xwPart1 .more{ width: 40px; height: 40px; background-size: 12px;} .xwPart1 .item .img{ border-radius: 12px;} .xwPart1 .item .txt{ padding: 10px 20px; margin-left: -130px; border-radius: 12px;} .xwPart1 .item .txt i,.xwPart1 .item .txt span{ margin: 0; font-size: 16px;} .xwPart1 .item .txt span{ font-size: 18px; line-height: 30px;} .xwPart1 .item .txt p{ margin-bottom: 10px; line-height: 26px;} .xwPart1 .list a .img{ border-radius: 12px;} .xwPart1 .list a .txt{ padding: 10px 0 10px 20px;} .xwPart1 .list a .txt p{ font-size: 18px; line-height: inherit; height: auto; margin-bottom: 10px; -webkit-line-clamp: 1;} .xwPart1 .list a .info{ border-radius: 0 12px 12px 0;} .fenye .num span,.fenye .num a{ font-size: 18px; min-width: 20px;} .fenye .num span,.fenye .num a:hover{ font-size: 24px;} } @media (max-width:767px) { body,button,input,select,textarea,.section1 .fp-tableCell{ font-size: 14px;} #fp-nav{ display: none;} #fp-nav ul li{ width: 10px; height: 10px; margin: 4px 0;} #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span{ width: 4px; height: 4px; margin: -2px 0 0 -2px;} .header{ height: 60px;} .header .btn{ height: 28px;} .header .btn img{ width: 14px; margin-right: 5px;} .footer .part1{ text-align: center; padding: 40px 0 20px;} .footer .part1 .img{ margin: 0 auto; float: inherit;} .footer .part1 .tel{ display: inline-block; float: inherit; margin-top:20px; font-size: 24px; background-size: 20px; padding-left: 26px; line-height: 30px;} .footer .part3{ padding: 15px 0; font-size: 12px;} .footer .part3 .right{ padding: 15px 0;} .footer .part3 .right a{ width: 40px; height: 40px;} .footer .part3 .right a em{ left: -50px; bottom: 50px;} .footer .part3 .copy{ line-height: 20px;} .section .leftIcon{ display: none;} .ixSlide .slideImg li .txt{ padding: 0 20px;} .ixSlide .slideImg li .txt span{ font-size: 34px;} .ixSlide .slideImg li .txt p{ font-size: 14px;} .ixSlide .slideImg li .txt em{ font-size: 16px;} .ixSlide .slideCon .slide_tabs{ justify-content: flex-end; left: auto; right: 20px;} .ixSlide .slideCon .slide_tabs li a{ margin: 0 0 0 8px;} .ixMore{ width: 130px; height: 38px; font-size: 14px;} .ixMore i{ background-size: 18px; padding-right: 28px;} .section1{ background: none !important;} .section1 .fp-tableCell{ padding: 0 10px;} .section1 .cont{ overflow: hidden;} .section1 .zlSwiper{ height: 60px; margin: 18% 6% 0;} .section1 .zlSwiper p{ font-size: 24px;} .section1 .zlSwiper p sup{ font-size: 12px;} .section1 .zlSwiper em{ padding-right: 15px;} .section1 .zlSwiper em img{ width: 24px; height: 24px;} .section1 .since{ padding: 0 10px 5px;} .section1 .since span{ font-size: 12px;} .section1 .since span img{ height: 20px;} .section1 .since em{ font-size: 44px; line-height: 44px;} .section1 .part .left{ font-size: 14px; padding: 0 10px 20px;} .section1 .part .left .txt span{ font-size: 18px; margin-bottom: 5px;} .section1 .part .left .txt p{ line-height: 26px; margin-bottom: 20px; -webkit-line-clamp:50;} .section1 .part .img{ display: none;} .section1 .list{ padding: 0 5px 20px; position: inherit;} .section1 .list a{ margin: 10px 5px 0; border-radius: 12px; padding: 10px;} .section2 .ylTit{ padding: 0 0 20px;} .section2 .ylTit span{ font-size: 18px; margin-bottom: 20px;} .section2 .ylTit span.slt{ font-size: 24px;} .section2 .right{ height: 70vh; border-radius: 30px 30px 0 0; padding: 0;} .section2 .right .tit i{ font-size: 28px;} .section2 .ylCon .part .box{ height: 320px; border-radius: 12px; margin: 0 40px;} .section2 .ylCon .part .box .t1{ font-size: 18px;} .section2 .ylCon .part .box .t1 i{ margin: 80px 0 15px;} .section2 .ylCon .part .box .t2{ width: 94%; left: 3%; padding: 15px 0 10px; border-radius: 14px;} .section2 .ylCon .part .box .t2 a{ font-size: 14px; line-height: 24px; margin: 0 0 5px;} .section2 .ylCon .swiper{ padding-bottom: 70px;} .section2 .ylCon .swiper-button-next,.section2 .ylCon .swiper-button-prev{ width: 42px; height: 42px; background-size: 8px; top: auto; bottom: 0;} .section2 .ylCon .swiper-button-prev{ left: 50%; margin-left: -50px;} .section2 .ylCon .swiper-button-next{ right: 50%;margin-right: -50px;} .ixTit{ font-size: 12px; text-align: center;} .ixTit em{ font-size: 26px; margin-bottom: 0;} .section3 .fp-tableCell{ vertical-align: top;} .section3 .left{ width: 100%; height: auto; padding: 15vh 10px 0; left: 0;} .section3 .left .txt{ font-size: 14px; line-height: 26px; padding: 15px 0 20px;} .section3 .right img.tp2{ bottom: 25%;} .section3 .right img.tp3{ bottom: 8%;} .section3 .right img.tp4{ width: 69%; bottom: 5%; right: 2%;} .section4 .ixTit{ padding: 0 0 20px;} .section5 .xwSlide .swiper-wrapper{ margin-bottom: 60px;} .section6 .part{ padding-bottom: 8vh;} .section6 .lzTit .txt{ width: 33.333%; padding: 0 5px;} .section6 .list .box{ float: inherit !important; width: 100%; font-size: 14px; margin-bottom: 10px;} .section6 .list .box span i{ font-size: 30px; margin-right: 0;} .inBanner{ height: 36vh !important; padding: 0 20px;} .inBanner .txt i{ font-size: 16px; margin-bottom: 5px;} .inBanner .txt p{ font-size: 22px;} .inBanner .txt .dy{ line-height: 26px;} .inBanner .txt a{ font-size: 14px; line-height: 28px; padding: 0 15px; border-radius: 4px; margin-top: 30px; border-width: 1px;} .inBanner.xw .txt p{ font-size: 20px;} .gyTit{ padding-bottom: 10px;} .gyTit i{ font-size: 14px; line-height: 26px; padding: 0 7px; border-radius: 4px; margin-bottom: 5px;} .gyTit p{ font-size: 26px;} .gyPart1{ padding: 60px 10px;} .gyPart1 .gyTit p{ font-size: 34px;} .gyPart1 .text{ line-height: 26px;} .gyPart1 .video{ margin-top: 20px; border-radius: 16px;} .gyPart2{ padding: 50px 0 0;} .gyPart2 .gyTit{ margin-bottom: 20px;} .gyPart2 .whTit .box{ padding: 20px 10px;} .gyPart2 .whTit .box div{ line-height: 24px;} .gyPart2 .whTit .box img{ width: 60px; height: 60px; margin-bottom: 10px;} .gyPart2 .whTit .box span{ font-size: 20px; margin-bottom: 5px;} .gyPart2 .whTit .box p{ -webkit-line-clamp: 3;} .gyPart3{ padding: 70px 10px;} .gyPart3 .gyTit{ text-align: center;} .gyPart3 .gyTit .t{ line-height: 24px;} .gyPart3 .list{ margin: 30px -5px 0;} .gyPart3 .list .box{ margin: 0 5px 10px; border-radius: 14px; padding: 10px;} .gyPart3 .list .box .t{ font-size: 14px; padding: 0 20%;} .gyPart4{ padding: 50px 30px;} .gyPart4 .gyTit{ text-align: center;} .gyPart4 .cjSlide{ padding-bottom: 70px;} .gyPart4 .box{ padding: 40px 15px 20px; margin: 20px 30px;} .gyPart4 .box .t1{ font-size: 16px;} .gyPart4 .box .t2{ font-size: 18px; line-height: 32px; margin: 10px 0;} .gyPart4 .box .t3{ margin-bottom: 40px;} .gyPart4 .swiper-button-next,.gyPart4 .swiper-button-prev{ width: 44px; height: 44px;} .gyPart4 .swiper-button-next{ margin-right: -54px;} .gyPart4 .swiper-button-prev{ margin-left: -54px;} .ppPart1{ padding: 50px 15px 20px;} .ppPart1 .bg{ width: 50%; top: -110px;} .ppPart1 .left .tit{ line-height: 34px;} .ppPart1 .left .tit span i{ font-size: 40px;} .ppPart1 .left .text{ font-size: 14px; line-height: 28px;} .ppPart2 .video{ border-radius: 12px;} .ppPart3 .title{ font-size: 30px; text-align: center; margin: 50px 0 0;} .lsSlide1,.lsSlide2,.lsSlide3,.lsSlide4{ margin: 15px -10px 0; padding-bottom: 70px;} .ppPart3 .part{ padding: 50px 15px;} .ppPart3 .part .text{ text-align: left; font-size: 16px;} .ppPart3 .part .text span{ font-size: 22px;} .ppPart3 .part .box{ margin: 0 10px; border-radius: 12px;} .ppPart3 .part .box .bg{ display: none;} .ppPart3 .part .box .nf{ border-radius: 15px;} .ppPart3 .part .box .nf i{ font-size: 24px; line-height: 30px; margin-right: 3px;} .ppPart3 .part .box p{ line-height: 24px;} .ppPart3 .part .swiper-slide-active .box p{ font-family: fontN,"microsoft yahei";} .ppPart3 .swiper-button-next{ right: 50%; left: auto; margin-right: -50px;} .ppPart3 .swiper-button-prev{ left: 50%; margin-left: -50px;} .ppPart3 .swiper-button-next,.ppPart3 .swiper-button-prev{ width: 40px; height: 40px;} .xzPart{ padding: 40px 10px 60px;} .xzPart .title{ margin: 15px 0; font-size: 30px;} .xzPart .xzTit .row{ margin: 0;} .xzPart .xzTit span{ margin: 0; font-size: 18px; line-height: 44px; border-radius: 4px;} .xzPart .xzCon .list1{ margin: 10px -5px 0;} .xzPart .xzCon .list1 .col-lg-2{ width: 50%;} .xzPart .xzCon .list1 a{ font-size: 16px; line-height: 24px; margin: 15px 5px 0;} .xzPart .xzCon .list1 a .img{ width: 90%; padding: 5px; margin: 5px 0;} .xzPart .xzCon .list2{ margin: 15px 0 0;} .xzPart .xzCon .list2 a{ margin: 10px 0 0; padding: 10px; min-height: auto;} .xzPart .xzCon .list2 a i{ font-size: 16px; line-height: 24px; background-size: 24px; padding-left: 34px;} .xzPart .xzCon .list3{ margin: 20px -5px 0;} .xzPart .xzCon .list3 a{ margin: 5px; padding: 5px; box-shadow: 0 0 5px rgba(0,129,224,.1);} .cpSlide .bg{ width: 100%;} .cpSlide .swiper-slide-active{ width: 100% !important;} .cpSlide .swiper-slide-active .box{ padding: 0 5%;} .cpSlide .swiper-button-prev{ left: 20%;} .cpSlide .swiper-button-next{ left: 22%;} .cpPart1,.cpPart2,.cpPart3{ padding: 30px 10px 50px;} .cpPart1 .txt{ font-size: 16px;} .cpPart1 .list{ margin-top: 20px;} .cpPart1 .list .t{ float: left;} .cpPart1 .list .t em i{ font-size: 24px;} .cpPart2 .jjTit{ text-align: center;} .cpPart2 .jjTit span{ margin: 0 30px; font-size: 20px; padding-bottom: 8px;} .cpPart2 .jjTit span i{ height: 3px;} .cpPart2 .jjTit span.slt{ font-size: 24px;} .cpPart2 .jjCon .list{ margin: 10px 0 0;} .cpPart2 .jjCon .list li{ width: 100%; margin: 10px 0 0;} .cpPart2 .jjCon .list li .txt{ font-size: 16px; padding: 10px; border-radius: 6px;} .cpPart2 .jjCon .list li .txt i{ background-size: 6px; padding-left: 14px; line-height: 28px;} .cpPart2 .jjCon .list li .item{ width: 100%; top: 48px; border-radius: 0 0 6px 6px; padding: 0 5px; box-shadow: inherit; border-top: 1px solid #e5f2fc;} .cpPart2 .jjCon .list li .item em{ width: 50%; line-height: 40px; font-size: 14px; padding: 0 5px;} .cpPart2 .jjCon .list li .item em a{ background-size: 5px; padding-left: 12px;} .cpPart2 .jjCon .list li:hover .txt{ border-radius: 6px 6px 0 0;} .cpPart2 .jjCon .list li:hover .txt i{ background-size: 8px;} .cpPart3 .list{ margin: 10px -10px 0;} .cpPart3 .list a{ margin: 0 10px 20px; padding: 10px; border-radius: 10px; font-size: 16px;} .cpPart3 .list a .img{ margin-bottom: 15px;} .cpPart4{ margin: 40px 0; overflow: hidden;} .cpPart4 .t1{ font-size: 24px; padding-top: 10px;} .cpPart4 .t2{ padding: 15px 0; font-size: 14px; line-height: 26px;} .cpPart4 .t2 .t p{ padding-left: 15px;} .cpPart4 .t2 .dot{ font-size: 18px; background-size: 6px; background-position: 0 10px;} .cpPart4 .t3 .row{ margin: 0;} .cpPart4 .t3 .img{ border-radius: 4px; box-shadow: 0 0 5px rgba(0,0,0,.1); margin: 10px 5px 5px;} .inBanner.cp .txt a{ margin-top: 10px; padding: 2px; line-height: 24px;} .inBanner.cp .txt a i{ font-size: 16px; background-size: 24px; padding: 0 40px 0 10px !important;} .xwPart1{ padding: 40px 10px 60px;} .xwPart1 .title{ margin: 0 0 10px;} .xwPart1 .title .row{ margin: 0;} .xwPart1 .title a{ font-size: 16px; line-height: 40px; border-radius: 4px; margin: 0;} .xwPart1 .more{ width: 36px; height: 36px;} .xwPart1 .item{ position: inherit; margin: 20px 5px 30px;} .xwPart1 .item .img{ border-radius: 12px 12px 0 0; margin: 0;} .xwPart1 .item .col-lg-3{ position: inherit;} .xwPart1 .item .txt{ border-radius: 0 0 12px 12px; padding: 15px 10px; margin: 0; position: inherit;} .xwPart1 .item .txt i{ margin-bottom: 0;} .xwPart1 .item .txt span{ margin-bottom: 5px;} .xwPart1 .item .txt p{ font-size: 14px; margin-bottom: 10px;} .xwPart1 .list a{ padding: 20px 10px; margin: 0 5px;} .xwPart1 .list a .date{ font-size: 14px;} .xwPart1 .list a .date i{ font-size: 22px;} .xwPart1 .list a .img{ margin: 0;} .xwPart1 .list a .txt{ padding: 15px 0 0;} .xwPart1 .list a .txt p{ -webkit-line-clamp: 2;} .xwPart1 .list a:hover .info{ border: none; box-shadow: inherit;} .xwPart1 .list a:hover .txt{ padding-right: 0;} .xwPart2 .t1 i{ font-size: 14px; margin-right: 15px;} .xwPart2 .t2{ font-size: 16px; line-height: 30px; padding: 15px 0 40px;} .xwPart2 .t3{ border-radius: 10px; padding: 10px 60px 10px 10px;} .xwPart2 .t3 em{ font-size: 14px; margin-bottom: 5px;} .xwPart2 .t3 p{ font-size: 16px;} .xwPart2 .t3 i{ width: 40px; height: 40px; background-size: 12px; top: 13px; right: 10px;} .fenye::before{ height: 0;} .fenye .an{ text-align: center; width: 100%;} .fenye .num{ display: none;} .esgTit span{ font-size: 30px;} .esgTit p{ font-size: 16px; line-height: 30px;} .esgTit p i{ margin-right: 20px;} .esgPart1,.esgPart2,.esgPart3,.esgPart4{ padding: 40px 10px;} .esgPart1 .img{ border-radius: 12px;} .esgPart1 .item .bd{ line-height: 24px;} .esgPart2 .left .bg,.esgPart3 .left .bg,.esgPart4 .left .bg{ height: 320px; border-radius: 12px;} .esgPart2 .right .list .box,.esgPart3 .right .list .box,.esgPart4 .right .list .box{ border-radius: 12px; margin-top: 12px;} .esgPart2 .right .list .box .t,.esgPart3 .right .list .box .t,.esgPart4 .right .list .box .t{ padding-bottom: 70px;} .esgPart2 .hjTit,.esgPart3 .shTit{ overflow-x: scroll; white-space: nowrap; width: auto; text-align: left; padding-bottom: 15px;} .esgPart2 .hjTit::-webkit-scrollbar,.esgPart3 .shTit::-webkit-scrollbar{ width: 4px; height: 4px;} .esgPart2 .hjTit::-webkit-scrollbar-thumb,.esgPart3 .shTit::-webkit-scrollbar-thumb{ border-radius: 5px; background: #0081E0;} .esgPart2 .hjTit::-webkit-scrollbar-track,.esgPart3 .shTit::-webkit-scrollbar-track{ border-radius: 0; background: rgba(0,129,224,.1);} .esgPart2 .hjTit span,.esgPart3 .shTit span{ width: auto; display: inline-block; float: inherit; margin-right: 30px; font-size: 18px; line-height: 24px; padding-bottom: 12px;} .esgPart2 .hjTit span:last-child,.esgPart3 .shTit span:last-child{ margin-right: 0;} .esgPart2 .hjTit span.slt{ font-size: 22px; background-size: 11px;} .esgPart2 .hjCon{ font-size: 13px; line-height: 20px; border-radius: 12px;} .esgPart2 .hjCon em{ text-align: center;} .esgPart3 .shTit span.slt{ font-size: 22px; background-size: 26px; padding-bottom: 15px;} .esgPart3 .shCon{ font-size: 13px; line-height: 20px; padding: 0 30px;} .esgPart3 .shCon em{ font-size: 20px; margin-bottom: 10px;} .esgPart4 .zlSlide{ margin: 30px 0; border-radius: 12px;} .esgPart4 .zlSlide .box .txt{ padding-bottom: 70px;} .esgPart4 .zlSlide .box .txt span{ font-size: 20px; margin-bottom: 10px;} .zlSlide .swiper-button-prev{ left: 50%; margin-left: -50px;} .zlSlide .swiper-button-next{ left: auto; right: 50%; margin-right: -50px;} .lxPart{ padding: 40px 15px 60px;} .lxPart .row{ margin: 10px -5px 0;} .lxPart .col-lg-2{ width: 50%;} .lxPart .box{ margin: 10px 5px 0; padding: 20px 5px 10px; border-radius: 8px; box-shadow: 0 0 5px rgba(0,129,224,.2);} .lxPart .box i{ width: 60px; height: 60px;} .lxPart .box i img{ width: 22px;} .lxPart .box p{ font-size: 16px;} .lxPart .box span{ font-size: 14px; line-height: 24px; min-height: 48px;} .lxPart .box:hover{ box-shadow: 0 0 5px rgba(0,129,224,.4);} .banner_video .txt{top:30%} .banner_video .txt i{font-size: 16px;margin-bottom: 5px;} .banner_video .txt p{font-size: 22px;} .ixSlide .slideImg li:first-child{ opacity: 0;} .ixSlide .slideImg li{ background-position: center right 30% !important;} } @media (-webkit-device-pixel-ratio: 1.25) { .footer .part3 .copy{ width: 68%;} .footer .part3 .right{ width: 30%;} .navCont .topTp{ top: 40px;} .navCont .nav{ padding-top: 14vh;} .navCont .nav1 li .t1{ line-height: 54px;} .section1 .since em{ font-size: 88px; line-height: 88px;} .section1 .part .left{ width: 42%; font-size: 16px;} .section1 .part .left .txt span{ font-size: 20px; margin-bottom: 10px;} .section1 .part .left .txt p{ line-height: 30px; margin-bottom: 30px;} .section1 .part .img{ width: 54%;} .section1 .list{ bottom: 20px; left: 4%;} .section1 .list a{ font-size: 16px; border-radius: 18px; padding: 15px 10px 10px;} .section1 .list a img{ width: 44px; margin-bottom: 10px;} .section2 .ylTit span{ font-size: 24px; line-height: 36px;} .section2 .ylTit span.slt{ font-size: 36px;} .section2 .right{ height: 580px; padding-left: 50px; border-radius: 90px 0 0;} .section2 .right .tit{ margin: 40px 0;} .section2 .right .tit i{ font-size: 38px; margin-right: 10px;} .section2 .ylCon .part .box{ height: 370px; margin-right: 20px;} .section2 .ylCon .part .box .t1{ font-size: 20px;} .section2 .ylCon .part .box .t1 i{ width: 90px; height: 90px; margin: 100px 0 20px;} .section2 .ylCon .part .box:hover .t1 i{ margin-top: 40px;} .section2 .ylCon .part .box .t2 a{ font-size: 16px; line-height: 30px;} .section3 .left .txt{ font-size: 16px; line-height: 30px; padding: 60px 0;} .section3 .right{ width: 58%;} .section4 .ixTit{ padding: 100px 6% 4px;} .ixTit em{ font-size: 44px;} .section4 .bg{ bottom: -12%;} .section4 .part .list{ bottom: 34%;} .section4 .part .list .item:nth-child(2){ margin-bottom: 35px;} .section4 .part .list .item:nth-child(3){ margin-bottom: 70px;} .section4 .part .list .item:nth-child(4){ margin-bottom: 105px;} .section4 .part .list .item .hd{ margin-top: 0;} .section4 .part .list .item .bd{ width: 290px; height: 140px; padding: 10px 10px 0; font-size: 12px; border-radius: 20px 20px 20px 0;} .section4 .part .list .item:nth-child(4) .bd{ right: 30%;} .section4 .part .list .item .bd i{ font-size: 16px;} .section4 .part .list .item .bd p{ line-height: 24px;} .section4 .part .list .item .bd .jt{ height: 40px; bottom: -39px;} .section5 .ixTit{ margin-top: 50px;} .section5 .xwSlide .swiper-wrapper{ margin: 20px 0;} .section5 .xwSlide .box .t1 em{ font-size: 18px; height: 56px; line-height: 28px; margin-bottom: 5px;} .section5 .xwSlide .box .t1 p{ font-size: 14px; height: 44px; line-height: 22px;} .section6 .ixTit em{ margin: 0;} .section6 .part{ width: 1200px;} .section6 .lzTit{ width: 900px;} .section6 .lzTit .txt.t1{ top: 120px; left: 230px;} .section6 .lzTit .txt.t2{ top: 80px; left: 190px;} .section6 .lzTit .txt.t3{ top: 70px; left: 150px;} .section6 .lzTit .txt.t4{ top: 65px; left: 130px;} .section6 .lzTit .txt.t5{ top: 95px; left: 130px;} .section6 .lzTit .txt.t6{ top: 150px; left: 105px;} .section6 .lzTit .txt.t7{ top: 170px; left: 130px;} .section6 .lzTit .txt.t8{ top: 160px; left: 170px;} .section6 .lzTit .txt.t9{ top: 185px; left: 180px;} .section6 .lzTit .txt.t10{ top: 190px; left: 250px;} .section6 .lzTit .txt.t11{ top: 250px; left: 200px;} .section6 .lzTit .txt.t12{ bottom: 270px; left: 310px;} .section6 .lzTit .txt.t13{ bottom: 230px; left: 290px;} .section6 .lzTit .txt.t14{ bottom: 180px; left: 350px;} .section6 .lzTit .txt.t15{ bottom: 200px; left: 427px;} .section6 .lzTit .txt.t16{ top: 130px; right: 210px;} .section6 .lzTit .txt .yuan{ width: 12px; height: 12px;} .section6 .lzTit .txt .yuan i{ width: 6px; height: 6px;} .section6 .lzTit .txt .t{ width: 35px; font-size: 12px; height: 18px; top: -27px;} .section6 .lzTit .txt.t2 .t,.section6 .lzTit .txt.t6 .t,.section6 .lzTit .txt.t8 .t,.section6 .lzTit .txt.t11 .t{ width: 50px;} .section6 .lzTit .txt.t14 .t{ width: 70px;} .section6 .lzTit .txt.t15 .t{ width: 60px;} .section6 .list .box{ font-size: 16px;} .section6 .list .box span i{ font-size: 40px;} .esgPart2 .right .list .box .t em, .esgPart3 .right .list .box .t em, .esgPart4 .right .list .box .t em{font-size:16px;min-height: 80px;} .esgPart2 .hjTit span{font-size:16px} .esgPart2 .hjTit span.slt{font-size:16px} .esgPart2 .right .list .box .t i, .esgPart3 .right .list .box .t i, .esgPart4 .right .list .box .t i{font-size:36px} .esgPart2 .right .list .box .t, .esgPart3 .right .list .box .t, .esgPart4 .right .list .box .t{padding-bottom:70px} .ppPart3 .part .text span{font-size:30px}{font-size:16px;} .gyPart4 .box .t1{font-size:16px;} .gyPart4 .box .t2{font-size:16px;} .gyPart4 .box .t4{font-size:14px;} .gyPart4 .box{margin: 20px 10px;} .gyPart3 .list .box .t{font-size:17px} .rongyu span{font-size:14px;} }