body{background:#fff;font-family:"Open Sans",Arial,sans-serif;font-weight:400;font-size:16px;line-height:1.8;color:#868e96;overflow-y: auto;overflow-x: hidden;width: 100%;} a{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;text-decoration:none} a:hover{text-decoration:none} h1,h2,h3,h4,h5{color:#000} img{max-width: 100%;} ul,li{list-style: none;padding: 0;margin: 0;} .btn,.form-control{outline:0;-webkit-box-shadow:none!important;box-shadow:none!important} header{position:fixed;top:0;left:0;width:100%;z-index:99999} header .navbar-brand{text-transform:uppercase;letter-spacing:.2em;font-weight:400} header .navbar-brand span{color:#1B449A} header .top-bar{background:rgba(255,255,255,.6)} header .top-bar a{color:#fff;padding:10px;font-size:13px;display:inline-block} header .top-bar .cta-btn{display:inline-block;padding-right:15px;padding-left:15px;background:#1B449A} header .top-bar .cta-btn:hover{-webkit-box-shadow:2px 0 20px 0 rgba(0,0,0,.1);box-shadow:2px 0 20px 0 rgba(0,0,0,.1)} header .top-bar .social{margin-bottom:0} header .top-bar .social li{display:inline-block;text-align:center} header .top-bar .social li a{color:#fff;padding:10px;width:40px;display:inline-block} @media (max-width:991px){header .top-bar .social li a{padding-left:10px;padding-right:10px;width:inherit} } header .top-bar .social li a:hover{background:#1B449A;color:#fff;-webkit-box-shadow:2px 0 20px 0 rgba(0,0,0,.1);box-shadow:2px 0 20px 0 rgba(0,0,0,.1)} header .navbar{padding-top:0;padding-bottom:0;background:rgba(255,255,255,.7)} @media (max-width:1199px){header .navbar{background:#fff!important;padding-top:.5rem;padding-bottom:.5rem} } header .navbar .nav-link{padding:1.7rem 1rem;outline:0!important;color:#000!important} @media (max-width:1199px){header .navbar .nav-link{padding:.5rem 0} } header .navbar .nav-link.active{color:#1B449A!important} header .navbar .dropdown-menu{font-size:14px;border-radius:4px;border:none;-webkit-box-shadow:0 2px 20px -5px rgba(0,0,0,.1);box-shadow:0 2px 20px -5px rgba(0,0,0,.1);top:96%!important;} header .navbar .dropdown-menu .dropdown-item.active{background:#f8f9fa;color:#1B449A!important} header .navbar .dropdown-menu a{padding-top:7px;padding-bottom:7px} header .navbar .dropdown-menu a:hover{background:#1B449A;color: #fff;} .owl-carousel .owl-item{opacity:.4} .owl-carousel .owl-item.active{opacity:1} .owl-carousel .owl-nav{position:absolute;top:50%;width:100%} .owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{position:absolute;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);margin-top:-10px} .owl-carousel .owl-nav .owl-next span:before,.owl-carousel .owl-nav .owl-prev span:before{font-size:40px;border:none} .owl-carousel .owl-nav .owl-prev{left:30px!important} .owl-carousel .owl-nav .owl-next{right:30px!important} .owl-carousel .owl-dots{text-align:center} .owl-carousel .owl-dots .owl-dot{width:10px;height:10px;margin:5px;border-radius:50%;background:#e6e6e6} .owl-carousel .owl-dots .owl-dot.active{background:#1B449A} .owl-carousel.home-slider{z-index:1;position:relative} .owl-carousel.home-slider .owl-nav{opacity:0;visibility:hidden;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease} .owl-carousel.home-slider .owl-nav button{color:#fff;border:none;outline:0;cursor:pointer} .owl-carousel.home-slider:focus .owl-nav,.owl-carousel.home-slider:hover .owl-nav{opacity:1;visibility:visible;cursor:pointer} .owl-carousel.home-slider .slider-item{background-size:cover;background-repeat:no-repeat;background-position:center center;height:520px} .owl-carousel.home-slider .slider-item .slider-text{color:#fff;height:420px} .owl-carousel.home-slider .slider-item .slider-text h1{font-size:45px;color:#fff;line-height:1.2;font-weight:300} @media (max-width:991px){.owl-carousel.home-slider .slider-item .slider-text h1{font-size:28px} } .slider-item a{color: #fff;border:1px #fff solid;border-radius: 4px;padding:4px 10px;display: flex;width:220px;} .slider-item a span{width:50%;} .owl-carousel.home-slider .slider-item .slider-text p{font-size:20px;line-height:1.5;font-weight:300;color:rgba(255,255,255,.8)} .owl-carousel.home-slider.inner-page .slider-item{height:calc(50vh - 117px);min-height:500px} .owl-carousel.home-slider.inner-page .slider-item .slider-text{color:#fff;height:calc(50vh - 117px);min-height:500px} .owl-carousel.home-slider .owl-dots{position:absolute;bottom:10px;width:100%} .owl-carousel.home-slider .owl-dots .owl-dot{width:18px;height:18px;margin:5px;border-radius:50%;background:#e6e6e6;background:0 0;border:2px solid rgba(255,255,255,.5);outline:0!important;position:relative;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease} .owl-carousel.home-slider .owl-dots .owl-dot span{position:absolute;width:6px;height:6px;background:rgba(255,255,255,.5);border-radius:50%!important;left:50%;top:50%;display:block;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .owl-carousel.home-slider .owl-dots .owl-dot.active span{background:#fff} .owl-carousel.major-caousel .owl-stage-outer{padding-top:30px;padding-bottom:30px} .owl-carousel.major-caousel .owl-nav .owl-next,.owl-carousel.major-caousel .owl-nav .owl-prev{-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;color:#495057} .owl-carousel.major-caousel .owl-nav .owl-next:focus,.owl-carousel.major-caousel .owl-nav .owl-next:hover,.owl-carousel.major-caousel .owl-nav .owl-prev:focus,.owl-carousel.major-caousel .owl-nav .owl-prev:hover{color:#868e96;outline:0} .owl-carousel.major-caousel .owl-nav .owl-next.disabled,.owl-carousel.major-caousel .owl-nav .owl-prev.disabled{color:#dee2e6} .owl-carousel.major-caousel .owl-nav .owl-prev{left:-60px!important} .owl-carousel.major-caousel .owl-nav .owl-next{right:-60px!important} .owl-carousel.major-caousel .owl-dots{bottom:-30px!important;position:relative} .owl-custom-nav{float:right;position:relative;z-index:10} .owl-custom-nav .owl-custom-next,.owl-custom-nav .owl-custom-prev{padding:10px;font-size:30px;background:#ccc;line-height:0;width:60px;text-align:center;display:inline-block} .home-feature{margin-top:-120px;position:relative;z-index:2} .home-feature .one-col,.home-feature .three-col,.home-feature .two-col{position:relative;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;z-index:2;top:0;border-bottom:10px solid #1B449A} @media (max-width:767px){.home-feature .one-col,.home-feature .three-col,.home-feature .two-col{border:none;margin-bottom:10px} } .home-feature .one-col .col-inner,.home-feature .three-col .col-inner,.home-feature .two-col .col-inner{position:relative;overflow:hidden} .home-feature .one-col .icon,.home-feature .three-col .icon,.home-feature .two-col .icon{font-size:200px;color:rgba(255,255,255,.07);position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:-1;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease} .home-feature .one-col h2,.home-feature .three-col h2,.home-feature .two-col h2{color:#fff;font-size:24px;letter-spacing:.05em;font-weight:300;margin-bottom:20px;text-transform:uppercase} .home-feature .one-col p,.home-feature .three-col p,.home-feature .two-col p{color:rgba(255,255,255,.7);font-weight:300} .home-feature .one-col p:last-child,.home-feature .three-col p:last-child,.home-feature .two-col p:last-child{margin-bottom:0} .home-feature .one-col .btn-more,.home-feature .three-col .btn-more,.home-feature .two-col .btn-more{-webkit-transition:.15s all ease-out;-o-transition:.15s all ease-out;transition:.15s all ease-out;opacity:0;visibility:hidden;position:absolute;display:block;text-align:center;bottom:-50px;left:0;right:0;padding:20px;background:#1B449A;z-index:-1;color:#fff;-webkit-box-shadow:0 4px 20px -5px rgba(0,0,0,.4);box-shadow:0 4px 20px -5px rgba(0,0,0,.4)} @media (max-width:767px){.home-feature .one-col .btn-more,.home-feature .three-col .btn-more,.home-feature .two-col .btn-more{opacity:1;visibility:visible;position:relative;bottom:0;padding:10px;} } .home-feature .one-col .btn-more:hover,.home-feature .three-col .btn-more:hover,.home-feature .two-col .btn-more:hover{background:#6fcfdd} .home-feature .one-col:hover,.home-feature .three-col:hover,.home-feature .two-col:hover{top:-10px;z-index:3;-webkit-box-shadow:0 4px 40px -5px rgba(0,0,0,.4);box-shadow:0 4px 40px -5px rgba(0,0,0,.4)} @media (max-width:767px){.home-feature .one-col:hover,.home-feature .three-col:hover,.home-feature .two-col:hover{top:0} } .home-feature .one-col:hover .icon,.home-feature .three-col:hover .icon,.home-feature .two-col:hover .icon{-webkit-transform:translate(-10px,-50%);-ms-transform:translate(-10px,-50%);transform:translate(-10px,-50%)} .home-feature .one-col:hover .btn-more,.home-feature .three-col:hover .btn-more,.home-feature .two-col:hover .btn-more{opacity:1;visibility:visible;bottom:-50px} @media (max-width:767px){.home-feature .one-col:hover .btn-more,.home-feature .three-col:hover .btn-more,.home-feature .two-col:hover .btn-more{bottom:0} } .home-feature .one-col{background:#007bff} .home-feature .two-col{background:#006fe6} .home-feature .three-col{background:#0067d6} .section{padding:6em 0} .cta-link{background:#1B449A;padding:3.5em 0 3em 0;display:block;text-align:center} .cta-link:active,.cta-link:focus{outline:0} .cta-link span{line-height:1.2} .cta-link .sub-heading{color:#fff;display:block;font-size:20px} .cta-link .heading{font-size:50px;color:#001933} @media (max-width:991px){.cta-link .heading{font-size:30px} } .cta-link:hover{background:#006fe6} .cover_1{background-size:cover;background-position:center center;padding:7em 0} .cover_1 .sub-heading{color:rgba(255,255,255,.7);font-size:22px} .cover_1 .heading{color:#fff;} .heading{color:#000} .heading.border-bottom{position:relative;padding-bottom:30px} .heading.border-bottom:before{bottom:0;position:absolute;content:"";width:50px;height:2px;left:8%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#1B449A} .text-black{color:#000!important} .stretch-section .video{display:block;position:relative;-webkit-box-shadow:4px 4px 70px -20px rgba(0,0,0,.5);box-shadow:4px 4px 70px -20px rgba(0,0,0,.5)} .media-feature .icon{font-size:60px;color:#1B449A} .media-feature h3{font-size:20px} .media-custom{background:#fff;-webkit-transition:.3s all ease;-o-transition:.3s all ease;transition:.3s all ease;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.1);box-shadow:0 2px 3px 0 rgba(0,0,0,.1);margin-bottom:30px} .media-custom .meta-post{color:#adb5bd;font-size:13px;text-transform:uppercase} .media-custom .meta-chat{color:#ced4da} .media-custom .meta-chat:hover{color:#868e96} .media-custom:focus,.media-custom:hover{-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.2);box-shadow:0 2px 10px 0 rgba(0,0,0,.2)} .media-custom .media-body{padding:30px} .media-custom .media-body h3{font-size:20px} .media-custom .media-body p:last-child{margin-bottom:0} .list-unstyled.check li{position:relative;padding-left:30px;line-height:1.3;margin-bottom:10px} .list-unstyled.check li:before{color:#1B449A;left:0;font-family:Ionicons;content:"\f122";position:absolute} .custom-tabs .border-right{border-right:1px solid #dee2e6} @media (max-width:767px){.custom-tabs .border-right{border-right:none} } .custom-tabs .tab-pane .icon{font-size:60px;display:block;color:#1B449A} .custom-tabs .tab-pane h2{font-size:49px;font-weight:400;padding: 10px 0;} #modalAppointment .modal-content{border-radius:0;border:none} #modalAppointment .modal-body,#modalAppointment .modal-footer{padding:40px} .site-footer{padding:4em 0 2em 0;background:#081334;color:rgba(255,255,255,.7)} .site-footer a{color:rgba(255,255,255,.5)} .site-footer a:hover{color:#fff} .site-footer h3{color:#fff;font-size:16px;font-weight:700;margin-bottom:30px;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px;margin-bottom:20px} .site-footer .footer-link li{line-height:1.3;width:20%;margin-left: 0.5%;} .site-footer .footer-link li b{font-size: 14px;font-weight: 400;} .site-footer .footer-link li b a{padding:4px;color: #fff;} .site-footer .footer-link li span{font-size: 13px;font-weight: 300;width: 100%;display: block;height: 170px;overflow: hidden;} .site-footer .footer-link li span a{padding:8px 4px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;} .site-footer .footer-link li span a:hover{background: transparent;color: #007bff;} .site-footer hr{width:100%} .site-footer .border-t{border-top:1px solid rgba(255,255,255,.1)} .copyright{font-size:14px} .element-animate{opacity:0;visibility:hidden} .logoimg{width:220px} .logoimg img{max-width:100%} .englistlist{width: 25%;display: flex;margin-top: 20px;padding-left: 5%;} .container-layout{display: flex;width: 90%;margin: auto;} .logoimg{margin-top: 20px;width:15%;} .searchBar{position: relative;display: block;text-align: center;} .searchBar .button{position: absolute;right:8px;top:2px;border:none;outline: none;background: transparent;cursor: pointer;} .searchBar .input{border:1px #ddd solid;font-size:14px;border-radius: 4px;height: 33px;line-height: 33px;width: 100%;color: #333;} .englistlist span{display: block;text-align: center;} .navbar-nav li{padding: 0 5px;} .aboutbgbox{background:url(/template/pc/xgm_skin/img/aboutbg2x.jpg) no-repeat bottom center;background-size:cover;margin-top: -99px;padding-top: 12em;} .servnav{position: relative;width:460px;height: 460px;} .servnav b.navcenter{display: block;width: 160px;height: 160px;border-radius: 50%;background: #0A59C7;color: #fff;text-align: center;position: absolute;left:50%;margin-left: -80px;top: 50%;margin-top: -80px;padding-top:36px;} .servnav b.navcenter img{width: 80px;display: block;margin: auto;} .servnav a{display: block;width: 120px;height: 120px;border-radius: 50%!important;background: #0A59C7;color: #fff;position: absolute;margin-left: -60px;margin-top: -60px;text-align: center;padding-top:45px;} .servnav a span{width:1px;height:103px;display: block;position: absolute;background:#0A59C7;} .servnav a.a01{left: 50%;top: 0%;padding-top:35px;} .servnav a.a01 span{top: 120px;left: 50%;} .servnav a.a02{left: 88%;top: 13%;} .servnav a.a02 span{top: 86px;left:-21%;transform: rotate(45deg);height: 125px;} .servnav a.a03{left: 100%;top: 50%;} .servnav a.a03 span{top:7%;left:-42%;transform: rotate(90deg);} .servnav a.a04{left: 88%;top: 87%;padding-top:35px;} .servnav a.a04 span{top: -86px;left:-21%;transform: rotate(-45deg);height: 125px;} .servnav a.a05{left: 50%;top: 100%;padding-top:35px;} .servnav a.a05 span{top: -102px;left: 50%;} .servnav a.a06{left: 12%;top: 87%;} .servnav a.a06 span{top: -86px;right:-21%;transform: rotate(-135deg);height: 125px;} .servnav a.a07{left: 0%;top: 50%;} .servnav a.a07 span{top:7%;right:-42%;transform: rotate(90deg);} .servnav a.a08{left: 12%;top: 13%;} .servnav a.a08 span{top: 86px;right:-21%;transform: rotate(-45deg);height: 125px;} .enservnav a.a02{left: 95%;top: 28%;padding-top: 30px;} .enservnav a.a02 span{top: 61px;left:-33%;transform: rotate(60deg);height: 125px;} .enservnav a.a03{left: 95%;top: 75%;padding-top: 20px;} .enservnav a.a03 span{top:-33%;left:-32%;transform: rotate(-60deg);} .enservnav a.a04{left: 50%;top: 100%;padding-top:35px;} .enservnav a.a04 span{top: -102px;left: 50%;transform: rotate(0deg);height: 125px;} .enservnav a.a05{left: 5%;top: 75%;} .enservnav a.a05 span{top: -32%;right:-33%;transform: rotate(-120deg);height: 125px;left: auto;} .enservnav a.a06{left: 5%;top: 28%;} .enservnav a.a06 span{top:45%;right:-42%;transform: rotate(-60deg);} .enservnav a.a08{left: 12%;top: 13%;} .enservnav a.a08 span{top: 86px;right:-21%;transform: rotate(-45deg);height: 125px;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link{background: #007bff;width: 120px;height: 120px;border-radius: 50%;color: #fff;margin-left: -60px;} .tab-content>.active p{font-size: 1.1rem;color: #333;} .newlist{width: 49%;margin-right: 1%;float: left;margin-bottom: 12px;} .newlist a{color: #333;display: block;background: #fff;border:1px #ddd solid;padding:6px;box-shadow: 3px 3px 4px rgba(0,0,0,0.1)} .newlist a:hover{background:rgba(10,89,199,0.03);box-shadow: 3px 3px 4px rgba(0,0,0,0.2);border:1px #ccc solid;} .newlist a span{display: flex;} .newlist a span em{font-style: normal;border-radius: 2px;background: #0A59C7;color: #fff;font-size: 12px;padding: 2px 8px;margin-right: 10px;} .newlist a span i{font-style: normal;font-size: 13px;} .newlist a b{font-size: 16px;font-weight: 400;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;padding: 10px;} .footlink{display: flex;position: absolute;top:-40px;left:50%;margin-left:-570px;z-index: 999;} .footlink p{display: block;width: 23%;margin-right: 2%;} .footlink p a{background: #fff;border:1px rgba(6,59,132,0.35) solid;padding:20px 0;display: flex;width: 100%;font-size: 18px;color: #333;text-align: center;} .footlink p a span{display: block;width: 30%;text-align: center;} .footlink p a span svg{color:#007bff} .footlink p a b{display: block;width: 70%;} .footlink p a:hover{background:#cae5ff} .footerlinkcon{background: url(../img/footbg.jpg) no-repeat center bottom;width: 100%;height: 180px;position: relative;} .txtlink{padding-top: 90px;display: flex;position: relative;z-index: 1} .txtlink h2{color: #fff;width:80%;display: block;font-size:26px;font-weight: 400;} .txtlink span{display: flex;width:18%;border:1px #fff solid;margin-right: 2%;} .txtlink span a{width: 60%;display: block;text-align: center;color: #fff;height: 40px;line-height: 40px;} .txtlink span b{width: 40%;display: block;height: 40px;line-height: 40px;text-align: right;padding-right: 10px;padding-top: 2px;} .footer-link{display: flex;} .rightimg{display: flex;} .rightimg span{display: block;width:49%;margin:0 0.5%} .rightimg span img{width:100px;height: 100px;display: block;margin: auto;} .rightimg span b{font-size: 12px;font-weight:300;display: block;text-align: center;padding-top: 10px;} .leftlogo{font-size: 14px;padding-right: 10px;} .leftlogo span{display: block;text-align: center;margin: 16px 0;} .leftlogo p{padding: 4px 0;margin-bottom: 0;display: flex;} .leftlogo p svg{visibility: visible;margin-right:2px;width:20px;} .leftlogo img{width: 90%;display: block;margin: 0 auto 8px auto;} .leftlogo p b{display: block;text-align: left;font-weight: 300;margin-top: -5px;} .footlikeline{border-left: 1px rgba(255,255,255,0.2) solid;border-right: 1px rgba(255,255,255,0.2) solid;} .copyright{background:#101010;color: #757575;font-size: 12px;padding: 8px 0;display: flex;} .copyright p{width: 33%;text-align: center;display: block;} .copyright p a{color: #757575;} .copyright p a:hover{color: #ddd;} .channel-banner{width: 100%;height:320px;position: relative;z-index: 1;background-position: center;background-size: cover;} .banner-info{position: absolute;bottom: 0;width: 90%;left: 50%;margin-left: -45%;} .nav-x{width: 290px;margin-top: -90px;position: relative;z-index: 99;color: #fff;} .nav-x h2{font-size: 26px;font-weight: 400;padding:0 20px;display: block;color: #fff;border-bottom: 1px #0087d1 solid;margin-bottom: 0;height: 90px;line-height: 90px;background:rgba(0,0,0,0.8);} .nav-navicon{padding: 0 0 30px 0;margin: 0;width: 100%;margin: auto;background:rgba(0,0,0,0.8);} .nav-navicon li{display: block;width: 100%;} .nav-navicon li a{color: #fff;border-bottom: 1px rgba(255,255,255,0.1) solid;padding: 14px 0px 14px 20px;display: block;width: 100%;cursor: pointer;} .nav-navicon li a:hover,.nav-navicon li a.active{ background-image: linear-gradient(to right, #0087d1,transparent);} .height80{height:80px;clear:both;display: block;width: 100%;} .maincon{margin-top: -90px;position: relative;z-index: 9;margin-left:3%;width: 80%;} .mainhead{background-image: linear-gradient(to right, #0087d1,transparent);width: 100%;height: 90px;line-height: 90px;font-size: 24px;padding-left: 40px;color: #fff;} .mainmbx{width: 100%;height: 57px;color: #0087d1;border-bottom: 1px #ddd solid;font-size: 14px;line-height: 57px;} .mainmbx a{color: #888;cursor: pointer;} .mainbox{color: #333;font-size: 16px;line-height: 1.6em;padding: 40px 0;} .mainbox p.imgb img{display: block;width: 50%;margin: auto;} .mainbox p.imgm img{display: block;width:70%;margin: auto;} .mainbox .x3{width: 31%;margin-right: 2%;float: left;} /* 鏂伴椈鍒楄〃 */ .list-news {margin-bottom:30px;display: flex;border-bottom: 1px #eee solid;} .list-news .x1{width: 10%;} .list-news .x6{width: 80%;} .list-news .time{border-right:1px solid #eee;} .list-news .time .text-large{font-size:28px;text-align: center;} .list-news .time p{margin-bottom:4px;} .list-news .news {margin-left:50px;margin-right:30px} .list-news .news h3 a{display:block;font-size:20px;color:#333;margin-bottom:14px} .list-news .button{margin-top:70px;width:70px;line-height:56px;font-size:24px;border:1px solid #ebebeb;padding:10px;} .list-news:hover .button{background:#1B449A;color:#fff;border:1px solid #1B449A} .list-news:hover h3 a{color:#1B449A} /* 鏂伴椈鍒楄〃 */ /* 涓婁笅绡 */ .prenext-pro a.button{height:70px;line-height:70px;padding:0 25px} .prenext-pro a.button:hover{background:#3f88d9;color:#fff} .prenext-pro a.border{border:1px solid #eee} /*鍒嗛〉 begin*/ .pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;} .pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:12px 16px;border:1px solid #DCDCDC;} /* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */ .pagination li.active a,.pagination li a:hover {background:#3f88d9;color:#fff;border:1px solid #3f88d9;} /*鍒嗛〉 end*/ .more{position: absolute;display: block;right:30px;top: 10px;} .job-list{transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;padding:12px;border:1px #eee solid;display: block;color: #333;font-size: 14px;box-shadow:0 3px 5px rgba(0,0,0,0.3);} .job-list:hover{box-shadow:0 10px 25px rgba(0,0,0,0.3);transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .job-list dt{font-weight:normal} .jobbox .x4 {width: 23%;float: left;margin-right: 2%;margin-bottom: 14px;} .jobmore{display: block;display: flex;padding-top: 14px;border-top: 1px #ddd solid;margin-top: 14px;} .jobmore span{display: block;width: 80%;text-align: right;} .jobmore b{display: block;width: 20%;text-align: right;} .jobbox .job-list dt{position: relative;width: 100%;height:160px;overflow:hidden;} .jobbox .job-list dt img{display: block;position: absolute;width: 100%;left: 50%;margin-left: -50%;top: 50%;margin-top: -33%;min-height: 100%;} .jobbox .job-list dd{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 10px 0;} .jobbox h2{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;color: #1b449a;font-size:26px;} .jobbox hr{border-bottom: 4px #007bff solid;} .casebg {background-color:#d7f0ff!important;color: #fff;padding: 0;} .casebg .col-md-4{background:#006caa;color: #fff;padding: 40px 0 40px 20px;} .casebg .col-md-4 a{color: #fff;} .casebg .col-md-7{padding: 3em 4em 0 0em;} .casebg .tab-content>.active p.lead{margin-top:3em;line-height: 1.8em;font-size: 1.3em;} .caselist .nav-link.active, .caselist .show>.nav-link{background:#d7f0ff;width: 100%;height: auto;margin-left:1px;border-radius:0;color: #000;} .contbox{display: flex;} .contbox .map{width: 48%;margin-right: 2%;} .contantxt{width: 50%;} .wenhualist{display: flex;} .tittle{position: relative;width: 100%;height: 80px;} .conmore{position: absolute;right: 0;bottom: 10px;} .openwindows{position: fixed;width: 500px;height: 221px;right:4.5%;top:42%;z-index: 9999;} .openwindows .btnclose{display: block;position: absolute;top: 10px;right: 10px;cursor: pointer;} .openwindows h2{cursor: move;width: 100%;height:50px;background:rgba(0,0,0,0.8);line-height: 50px;color: #fff;font-size: 16px;text-indent: 2em;font-weight: 400;} .displaynone{display: none!important;} .pingpailist{float: left;margin: 0 10px 10px 0;width: 212px;} .pingpailist{width: 202px;height:60px;margin:10px;} .pingpailist img{border:1px #ddd solid;width: 202px;height:60px;} .zximg{margin-top: -8px;} .englogo{width:330px;display:flex;margin:10px auto;} .englogo .logoimg{width:75%;margin-top: 0;} .xgmenone{background: #1c449a;color: #fff;padding: 10em 0 2em 0;} .xgmentit{padding:20px 0;color: #fff;} .xgmslist{color: #fff;font-size:16px;} .xgmentwo{background: #006ebb;text-align: right;} .xgmenthree,.xgmenfour{background: #008cd6} .xgmenthree,.xgmentwo{padding-bottom:4em;} .xgmenfour{display: block;text-align: center;padding:0px 0 30px 0;} .xgmenfour img{display: block;margin:0px auto;} .aboutenbox{margin-top: 0;padding-top: 4em;} .cusetnav{margin-bottom:14px;border-bottom: 1px #007bff solid;} .cusetnav li a{padding: 0px 50px;background:rgba(255,255,255,0.7);color: #000;margin-right:10px;border-radius: 4px 4px 0 0;border:1px #fff solid;border-bottom: none;height: 40px;line-height:40px;display: block;} .cusetnav li a.active{background:#007bff;color: #fff;border:1px #007bff solid;border-bottom: none;} @media (max-width:767px){ .logoimg{width: 50%;margin-top:15px;} .englistlist span.searchBar{display: none;} .navbar-light .navbar-toggler{position: absolute;right: 10px;top: 20px;} .englistlist{width: 50%;} .navbar-expand-lg .navbar-collapse{position: absolute;right: 0px;top:75px;width: 100%;background: #0A59C7;color: #fff;} .dropdown-toggle:after,header .navbar .dropdown-menu{display: none;} header .navbar .nav-link.active{color: #6ec8ff!important} header .navbar .nav-link{color: #ffff!important;} header .navbar .navbar-nav li a{padding-left: 30px;border-bottom: 1px rgba(255,255,255,0.2) solid;} .newlist{width:100%;margin-right: 0;} .footerlinkcon{height: auto;} .footlink,.footlikeline{display: none;} .txtlink{padding: 40px 20px;display: block;} .txtlink span{width: 80%;margin-top:20px;} .leftlogo img{width: 80%;margin: 0 auto 20px auto;display: block;} .rightimg{margin-top: 30px;} .txtlink h2{width: 100%;} .leftlogo p{text-align: center;} .copyright{display: block;} .copyright p{display: block;text-align: center;width: 100%;margin-bottom: 0;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link{width: 100px;height: 100px;} .servnav{width:320px;height: 320px;margin: auto;} .servnav b.navcenter{width: 120px;height: 120px;margin-left: -60px;margin-top: -60px;padding-top: 16px;position: relative;z-index: 9;} .servnav a{width: 100px;height: 100px;padding-top:42px;font-size:12px;} .servnav a span{width:1px;height:103px;display: block;position: absolute;background:#0A59C7;} .servnav a.a01{left: 50%;top: 0%;padding-top:35px;margin-left: -50px!important;} .servnav a.a01 span{top: 100px;left: 50%;} .servnav a.a02{left: 88%;top: 13%;} .servnav a.a02 span{top: 70px;left:-32%;transform: rotate(45deg);height: 145px;} .servnav a.a03{left: 101%;top: 50%;} .servnav a.a03 span{top:7%;left:-51%;transform: rotate(90deg);} .servnav a.a04{left: 88%;top: 87%;padding-top:30px;} .servnav a.a04 span{top:-105px;left:-41%;transform: rotate(-45deg);height: 147px;} .servnav a.a05{left: 53%;top: 103%;padding-top:30px;} .servnav a.a05 span{top: -102px;left: 50%;} .servnav a.a06{left: 18%;top: 87%;} .servnav a.a06 span{top: -91px;right:-31%;transform: rotate(-135deg);height: 125px;} .servnav a.a07{left: 5%;top: 50%;} .servnav a.a07 span{top:6%;right:-50%;transform: rotate(90deg);} .servnav a.a08{left: 17%;top: 13%;} .servnav a.a08 span{top:70px;right:-32%;transform: rotate(-45deg);height: 145px;} .rightbox{margin-top: 80px;} .rightbox .tab-content>.active i svg{display: block;margin: auto;} .rightbox .tab-content>.active h2{display: block;text-align: center;font-size: 30px;} .rightbox .tab-content>.active p a{display: block;text-align: center;margin:10px auto;} .main{display: block;} .maincon{width: 100%;margin-top:20px;margin-left: 0;clear: both;} .nav-x{width: 100%;} .nav-navicon li{width:50%;float: left;} .nav-navicon li a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;border-right: 1px rgba(255,255,255,0.2) solid;border-bottom: 1px rgba(255,255,255,0.2) solid} .newsmore{display: none;} .list-news .x1{width: 15%;} .list-news .x6{width: 85%} .list-news .news{margin-right: 10px;margin-left:14px;} .list-news .time{border-right: 0;} .list-news .time p{font-size: 10px;} .pagination li a{font-size: 12px;padding:10px 12px;} .contbox{display: block;} .mainbox p.imgb img,.mainbox p.imgm img{width: 100%;} .jobbox .x4{width: 100%;} .wenhualist{display: block;} .wenhualist div{width: 100%!important;margin-bottom: 12px} .pingpailist{width: 44%;} .owl-carousel.home-slider .slider-item{height: 190px;margin-top: 80px;} .openwindows{width: 320px;margin-left: -160px;} .openwindows img{max-width: 100%;} .list-news .news h3 a{font-size: 18px;line-height: 1.8em;} .list-news .time .text-large{font-size: 20px;} .pagination{display: block;} }