.wow{ opacity: 0; } .mobile {width:100%;} .mobile-inner {margin-right:auto;margin-left:auto;background-color:;position:relative;} .mobile-inner img {} .mobile-inner p {color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0px;} .mobile-inner-header {background-color:rgb(255,255,255);width:100%;height:50px;position:relative;top:0px;z-index:33;left:0px;} .mobile-inner-header-icon {color:#ffffff;height:50px;font-size:25px;text-align:center;float:right;width:50px;position:relative;-webkit-transition:background 0.5s;-moz-transition:background 0.5s;-o-transition:background 0.5s;transition:background 0.5s;} .mobile-inner-header-icon:hover {background-color:rgba(255,255,255,0.2);cursor:pointer;} .mobile-inner-header-icon span {position:absolute;left:calc((100% - 25px) / 2);top:calc((100% - 1px) / 2);width:25px;height:1px;background-color: rgb(63, 173, 227);} .mobile-inner-header-icon span:nth-child(1) {transform:translateY(4px) rotate(0deg);} .mobile-inner-header-icon span:nth-child(2) {transform:translateY(-4px) rotate(0deg);} .mobile-inner-header-icon-click span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clickfirst;} .mobile-inner-header-icon-click span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:clicksecond;} @keyframes clickfirst {0% {transform:translateY(4px) rotate(0deg);} 100% {transform:translateY(0) rotate(45deg);} } @keyframes clicksecond {0% {transform:translateY(-4px) rotate(0deg);} 100% {transform:translateY(0) rotate(-45deg);} } .mobile-inner-header-icon-out span:nth-child(1) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outfirst;} .mobile-inner-header-icon-out span:nth-child(2) {animation-duration:0.5s;animation-fill-mode:both;animation-name:outsecond;} @keyframes outfirst {0% {transform:translateY(0) rotate(-45deg);} 100% {transform:translateY(-4px) rotate(0deg);} } @keyframes outsecond {0% {transform:translateY(0) rotate(45deg);} 100% {transform:translateY(4px) rotate(0deg);} } .mobile-inner-nav{ overflow: auto; max-height: calc(100vh - 50px); } .mobile-inner-nav {background-color: rgba(119, 199, 236, .9);width:100%;position:absolute;top:50px;padding-bottom:0%;display:none;z-index:444;} .mobile-inner-nav a {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;color:#fff;transition:all 0.5s;} .mobile-inner-nav dl {display:none;} .mobile-inner-nav dl dd {line-height:33px;text-decoration:none;text-indent:3em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;font-size:14px;} .mobile-inner-nav li {border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height:53px;text-indent:20px;} .mobile-inner-nav h2.h2tit {line-height:50px;text-decoration:none;text-indent:2em;font-size:16px;color:#FFFFFF;border-bottom:solid 1px rgba(255,255,255,0.3);-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;font-weight:300;} .mobile-inner-nav h2.h2tit a {color:#FFFFFF;} .mobile-inner-nav a {border-bottom:none;} .mobile-inner-nav li {-webkit-animation-duration:0.5s;animation-duration:0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:returnToNormal;animation-name:returnToNormal;} @-webkit-keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);} } @keyframes resize {from,60%,75%,90%,to {-webkit-animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);animation-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);} 0% {opacity:0;-webkit-transform:scale(5,5);transform:scale(5,5);} 100% {opacity:1;-webkit-transform:scale(1,1);transform:scale(1,1);} } @-webkit-keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} to {opacity:1;-webkit-transform:none;transform:none;} } @keyframes returnToNormal {from {opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);} to {opacity:1;-webkit-transform:none;transform:none;} } .mobile-inner-nav li:last-child h2.h2tit {border-bottom:none;} .mobile-inner-nav li .h3tit {height:50px;position:relative;background:url(../images/51_icon_search@2x.png) no-repeat 30px center;background-size:17px;} .mobile-inner-nav li .words {display:block;width:100%;height:100%;border:none;background:none;text-indent:60px;font-size:15px;color:#fff;background:url(../images/search2.png) no-repeat 30px center;background-size:20px;} .mobile-inner-nav li:last-child {border-bottom:none;} .mobile-inner-nav li form {display:block;width:100%;height:100%;} @charset "utf-8";@charset "UTF-8"; .animated {animation-duration:1s;animation-fill-mode:both;} .animated.infinite {animation-iteration-count:infinite;} .animated.hinge {animation-duration:2s;} .fadeInUp {animation-duration:1.76s;animation-name:fadeInUp;} @keyframes fadeInUp {from {opacity:0;transform:translate3d(0,40px,0);} to {opacity:1;transform:none;} } body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, th, td, p, blockquote, pre, form, fieldset, legend, input, button, textarea, hr, span { margin: 0; padding: 0; } html {font-size: 62.5%;} body {font-size: 1.4rem;} html,body{ -moz-user-select: none; -khtml-user-select: none; } body { font-family: "Microsoft YaHei" ! important; color: #000000; background: #fff; margin: 0 auto; padding: 0px; } body{} input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] { -webkit-appearance: none; } input{ -webkit-appearance: none; } textarea { -webkit-appearance: none;} a { text-decoration: none; color: #235aa7; outline: none; } a:active { star:expression(this.onFocus=this.blur()); } img { border: 0px; vertical-align: middle; } li { list-style: none; } *{ outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a:link{text-decoration:none; } a:visited{text-decoration:none; } a:hover{text-decoration:none;} a:active{text-decoration:none;} .loading { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; background: #fff; z-index: 99999; } .loadingfa { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size: 29px; color: #1f8adf; position: absolute; left: 50%; margin-top: -25px; margin-left: -25px; top: 50%; } html { -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: none; } html { -webkit-tap-highlight-color: transparent; } body { -webkit-overflow-scrolling: touch; } * { padding: 0; margin: 0; } @keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @-webkit-keyframes rotate{ from{-webkit-transform:rotate(0deg)} to{-webkit-transform:rotate(360deg)} } @-moz-keyframes rotate{ from{-moz-transform:rotate(0deg)} to{-moz-transform:rotate(360deg)} } @-ms-keyframes rotate{ from{-ms-transform:rotate(0deg)} to{-ms-transform:rotate(360deg)} } @-o-keyframes rotate{ from{-o-transform:rotate(0deg)} to{-o-transform:rotate(360deg)} } .xuanzhuan { animation: 2s linear 0s normal forwards infinite rotate; -webkit-animation: 2s linear 0s normal forwards infinite rotate; -moz-animation: 2s linear 0s normal forwards infinite rotate; -o-animation: 2s linear 0s normal forwards infinite rotate; } .xuanzhuan img{ display: block; width: 100%; } .pc{ display: block; } .wap{ display: none; } .clearflex:after{ content: ""; display: table; clear: both; } .head.current{left:0px;right:0px;top:0px;border-radius:0px;-webkit-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.03);-moz-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.03);-o-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.03);-ms-box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.03);box-shadow: 0px 12px 24px 0px rgba(0,0,0,0.03);} .head{height: 85px;background: #FFFFFF;border-radius: 20px;left: 150px;right: 150px;position: fixed;top: 26px;z-index: 8888;-webkit-transition: all 0.4s;-o-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;transition:all 0.4s;} .head .wrap{ } .wrap:after{ content: ""; display: table; clear: both; } .wrap{ } .head .logo{ float: left; padding-top: 18px; margin-left: 58px; } .head .logo img{ } .head .nav{ float: right; padding-right: 68px; } .head .nav li{ position: relative; float: left; margin-left: 40px; } .head .nav .h2tit{ } .head .nav li.current .h2tit a{ color: #007ECA; font-weight: bold; } .head .nav .h2tit a{ font-size: 20px; font-family: Alibaba; font-weight: normal; color: #333333; line-height: 85px; display: block; height: 85px; text-align: center; } .head .nav dl{ width: 210px; text-align: center; background: #FFFFFF; position: absolute; top: 93px; position: absolute; /* top: 50%; */ left: 50%; -o-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; top: 103px; visibility: hidden; opacity: 0; z-index: -1; } .head .nav dl dd a:hover{ background: #007ECA; color: #fff } .head .nav dl dd a{ display: block; line-height: 30px; font-size: 15px; font-family: Alibaba; font-weight: normal; color: #007ECA; } .head .nav li:hover dl{ visibility:visible; opacity:1; z-index:5; top:93px; } *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wrap{ } .banner{ } .banner .imgbox a{ display: block; height: 100%; } .banner .imgbox{ overflow: hidden; position: relative; height: 70vh; } .banner .img{ height: 100%; -webkit-transform: scale(1.2,0.9); -o-transform: scale(1.2,0.9); -moz-transform: scale(1.2,0.9); -ms-transform: scale(1.2,0.9); transform: scale(1.2,0.9); -webkit-transition: all 9.4s; -o-transition: all 9.4s; -moz-transition: all 9.4s; -ms-transition: all 9.4s; transition: all 9.4s; } .banner .swiper-slide-active .img{ -webkit-transform: none; -o-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } .banner .content{ width: 100%; position:absolute; top: 70%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; transition: all .6s; } .banner .swiper-slide-active .content{ top: 60%; opacity: 1; } .banner .title{ font-size: 49px; font-family: AlibabaPuHuiTiB; font-weight: bold; color: #007ECA; line-height: 1; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; transition: all .6s; } .banner .dec{ font-size: 48px; font-family: AlibabaPuHuiTiR; font-weight: 400; color: #666666; padding-top: 29px; padding-bottom: 29px; line-height: 1; } .banner .line{ width: 84px; height: 6px; background: #007ECA; } .wrap{ width: 1310px; max-width: 100%; margin: 0px auto; padding: 0px 15px; } .head .nav li .h2tit a:after{ content: ""; height: 3px; background: #007ECA; content: ""; position: absolute; left: 0px; bottom: 0px; width: 0px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; position:absolute; left: 50%; -o-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); bottom: 0px; } .head .nav li.current .h2tit a:after, .head .nav li:hover .h2tit a:after{ width: 100%; } .index .section1{ background: url(../images/sec21.jpg) no-repeat 0 center; background-size: auto 100%; padding-top: 143px; padding-bottom: 239px; } .index .section1 .content{ zoom: 1; overflow: hidden; } .index .section1 .cont{ text-align: right; float: right; width: 50%; padding-right: 121px; position: relative; } .index .section1 .title{ font-size: 30px; font-family: AlibabaPuHuiTiM; font-weight: normal; color: #333333; line-height: 1; margin-bottom: 105px; } .index .section1 .en{ font-size: 53px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #3FADE3; line-height: 1; } .index .section1 .cn{ font-size: 35px; font-family: AlibabaPuHuiTiM; font-weight: 400; color: #3FADE3; padding-top: 14px; padding-bottom: 47px; line-height: 1; } .index .section1 .dec{ font-size: 18px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #666666; line-height: 30px; } .morebase{ width: 193px; height: 36px; background: #3FADE3; border-radius: 18px; display: block; text-align: center; line-height: 36px; font-size: 22px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #fff; } .index .section1 .morebase{ float: right; margin-top: 86px; } .index .section1 .cos{ zoom: 1; overflow: hidden; } @font-face { font-family: 'AlibabaPuHuiTiL'; src: url('../fonts/AlibabaPuHuiTiL.ttf'); } .index .section1 .swiper-button-next{ width: 47px; height: 47px; background: url(../images/ri.png) no-repeat center center; background-size: 100%; top: 70% } .index .section1 .swiper-button-prev{ width: 47px; height: 47px; background: url(../images/le.png) no-repeat center center; background-size: 100%; top: 70% } .index .section2{ background: #F9F9F9; zoom: 1; overflow: hidden; padding-left: 160px; padding-top: 110px; padding-bottom: 62px; } .index .section2 .left{ float: left; width: 443px; padding-left: 15px; } .index .section2 .en{ font-size: 53px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #3FADE3; line-height: 0.9; } .index .section2 .cn{ font-size: 35px; font-family: AlibabaPuHuiTiM; font-weight: 400; color: #3FADE3; line-height: 1; padding-top: 6px; } .index .section2 .dec{ font-size: 18px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #333333; line-height: 30px; padding-top: 38px; padding-bottom: 75px; } .index .section2 .morebase{ } .index .section2 .right{ float: left; position: relative; padding-bottom: 44px; width: calc(100% - 443px); } .index .section2 .right a{ display: block; background: #FFFFFF; border: 1px solid #D7D6D4; border-radius: 15px; text-align: center; overflow: hidden; margin-bottom: 76px; } .index .section2 .right a .imgbox{ display: block; position: relative; z-index: 4; height: 343px; border-bottom: 1px solid #E1E0DF; position: relative; background: #fff } .index .section2 .right a .imgbox img{ display: block; position: absolute; height: 343px; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .index .section2 .right a .title{ position: relative; z-index: 4; display: block; font-size: 20px; font-family: AlibabaPuHuiTiM; font-weight: 400; color: #333333; text-align: center; line-height: 60px; background: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index .section2 .swiper-button-next, .index .section2 .swiper-button-prev{ top: auto; bottom: 62px; width: 9px; height: 13px; } .index .section2 .swiper-button-prev{ left: 48%; background: url(../images/le2.png) no-repeat center center; } .index .section2 .swiper-button-next{ right: 48%; background: url(../images/ri2.png) no-repeat center center; } .index .section2 .right a .title{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .index .section2 .right a:hover .title{ background: #3FADE3; color: #fff } .index .section2 .right a:after{ content: ""; height: 100%; position: absolute; left: -10%; bottom: -8%; width: 120%; background: url(../images/bottom.png) no-repeat center bottom; background-size: 100% 100%; opacity: 0; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .index .section2 .right a:hover:after{ opacity: 1; } .index .section3 > div{ position: relative; z-index: 4; } .index .section3{ zoom: 1; overflow: hidden; background: #007ECA; position: relative; } .index .section3:after{ content: ""; position: absolute; right: 0px; bottom: 0px; height: 100%; background: url(../images/ihg.jpg) no-repeat center center; background-size: cover; height: 100%; width: 44%; } .index .section3 .left{ float: left; width: 60%; padding-top: 129px; padding-bottom: 112px; padding-left: 160px; padding-right: 8%; } .index .section3 .en{ font-size: 30px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; text-align: right; line-height: 1; } .index .section3 .cn{ text-align: right; line-height: 1; font-size: 30px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; padding-top: 20px; padding-bottom: 45px; } .index .section3 .dec{ font-size: 18px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; line-height: 30px; margin-bottom: 69px; } .index .section3 .more{ width: 193px; line-height: 36px; background: #FFFFFF; border: 1px solid #3A83F1; border-radius: 18px; display: block; text-align: center; font-size: 22px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #007eca; float: right; } .index .section3 .right{ float: left; width: 40%; } .index .section3 .right img{ position: absolute; top: 50%; right: 0; -o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); right: 260px; } .index .section3 .wrap{ position: relative; } .index .section3 .right{ position: absolute; right: 0; top: 0px; height: 100%; } .index .section4{ padding-top: 62px; padding-bottom: 103px; } .index .section4 .item:nth-child(2):before, .index .section4 .item:nth-child(2):after{ content: ""; position:absolute; top: 50%; left: 50%; -o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 1px; height: 85px; background: #666666; left: 0; } .index .section4 .item:nth-child(2):before{ left: auto; right: 0; } .index .section4 .item{ position: relative; float: left; width: 33.333%; text-align: center; } .index .section4 .imgbox{ } .index .section4 .imgbox img{ } .index .section4 .title{ font-size: 34px; font-family: AlibabaPuHuiTiR; font-weight: 400; color: #007eca; line-height: 1; padding-top: 46px; padding-bottom: 13px; } .index .section4 .dec{ font-size: 21px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #666666; line-height: 24px; width: 270px; margin: auto; max-width: 100%; height: 50px; } .index .section4 .line{ width: 7px; height: 7px; background: #666666; border-radius: 50%; margin: auto; margin-top: 20px; } .index .section5{ background: url(../images/sec5.jpg) no-repeat center center; background-size: cover; zoom: 1; overflow: hidden; padding: 0px 6%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; padding-top: 58px; padding-bottom: 129px; } .index .section5 .left{ float: left; width: 539px; } .index .section5 .left .en{ font-size: 53px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #3fade3; line-height: 48px; } .index .section5 .left .cn{ font-size: 35px; font-family: AlibabaPuHuiTiM; font-weight: 400; color: #3fade3; line-height: 1; padding-top: 7px; } .index .section5 .left .dec{ font-size: 18px; font-family: Alibaba; font-weight: normal; color: #333333; line-height: 30px; padding-top: 198px; } .index .section5 .right{ width: calc(100% - 539px); } .index .section5 .right .content{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; padding-bottom: 50px; align-items: center; padding-top: 50px; } .index .section5 .right .imgbox{ width: 50%; } .index .section5 .right .imgbox img{ width: 100%; } .index .section5 .right .ri{ padding-left: 5%; width: 73%; } .index .section5 .right .title{ font-size: 25px; font-family: Alibaba; font-weight: normal; color: #007DC9; } .index .section5 .right .morebase{ } .index .section5 .right .dec{ font-size: 18px; font-family: Alibaba; font-weight: normal; color: #5B5B5B; line-height: 30px; padding-top: 62px; padding-bottom: 35px; } .index .section6{ } .index .section6 a *{ display: block; } .index .section6 a{ text-align: center; display: block; background: url(../images/bg2.jpg) no-repeat center center; background-size: cover; padding-top: 45px; padding-bottom: 56px; } .index .section6 a .title{ font-size: 25px; font-family: Alibaba; font-weight: normal; color: #333333; } .index .section6 a .dec{ font-size: 18px; font-family: Alibaba; font-weight: normal; color: #5B5B5B; margin-top: 10px; margin-bottom: 39px; } .index .section6 a .imgbox{ } .index .section6 a .imgbox img{ margin: auto; } .index .section6 { margin-top: 14px; } .index .section6 .swiper-button-next{ width: 56px; height: 56px; background: url(../images/ri3.png) no-repeat center center; background-size: 100%; right: 103px; } .index .section6 .swiper-button-prev{ width: 56px; height: 56px; background: url(../images/le3.png) no-repeat center center; background-size: 100%; left: 103px; } .index .section5 .swiper-pagination-bullet{ width: 11px; height: 11px; border: 2px solid #5B5B5B; border-radius: 50%; background: none; opacity: 1; margin: 0px 11px; } .index .section5 .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #5B5B5B } .index .section7{ padding: 0px 160px; padding-bottom: 128px; zoom: 1; overflow: hidden; } .index .section7 .titleTal{ zoom: 1; padding-top: 111px; overflow: hidden; padding-bottom: 47px; } .index .section7 .titleTal .title{ float: left; font-size: 30px; font-family: GothicNo13BT; font-weight: 400; color: #333333; } .index .section7 .titleTal .en{ float: left; } .index .section7 .titleTal .cn{ float: left; padding-left: 13px; } .index .section7 .titleTal .hd{ float: right; } .index .section7 .titleTal .hd a{ float: left; width: 149px; line-height: 36px; background: #FFFFFF; border: 1px solid #007DC9; border-radius: 18px; margin-left: 35px; text-align: center; font-size: 22px; font-family: Alibaba; font-weight: normal; color: #007DC9; -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .index .section7 .titleTal .hd a:hover, .index .section7 .titleTal .hd a.current{ } .index .section7 .bd{ } .index .section7 .bd .model *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .index .section7 .bd .model{ } .index .section7 .bd .left{ float: left; width: 44%; height: 450px; } .index .section7 .bd .left a:after{ content:""; position:absolute; left:0px; top:0px; width:100%; height:100%; opacity: 0.6; background:#000; } .index .section7 .bd .left a{ display: block; height: 100%; position: relative; overflow: hidden; } .index .section7 .bd .left a *{ display: block; } .index .section7 .bd .left .imgbox{ height: 100%; } .index .section7 .bd .left .content{ position: absolute; z-index: 4; left: 0; top: 0px; width: 100%; height: 100%; padding-top: 94px; z-index: 5; padding-left: 45px; padding-right: 45px; } .index .section7 .bd .left .title{ font-size: 22px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; } .index .section7 .bd .left .dec{ font-size: 16px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; line-height: 24px; padding-top: 26px; margin-bottom: 52px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index .section7 .bd .left .time{ font-size: 14px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #FFFFFF; } .index .section7 .bd .left .more{ width: 57px; height: 57px; background: url(../images/mr.png); margin-top: 67px; } .index .section7 .bd .right { float: right; width: 53%; } .index .section7 .bd .right li{ margin-bottom: 60px; } .index .section7 .bd .right li a{ zoom: 1; overflow: hidden; position: relative; display: block; } .index .section7 .bd .right li a *{ display: block; } .index .section7 .bd .right li .imgbox{ width: 304px; height: 195px; float: left; overflow: hidden; } .index .section7 .bd .right li .img{ height: 100%; } .index .section7 .bd .right li .content{ float: left; width: calc(100% - 304px); padding-left: 16px; padding-top: 11px; } .index .section7 .bd .right li .title{ font-size: 22px; font-family: Alibaba; font-weight: normal; color: #5B5B5B; line-height: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .index .section7 .bd .right li .dec{ font-size: 16px; font-family: Alibaba; font-weight: normal; color: #5B5B5B; line-height: 24px; margin-top: 23px; margin-bottom: 66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .index .section7 .bd .right li .time{ font-size: 14px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #5B5B5B; } .footer{zoom: 1;overflow: hidden;background: #007DC9;} .footer .left{ float: left; width: 58%; background: #3FADE3; padding-left: 160px; padding-top: 42px; } .footer .left .logo{ padding-bottom: 52px; } .footer .left .logo img{ } .footer .left .navs ul{ zoom: 1; overflow: hidden; display: flex; justify-content: space-between; padding-right: 5%; border-bottom: 1px solid #D1E7FE; margin-right: 4%; } .footer .left .navs li{ float: left; padding-bottom: 76px; } .footer .left .navs .h2tit{ } .footer .left .navs .h2tit a{ display: block; margin-bottom: 28px; font-size: 18px; font-family: FZLTCHK; font-weight: normal; color: #FFFFFF; } .footer .left .navs dl{ } .footer .left .navs dl dd a{ font-size: 13px; font-family: FZLTHK; font-weight: normal; color: #FFFFFF; line-height: 24px; } .footer .left .en{ font-size: 14px; font-family: Alibaba; font-weight: normal; color: #3FADE3; padding-top: 14px; color: #fff; line-height: 1; } .footer .left .val:after{ content:""; display:table; clear:both; } .footer .left .val{ /* zoom: 1; */ /* overflow: hidden; */ padding-right: 4%; } .footer .left .cn{ font-size: 16px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; float: left; line-height: 1; padding-top: 8px; } .footer .left .vl{ padding-left: 34px; margin-left: 14px; float: left; font-size: 26px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; line-height: 1; background: url(../images/tel.png) no-repeat left; } .footer .left .v2{ padding-left: 34px; margin-left: 14px; float: left; font-size: 26px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; line-height: 1; background: url(../images/address1.png) no-repeat left; background-size: contain; } .footer .left .ri{ float: right; } .footer .left .ri a:hover span{ bottom: 39px; visibility:visible; opacity:1; z-index:5; } .footer .left .ri a span:after{ width: 0; height: 0; content:""; position:absolute; left:50%; bottom: -9px; margin-left: -7px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; } .footer .left .ri a span{ position:absolute; width: 100%; padding: 7px; background:#fff; bottom:30px; left: 0px; z-index: 5; -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; bottom: 50px; visibility: hidden; opacity: 0; z-index: -1; } .footer .left .ri a span img{ width:100%; } .footer .left .ri a{ float: left; line-height: 26px; font-size: 18px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; padding-left: 34px; margin-left: 31px; position: relative; } .footer .left .ri a.zx{ background: url(../images/zx.png) no-repeat left center; background-size: 25px; margin-left: 0; } .footer .left .ri a.wx{ background: url(../images/weixin.png) no-repeat left center; } .footer .left .ri a.wb{ background: url(../images/weibo.png) no-repeat left center; } .footer .left .copy{ font-size: 14px; font-family: FZLTHK; font-weight: normal; color: #18729F; padding-top: 27px; padding-bottom: 12px; padding-right: 4%; } .footer .right .en{ display: block; font-size: 18px; font-family: Alibaba; font-weight: normal; color: #3FADE3; color: #fff; line-height: 1; } .footer .right .val:after{ content:""; display:table; clear:both; } .footer .right .val{ /* zoom: 1; */ /* overflow: hidden; */ padding-right: 4%; } .footer .right .cn{ font-size: 16px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; line-height: 1; padding-top: 8px; } .footer .right .vl{ padding-left: 34px; margin-left: 14px; font-size: 26px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; line-height: 1; background: url(../images/tel.png) no-repeat left; } .footer .right .v2{ padding-left: 34px; margin-left: 14px; font-size: 26px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; line-height: 1.2; background: url(../images/address1.png) no-repeat left; background-size: 30px; } .footer .right .ri{ } .footer .right .ri a:hover span{ bottom: 39px; visibility:visible; opacity:1; z-index:5; } .footer .right .ri a span:after{ width: 0; height: 0; content:""; position:absolute; left:50%; bottom: -9px; margin-left: -7px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #fff transparent transparent transparent; } .footer .right .ri a span{ position:absolute; width: 100%; padding: 7px; background:#fff; bottom:30px; left: 0px; z-index: 5; -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; bottom: 50px; visibility: hidden; opacity: 0; z-index: -1; } .footer .right .ri a span img{ width:100%; } .footer .right .ri a{ float: left; line-height: 26px; font-size: 18px; font-family: Alibaba; font-weight: normal; color: #FFFFFF; padding-left: 34px; margin-left: 31px; position: relative; } .footer .right .ri a.zx{ background: url(../images/zx.png) no-repeat left center; background-size: 25px; margin-left: 0; } .footer .right .ri a.dy{ background: url(../images/dy.png) no-repeat left center; background-size: 25px; margin-left: 0; } .footer .right .ri a.wx{ background: url(../images/weixin.png) no-repeat left center; } .footer .right .ri a.wb{ background: url(../images/weibo.png) no-repeat left center; } .footer .right .copy{ font-size: 14px; font-family: FZLTHK; font-weight: normal; color: #18729F; padding-top: 27px; padding-bottom: 12px; padding-right: 4%; } .footer .right{ float: left; width: 42%; padding-top: 69px; padding-left: 5%; } .footer .right .item{ margin-bottom:50px; } .footer .right .item div{ margin-bottom: 30px; } .footer .right .item .tit{ font-size: 18px; font-family: FZLTCHK; font-weight: normal; color: #FFFFFF; line-height: 1; padding-left: 13px; border-left: 4px solid #fff; } .footer .right .item .val{ font-size: 16px; font-family: FZLTHK; font-weight: normal; color: #FFFFFF; line-height: 24px; padding-top: 11px; padding-bottom: 37px; padding-left: 17px; } .footer .right .item .val p{ } .topBtn{ z-index: 5555; background: url(../images/top.png) no-repeat center center; cursor: pointer; width: 39px; height: 39px; } .right-btn{ position: fixed; width: 200px; right: 9px; bottom: 10%; z-index: 5555; display: flex; flex-wrap: wrap; justify-content: space-evenly; text-align: center; background: #3FADE3; padding:20px; color:#fff; border-radius: 30px; font-size: 24px; } .right-btn .phone-mb{ display: none; } .right-btn a{ color:#fff; } .right-btn .phone-pc,.right-btn .wxchat{ margin-bottom:30px; } .index .section7 .bd .right li .img:hover, .index .section7 .bd .left a:hover .imgbox{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .index .section7 .bd .right li a:hover .title{ color: #007DC9; } .index .section7 .bd .right li a:hover .dec{ color: #007DC9; } .index .section7 .titleTal .hd a.current, .index .section7 .titleTal .hd a:hover{ background: #007DC9; color: #fff } .cbanner { height: 500px; overflow: hidden; } .cbanner .img{ height: 100%; transform: scale(1.2,1.2); opacity: .4; animation: scale 4s forwards; -moz-animation: scale 4s forwards; -webkit-animation: scale 4s forwards; -o-animation: scale 4s forwards; } @keyframes scale{ 0%{ transform: scale(1.2,1.2); opacity: .4; } 100%{ transform: scale(1,1); opacity: 1; } } .aboutMain{ } .aboutMain .block1{ padding-top: 58px; padding-bottom: 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .aboutMain .block1 .left{ font-size: 40px; font-family: GothicNo13BT; font-weight: 400; color: #007ECA; line-height: 48px; width: 321px; padding-top: 87px; } .aboutMain .block1 .center{ min-height: 273px; border-left: 1px solid #BFBFBF; border-right: 1px solid #BFBFBF; padding-left: 92px; padding-right: 131px; width: 709px; } .aboutMain .block1 .right{ width: calc(100% - 1030px); text-align: center; padding-top: 41px; } .aboutMain .block1 .right img{ width: 199px; max-width: 57%; } .aboutMain .block1 .en{ } .aboutMain .block1 .cn{ } .aboutMain .block1 .dec p:nth-child(1){ background: url(../images/s1.png) no-repeat 14px center; margin-bottom: 32px; } .aboutMain .block1 .dec p:nth-child(2){ background: url(../images/s2.png) no-repeat 14px center; } .aboutMain .block1 .title{ font-size: 30px; font-family: Alibaba; font-weight: normal; color: #007DC9; } .aboutMain .block1 .dec{ padding-top: 57px; width: 486px; max-width: 100%; } .aboutMain .block1 .s1{ } .aboutMain .block1 .s2{ font-weight: bold; display: block; } .aboutMain .block1 .dec p{ font-size: 24px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; line-height: 30px; padding-left: 72px; } .wrapPadding:after{ content:""; display:table; clear:both; } .wrapPadding{ width: 1600px; max-width: 100%; padding: 0px 15px; margin: auto; } .aboutMain .mapImg0{ } .aboutMain .mapImg0 img{ width: 100%; } .aboutMain .block2{ padding-top: 116px; } .aboutMain .block2 .item:nth-child(2n){ float:right; } .aboutMain .block2 .item{ float: left; width: calc((100% - 42px)/2); margin-bottom: 97px; } .aboutMain .block2 .item .title{ font-size: 25px; font-family: Alibaba; font-weight: normal; color: #5B5B5B; padding-bottom: 32px; } .aboutMain .block2 .item .dec{ } .aboutMain .block2 .item .dec p{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; line-height: 30px; padding-left: 72px; } .aboutMain .block2 .item .s1{ } .aboutMain .block2 .item .s2{ display: block; font-weight: bold; } .aboutMain .block2 .item .mapImg{ } .aboutMain .block2 .item .mapImg img{ width: 100%; } .position{ background: #F9F9F9; line-height: 30px; text-align: right; font-size: 13px; font-family: FZLTXHK; font-weight: 400; color: #888888; } .position a{ color: inherit; } .aboutMain .block2 .item .dec p:nth-child(1){ background: url(../images/s1.png) no-repeat 14px center; margin-bottom: 32px; } .aboutMain .block2 .item .dec p:nth-child(2){ background: url(../images/s2.png) no-repeat 14px center; margin-bottom: 45px; } .newsMain{ } .newsList1{ background: #FFFFFF; border: 1px solid #B7B7B7; margin-top: 86px; margin-bottom: 0; margin-bottom: 95px; } .newsList1 a{ display: block; position: relative; padding-left: 50%; padding-right: 5%; } .newsList1 a *{ display: block; } .newsList1 .imgbox{ position: absolute; width: 44%; left: 0; height: 100%; top: 0px; overflow: hidden; } .newsList1 .img{ height: 100%; -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .newsList1 .content{ padding-left: 50; padding-top: 43px; } .newsList1 .title{ font-size: 28px; font-family: FZLTCHK; font-weight: bold; color: #5B5B5B; line-height: 1; } .newsList1 .dec{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; line-height: 24px; margin-top: 41px; margin-bottom: 221px; } .newsList1 .time{ font-size: 16px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; padding-bottom: 35px; line-height: 1; } .newsList1 .swiper-button-prev, .newsList1 .swiper-button-next{ bottom: 37px; width: 57px; height: 57px; top: auto; margin: 0; background-size: 100%; } .newsList1 .swiper-button-next{ right: 90px; background: url(../images/ri4.png) no-repeat center center; } .newsList1 .swiper-button-prev{ right: 182px; left: auto; background: url(../images/le4.png) no-repeat center center; } .position2{ line-height: 65px; border-bottom: 1px solid rgba(0, 0, 0, .15); } .position2 .menu{ float: left; font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #FFFFFF; } .position2 .menu a{ color: #333333; min-width: 133px; float: left; text-align: center; height: 65px; padding: 0px 12px; } .position2 .menu a:hover, .position2 .menu a.current{ font-weight: bold; border-bottom: 3px solid #007ECA; } .position2 .ri{ float: right; font-size: 13px; font-family: FZLTXHK; font-weight: 400; color: #5B5B5B; } .position2 .ri a{ color: inherit; } .position2 .ri a:after{content:"-"} .position2 .ri a:last-child:after{content:""} .newsList2{ background: #F9F9F9; padding-top: 75px; } .newsList2 li:nth-child(3n){ margin-right: 0px; } .newsList2 li{ float: left; width: calc((100% - 150px)/3); margin-bottom: 88px; margin-right: 75px; position: relative; } .newsList2 li a{ display: block; } .newsList2 li a .imgbox{ overflow: hidden; } .newsList2 li a .img{ height: 280px; } .newsList2 li a .content{ padding: 19px 26px; background: #fff; } .newsList2 li a .title{ font-size: 22px; font-family: Alibaba; font-weight: bold; line-height: 1; color: #5B5B5B; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .newsList2 li a .dec{ font-size: 16px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; line-height: 24px; margin-top: 17px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-bottom: 25px; } .newsList2 li a .time{ font-size: 14px; font-family: AlibabaPuHuiTiL; font-weight: 400; color: #5B5B5B; line-height: 1; } .newsList2 li a *{ display: block; } .pagesize{font-size: 0px;text-align: center;padding-bottom: 283px;} .pagesize a{ text-align: center; display: inline-block; vertical-align: middle; min-width: 47px; color: #c9c9c9; font-size: 17px; margin: 0px 5px; line-height: 41px; border: 1px solid #c9c9c9; padding: 0px 12px; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .pagesize a.current, .pagesize a.page-num-current, .pagesize a:hover{ background: #007ECA; color:#fff; font-weight:bold; border-color: #007ECA; } .newsList2 li, .newsList2 li *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .newsList1 .img:hover, .newsList2 li a .img:hover{ -webkit-transform: scale(1.05,1.05); -o-transform: scale(1.05,1.05); -moz-transform: scale(1.05,1.05); -ms-transform: scale(1.05,1.05); transform: scale(1.05,1.05); } .articleDetail *{ max-width: 100%; } .articleDetail img{ height: auto !important; } .articleDetail .left .line2{ height: 1px; background: #BFBFBF; margin-top: 29px; } .articleDetail .left .title2{ font-size: 30px; font-family: FZLTCHK; font-weight: bold; color: #007DC9; padding-left: 21px; border-left: 5px solid #007DC9; line-height: 34px; } .articleDetail{ padding-top: 66px; padding-bottom: 239px; } .articleDetail .left{ float: left; width: 30.6%; } .articleDetail .left .title{ font-size: 28px; font-family: FZLTCHK; font-weight: bold; color: #333333; } .articleDetail .left .time{ border-bottom: 1px solid #BFBFBF; padding-top: 22px; padding-bottom: 31px; } .articleDetail .left .time em{ display: inline-block; width: 2em; height: 1px; vertical-align: middle; } .articleDetail .prevText{ padding-top: 72px; } .articleDetail .prevText p:last-child{ border:none; } .articleDetail .prevText p{ border-bottom: 1px dashed #BFBFBF; margin-bottom: 17px; padding-bottom: 17px; } .articleDetail .s1{ font-size: 15px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; display: block; padding-bottom: 12px; line-height: 1; } .articleDetail .prevText a{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #333333; display: block; } .articleDetail .return{ display: block; line-height: 50px; background: url(../images/return.png) no-repeat 20px center #F7F8FA; font-size: 18px; font-family: FZLTXHK; font-weight: 400; color: #777778; padding-left: 53px; } .articleDetail .right{ float: right; width: 67%; } .articleDetail .right .title{ line-height: 34px; display: inline-block; font-size: 20px; font-family: GothicNo13BT; font-weight: 400; color: #FFFFFF; padding: 0px 10px; background: #007DC9; margin-bottom: 20px; } .articleDetail .right .dec{ font-size: 20px; font-family: FZLTXHK; font-weight: 400; color: #333333; line-height: 30px; } .articleDetail .right p{ } .articleDetail .right{ } .articleDetail .right *{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #333333; line-height: 30px; max-width: 100% ; } .aboutMain2{ } .aboutMain2 .sec1{ zoom: 1; overflow: hidden; } .aboutMain2 .sec1 .left{ width: 38%; float: left; } .aboutMain2 .sec1 .left img{ max-width: 90%; } .aboutMain2 .sec1 .right{ float: left; width: 62%; padding-bottom: 36px; margin-bottom: 28px; border-bottom: 1px solid #BFBFBF; } .aboutMain2 .sec1 .right .text{ font-size: 18px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; line-height: 30px; } .aboutMain2 .sec1 .right .text p{ } .aboutMain2 .sec1 .flex{ display: flex; padding-top: 60px; align-items: center; } .aboutMain2 .sec1 .list{ padding-left: 38%; zoom: 1; overflow: hidden; } .aboutMain2 .sec1 .clear{ clear: both; } .aboutMain2 .sec1 .val strong{ font-size: 30px; font-family: GothicNo13BT; font-weight: 400; color: #007ECA; line-height: 1; } .aboutMain2 .sec1 .val span{ font-size: 18px; font-family: GothicNo13BT; font-weight: 400; color: #007ECA; vertical-align: top; line-height: 1; } .aboutMain2 .sec1 .val{ } .aboutMain2 .sec1 .item{ float: left; text-align: center; margin-right: 11%; padding-bottom: 54px; } .aboutMain2 .sec1 .title{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #007ECA; padding-top: 12px; padding-bottom: 20px; } .aboutMain2 .sec1 .icon { } .titlemodel2{ font-size: 35px; font-family: GothicNo13BT; font-weight: 400; color: #007DC9; line-height: 48px; } .titlemodel2 .cn{ } .titlemodel2 .en{ } .aboutMain2 .sec2{ } .aboutMain2 .sec2 .contentHd{ background: url(../images/contenthd.jpg) no-repeat center center; background-size: cover; padding-top: 96px; } .aboutMain2 .sec2 .titlemodel2{ color: #fff; padding-bottom: 172px; } .aboutMain2 .sec2 .titlemodel2 *{ } .aboutMain2 .sec2 .hd{ display: flex; justify-content: space-evenly; overflow: auto; overflow-y: hidden; } .aboutMain2 .sec2 .hd a{ line-height: 1; padding-bottom: 20px; display: inline-block; font-size: 30px; font-family: GothicNo13BT; font-weight: 400; position: relative; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; color: #FFFFFF; } .aboutMain2 .sec2 .hd a span{ } .aboutMain2 .sec2 .hd a i:after{ content:""; position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);width: 9px; height: 9px; background: #007DC9; border-radius: 50%; } .aboutMain2 .sec2 .hd a:hover, .aboutMain2 .sec2 .hd a.current{ color: #007DC9 } .aboutMain2 .sec2 .hd a:hover i, .aboutMain2 .sec2 .hd a.current i{ bottom: -8px; opacity: 1; } .aboutMain2 .sec2 .hd a i{ display: block; width: 16px; height: 16px; background: #FFFFFF; border-radius: 50%; position: absolute; bottom: -8px; left: 50%; -o-transform: translate(-50%, 0%); -webkit-transform: translate(-50%, 0%); -moz-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); opacity: 0; -webkit-transition: all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; bottom: 15px; } .aboutMain2 .sec2 .contentBd{ } .aboutMain2 .sec2 .content{ padding: 25px 0px 37px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; justify-content: space-between; } .aboutMain2 .sec2 .time{ font-size: 50px; font-family: GothicNo13BT; font-weight: 400; color: #007DC9; line-height: 223px; border-right: 1px solid #5B5B5B; width: 257px; } .aboutMain2 .sec2 .right{ width: calc(100% - 237px); padding-left: 49px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; align-items: center; } .aboutMain2 .sec2 .imgbox{ } .aboutMain2 .sec2 .imgbox img{ } .aboutMain2 .sec2 .text{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; padding-left: 66px; } .aboutMain2 .sec2 .text p{ } @font-face { font-family: 'GothicNo13BT'; src: url('../fonts/GothicNo13BT-Regular.otf') } .aboutMain2 .sec3{ background: url(../images/sec4.jpg) no-repeat center center; background-size: cover; text-align: center; padding-top: 105px; padding-bottom: 98px; } .aboutMain2 .sec3 .content{ width: 844px; max-width: 100%; margin: auto; background: url(../images/blur.png) no-repeat center center; background-size: cover; border-radius: 10px; box-shadow: 0px 0px 40px rgba(255, 255, 255, .4); } .aboutMain2 .sec3 .title{ font-size: 35px; font-family: GothicNo13BT; font-weight: 400; color: #007DC9; line-height: 73px; background: url(../images/line.png) no-repeat center bottom; } .aboutMain2 .sec3 .dec{ font-size: 25px; font-family: FZLTCHK; font-weight: normal; color: #333333; line-height: 48px; padding-top: 42px; padding-bottom: 60px; } .aboutMain2 .sec3 .dec p{ } .aboutMain2 .sec3 .dec p strong{ } .aboutMain2 .sec3 .swiper-button-next,.aboutMain2 .sec3 .swiper-button-prev{ width: 57px; height: 57px; background: url(../images/ri5.png) no-repeat center center; background-size: 100%; right: 9%; } .aboutMain2 .sec3 .swiper-button-prev{ background: url(../images/le5.png) no-repeat center center; left: 9%; } .aboutMain2 .sec4{ padding-top: 85px; } .aboutMain2 .sec4 .imgbox{ padding-top: 53px; text-align: center; padding-bottom: 102px; } .aboutMain2 .sec4 .imgbox img{ max-width: 100%; } .aboutMain2 .sec5{ background: #F9F9F9; padding-top: 63px; padding-bottom: 170px; } .aboutMain2 .sec5 .list .swiper-wrapper{ display: flex; align-items: center; } .aboutMain2 .sec5 .list{ margin-top: 80px; position: relative; padding-left: 120px; padding-right: 120px; } .aboutMain2 .sec5 .imgbox{ } .aboutMain2 .sec5 .imgbox img{ width: 100%; } .aboutMain2 .sec5 .swiper-button-prev, .aboutMain2 .sec5 .swiper-button-next{ width: 57px; height: 57px; background: url(../images/le4.png) no-repeat center center; } .aboutMain2 .sec5 .swiper-button-next{ background: url(../images/ri4.png) no-repeat center center; } .prolistMain{ padding-bottom: 230px; padding-top: 88px; } .prolistMain ul *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .prolistMain ul{ } .prolistMain ul li:nth-child(4n){ margin-right: 0px; } .prolistMain ul li{ float: left; margin-right: 70px; margin-bottom: 104px; width: calc((100% - 210px)/4); position: relative; } .prolistMain ul li a{ display: block; background: #FFFFFF; border: 1px solid #D7D6D4; border-radius: 15px; /* position: relative; */ overflow: hidden; } .prolistMain ul li a *{ display: block; } .prolistMain ul li .imgbox{ display: block; position: relative; z-index: 4; height: 343px; border-bottom: 1px solid #E1E0DF; position: relative; background: #fff; } .prolistMain ul li .imgbox img{ display: block; position: absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .prolistMain ul li .title{ position: relative; z-index: 4; display: block; font-size: 20px; font-family: AlibabaPuHuiTiM; font-weight: 400; color: #333333; text-align: center; line-height: 60px; background: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .prolistMain ul li a:after { content: ""; height: 100%; position: absolute; left: -10%; bottom: -35%; width: 120%; background: url(../images/bottom.png) no-repeat center bottom; background-size: 100% 100%; opacity: 0; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; } .prolistMain ul li a:hover:after { opacity: 1; } .prolistMain ul li a:hover .title { background: #3FADE3; color: #fff; } .imgDetail{ padding-top: 80px; padding-bottom: 70px; } .imgDetail img{ width: 100%; } .advanMain *{ max-width: 100%; } .advanMain { text-align: center; } .advanMain .title{ padding-top: 77px; padding-bottom: 67px; } .advanMain .title img{ max-width: 50%; } .advanMain .imgbox{ padding-bottom: 44px; } .advanMain .imgbox img{ max-width: 100%; } .sqMain{background: url(../images/lxd.png) no-repeat right 0px #f9f9f9;padding-bottom: 86px;} .sqMain .titles{ zoom: 1; overflow: hidden; padding-top: 107px; } .sqMain .titles .titlemodel2{ float: left; } .sqMain .titles .ri{ float: right; font-size: 18px; font-family: FZLTHK; font-weight: normal; color: #333333; line-height: 24px; } .sqMain .content{ margin-top: 70px; padding: 145px 80px 156px; background: #fff; } .sqMain .content .left{background: url(../images/content.jpg) no-repeat left bottom;background-size:cover;float: left;width: 584px;height: 431px;border-radius: 10px 0px 0px 10px;} .sqMain .content .right{ width: calc(100% - 584px); float: left; padding-left: 25px; } .sqMain .content form{ display: block; zoom: 1; overflow: hidden; } .sqMain .content .models{ padding-top: 11px; } .sqMain .content .items .model{ float: left; width: calc((100% - 18px)/2); } .sqMain .content .items .model:nth-child(2n){ float: right; } .sqMain .content .items{ zoom: 1; overflow: hidden; } .sqMain .content .model{ background: #FFFFFF; border: 1px solid #BFBFBF; border-radius: 10px; position: relative; zoom: 1; overflow: hidden; margin-bottom: 7px; } .sqMain .content .s1{ float: left; width: 114px; font-size: 19px; font-family: FZLTHJW; font-weight: normal; color: #5B5B5B; line-height: 48px; padding-left: 15px; } .sqMain .content .words{ float: left; width: calc(100% - 114px); height: 48px; border: none; } .sqMain .content .s1 em{ display: inline-block; width: 1.6em; } .sqMain .content textarea{ height: 223px; resize: none; width: calc(100% - 114px); border: none; padding: 13px; font-size: 19px; } .sqMain .content .btns{ zoom: 1; overflow: hidden; padding-top: 18px; } .sqMain .content .btns button{ height: 48px; background: #3FADE3; border-radius: 10px; float: left; width: calc((100% - 18px)/2); cursor: pointer; border: none; font-size: 24px; font-family: FZLTHK; font-weight: normal; color: #FFFFFF; } .sqMain .content .btns input{ height: 48px; background: #3FADE3; border-radius: 10px; float: left; width: calc((100% - 18px)/2); cursor: pointer; border: none; font-size: 24px; font-family: FZLTHK; font-weight: normal; color: #FFFFFF; } .sqMain .content .btns em{ display: inline-block; width: 4em; } .sqMain .content .btns button:nth-child(2){ float: right; background: none; border: 1px solid #BFBFBF; color: #5B5B5B; } .searchMain{ background: url(../images/searchmainbg.jpg) no-repeat right top #F9F9F9; padding-top: 142px; padding-bottom: 86px; } .searchMain .content{ background: #fff; margin-top: 37px; padding-top: 52px; } .searchMain .content .search1{ padding-bottom: 56px; border-bottom: 1px solid #BFBFBF; } .searchMain .content .search1 .items{ text-align: center; } .searchMain .content .search1 .title{ font-size: 22px; font-family: FZLTCHK; font-weight: normal; margin-bottom: 25px; color: #3FADE3; } .searchMain .content .search1 .item1{ display: inline-block; text-align: left; vertical-align: middle; } .searchMain .content .search1 .selects{ } .searchMain .content .search1 .selects select:last-child{ margin-right:0px; } .searchMain .content .search1 .selects select{ float: left; width: 140px; height: 48px; background: #FFFFFF; border: 1px solid #BFBFBF; border-radius: 10px; font-size: 22px; font-family: FZLTHJW; font-weight: normal; color: #5B5B5B; margin-right: 10px; padding-left: 15px; cursor: pointer; } .searchMain .content .search1 .item2{ padding-left: 33px; display: inline-block; text-align: left; vertical-align: middle; } .searchMain .content .search1 .words{ width: 307px; height: 48px; background: #FFFFFF; border: 1px solid #BFBFBF; border-radius: 10px; font-size: 22px; font-family: FZLTHJW; font-weight: normal; color: #5B5B5B; padding: 0px 15px; } .searchMain .content .search1 .send em{ width:4em; display:inline-block; } .searchMain .content .search1 .send{ width: 403px; height: 48px; background: #3FADE3; border-radius: 10px; border: none; display: block; margin: auto; cursor: pointer; margin-top: 47px; font-size: 24px; font-family: FZLTHK; font-weight: normal; color: #FFFFFF; } .searchMain .content .result{ padding: 0px 77px; } .searchMain .content .result .title{ font-size: 18px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; padding-top: 77px; padding-bottom: 47px; } .searchMain .content .result .list{ zoom: 1; overflow: hidden; padding-bottom: 63px; } .searchMain .content .result .list ul{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .searchMain .content .result .list ul li{ width: 100%; } .searchMain .content .result .list ul li .name{ font-size: 25px; font-family: Alibaba; font-weight: bold; color: #5B5B5B; padding-bottom: 32px; } .searchMain .content .result .list ul li .dec{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #5B5B5B; line-height: 30px; } .searchMain .content .result .list ul li .dec p{ padding-left: 59px; margin-bottom: 37px; background: url(../images/s1.png) no-repeat left center; } .searchMain .content .result .list ul li .dec p:nth-child(2n){ background: url(../images/s2.png) no-repeat left center; } .searchMain .content .result .list ul li .dec p .s1{ } .searchMain .content .result .list ul li .dec p .s2{ display: block; font-weight: normal; } .searchMain .content .none{ text-align: center; padding-top: 88px; padding-bottom: 98px; } .searchMain .content .none img{ max-width: 50%; } .searchMain .content .none .title{ font-size: 18px; font-family: FZLTCHK; font-weight: normal; color: #8FD3F5; padding-top: 30px; } .solutionMain *{ max-width: 100%; } .solutionMain{ text-align: center; padding-top: 84px; padding-bottom: 170px; } .solutionMain .cont1{ background: url(../images/glass.png) no-repeat center center; background-size: cover; padding-top: 213px; } .solutionMain .en{ font-size: 37px; font-family: Alibaba; font-weight: normal; color: #3FADE3; } .solutionMain .cn{ font-size: 29px; font-family: FZLTCHK; font-weight: normal; color: #3FADE3; padding-bottom: 32px; } .solutionMain .dec1{ padding-bottom: 172px; } .solutionMain .dec1 img{ max-width: 100%; } .solutionMain .cont2{ } .solutionMain .cont2 img{ width: 100%; } .newsList2.type2 ul li a .content{ border: 1px solid #b7b7b7; border-top: none; } .newsList2.type2 ul li a{ position: relative; z-index: 4; } .newsList2.type2 ul li:after{ content: ""; height: 100%; position: absolute; left: -10%; bottom: -39%; width: 120%; background: url(../images/bottom.png) no-repeat center bottom; background-size: 100% 100%; opacity: 0; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; z-index: -1; } .newsList2.type2 ul li:hover:after{ opacity: 1; } .aboutMain2 .sec1_2{ background: #f9f9f9; padding-top: 60px; padding-bottom: 90px; } .aboutMain2 .sec1_2 .video{ margin: auto; max-width: 100%; width: 960px; margin-top: 20px; } .aboutMain2 .sec1_2 .video video{ width: 100%; } .posterImg{ position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background: #fff; } .posterImg .center{ position:absolute; top: 50%; left: 50%; -o-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; text-align: center; } .posterImg .center img{ } .posterImg .title span{ padding:0px 70px; display:inline-block; position:relative; } .posterImg .title span:after, .posterImg .title span:before{ content:""; width: 48px; height: 1px; background: #3FADE3; position:absolute; top:18px; } .posterImg .title span:after{ left:0px; } .posterImg .title span:before{ right:0px; } .posterImg .title{ font-size: 25px; font-family: FZLTHK; font-weight: normal; color: #3FADE3; padding-top: 6vh; padding-bottom: 13vh; } .posterImg .more{ width: 110px; border: 1px solid #BFBFBF; border-radius: 10px; margin: 0px auto; display: block; line-height: 31px; font-size: 21px; font-family: FZLTHK; font-weight: normal; color: #6B6B6B; -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } .posterImg .more:hover{ color: #fff; background: #3FADE3; border-color: #3FADE3; } .aboutMain2 .sec5 .list .swiper-container{ display: flex; align-items: center; } .proDetail{padding-top: 88px;padding-bottom: 160px;} .proDetail .left{ float: left; width: 36.6%; padding-right: 21px; border-right: 1px solid #BFBFBF; } .proDetail .left .title:after{ content:""; position:absolute; left:0px; top:0px; width:5px; background:#007DC9; height:34px; } .proDetail .left .title{ font-size: 30px; font-family: FZLTCHK; font-weight: normal; color: #007DC9; padding-left: 21px; padding-bottom: 32px; margin-bottom: 37px; border-bottom: 1px solid #BFBFBF; line-height: 1; position: relative; } .proDetail .left .list{ zoom: 1; overflow: hidden; text-align: center; } .proDetail .left .list ul{ } .proDetail .left .list li:nth-child(3n){ margin-right:0px; } .proDetail .left .list li{ float: left; margin-right: 15px; width: calc((100% - 30px)/3); /* border-radius: 10px; */ } .proDetail .left .list li a{ } .proDetail .left .list .imgbox{ display: block; overflow: hidden; } .proDetail .left .list .imgbox img{ width: 100%; border-radius: 10px; border: 1px solid #ccc; height: 145px; } .proDetail .left .list .tit{ font-size: 20px; font-family: FZLTHK; font-weight: normal; color: #333333; display: block; padding-top: 5px; padding-bottom: 53px; } .proDetail .left .pagesize{ padding: 0; } .proDetail .right{ padding-left: 22px; float: right; width: 63.4%; } .proDetail .right .imgbox{ position: relative; } .proDetail .right .imgbox img{ width: 100%; display: block; } .proDetail .right .imgbox div{ position: absolute; position:absolute; top: 50%; -o-transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); transform: translate(0%, -50%); width: 50px; height: 50px; /* border: 1px solid #ccc; */ border-radius: 400px; cursor: pointer; } .proDetail .right .left2{ left: 10px; background: url(../images/le.png) no-repeat center center; background-size: 100%; } .proDetail .right .right2{ right: 10px; background: url(../images/ri.png) no-repeat center center; background-size: 100%; } .proDetail .right .tit{ text-align: center; font-size: 20px; font-family: FZLTCHK; font-weight: bold; color: #333333; line-height: 1; padding-top: 20px; } .proDetail .left .list li.current .imgbox img{ border: 1px solid #007DC9 } .proDetail .left .list li.current .tit{ color:#007DC9 } .proDetail .left .list li *{ -webkit-transition:all 0.4s; -o-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; transition:all 0.4s; } #cstd .imgbox{ display: flex;flex-wrap: wrap; } #cstd .imgbox .content{ width: 50%;margin-top: 50px; } #cstd .imgbox .content .right{ display: flex;flex-wrap: nowrap; } #cstd .imgbox .content .right .text{ margin-left: 50px; padding-top: 10px; } #cstd .imgbox .content .right .text p{ text-align: left; font-weight: bold; margin-top: 8px; } .aboutMain .block1 .dec p{ margin-bottom: 32px; } .index-video{ display: flex; justify-content: center; margin-top: 50px; } .index-video .video-item{ width: 65%; margin: 10px; }