/*婊氬姩鏉℃牱寮?/ ::-webkit-scrollbar{width:8px;height:8px} ::-webkit-scrollbar-track{background:#f8f8f8} ::-webkit-scrollbar-thumb{background:#333;height:60px} ::-webkit-scrollbar-thumb:window-inactive{background:#333} ::-webkit-scrollbar-thumb:vertical:hover{background:#333} body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif,"寰蒋闆呴粦";transition: all 0.5s;width:100%;min-width:320px;overflow-x:hidden;background:#fff;} html,body{height:100%;} em,i{font-style:normal} input,textarea,img,button{outline: none;} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,a:focus{outline: none;outline-offset:0;} h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,p,dl{margin-top:0;margin-bottom:0;} ul{margin:0;padding:0;} ul,li{list-style: none;} a{display: block;color:#333;} a:focus,a:hover{text-decoration:none;} img{display: block;} textarea{resize: none;} .Animation{-webkit-transition:all 0.7s;transition:all 0.7s;opacity:0;-webkit-transition-delay:.3s;transition-delay:.3s} .section{position:relative;overflow:hidden;/* display:flex; */flex-direction:column;justify-content:center;align-items:center;background:#f1f1f1;} .img{overflow:hidden;position:relative;margin:0 auto;-webkit-transition:all .5s;transition:all .5s} .img img{display:block;width:100%;-webkit-transition:all .5s;transition:all .5s} .fl{float:left;} .fr{float:right;} .clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;} .ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .overflowY{overflow-y:hidden;} .form-control:focus { border-color: transparent; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0); box-shadow: inset 0 1px 1px rgba(0,0,0,0), 0 0 8px rgba(102,175,233,0); } .index_body{padding-top: 0!important;} @media (max-width:767px){ .container{width:100%;} .index_body .navbar-fixed-top{position: fixed;} .index_body .section{padding-top:60px;} .index_body .section1,.index_body .section7{padding-top:0;} } @media (min-width:768px){ .indexPadding{padding-left:90px;} .container{width:90.255%;} } @media (min-width:992px){ .container{width:90.255%;} } @media (min-width:1200px){ .indexPadding{padding-left:106px;} .container{width:90.255%;} /* .container{width:1070px} */ } @media (min-width:1450px){ .container{width:90.255%;} /* .container{width:1230px} */ } @media (min-width:1650px){ .container{width:90.255%;} /* .container{width:1430px} */ } @media (min-width:1850px){ .container{width:90.255%;} /* .container{width:1630px} */ } /*foot*/ .gotop{width:40px;height:40px;background:url(../images/icon/gotop.png) no-repeat center;background-size:100% 100%;position:fixed;right:-40px;bottom:50px;z-index:1;cursor:pointer;-webkit-transition:all .5s;transition:all .5s;border-radius: 50%;} .gotop.on{right:5px} .gotop:hover{background:url(../images/icon/gotop1.png) no-repeat center;background-size:100% 100%;} .footer{background:#1b1b1b;font-size:12px;} .footer a:hover{color:#fff;} .footMiddle{padding:25px 0;} .footContact{display: flex;justify-content: space-between;} .footContact .fc_left{margin-right:15px;} .footContact .fText{color:#f2f1f1;} .footContact .fText>p{margin-bottom:10px;line-height:20px;display: flex;} .footContact .fText>p:last-child{margin-bottom:0;} .footContact .fText>p>img{margin-right:5px;} .footContact .fText>p>img{width:20px;height:20px;} .footContact .fEwm{text-align: center;color:#acacac;} .footContact .fEwm>img{margin:0 auto 5px;max-width:115px;} .footNav{display: flex;align-items: stretch;flex-flow: row wrap;margin-left:-8px;margin-right:-8px;overflow: hidden;} .footNav:before, .footNav:after{display: none;} .footNav>dl{float:left;padding:0 8px;margin-bottom:20px;} .footNav>dl>dt{font-size:14px;margin-bottom:10px;} .footNav>dl>dt>a{color:#fff;} .footNav>dl>dd>a{margin-bottom:8px;color:#919191;} .footNav>dl>dd>a:hover{color:#fff;} .copyRight{padding:15px 0;line-height:20px;text-align:center;background:#0f0f0f;color:#555555;} .copyRight a{display:inline-block;color:#555555;} .copyRight a:hover{color:#555555;text-decoration: underline;} .copyRight img{display:inline-block;vertical-align:middle} @media (max-width:767px){ .gotop{width:30px;height:30px} .footNav>dl{width:100%;margin-bottom:8px;} .footNav>dl>dt{margin-bottom:5px;} .footNav>dl>dd{overflow: hidden;} .footNav>dl>dd>a{float:left;margin-right:15px;} .footContact{margin-top:15px;} } @media (min-width:768px){ .copyRight{text-align: left;} } @media (min-width:992px){ .footNav{margin-left:-20px;margin-right:-20px;justify-content: space-between;} .footNav>dl{padding:0 20px;} } @media (min-width:1200px){ .footMiddle{padding:30px 0 20px;} .footContact .fc_left{max-width: 260px;} .footNav>dl>dt{margin-bottom:15px;} .footNav>dl>dd>a{margin-bottom:10px;} } @media (min-width:1450px){ .footContact{float:right;align-items: center;} .footContact .fc_left{margin-left:15px;} .footNav{float:left;} } @media (min-width:1750px){ .footNav{margin-left:-30px;margin-right:-30px;} .footNav>dl{padding:0 30px;} } /* 鍟嗘ˉ */ .globalShangQiao,.globalShangQiao *{box-sizing: border-box;} .globalShangQiao{position: fixed;left:50%;width:90%;left:50%;top:50%;transform: translate(-50%,-50%);background:rgba(0,147,205,0.95);color:#fff;padding:10px;z-index: 1030;box-shadow: 0 0 10px rgba(0,0,0,0.2);transition: all 0.5s;} .globalShangQiao.show{transform: translate(-50%,-50%) scale(1,1);visibility: visible;opacity: 1;} .globalShangQiao.hide{transform: translate(-50%,-50%) scale(0,0);visibility: hidden;opacity: 0;} .gs-body{width:100%;border:1px solid #fff;display: flex;flex-direction: column;align-items: center;padding:35px 20px 34px} .gs-content{line-height:1.65;text-align: center;} .gs-content p{font-size:16px;} .gs-content .h1{font-size:20px;font-weight: 700;line-height: 1.4;margin:20px 0 25px;} .gs-body .btns{text-align: center;display: flex;justify-content: center;} .gs-body .btns>a{display:block;line-height: 20px;padding:10px 40px;border-radius:20px;text-align: center;border:1px solid #fff;margin:0 10px;font-size:18px;cursor: pointer;} .gs-body .btns>.btn1{background:#fff;color:#0093cd;} .gs-body .btns>.btn2{background:#0093cd;color:#fff;} .gs-body .btns>.btn1:hover{background:#0093cd;color:#fff;} .gs-body .btns>.btn2:hover{background:#fff;color:#0093cd;} .gs-close{position: absolute;width:20px;height:20px;border:1px solid #fff;right:0;top:0;cursor: pointer;opacity: 0.8;} .gs-close:before, .gs-close:after{content: '';width:80%;height:1px;background:#fff;position: absolute;left:50%;top:50%;} .gs-close:before{transform:translate(-50%,-50%) rotate(45deg);} .gs-close:after{transform:translate(-50%,-50%) rotate(-45deg);} .gs-close:hover{opacity: 1;} @media (max-width:479px){ .globalShangQiao{padding:5px;} .gs-content p{font-size:14px;} .gs-body{padding:25px 15px 24px} .gs-body .btns>a{font-size:16px;margin:0 5px;} } @media (min-width:768px){ .globalShangQiao{width:500px;} .gs-content p{font-size:18px;} .gs-content .h1{font-size:30px;} .gs-body .btns>a{margin:0 20px;} } @media (min-width:1200px){ .globalShangQiao{width:600px;} .gs-body{padding:35px} .gs-content p{font-size:20px;} .gs-content .h1{font-size:38px;margin:25px 0 30px;} .gs-body .btns>a{padding-top:15px;padding-bottom:15px;} } /*瀵艰埅*/ .navbar-default { background-color: #fff; box-shadow: 0 3px 8px rgba(0,0,0,.32); border: 0; border-radius: 0; margin-bottom: 0; transition:all .5s; } .navbar-brand { position: relative; height: auto; padding-top: 7px; padding-bottom: 7px; transition:all .5s; padding-right:0; } .navbar-brand img { height: 46px; transition:all .5s; } .navbar-brand .logo2{ position: absolute; top:10px; left:15px; visibility: hidden; opacity: 0; } .navbar-default .navbar-toggle { border: 0; } .navbar-default .navbar-toggle .icon-bar { background-color: #0093cd; -webkit-transition: all .5s; transition: all .5s; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .menu_close .icon-bar:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 6px; } .navbar-default .menu_close .icon-bar:nth-child(2) { display: none; } .navbar-default .menu_close .icon-bar:nth-child(3) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .navbar-default .navbar-nav>li{transition:all .5s;font-size:12px;} .navbar-default .navbar-nav>li>a { position: relative; color: #333; line-height:1.5; transition:all .5s; text-align: center; overflow: hidden; } .navbar-default .navbar-nav>li>a:after{content: '';position: absolute;width:0;height:2px;background:#fff;left:50%;margin-left:-18px;bottom:0;transition: all 0.5s;} .navbar-default .nav>li>a:hover:after, .navbar-default .navbar-nav>.active>a:after{width:36px;} .navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background-color: transparent; font-weight: 0; } .collapse .navbar-nav a: hover{color: #0D99D0} .navbar-default .nav>li>a:hover>div, .navbar-default .navbar-nav>.active>a>div{top:-40px;} .navbar-collapse::-webkit-scrollbar { width: 2px; height: 2px; } .header .navbar-fixed-bottom .navbar-collapse, .header .navbar-fixed-top .navbar-collapse { max-height: 100vh; height:calc(100vh - 60px) } .navbar-default .navbar-nav>li>.dropdown-pc{display: none;} .navbar-default .navbar-nav>li>.dropdown-min{display: block;cursor: pointer;} .navbar-default .dropdown-menu{border:none;left:100%;top:50%;right:auto;background:#fff;padding:0;-webkit-transform: translateY(-50%);transform: translateY(-50%);} .navbar-default .dropdown-menu a{font-size:14px;padding:8px 10px;text-align:center;-webkit-transition:all .5s;transition:all .5s;} .navbar-default .dropdown-menu li:last-child a{border-bottom:none;} .navbar-default .dropdown-menu a:hover{color:#0093cd;font-weight: 700;background: transparent;} /* .effect .navbar-brand .logo1{visibility: hidden;opacity: 0;} .effect .navbar-brand .logo2{visibility: visible;opacity: 1;} .effect>.navbar-default{background:#fff;box-shadow: 0 0 6px rgba(0,0,0,.2);} .effect>.navbar-default .navbar-nav>li>a{color:#333;} .effect>.navbar-default .nav>li>a:focus, .effect>.navbar-default .nav>li>a:hover, .effect>.navbar-default .navbar-nav>.open>a, .effect>.navbar-default .navbar-nav>.open>a:focus, .effect>.navbar-default .navbar-nav>.open>a:hover, .effect>.navbar-default .navbar-nav>.active>a, .effect>.navbar-default .navbar-nav>.active>a:focus, .effect>.navbar-default .navbar-nav>.active>a:hover{color: #333;background-color: transparent;} .effect .navbar-default .navbar-nav>li>a:after{background:#0093cd;} */ @media (max-width:767px){ .navbar-fixed-top{position: static;} .navbar-toggle{margin-top:14px;padding-right: 0;} .navbar-nav{padding:0 15px;} .navbar-nav>li{position: relative;padding:0;} .navbar-nav>li>a{padding:10px 0;font-size:14px;} .navbar-nav>li:after{content: '';position: absolute;display: block;width:100%;height:1px;background:#e7e7e7;left:0;bottom:0;} .navbar-default .nav>li>a:focus, .navbar-default .nav>li>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #0093cd; background-color: transparent; } .navbar-default .navbar-nav>li>a{text-align: left;} .navbar-default .navbar-nav>li>a>br{display: none;} .navbar-default .dropdown-menu{position: static;width:100%;margin:0;float:none;-webkit-box-shadow: 0 0 0 rgba(0,0,0,0);box-shadow: 0 0 0 rgba(0,0,0,0);background:none;padding:0;-webkit-transform: translateX(0);transform: translateX(0);} .navbar-default .dropdown-menu li{padding:0;border-top:1px #e7e7e7 dashed;} .navbar-default .dropdown-menu a{color:#666;position: relative;padding:6px 20px!important;border-color:rgba(255,255,255,.1);text-align: left;} .navbar-default .navbar-nav .dropdown-menu>li>a{line-height:25px;} .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#666} .navbar-default .dropdown-menu li:last-child a{border-bottom:1px solid rgba(255,255,255,.1);} .navbar-default .dropdown-menu a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#0093cd;background:none;} } @media (min-width:768px){ .navbar-fixed-top{right:auto;left:0;top:0;height:100%;width:90px;animation: left 1s forwards;-webkit-animation: left 1s forwards;} @keyframes left{ from {transform:translateX(-200px);} to {transform:none;} } @-webkit-keyframes left { from {transform:translateX(-200px);} to {transform:none;} } .header .container{width:100%;padding-left:0;padding-right:0;} .navbar-header{float:none;} .navbar>.container .navbar-brand{margin-left:0;} .navbar-brand{padding:15px 5px;float:none;margin-left:0;margin-bottom:20px;} .navbar-brand>img{margin:0 auto;height:56px;} .navbar-default{border-right:1px solid #f2f2f2;box-shadow:1px 0 2px rgba(0,0,0,.05);} .navbar-default .navbar-nav{float:none;} .navbar-default .navbar-nav>li{float:none;padding:10px;} .navbar-default .navbar-nav>li>a{padding:5px 0;} .navbar-default:before{position: absolute;width:100%;height:80px;background:transparent;left:0;bottom:0;z-index: 2;} .navbar-toggle{display: block;position: absolute;bottom:35px;margin:0;padding:10px;left:50%;transform: translateX(-50%);} .navbar-toggle .icon-bar{width:34px;height:2px;} .navbar-toggle .icon-bar+.icon-bar{margin-top:6px;} .navbar-default .navbar-nav>.dropdown:after{content: '';position: fixed;width:127px;height:100vh;top:0;left:88px;background:#fff;border-right: 1px solid #f2f2f2;box-shadow:1px 0 2px rgba(0,0,0,.015);display: none;visibility: hidden;opacity: 0;} .navbar-default .dropdown-menu{width:125px;min-width:125px;height:auto!important;box-shadow: none;left:90;visibility: hidden;opacity: 0;} .navbar-nav>li:hover>.dropdown-menu{display: block;visibility: visible;opacity: 1;} .navbar-nav>.dropdown:hover:after{display: block;visibility: visible;opacity: 1;} .navbar-default .dropdown-menu ul{position: relative;z-index: 2;} .navbar-default .dropdown-menu a{font-size:12px;text-align: left;padding-left:15px;} .navbar-default .navbar-nav>li>.dropdown-pc{display: block;} .navbar-default .navbar-nav>li>.dropdown-min{display: none;} } @media (min-width:992px){ .navbar-brand{margin-bottom:20px;} } @media (min-width:1200px){ .navbar-toggle .icon-bar{width:44px;height:4px;} .navbar-toggle .icon-bar+.icon-bar{margin-top:8px;} .navbar-fixed-top{width:106px;} .navbar-default .navbar-nav>.dropdown:after{left:104px;} .navbar-default .dropdown-menu{left:106px} } @media (min-width:1450px){ .navbar-brand{margin-bottom:30px;} .navbar-default .navbar-nav>li{padding:10px;} } @media (min-width:1850px){ .navbar-default .navbar-nav>li{padding:15px 10px;} } @media (min-width:1450px) and (max-height:850px){ .navbar-default .navbar-nav>li{padding:8px 10px;} .navbar-default .dropdown-menu a{padding:6px 10px;} } @media (min-width:768px) and (max-height:768px){ .navbar-brand{margin-bottom:10px;} .navbar-toggle{bottom:15px;} .navbar-default .navbar-nav>li{float:none;padding:5px 10px;} .navbar-default:before{height:55px;} .navbar-default .dropdown-menu a{padding:5px 10px;} } @media (min-width:768px) and (max-height:600px){ .navbar-brand{margin-bottom:0;} .navbar-default .navbar-nav>li{float:none;padding:3px 10px;} .navbar-default .navbar-nav>li>a{padding:2px 0} } /*棣栭〉*/ .sectionBg{position: absolute;width:100%;height:100%;left:50%;top:50%;transform: translate(-50%,-50%) scale(1,1);z-index: 1;transition: all 1.5s linear 0.5s;} .active .sectionBg{transform: translate(-50%,-50%) scale(1.05,1.05);} .section .container{position: relative;z-index: 2;} .section-pagination{bottom:0!important;} .section-pagination>span{background:#fff;opacity: 1;outline: none;} .section-pagination>.swiper-pagination-bullet-active{background:#0093cd;} /*绗竴灞?/ .section1 .swiper-container{width:100%;height:100%} .section1 img[onclick]{cursor: pointer;} .bannerImg{position: absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);} .banner_text .container{position:absolute;left:50%;top:40%;transform:translate(-50%,-50%)} .banner_text img{max-width:100%;margin:0 auto} .section1 .banner_text img{transform:translateY(100%)} /* .banner1 .banner_text img{transform:translateX(100%)} .banner2 .banner_text img{transform:translateY(-100%)} .banner3 .banner_text img{transform:translateY(100%)} .banner4 .banner_text img{transform:translateX(-100%)} .banner5 .banner_text img{transform:scale(0)} */ .section1 .swiper-slide-active .svg{opacity:1;transform:none;transition-delay:.8s} .section1 .swiper-slide-active .banner_text img{opacity:1;transform:none;transition-delay:.5s} .section1 .swiper-pagination{bottom:15px!important;} .swiper-button-next,.swiper-button-prev{outline: none;} .section1 .swiper-button-white{width:36px;height:68px;margin-top:-34px;background-color:rgba(0,0,0,0.6);background-size:auto 28px;transition: all 0.3s;display: none;} .section1 .swiper-button-white:hover{background-color:rgba(0,0,0,1);} .section1 .swiper-button-next{right:0;} .section1 .swiper-button-prev{left:0;} @media (max-width:767px){ .PC_img{display:none} .section1 .swiper-button-white{display: none;} .banner_text .container{top:28%;} } @media (min-width:768px){ .min_img{display:none} } @media (min-width:992px){ .section1 .swiper-pagination{bottom:20px!important;} } @media (min-width:992px) and (max-height:700px){ .banner_text img{max-width:80%;} } /*妯睆*/ @media (max-width:767px) and (orientation:landscape){ .index_body .header{display: none;} .index_body .section{padding-top:0;} .banner_text img{width:54%} } .index_title{margin-bottom:25px;text-align: center;} .index_title.text-left{text-align: left;} .index_title .h2{font-size:20px;} .index_title .p{font-size:14px;line-height: 2;margin:15px auto 0;} .textColor, .textColor .index_title, .textColor a{color:#fff} .section6 .index_title{transform: scale(0);} .active .index_title{transform: none;opacity: 1;} @media (max-width:767px){ .index_title.text-left{text-align: center;} } @media (max-width:370px){ .section .index_title{margin-bottom:20px;} } @media (min-width:768px){ .index_title{margin-bottom:35px;} .index_title .h2{font-size:24px;} } @media (min-width:992px){ .index_title .h2{font-size:28px;} .index_title .p{max-width:70%;} } @media (min-width:1200px){ .index_title{margin-bottom:40px;} .index_title .h2{font-size:32px;} .section-pagination>span{width:10px;height:10px;margin:0 7px!important;} } @media (min-width:1450px){ .index_title{margin-bottom:50px;} .index_title .h2{font-size:36px;} } /*妯睆*/ @media (max-width:767px) and (orientation:landscape){ .section .index_title{margin-bottom:20px;} } @media (min-width:992px) and (max-height:700px){ .index_title .h2{font-size:26px;} } @media (min-width:1650px) and (max-height:700px){ .index_title .h2{font-size:28px;} .index_title{margin-bottom:30px;} } @media (min-width:768px) and (max-height:600px){ .index_title{margin-bottom:20px;} } /*绗簩灞?/ .in2-swiper{width:100%;height:100%;} .in2-swiper .swiper-container{height:100%;} .in2-swiper .swiper-slide{padding-top:12.5%;padding-bottom:150px;} .in2_left .h2{font-size:24px;font-weight: 700;} .in2_left .InfoContent{margin:20px 0;} .in2_left .more{width:120px;line-height:20px;padding:10px;text-align: center;font-size:14px;color:#fff;background:#0093cd;} .in2_left .more:hover{box-shadow: 0 0 10px rgba(0,0,0,0.15);} .in2-swiper-pagination{position: absolute;width:100%;left:0;bottom:10px;} .in2_ul{margin:0 -4px;display: flex;flex-flow: row wrap;align-items: flex-end;} .in2_ul:before, .in2_ul:after{display: none;} .in2_ul>li{padding:0 4px;margin-top:5px;} .in2_ul>li>a{height:54px;padding:5px;background:#fff;border-bottom:2px solid #0093cd;display: flex;align-items: center;justify-content: center;text-align: center;cursor: pointer;transition: all 0.5s;box-shadow: 0 5px 10px rgba(0,0,0,0.15);} .in2_ul>li>a:hover, .in2_ul>.active>a{height:70px;font-size:16px;font-weight: 700;background:#0093cd;color:#fff;} .in2_left{transform: translateX(-100%);} .swiper-slide-active .in2_left{transform: none;opacity: 1;} @media (max-width:767px){ } @media (min-width:768px){ .in2_left .h2{font-size:28px;} .in2_left .InfoContent{margin:25px 0;} .in2_left .more{width:140px;padding:13px 10px;font-size:16px;} .in2_ul>li>a{padding:5px 8px;} .in2-swiper-pagination{bottom:25px;} .in2-swiper .swiper-slide{padding-bottom:110px;} } @media (min-width:992px){ .in2_left .h2{font-size:36px;} .in2-swiper-pagination{bottom:35px;} } @media (min-width:1200px){ .in2_ul>li>a{height:64px;font-size:16px;} .in2_ul>li>a:hover, .in2_ul>.active>a{height:86px;font-size:18px;} .in2-swiper-pagination{bottom:45px;} .in2-swiper .swiper-slide{padding-bottom:140px;} } @media (min-width:1450px){ .in2_left .h2{font-size:44px;} } @media (min-width:1650px){ .in2_left .h2{font-size:50px;} .in2_ul>li>a{height:78px;} .in2_ul>li>a:hover, .in2_ul>.active>a{height:106px;font-size:20px;} .in2-swiper-pagination{bottom:60px;} .in2-swiper .swiper-slide{padding-bottom:160px;} } @media (max-height:768px){ .in2_left .InfoContent{max-height:192px;} } /*绔栧睆*/ @media (max-width:767px) and (orientation:portrait){ } /*妯睆*/ @media (max-width:767px) and (orientation:landscape){ .in2-swiper .swiper-slide{padding:20px 0 145px;} .in2_left .InfoContent{max-height:112px;margin:10px 0;} } @media (min-width:992px) and (max-height:600px){ .in2-swiper .swiper-slide{padding-top:6%;} .in2-swiper-pagination{bottom:35px;} } /*绗笁灞?/ .section3{display: flex;} .indexProduct .section-pagination{display: none;} .indexProduct a{position: relative;color:#fff;margin-bottom:20px;box-shadow: 0 3px 10px rgba(127,127,127,0.35);} .indexProduct a:last-child{margin-bottom:0;} .indexProduct .img{border-radius: 10px;} .indexProduct .text{position: absolute;z-index: 2;} .indexProduct .h5{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .indexProduct .p{font-size:12px;line-height:20px;margin:10px 0 20px;} .indexProduct .text>em{font-size:12px;display: block;margin-top:5px;} .indexProduct .row{margin-left:-5px;margin-right:-5px;display: flex;align-items: stretch;} .indexProduct .row:before, .indexProduct .row:after{display: none;} .indexProduct .column{padding:0 5px;} .indexProduct .column{width:30%;} .indexProduct .column01{width:40%;} .indexProduct .column01>a, .indexProduct .column01 .img, .indexProduct .column01 .img>div{height:100%;} .indexProduct .column01 .img>div{transition: all 0.5s;} .indexProduct .column01 .img>img{display: none;} .indexProduct .column01 .InfoContent{color:#fff;line-height:24px;margin:10px 0 20px;max-height:120px;} .indexProduct .column01 .InfoContent>p{margin-bottom:10px;} .indexProduct .column01 .text{width:100%;height:100%;left:0;top:0;padding:20px 15px;overflow: hidden;} .indexProduct .column02>a:nth-child(1) .text{left:15px;bottom:20px;} .indexProduct .column02>a:nth-child(2) .text{right:15px;top:30%;} .indexProduct .column03>a:nth-child(1) .text{left:15px;top:20px;} .indexProduct .column03>a:nth-child(2) .text{right:15px;top:30%} .indexProduct .swiper-slide-1 .text{left:20px;top:25px;} .indexProduct .swiper-slide-2 .text{left:20px;bottom:25px;} .indexProduct .swiper-slide-3 .text{right:30px;top:30%;} .indexProduct .swiper-slide-4 .text{left:20px;top:25px;} .indexProduct .swiper-slide-5 .text{right:30px;top:30%} /* .indexProduct .img:after{content: '';position: absolute;width:100%;height:100%;background:rgba(0,147,205,0.3);left:0;top:0;opacity: 0;transition: all 0.5s;} .indexProduct a:hover .img:after{opacity: 1;} */ .indexProduct a:hover .img>div, .indexProduct a:hover .img>img{transform: scale(1.1);} .indexProduct a:hover .text>em{text-decoration: underline;} .indexProduct{transform: translateY(100%);} .active .indexProduct{transform: none;opacity: 1;} @media (max-width:767px){ .indexProduct .swiper-container{padding-bottom:30px;} .indexProduct .section-pagination{display: block;bottom:0;} } /*妯睆*/ @media (max-width:767px) and (orientation:landscape){ } @media (min-width:768px){ } @media (min-width:992px){ .indexProduct a{margin-bottom:20px;} .indexProduct .row{margin-left:-10px;margin-right:-10px;} .indexProduct .column{padding:0 10px;} .indexProduct .p{font-size:14px;line-height:24px;margin:15px 0 25px;} .indexProduct .text>em{margin-top:10px;} .indexProduct .column01 .InfoContent{margin:15px 0 25px;max-height:154px;} } @media (min-width:1200px){ .indexProduct .h5{font-size:18px;} .indexProduct .column01 .text{padding:25px;} .indexProduct .column01 .InfoContent{max-height:202px;} .indexProduct .column02>a:nth-child(1) .text{left:25px;bottom:25px;} .indexProduct .column02>a:nth-child(2) .text{right:25px;} .indexProduct .column03>a:nth-child(1) .text{left:25px;top:25px;} .indexProduct .column03>a:nth-child(2) .text{right:25px;} } @media (min-width:1450px){ .indexProduct a{margin-bottom:30px;} .indexProduct .h5{font-size:22px;} .indexProduct .p{font-size:16px;margin:20px 0 35px;} .indexProduct .text>em{font-size: 14px;} .indexProduct .column01 .text{padding:40px 30px;} .indexProduct .column01 .InfoContent{margin:20px 0 35px;max-height:260px;} } @media (min-width:1650px){ .indexProduct .h5{font-size:26px;} .indexProduct .p{font-size:18px;} .indexProduct .column01 .text{padding:50px 40px;} .indexProduct .column01 .InfoContent{max-height:294px;} .indexProduct .column02>a:nth-child(1) .text{left:25px;bottom:30px;} .indexProduct .column02>a:nth-child(2) .text{right:40px;} .indexProduct .column03>a:nth-child(1) .text{left:25px;top:40px;} .indexProduct .column03>a:nth-child(2) .text{right:50px;} } @media (min-width:1650px) and (max-height:650px){ .indexProduct .column02 .img, .indexProduct .column03 .img{max-height:38vh;} .indexProduct .column01 .InfoContent{max-height:236px;} .indexProduct .column01 .text{padding:30px;} } /*绗洓灞?/ .section4{display: flex;} .section4 .leftImg{position: absolute;width:100%;height:100%;left:0;top:0;overflow: hidden;z-index: 1;} .section4 .leftImg:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);z-index: 2;} .in4_title{margin-bottom:20px;} .in4_title .h2{font-size:20px;} .in4_title em{display: block;margin-top:10px;color:#0353b9;} .section4 .in4_title em{color:#fff;} .in4_row .more{width:148px;height:46px;line-height:46px;margin-top:35px;text-align: center;background:#0093cd;color:#fff;} .in4_row .InfoContent{color:#fff;} .in4_row .right{color:#fff;transform: translateX(100%);} .active .in4_row .right{opacity: 1;transform: none;} @media (max-width:767px){ } @media (min-width:768px){ .in4_title{margin-bottom:30px;} .in4_title .h2{font-size:24px;} .in4_title em{margin-top:15px;} } @media (min-width:992px){ .section4 .leftImg{width:50%;} .section4 .leftImg:after{display: none;} .in4_title .h2{font-size:28px;} .in4_title em{font-size:16px;margin-top:15px;} .section4 .in4_title em{color:#0353b9;} .in4_row .right{color:#333;} .in4_row .InfoContent{color:#666;} .in4_row .more{width:178px;height:52px;line-height:52px;margin-top:50px;} } @media (min-width:1200px){ } @media (min-width:1450px){ .in4_title .h2{font-size:30px;} .in4_title em{font-size:18px;} .in4_row .inner{padding:0 3%;} } @media (min-width:1650px){ } @media (min-width:992px) and (max-height:700px){ } @media (max-height:768px){ .in4_row .InfoContent{max-height:224px;} } /*绔栧睆*/ @media (max-width:767px) and (orientation:portrait){ } /*妯睆*/ @media (max-width:767px) and (orientation:landscape){ .in4_row .InfoContent{max-height:140px;} } /*绗簲灞?/ .section5{display: flex;} .in5_row{margin:-3px;} .in5_row .column{padding:3px;} .in5_row a{position: relative;} .in5_row .text{position: absolute;height:78px;padding:15px;width:100%;left:0;bottom:0;background:#fff;transition: all 0.5s;} .in5_row .h5{font-size:18px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;} .in5_row .p{line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;} .in5_row a:hover .text{height:100%;background:rgba(5,140,215,0.8);color:#fff;display: flex;flex-direction: column;justify-content: center;text-align: center;} .in5_row a:hover .h5{font-size:24px;font-weight: 700;color:#fff;text-shadow: 3px 3px 5px rgba(0,0,0,0.5);} .in5_row a:hover .p{text-shadow: 3px 3px 5px rgba(0,0,0,0.5);color:#fff;} .in5_row .left{transform: translateX(-100%);} .in5_row .right{transform: translateX(100%);} .active .in5_row .left, .active .in5_row .right{opacity: 1;transform:none;} @media (max-width:767px){ } /*绔栧睆*/ @media (max-width:767px) and (orientation:portrait){ } /*妯睆*/ @media (max-width:767px) and (orientation:landscape){ .in5_row .img{max-height:45vh;} } @media (min-width:768px){ .in5_row .text{height:100px;padding:20px;} .in5_row .h5{font-size:22px} .in5_row .p{margin-top:7px;} .in5_row a:hover .h5{font-size:28px;} } @media (min-width:992px){ } @media (min-width:1200px){ .in5_row .text{height:120px;padding:25px 35px;} .in5_row .h5{font-size:26px} .in5_row .p{font-size:16px;margin-top:7px;} .in5_row a:hover .h5{font-size:32px;} } @media (min-width:992px) and (max-height:700px){ } /*绗叚灞?/ .section6{display: flex;} .in6_main{max-width:1360px;margin:0 auto;} .partner-swiper{padding:1px;} .partner_list.row{margin:0;} .partner_list .column{padding:0;} .partner_list .img{background:#fff;border:1px solid #e9e9e9;margin-left:-1px;margin-top:-1px;transition: all 0.3s;} .partner_list .img>.before{position: absolute;width:100%;height:100%;border:1px solid transparent;left:0;top:0;z-index: 2;} .partner_list .img:hover>img{transform: scale(1);} .partner_list .img:hover>.before { border-color: #0093cd; -webkit-transition: border-left-color .3s linear .3s, border-bottom-color .3s linear .4s, border-right-color .3s linear .5s, border-top-color .3s linear .6s; transition: border-left-color .3s linear .3s, border-bottom-color .3s linear .4s, border-right-color .3s linear .5s, border-top-color .3s linear .6s; } .partner_list .swiper-slide{width:140px;} .in6_main{transform: translateY(50%);} .act .in6_main{opacity: 1;transform: none;} @media (max-width:767px){ #lightGallery-close{width:40px;height:40px;line-height:40px;} #lightGallery-close:after{font-size:20px;} } @media (min-width:992px){ } @media (min-width:1200px){ .partner_list .swiper-slide{width:156px;} } @media (min-width:1450px){ .partner_list .swiper-slide{width:183px;} } @media (min-width:1650px){ .partner_list .swiper-slide{width:272px;} } /*妯睆*/ @media (max-width:767px) and (orientation:landscape){ .section6 .index_title .p{display: none;} /*绗竷灞?/ .section7 .footNav{display: none;} .section7 .footContact{margin-top:0;} } @media (max-width:767px) and (max-height:680px){ /*绗竷灞?/ .section7 .footNav{display: none;} .section7 .footContact{margin-top:0;} } @media (min-width:768px) and (max-height:450px){ /*绗竷灞?/ .section7 .footNav{display: none;} .section7 .footContact{margin-top:0;} } /*鍐呴〉*/ .wrapper{width:100%;overflow: hidden;position:relative;min-height:50vh;} .wrapper.zIndex{z-index: 1100;} .inside_main{padding:35px 0 60px;} .padding_main{padding:35px 0;} .inside_main,.padding_main,.inside_banner_main,.inside_banner{position: relative;width:100%;overflow: hidden;} .inside_banner img{width:100%;transform:scale(1.1,1.1);animation: myfirst 3s forwards;-webkit-animation: myfirst 3s forwards;} @keyframes myfirst{ from {transform:scale(1.1,1.1);} to {transform:scale(1,1);} } @-webkit-keyframes myfirst { from {transform:scale(1.1,1.1);} to {transform:scale(1,1);} } .inside_banner_main .banner_text{position: absolute;width:100%;height:100%;left:0;top:0;display: flex;flex-direction: column;justify-content: center;} .inside_banner_main .banner_text .container{position: static;transform: translate(0);} .inside_banner_main .inside_title .h1{font-size:24px;font-weight: 700;} .inside_banner_main .inside_title .h2{font-weight: 700;} .inside_banner_main .inside_title .h2>span{display: inline-block;padding:15px;border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2);} .inside_banner_main .inside_title{margin-bottom:0;} .inside_banner_main .in2-swiper-pagination{bottom:0;} .crumbsNav{position: absolute;width:100%;left:0;bottom:0;line-height:20px;color:#fff;padding:12px 0;background:rgba(0,0,0,0.5);z-index: 2;} .crumbsNav>div>a,.crumbsNav>div>span{display: inline;color:#fff;} .crumbsNav>div>a:hover{color:#0093cd;} .location_main{padding-top:10px;padding-bottom:10px;;overflow:hidden;background-color:#ededed;color:#848585} .location a,.location b{display:inline-block;font-weight:400;color:#848585;line-height:20px;text-transform:capitalize} .location a:hover{color:#0093cd} .location br {display:none;} .inside_title{text-align: center;margin-bottom:20px;} .inside_title.text-left{text-align: left;} .inside_title .h2{font-size:20px;font-family: arial;text-transform: uppercase;} .inside_title em{display: block;margin-top:10px;text-transform: capitalize;} .inside_title .p{margin-top:10px;} .submenu{text-align:center;margin:0 -5px 25px;display: flex;justify-content: center;flex-flow: row wrap;overflow: hidden;} .submenu>li{float:left;padding:0 5px;margin-bottom:5px;} .submenu>li>a{padding:9px 15px;background:transparent;text-align:center;line-height:20px;border:1px solid transparent;transition: all 0.5s;} .submenu>li.active>a,.submenu>li>a:focus,.submenu>li>a:hover{color:#fff;background-color:#0093cd;border-color:#0093cd;} .InfoContent{line-height:2;position:relative;overflow:hidden;color:#666;font-size:16px;} .InfoContent img{display: inline-block;max-width:100%;height:auto!important;} .InfoContent video{display: block;width:1200px;height:auto;max-width:100%;margin:0 auto;} .InfoContent ul,.InfoContent li{list-style-type: disc;list-style-position: inside;} .InfoContent li p{display: inline;margin-bottom:0;} .InfoContent a{display: inline;} .InfoContent a:hover{color:#0093cd} .InfoTitle{margin-bottom:20px;text-align:center;border-bottom:1px solid #dbdbdb;padding-bottom:20px;} .InfoTitle .h2{font-size:18px;margin:0;line-height:1.4;} .InfoTitle .date{font-size:12px;color:#999;margin-top:10px;} .InfoTitle .date span{padding:0 5px} .goBack{text-align:center;margin-top:30px;} .goBack a{display:inline-block;color:#fff;line-height:20px;background-color:#666;padding:10px;margin:5px;width:130px} .goBack a:hover{background-color:#0093cd} .pager{margin:30px 0 0} .pager li>a,.pager li>span{border:1px #bfbfbf solid;color:#666;margin:0 5px;text-transform:uppercase;border-radius: 4px;} .pager li>span{color:#999} .pager li>a{color:#0093cd;border-color:#0093cd;transition: all 0.5s;} .pager li>a:hover{color:#fff;background-color:#0093cd} .info_previous_next_wrap{border-top:1px #dad9d9 solid;padding-top:16px;margin-top:30px;font-size:14px;color:#666;text-transform:uppercase;overflow: hidden;} .info_previous_next_wrap b{font-weight:400} .info_previous_next_wrap a{text-decoration:none;display:inline} .info_previous_next_wrap a:hover{color:#0093cd} .info_Next,.info_Previous{margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} @media (max-width: 767px) { .location_main{font-size:12px;} .InfoContent .PC_img{display: none;} .inside_banner_main .inside_title{text-align: center;} .inside_banner_main .in2-swiper-pagination{position: static;} } @media (min-width: 768px) { .InfoContent .min_img{display: none;} .inside_main{padding:40px 0 60px} .padding_main{padding:40px 0;} .inside_title{margin-bottom:30px;} .inside_title .h2{font-size:24px;} .inside_title .p{margin-top:15px;} .inside_banner_main .inside_title .h2{font-size:26px;} .inside_banner_main .inside_title .h2>span{padding:20px 15px;} .inside_banner_main .inside_title .h1{font-size:28px;margin-bottom:70px;} .submenu{margin-bottom:30px;} .submenu>li>a{padding:9px 20px;} .InfoTitle{margin-bottom:30px;} .info_Next,.info_Previous{width:45%;} .info_Previous{float:left;} .info_Next{float:right;text-align:right;} .pager li>a,.pager li>span{padding:8px 20px;margin:0 20px} } @media (min-width: 992px) { .inside_main{padding:50px 0 80px} .padding_main{padding:50px 0;} .inside_title .h2{font-size:28px;} .inside_banner_main .inside_title .h2{font-size:30px;} .inside_banner_main .inside_title .h1{font-size:36px;} .submenu{margin:0 -10px 40px;} .submenu>li{padding:0 10px;margin-bottom:10px;} .submenu>li>a{font-size:16px;} .InfoTitle .h2{font-size:20px} .InfoTitle .date{font-size:14px;} .goBack,.pager,.info_previous_next_wrap{margin-top:40px;} } @media (min-width: 1200px) { .inside_banner_main .inside_title .h1{margin-bottom:86px;} .submenu>li>a{font-size:16px;padding:9px 24px;} .pager li>a,.pager li>span{padding:10px 25px;margin:0 25px} } @media (min-width:1450px) { .inside_main{padding:60px 0 100px} .padding_main{padding:60px 0;} .inside_title .h2{font-size:30px;} .inside_banner_main .inside_title .h2{font-size:32px;} .inside_banner_main .inside_title .h1{font-size:44px;} .InfoContent{font-size:18px;} .InfoTitle .h2{font-size:22px} .pager li>a,.pager li>span{padding:12px 35px;margin:0 30px} } @media (min-width:1650px) { .inside_banner_main .inside_title .h2{font-size:36px;} .inside_banner_main .inside_title .h1{font-size:50px;margin-bottom:106px;} } /*鍏充簬鎴戜滑*/ .honor_list{margin-left:-5px;margin-right:-5px;display: flex;flex-flow: row wrap;align-items: stretch;} .honor_list:before, .honor_list:after{display: none;} .honor_list .column{padding:0 5px;margin-bottom:10px;} .honor_list .inner{position: relative;height:100%;padding-bottom:40px;cursor: pointer;} .honor_list .img{height:100%;display: flex;justify-content: center;flex-direction: column;} .honor_list .h5{position: absolute;width:100%;left:0;bottom:0;font-size:14px;line-height:20px;padding:10px 0;text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .honor_list .column:hover .h5{color:#0093cd;} .honor_list .column1{width:25%;} @media (max-width:767px){ #lightGallery-close{width:40px;height:40px;line-height:40px;} #lightGallery-close:after{font-size:20px;} } @media (max-width:479px){ } @media (min-width:768px){ .honor_list{margin-left:-10px;margin-right:-10px;} .honor_list .column{padding:0 10px;} .honor_list .inner{padding-bottom:50px;} .honor_list .h5{font-size:16px;padding:15px 0;} } @media (min-width:992px){ .honor_list .column{margin-bottom:10px;} .honor_list .column1{width:16.66666667%;} } @media (min-width:1200px){ } @media (min-width:1450px){ .honor_list{margin-left:-15px;margin-right:-15px;} .honor_list .column{padding:0 15px;} } /*鏂伴椈涓績*/ .news_list a{border-bottom:1px #e5e5e5 solid;padding:30px 0;display:flex;flex-direction:row} .news_list .column:first-child a{padding-top:0} .news_list .img{width:200px;flex:0 0 auto} .news_list .text{width:100%;padding-left:2.85714%;overflow:hidden} .news_list .h2{font-size:16px;margin:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden} .news_list .p{color:#666;line-height:22px;height:44px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:10px 0 0} .news_list em{display:flex;flex-direction:row;justify-content:center;align-items:center;max-width:150px;border:1px #e5e5e5 solid;padding:10px;margin-top:15px} .news_list em:after{content:"";width:16px;height:12px;background:url(../images/icon/icon3.png) no-repeat center;background-size:contain;display:block;margin-left:10px;flex:0 0 auto} .news_list a:hover .h2{color:#0093cd} .news_list a:hover em{border-color:#0093cd;background-color:#0093cd;color:#fff} .news_list a:hover em:after{background-image:url(../images/icon/icon3H.png)} .news_list a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)} @media (max-width:769px){ .news_list a{display:block} .news_list .img{width:100%;margin-bottom:20px} .news_list .text{padding-left:0} } @media (min-width:768px){ .news_list .img{width:234px} .news_list .h2{font-size:18px} .news_list p{line-height:28px;height:56px} .news_list em{margin-top:25px} } @media (min-width:992px){ .news_list .img{width:323px} .news_list .h2{font-size:20px} .news_list .p{margin-top:20px} } /* 浜у搧涓績 */ .product_list.row{margin:0 -7px;} .product_list .column{padding:0 7px;margin-bottom:20px;} .product_list .img{background:#f6f6f6;transition: all 0.5s;} .product_list a{position: relative;} .product_list .h5{font-size:14px;margin-top:15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .product_list a:hover .img{background:#0093cd;} .product_list a:hover .img>img{transform: scale(1.1);} @media (min-width:768px){ } @media (min-width:992px){ .product_list .column{margin-bottom:30px;} .product_list .h5{margin-top:20px;} } @media (min-width:1200px){ .product_list.row{margin:0 -13px;} .product_list .column{padding:0 13px;} .product_list .h5{font-size:16px;} } @media (min-width:1450px){ .product_list .column{margin-bottom:40px;} .product_list .h5{margin-top:25px;} } @media (min-width:1650px){ } /* 浜у搧璇︽儏 */ .productDetailsMain{padding:25px 15px;min-height:50vh;} .prodetItem{margin-bottom:25px;} .proTit .h2{font-weight: 700;color:#058cd7;line-height:1.4;} .productDetailsTop{margin:0 -30px;} .productDetailsTop>div{padding:0 30px;} .productDetailsTop>.left{margin-bottom:15px;} .productDetailsTop .img{background:#f8f8f8;} .productDetailsTop .text{padding-top:50px;} .productDetailsTop .inside_title{text-align: left;margin-bottom:25px;} @media (min-width:768px){ .productDetailsTop>.left{margin-bottom:0;} .productDetailsMain{padding:25px 20px;} } @media (min-width:992px){ .prodetItem{margin-bottom:30px;} } @media (min-width:1200px){ .prodetItem{margin-bottom:40px;} .productDetailsMain{padding:30px;} } @media (min-width:1450px){ .productDetailsMain{min-height:75vh;} } /* 搴旂敤鏂规 */ .programme_list .p{font-size:12px;line-height:22px;height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;} @media (min-width:1200px){ .programme_list .p{font-size:14px;} } /*鑱旂郴鎴戜滑*/ .contactMain{min-height:50vh;border-radius: 10px;padding:25px 15px;} .contact_row .inside_title{margin-bottom:20px;} .contact_row .InfoContent{color:#333;} .contact_row .left{margin-bottom:30px;} .contact_row .right .inside_title,.contact_row .form{max-width:670px;} .contact_row .form label{display: block;margin-bottom:10px;} .contact_row .form-group{margin-bottom:23px;position: relative;} .contact_row .form-control{height:40px;border-radius: 20px;background:#ecf0f3;box-shadow:none;border:1px solid #ecf0f3;} .contact_row .error .form-control{border-color:#0093cd;} .contact_row textarea.form-control{height:116px;} .contact_row .btn{width:300px;max-width:100%;height:50px;font-size:18px;border-radius: 25px;margin:10px auto 0;text-align: center;color:#fff;background:#3a82b3;border:none;display: block;} .contact_row .btn:hover{background:#0093cd;} .valid_message{position: absolute;left:0;margin-top:3px;font-size:12px;color:red;} @media (max-width:767px){ } @media (max-width:479px){ } @media (min-width:768px){ .contactMain{padding:25px 20px;display: flex;flex-direction: column;justify-content: center;} .contact_row>div{padding-top:10px;padding-bottom:10px;} .contact_row .left{display: flex;flex-direction: column;align-items: center;border-right:1px solid #e8e8e8;margin-bottom:0;} .contact_row .inside_title{text-align: left;} .contact_row .right>div{padding-left:5%;} .contact_row .form{margin-top:35px;} .contact_row .btn{margin-top:30px;} } @media (min-width:992px){ .contact_row .form label{margin-bottom:15px;} } @media (min-width:1200px){ .contactMain{padding:30px;} .contact_row .InfoContent, .contact_row .right em, .contact_row .form label, .contact_row .form-control{font-size:16px;} .contact_row .right>div{padding-left:10%;} .contact_row .form-group{margin-bottom:30px;} .contact_row .form-control{height:44px;} .contact_row .btn{width:400px;height:60px;font-size:20px;border-radius: 30px;margin:40px auto 0;} } @media (min-width:1450px){ .contactMain{min-height:70vh;} .contact_row .form label{margin-bottom:20px;} } /* 鎷涘晢涓績 */ .inv_title{text-align: center;margin-bottom:30px;} .inv_title .line{width:50px;height:4px;background:#0093cd;margin:0 auto 15px;} .inv_title .ch{font-size:24px;line-height: 1;position: relative;z-index: 2;color:#000} .inv_title .en{font-size:30px;line-height: 1;color:#181515;opacity: 0.26;text-transform: uppercase;margin-top:-15px;position: relative;z-index: 1;} .adv_main .container{max-width:1230px;} .adv_list{margin-top:-15px;} .adv_list .row:before, .adv_list .row:after{display: none;} .adv_list .row{margin-left:-15px;margin-right:-15px;padding:15px 0;display: flex;align-items: center;flex-flow: row wrap;} .adv_list .row:nth-child(2n){flex-direction: row-reverse;} .adv_list .row>div{padding:0 15px;} .adv_list h5{font-size:18px;color:#0093cd;} .adv_list h5:after{content: '';display: block;width:160px;height:1px;background:#858585;margin:10px 0 15px;} .adv_list .adv_text{padding-left:60px;padding-top:10px;position: relative;margin-bottom:20px;} .adv_list .num{position: absolute;left:0;top:0;font-size:40px;line-height:1;font-family: arial;color:#858585;overflow: hidden;} .adv_list .num:after{content: '';position: absolute;top:70%;left:30%;background:#fff;width:100%;height:130%;transform: rotate(-30deg);border-top:1px solid #858585} .adv_img .img>img{width:auto;max-width:100%;margin:0 auto;} @media (min-width:768px){ .adv_list h5{font-size:20px;} .adv_list .adv_text{margin-bottom:0} } @media (min-width:992px){ .inv_title{margin-bottom:40px;} .inv_title .line{height:6px;} .inv_title .ch{font-size:28px;} .inv_title .en{font-size:38px;} .adv_list{margin-top:-15px;} .adv_list .row{margin-left:-20px;margin-right:-20px;padding:20px 0;} .adv_list .row>div{padding:0 20px;} .adv_list h5{font-size:22px;} .adv_list h5:after{width:180px;} .adv_list .num{font-size:50px;} .adv_list .adv_text{padding-left:75px;} } @media (min-width:1200px){ .adv_list .InfoContent{font-size:16px;} } @media (min-width:1450px){ .inv_title{margin-bottom:50px;} .inv_title .ch{font-size:34px;} .inv_title .en{font-size:48px;} .adv_list .num{font-size:70px;} .adv_list .adv_text{padding-left:90px;padding-top:20px;} .adv_list .row{margin-left:-30px;margin-right:-30px;padding:30px 0;} .adv_list .row>div{padding:0 30px;} .adv_list h5{font-size:24px;} .adv_list h5:after{width:200px;} } .support{position: relative;display: flex;align-items: center;flex-flow: row wrap;padding:35px 0;} .support .img{overflow: visible;} .support .img>img{width:auto;max-width:80%;margin:0 auto 20px;} .support .InfoContent{font-size:14px;color:#333;} .support .InfoContent>p{position: relative;padding-left:20px;margin-bottom:5px;} .support .InfoContent>p:before{content: '';position: absolute;width:8px;height:8px;border-radius: 50%;background:#0093cd;left:0;top:10px} .condition{align-items: center;flex-direction: row-reverse;} .con_img{width:100%;flex: 0 0 auto;background: #0093cd;} .con_img .img{left:10px;bottom:10px;} .con_text{position: relative;width:100%;padding:30px 15px;color:#333;z-index: 2;margin-bottom:30px;} .con_text .icon{font-size:16px;position: absolute;left:0;top:0;width: 24px;height:24px;text-align: center;line-height:24px;background:#0093cd;border-radius: 50%;color:#fff;} .con_text li{position: relative;padding-left:40px;line-height: 24px;margin-bottom:25px;} .con_text li:last-child{margin-bottom:0;} .con_text:before{content: '';position: absolute;width:100%;height:100%;border:1px solid #0093cd;top:0;right:0;} @media (max-width:767px){ } @media (min-width:768px){ .support{padding:45px 0;min-height:370px;} .support .img{position: absolute;left:-8%;top:-5%;width:45%;} .support .text{width:100%;padding-left:40%;} .support .img>img{max-width:100%;margin:0;} .inv_title.text-right{display: flex;align-items: flex-end;flex-direction: column;} .inv_title.text-right .line{margin-left:0;margin-right:0;} .condition{display: flex;} .con_img{width:40%;} .con_text{padding:25px 25px 25px 45px;margin-bottom:0;} .con_text:before{width:110%;} } @media (min-width:992px){ .support{padding:55px 0;} .support .InfoContent{font-size:16px;} .con_img .img{left:25px;bottom:25px;} .con_text .icon{font-size:18px;width: 32px;height:32px;line-height:32px;} .con_text li{padding-left:50px;line-height: 32px;margin-bottom:30px;} .con_text{padding:35px 35px 35px 80px;} } @media (min-width:1200px){ .support{padding:60px 0;min-height:420px;} .support .InfoContent>p{padding-left:35px;} .support .InfoContent>p:before{width:10px;height:10px;top:11px} .con_text{font-size:16px;} } @media (min-width:1450px){ .support .InfoContent{font-size:18px;} .support .img{top:-10%;width:45%;} .support .text{padding-left:38%;} .support .InfoContent>p{padding-left:45px;} .support .InfoContent>p:before{width:12px;height:12px;top:12px} .con_img{width:470px;} .con_img .img{left:35px;bottom:35px;} .con_text{padding:40px 35px 40px 100px;} .con_text:before{width:120%;} .con_text li{margin-bottom:40px;} } @media (min-width:1650px){ .support{padding:70px 0;} .support .img{left:-10%;top:-15%;} } .adv_main04{padding:40px 0;} .textColor .inv_title .ch, .textColor .inv_title .en{color:#fff;} .process{margin:0;display: flex;align-items: stretch;flex-flow: row wrap;} .process:before, .process:after{display: none;} .process .inner{height:100%;padding:35px 15px;color:#fff;border-bottom:1px solid #8a8a8a;transition: all 0.5s;} .process>div{padding:0;} .process h5{font-size:18px;text-align: center;} .process .p{font-size:14px;line-height: 2;margin-top:15px;} .process .inner:hover{background:#0093cd;} @media (max-width:767px){ .process>div:last-child .inner{border-bottom:none;} } @media (min-width:768px){ .adv_main04{padding:50px 0;} .process .inner{min-height:200px;padding:35px 25px;border-right:1px solid #8a8a8a;} .process>div{width:33.33333333%;} .process>div:nth-child(3n) .inner{border-right:none;} .process>div:nth-child(n+4) .inner{border-bottom:none;} } @media (min-width:992px){ .adv_main04{padding:60px 0;} .process h5{font-size:20px;} .process .col-sm-3{width:27.77777778%} .process .col-sm-4{width:36.1111111%} .process .col-xs-12:nth-child(5){width:44.4444444%;} } @media (min-width:1200px){ .adv_main04{padding:70px 0;} .process h5{font-size:22px;} .process .p{font-size:16px;} } @media (min-width:1450px){ .adv_main04{padding:80px 0;} .process h5{font-size:24px;} } /*鍔ㄧ敾*/ .fadeIn { opacity: 0; -webkit-transition: all 1s; transition: all 1s; } .fadeInUp { opacity: 0; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); -webkit-transition: all .8s; transition: all .8s; -webkit-transition-delay: .2s; transition-delay: .2s; } .fadeInDown { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); -webkit-transition: all 1s; transition: all 1s; } .fadeInLeft { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); -webkit-transition: all 1s; transition: all 1s; } .fadeInRight { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); -webkit-transition: all .8s; transition: all .8s; } .zoomIn { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); -webkit-transition: all .8s; transition: all .8s; } .animated { opacity: 1; -webkit-transform: none; transform: none; }