@charset "utf-8";a:link{text-decoration:none;} :root { --primary: #e5555e; --primary-hover: #c42f38; --primary-rgb: 229, 85, 94; --info: #2791E5; --info-hover: #1b80d0; --info-dark:#053b93; --info-rgb: 40, 146, 229; --info-hover-rgb: 27, 128, 208; --black: #263450; --black-rgb: 38, 52, 80; --text: #757983; --black-bg: #0a1829; } /* 指正常的未被访问过的链接*/ a:visited{text-decoration:none;} /*指已经访问过的链接*/ a:hover{text-decoration:none;} /*指鼠标在链接*/ a:active{text-decoration:none;} /* 指正在点的链接*/ /* BODY */ *{outline:none !important;} a:hover{text-decoration:none;} a:active{text-decoration:none;} button{border:none;background:none;} .marktext{color:#757983;} .mt-index-body{background-color:#fff;} .pannel-title{text-align:center;} .pannel-title .mt-font-size-28{color:#333} .pannel-posts h4{display:block;font-size:30px;margin-bottom:15px;} .pannel-posts h4 span{color:#2791E5;} .pannel-posts small{display:block;text-transform:uppercase;letter-spacing:2px;opacity:0.5;} .pannel-posts small:after{content:"";width:50px;height:1px;background:#26282b;display:inline-block;margin-left:5px;margin-bottom:4px;opacity:0.5;} .text-left {text-align: left !important;} .text-right {text-align: right !important;} .text-center {text-align: center !important;} .img-full { width: 100%;} /* 头部 */ .mt-index-body .header{background:#fff;} .mt-index-body .header .head-nav .blo-box a{color:#000;} .mt-index-body .header .head-nav .blo-box .blo-second{background-color:rgba(255,255,255,0.8);} .mt-index-body .header .head-nav .blo-box a:before{background:rgba(40, 146, 229,.8);} .mt-index-body .header .head-nav .blo-box:not(:last-child):before{/* content:'';position:absolute;border-right:1px solid rgba(0,0,0,.3);top:40%;height:50%;right:-45px;*/ display:none;} .mt-index-body .p-click-alert span{border-top:2px solid #000;} .mt-index-body .header .header-logo img{max-width:auto;max-height:100%;} /* .mt-index-body .main{margin-top:90px;} */ .mt-index-body .mt-index-banner{height:778px;overflow:hidden;} .mt-index-body .mt-index-banner .swiper-container{height:778px !important;} .mt-index-body .size-all{height:778px;} /* ======= Default Button ======= */ .btn-group{display:flex;align-items:center;justify-content:flex-start;} .btn-group .default-btn{margin-right:20px;} .btn-group-left a{} .default-btn{background:linear-gradient(to right,#2791E5,#1b80d0);font-size:14px;color:#fff;text-transform:uppercase;line-height:45px;display:inline-block;letter-spacing:0px;padding:0 35px;position:relative;border-radius:2px;z-index:1;} .default-btn:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:rgba(255,255,255,0.2);-webkit-transform-origin:right center;-moz-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-ms-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4,0,0.2,1);-moz-transition:-moz-transform 0.4s cubic-bezier(0.4,0,0.2,1);-ms-transition:-ms-transform 0.4s cubic-bezier(0.4,0,0.2,1);-o-transition:-o-transform 0.4s cubic-bezier(0.4,0,0.2,1);transition:transform 0.4s cubic-bezier(0.4,0,0.2,1);z-index:-1;} .default-btn:hover:before{-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-ms-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);} .default-btn:hover{transform:translateY(-3px);color:#fff;} .default-btn.btn-border{text-align:center;background:transparent;border:1px solid;border-radius:50px;width:100%;margin-top:30px;} .default-btn.btn-outline-info{text-align:center;background:transparent;border:1px solid #2791E5;border-radius:50px;width:180px !important;margin-top:50px;} .default-btn.btn-outline-info:hover{transform:translateY(-3px);color:#fff;border-radius:50px;} .default-btn.btn-outline-info:before{border-radius:50px;} .btn-middle{display:flex; justify-content: center;} .solh-tip .tip-btn{text-align: center;} .solh-tip .tip-btn .btn{width:172px;} .solh-tip .tip-tel{float:left;margin-left:30px;padding-left:30px;border-left:1px dashed rgba(250,250,250,0.6);} .solh-tip .tip-tel .item-dt{font-size:14px;line-height:20px;color:#fff;} .solh-tip .tip-tel .item-dd{font-size:20px;line-height:26px;color:#fff;font-weight:bold;} /* ======= Section Heading ======= */ .section-heading h2{font-size:42px;line-height:50px;display:block;font-weight:800;} .section-heading h3{font-size:30px;line-height:50px;display:block;font-weight:800;} .section-heading h4{background-color:rgba(38, 52, 80,0.1);font-size:12px;color:#2791E5;font-weight:600;letter-spacing:0;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;padding:3px 15px;position:relative;} .section-heading.white h4{} .section-heading.white h2{color:#fff;} /*====================================================== 2.0 About Section=======================================================*/ .about-section{position:relative;} .list-feature{margin-bottom:30px;margin-right:40px;} .list-feature li{display:flex;align-items:flex-start;} .list-feature li i{font-size:50px;margin-right:20px;color:#2791E5;margin-top:10px;display:block;transition:0.36s;} .list-feature li i:hover{transform:translateY(-5px);} .list-feature li .icon-brand{background:url(../images/icon/icon-brand.png) no-repeat center center;width:44px;height:44px;background-size:100%;} .list-feature li:hover .icon-brand{background:url(../images/icon/icon-brand-hover.png) no-repeat center center;width:44px;height:44px;background-size:100%;} .list-feature li .icon-user{background:url(../images/icon/icon-user.png) no-repeat center center;width:44px;height:44px;background-size:100%;} .list-feature li:hover .icon-user{background:url(../images/icon/icon-user-hover.png) no-repeat center center;width:44px;height:44px;background-size:100%;} .btn-wrap{display:flex;align-items:center;} .btn-wrap a{margin-right:40px;} .about-bg-holder{position:relative;height:100%;right:-40px;} .about-bg-holder .bg-back{background-image:url(../images/index/about-1.png);background-repeat:no-repeat;background-position:left top;background-size:contain;width:50%;height:100%;position:absolute;left:0;top:0;} .about-bg-holder .bg-front{background-image:url(../images/index/about-2.png);background-repeat:no-repeat;background-position:right center;background-size:contain;width:60%;height:100%;position:absolute;right:40px;top:30px;} .dot-pattern{background-image:url(../images/index/pattern-1.png);background-repeat:no-repeat;background-position:top right;background-size:contain;width:150px;height:166px;position:absolute;right:150px;top:-40px;z-index:-1;} @media ( min-width:992px ){.about-bg-holder{margin-top:20px;} } /*========== Play Button =========*/ .play-btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;right:220px;top:60px;} .play-btn .play-icon{width:55px;height:55px;border-radius:100%;display:flex;align-items:center;justify-content:center;background-color:#ffffff;color:#2791E5;-webkit-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;-webkit-animation:ripple_colored 2s linear infinite;animation:ripple_colored 2s linear infinite;} .play-btn .play-icon svg{width:12px;} .play-btn small{font-size:12px;position:relative;color:#6a7c92;display:inline-block;font-family:"Work Sans",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:0;margin-left:15px;} .business .play-btn .play-icon{width:70px;height:70px;} /*====== Play Button Ripple Effect =======*/ /*====== Play Button Ripple Effect =======*/ @-webkit-keyframes ripple_colored{0%{-webkit-box-shadow:0px 0px 0px 0px rgba(73,82,232,0.08),0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08);box-shadow:0px 0px 0px 0px rgba(73,82,232,0.08),0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08);} 100%{-webkit-box-shadow:0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08),0px 0px 0px 18px rgba(73,82,232,0);box-shadow:0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08),0px 0px 0px 18px rgba(73,82,232,0);} } @keyframes ripple_colored{0%{-webkit-box-shadow:0px 0px 0px 0px rgba(73,82,232,0.08),0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08);box-shadow:0px 0px 0px 0px rgba(73,82,232,0.08),0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08);} 100%{-webkit-box-shadow:0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08),0px 0px 0px 18px rgba(73,82,232,0);box-shadow:0px 0px 0px 5px rgba(73,82,232,0.08),0px 0px 0px 12px rgba(73,82,232,0.08),0px 0px 0px 18px rgba(73,82,232,0);} } /* Ripple White */ @-webkit-keyframes ripple_white{0%{-webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.08),0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08);box-shadow:0px 0px 0px 0px rgba(255,255,255,0.08),0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08);} 100%{-webkit-box-shadow:0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08),0px 0px 0px 18px rgba(255,255,255,0);box-shadow:0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08),0px 0px 0px 18px rgba(255,255,255,0);} } @keyframes ripple_white{0%{-webkit-box-shadow:0px 0px 0px 0px rgba(255,255,255,0.08),0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08);box-shadow:0px 0px 0px 0px rgba(255,255,255,0.08),0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08);} 100%{-webkit-box-shadow:0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08),0px 0px 0px 18px rgba(255,255,255,0);box-shadow:0px 0px 0px 5px rgba(255,255,255,0.08),0px 0px 0px 12px rgba(255,255,255,0.08),0px 0px 0px 18px rgba(255,255,255,0);} } /* tab切换 */ .product-tab{position:relative;z-index:1;width:906px;padding-top:20px;margin:0 auto;text-align:center;display:flex;justify-content:center;} .product-tab:after{content:".";display:block;height:0;visibility:hidden;clear:both;} .product-tab .line{position:absolute;left:0;bottom:0;width:302px;height:2px;padding:0;font-size:0;overflow:hidden;background:#e5555e;} .product-tab li{width:auto;padding:0 20px;border-radius:2px;font-size:16px;line-height:3;text-align:center;cursor:pointer;box-sizing:content-box;height:38px;line-height:38px;margin:0 10px;} .product-tab li.active{background-color:#cce6ff;color:#2791E5;} .product-list{margin-top:30px;} .product-tab li img{display:inline-block;width:45px;margin-right:25px;vertical-align:middle;} .portfolio-one-single{position:relative;display:block;margin-bottom:30px;background-color:#fff;} .portfolio-one-img{position:relative;display:block;overflow:hidden;border-radius:10px;padding:50px 20px;} .portfolio-one-img:before{position:absolute;top:0;left:0;right:0;bottom:0;content:"";/* background-color:rgba(var(--moniz-black-rgb,30,30,34),.30);*/ background: -moz-linear-gradient(top, rgba(40, 146, 229,0.9) 0%, rgba(27, 128, 208,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(27, 128, 208,0.9)), color-stop(100%,rgba(27, 128, 208,0.9))); background: -webkit-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: -o-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: -ms-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: linear-gradient(to bottom, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2791E5', endColorstr='#1b80d0',GradientType=0 ); /* background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,129,255,0.9)),to(rgba(13,123,229,0.9))); */ -moz-border-radius: 10px; /* Firefox */ -webkit-border-radius: 10px; /* Safari 和 Chrome */ border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */ border-radius:10px;transform:scaleX(0.0);transform-origin:center; transform-style:preserve-3d; -webkit-transition:all 0.4s linear; -o-transition:all 0.4s linear; transition:all 0.4s linear; z-index:1;} .portfolio-one-single:hover .portfolio-one-img:before{transform:scaleX(1.0);} .portfolio-one-img img{width:100%;border-radius:10px;transition:all 500ms ease;transform:scale(1);} .portfolio-one-single:hover .portfolio-one-img img{transform:scale(1.05);} .portfolio-one-experience{position:absolute;bottom:30px;left:0px;transform:scaleY(0.0);transform-origin:center;transform-style:preserve-3d;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;transform-origin:bottom center;display:flex;flex-direction:column;align-items:baseline;z-index:2;} .portfolio-one-single:hover .portfolio-one-experience{transform:scaleY(1.0);} .portfolio-one-web-design{display:inline-block;padding:0 30px;border-top-right-radius:10px;} .portfolio-one-web-design-title{font-size:16px;font-weight:700 !important;color:#ffffff;margin:0;} .portfolio-one-web-design-text{font-size:12px;color:#ffffff;margin:0;} .portfolio-one-fimlor{background-color:#1e1e22;display:inline-block;border-top-right-radius:10px;border-bottom-right-radius:10px;padding-left:30px;padding-right:70px;padding-top:15px;padding-bottom:15px;} .portfolio-one-fimlor-title{font-size:20px;font-weight:700;color:#ffffff;margin:0;} .portfolio-one-fimlor-title a{color:#ffffff;transition:all 500ms ease;} .portfolio-one-fimlor-title a:hover{color:#e5555e;} .portfolio-one-arrow{position:absolute;top:30px;right:30px;transform:scale(0);transition:all 500ms ease;z-index:3;} .portfolio-one-arrow a{height:52px;width:52px;background-color:#ffffff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1e1e22;font-size:20px;transition:all 500ms ease;} .portfolio-one-arrow a:hover{color:#ffffff;background-color:#e5555e;} .portfolio-one-single:hover .portfolio-one-arrow{transform:scale(1);} /* ======= Overlay Color ======= */ .overlay{background-color:rgba(38,52,80,0.9);width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;} /*====================================================== Counter Section=======================================================*/ .counter-section{background-image:url(../images/index/counter-bg.jpg);background-repeat:no-repeat;background-position:top center;width:100%;/* height:100%;*/ height:500px;position:relative;padding-bottom:0;z-index:1;} .counter-section .section-heading h4{color:#fff;} .counter-section .section-heading h2,.counter-section .section-heading p{color:#fff;} .counter-wrap{background-color:#fff;box-shadow:0px 15px 20px 0px rgba(209,218,235,0.50);transform:translateY(80px);} .counter-item{text-align:center;padding:25px 0;} .counter-content i{font-size:40px;color:#2791E5;margin-bottom:10px;} .counter-content .counter-icon{position:relative;width:100px;margin:0 auto;} .counter-content .counter-icon:before{background-color:#2791E5;content:"";width:50px;height:70px;position:absolute;left:26px;top:-15px;opacity:0.1;clip-path:polygon(0% 0,100% 10%,100% 90%,0% 100%);transform:rotate(-30deg);z-index:-1;} .counter-content h3{font-family:"Work Sans",sans-serif;font-size:32px;color:#263450;font-weight:700;line-height:40px;margin:15px 0 5px 0;} .counter-content h4{color:#757983;font-size:14px;text-transform:uppercase;letter-spacing:0px;} /*====================================================== 3.0 Project Section=======================================================*/ .project-section{padding-top:150px;} .section-heading-wrap{display:flex;align-items:center;justify-content:space-between;} .project-carousel{margin:0 -5px;} .project-item{margin:0 10px;padding-bottom:40px;} .project-thumb{position:relative;overflow:hidden;} .project-thumb .dir-overlay{ background: -moz-linear-gradient(top, rgba(40, 146, 229,0.9) 0%, rgba(27, 128, 208,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2791E5), color-stop(100%,rgba(27, 128, 208,0.9))); background: -webkit-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: -o-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: -ms-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: linear-gradient(to bottom, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2791E5', endColorstr='#1b80d0',GradientType=0 ); display:flex;align-items:center;justify-content:center;z-index:1;} .project-item:hover .project-thumb .dir-overlay{visibility:visible;opacity:1;} .project-thumb .dir-overlay a{background-color:#fff;width:45px;height:45px;line-height:45px;text-align:center;color:#263450;clip-path:polygon(0% 0,100% 5%,100% 95%,0% 100%);} .project-content{background-color:#fff;padding:15px;/* margin:-100px 10px 0;*/ margin:0;box-shadow:0px 15px 20px 0px rgba(209,218,235,0.50);position:relative;z-index:2;} .project-content h4 a{background-color:rgba(90,73,248,0.1);font-size:12px;color:#2791E5;font-weight:600;letter-spacing:0;font-family:"Work Sans",sans-serif;text-transform:uppercase;display:inline-block;padding:3px 15px;} .project-content h4 a:hover{background-color:#2791E5;color:#fff;} .project-content h3 a,.project-content h3{font-family:"sofia-pro-bold",sans-serif;font-size:16px;line-height:26px;color:#263450;} .project-content h3 a:hover{opacity:0.8;} .project-carousel .slick-arrow{top:40%;} .dir-overlay{ background: -moz-linear-gradient(top, rgba(40, 146, 229,0.9) 0%, rgba(27, 128, 208,0.9) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#07a0f6), color-stop(100%,rgba(27, 128, 208,0.9))); background: -webkit-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: -o-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: -ms-linear-gradient(top, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); background: linear-gradient(to bottom, rgba(40, 146, 229,0.9) 0%,rgba(27, 128, 208,0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2791E5', endColorstr='#1b80d0',GradientType=0 ); width:100%;height:100%;position:absolute;left:0;top:0;visibility:hidden;opacity:0;z-index:-1;} .read-more{color:#6a7c92;font-family:"Work Sans",sans-serif;font-size:12px;text-transform:uppercase;font-weight:300; letter-spacing:0;line-height:1;position:relative;display:flex;align-items:center;transition:all 0.3s ease-in-out;} .read-more i{font-size:14px;margin-left:10px;margin-bottom:3px;transition:all 0.3s ease-in-out;} .read-more:hover{color:#2791E5;} .read-more:hover i{transform:translateX(5px);} /* ======= Slick Controls ======= */ .slick-slide img{width:100%;} .slick-slide:focus{outline:none;} .nav-style .slick-arrow{background-color:#2791E5;width:45px;height:45px;line-height:45px;font-size:20px;color:#fff;text-align:center;position:absolute;left:0;top:40%;border-radius:50%;transform:translateY(-50%);transition:all 0.3s ease-in-out;cursor:pointer;visibility:hidden;opacity:0;z-index:10;} .nav-style .slick-arrow:hover{background-color:#263450;color:#fff;} .nav-style .slick-arrow.right{left:auto;right:0;} .nav-style:hover .slick-arrow{left:-40px;visibility:visible;opacity:1;} .nav-style:hover .slick-arrow.right{left:auto;right:-40px;} @media (max-width:767px){.nav-style:hover .slick-arrow{left:0;} .nav-style:hover .slick-arrow.right{left:auto;right:0;} } .carousel-dots .slick-dots{text-align:center;margin-top:30px;line-height:1;} .carousel-dots .slick-dots li{display:inline-block;margin:0 4px;line-height:1;} .carousel-dots .slick-dots li button{display:inline-block;background-color:#6a7c92;width:15px;height:8px;border-radius:3px;overflow:hidden;text-indent:-999px;} .carousel-dots .slick-dots li.slick-active button{background-color:#2791E5;width:40px;} .carousel-dots .slick-dots li button:focus{outline:none;} @media (max-width:767px){.nav-style .slick-arrow{left:0;} .nav-style .slick-arrow.right{left:auto;right:0;} } /*========== Map Pattern ==========*/ .map{background-image:url(../images/index/map-pattern.png);background-repeat:no-repeat;background-position:center center;background-size:50%;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;} .map.light{background-image:url(../images/index/map-pattern-light.png);} .testimonial-section{position:relative;z-index:1;} .commonSection .icon_box_1{display:inline-block;position:relative;width:100%;background:transparent;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:all ease 400ms;-webkit-transition:all ease 400ms;-moz-transition:all ease 400ms;} .commonSection .icon_box_1 .back i,.commonSection .icon_box_1 .front i{font-size:64px;line-height:1;color:#aaaaaa;display:block;margin-bottom:17px;transition:all ease 400ms;-moz-transition:all ease 400ms;-webkit-transition:all ease 400ms;} .commonSection .icon_box_1 .back h3,.commonSection .icon_box_1 .front h3{font-size:16px;line-height:20px;font-weight:400;text-transform:uppercase;color:#aaaaaa;margin:0;transition:all ease 400ms;-moz-transition:all ease 400ms;-webkit-transition:all ease 400ms;} .commonSection .icon_box_1 .flipper{-webkit-transform-origin:100% 213.5px;-moz-transform-origin:100% 213.5px;-ms-transform-origin:100% 213.5px;transform-origin:100% 213.5px;} .commonSection .flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;} .commonSection .front,.commonSection .back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:0.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:0.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:0.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:0.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0;} .commonSection .front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);background:transparent;z-index:2;width:100%;box-shadow:0px 15px 20px 0px rgba(209,218,235,0.50);} .commonSection .vertical .back{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);transform:rotateX(180deg);} .commonSection .back{ background-color: rgba(40, 146, 229,0.9); border-radius: 10px; background:-webkit-gradient(linear,left top,left bottom,from(rgba(40, 146, 229,0.9)),to(rgba(27, 128, 208,0.9))); border-radius:10px; transform:scaleX(0.0);transform-origin:center; transform-style:preserve-3d;-webkit-transition:all 0.4s linear;-o-transition:all 0.4s linear;transition:all 0.4s linear;display:flex;align-items:center; justify-content:center;-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);-ms-transform:rotateY(-180deg); transform:rotateY(-180deg);position:relative;width:100%;} .commonSection .icon_box_1:hover .front,.icon_box_1.hover .front{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} .commonSection .icon_box_1:hover .back,.icon_box_1.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);} .commonSection .custom_column .col-lg-3{width:20%;margin-bottom:30px;} .commonSection .icon_box_1 .back h3,.commonSection .icon_box_1 .back i{color:#ffffff;} .commonSection .front{height:200px;} .commonSection .front img{width:100%;} .commonSection .back{height:200px;padding:28px 15px 28px 15px;} .commonSection .back h3{line-height:90px;} .commonSection{padding:40px 0;} /*====================================================== CTA Section=======================================================*/ .cta-section{position:relative;} .cta-section:before{background-color:#263450;content:"";clip-path:polygon(0 0,100% 50px,100% 100%,0 100%);width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden;} .cta-wrap{position:relative;} .cta-wrap:before{} .cta-content{padding:100px 50px;} .cta-content h2{color:#fff;font-weight:800;margin-bottom:20px;} .cta-content p{color:rgba(255,255,255,0.8);} .cta-img{background-image:url(../images/index/people.png);background-repeat:no-repeat;background-position:right bottom;background-size:100%;width:470px;height:125%;position:absolute;right:50px;bottom:0;z-index:2;} .mt-guide-main .row{margin:0;} .mt-guide-main .col-lg-8{padding:0;} .mt-guide-main .col-lg-4{padding:0;} .mt-guide-date{background:#053b93 url(../images/common/nav_bg.png);padding:40px 20px;width:100%;display:inline-flex;height:337px;} .mt-guide-date .tips{text-align:right;margin:0 0 38px;color:#fff;font-size:14px;} .mt-guide-date .tips span{padding-left:24px;background:url(../images/common/tips_icon.png) no-repeat left center;} .mt-guide-date .mt-guide-time{color:#fff;} .mt-guide-date .mt-guide-time .item{position:relative;float:left;width:25%;text-align:center;padding:16px 0 24px;} .mt-guide-date .item+.item{margin-left:12.4%;} .mt-guide-date .item .x1{display:block;position:absolute;left:0;top:0;width:100%;height:7px;background:url(../images/temp/heng-line.png) no-repeat center;background-size:100%;} .mt-guide-date .mt-guide-time .item .x2{display:block;position:absolute;left:0;bottom:0;width:100%;height:7px;background:url(../images/temp/heng-line.png) no-repeat center;background-size:100%;} .mt-guide-date .mt-guide-time .item .date{font-size:40px;color:#9bbdf5;line-height:1;} .mt-guide-date .mt-guide-time .item .date .s1{color:#fff;font-size:14px;/* display:inline-block;margin-left:5px;*/ margin-top:5px;} .mt-guide-date .mt-guide-time .item+.item:before{content:"";background:url(../images/temp/jiange.png) no-repeat center;position:absolute;left:-28%;height:49px;top:50%;margin-top:-24px;width:11px;} .mt-guide-date .mt-guide-ticket{clear:both;/* height:229px;*/ padding:20px 24px 0;color:#9bbdf5;border:2px dashed #868bbd;/* margin-left:35px;*/ margin:11px;} .mt-guide-date .mt-guide-ticket .mt-font-size-22{text-align:center;margin-bottom:22px;color:#fff;} .mt-guide-date .mt-guide-ticket .mt-ticket-text{padding-left:20px;line-height:28px;margin-bottom:9px;position:relative;} .mt-guide-date .mt-guide-ticket .mt-ticket-text:after{content:"";width:8px;height:8px;position:absolute;background:#9297c9;border-radius:50%;left:0;top:10px;} .mt-guide-link{background:#db5e13 url(../images/common/nav_bg.png);display:inline-block;width:100%;} .mt-guide-link .mt-guide-link-li{float:left;width:33.333333%;border-left:0;position:relative;padding:34px 0;} .mt-guide-link .mt-guide-link-li:first-child{background-color:rgba(255,255,255,0.05);} .mt-guide-link .mt-guide-link-li:nth-child(2){background-color:rgba(255,255,255,0.1);} .mt-guide-link .mt-guide-link-li:nth-child(3){background-color:rgba(255,255,255,0.15);} .mt-guide-link .mt-guide-link-li:hover{background-color:rgba(255,255,255,0.25);} .mt-guide-link .mt-guide-link-li .tit{position:relative;display:table;table-layout:fixed;text-align:center;width:100%;} .mt-guide-link .mt-guide-link-li .tit .ico{position:relative;width:60px;height:60px;margin:0 auto;background-image:url(../images/icon/icon_bg.png);background-size:100%;} .mt-guide-link .mt-guide-link-li .tit .ico img{width:40px;height:40px;margin:10px auto;} .mt-guide-link .mt-guide-link-li .tit .con{padding:0 20px;} .mt-guide-link .mt-guide-link-li .tit .h3{padding-top:10px;transition:all 0.5s;-webkit-transition:all 0.5s;font-size:14px;color:#fff;margin-top:0;} .mt-guide-contact{padding:42px 30px;width:100%;color:#f2ffff;clear:both;} .mt-guide-contact .contact .add{background:url(../images/common/add.png) no-repeat;background-position:5px;} .mt-guide-contact .contact .tel{background:url(../images/common/tel.png) no-repeat;background-position:5px;} .mt-guide-contact .contact .mail{background:url(../images/common/mail.png) no-repeat;background-position:5px;} .mt-guide-contact .contact dd{line-height:30px;text-indent:28px;} /* 新闻切换 */ /* ========================================================================== 6.22. TABS VERTICAL============================================================================= */ .mt-news-pannel .pannel-posts{position:absolute;bottom:-120px;} *[class*="col-"].tabs.vertical,*[class*="col-"].tabs.vertical li.active{overflow:visible;} .tab-title{float:right;line-height:44px;color:#fff;cursor:pointer;text-align:center;margin-bottom:10px;} .tab-title li{float:left;width:88px;margin-right:10px;/* background:#2791E5;*/ /* background-color:rgba(90,73,248,0.1);*/ color:#999;} .tab-title li a{/* background-color:rgba(90,73,248,0.1);*/ color:#999;} .tab-title li.active{/* background:linear-gradient(to right,#2791E5,#7a64f2);*/ color:#2791E5 !important;} .tab-title li.active a{color:#2791E5 !important;} .tab-title li.active a:hover{text-decoration:none !important;} .tab-title li a:hover{text-decoration:none !important;} .tabs.vertical{overflow:hidden;float:left;width:100%;} .tabs.vertical li{float:left;border-bottom:1px solid #eee;border-right:1px solid #eee;border-left:1px solid #eee;border-top:none;overflow:hidden;padding:0;line-height:42px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;} .tabs.vertical li:first-child{border-top:1px solid #eee !important;} .tabs.vertical li a{color:#333;padding:15px;font:13px 'Open Sans',Arial,sans-serif;float:left;width:100%;box-sizing:border-box;} .tabs.vertical li a i{font-size:16px;padding-right:15px;position:relative;top:2px;} .tabs.vertical li.active{border-bottom:1px solid #eee;border-right:none;border-top:none;background:#fff;position:relative;} .tab-content-wrap.vertical{margin-top:0;overflow:hidden;float:left;border:none;width:100%;padding:0;} /* .tab-content-wrap.vertical .tab-content{padding-left:30px;} */ /* 新闻列表 */ /* .mt-news-content li{box-sizing:border-box;border:1px solid #E7EAF2;margin-left:-1px;} */ .mt-news-content{padding:0 0 0 1px;} .mt-news-content li a{width:100%;padding:28px 24px;margin-bottom:30px;display:block;overflow:hidden;position:relative;background:#fff;box-sizing:border-box;border:1px solid #E7EAF2;margin-left:-1px;} .mt-news-content li .top{width:100%;float:initial;padding-left:0;} .mt-news-content li .top h5{font-size:18px;color:#000;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-weight:400;} .mt-news-content li .top div.p{border-bottom:1px solid #eeeeee;padding-bottom:0;} .mt-news-content li .top div.p p{height:52px;padding-top:0;font-size:14px;color:#999;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .mt-news-content li .top img{position:absolute;top:50%;right:25px;margin-top:62px;} .mt-news-content li .bottom{width:100%;float:initial;border-right:none;} .mt-news-content li .bottom h3{padding-top:20px;font-size:32px;font-weight:700;color:#999;} .mt-news-content li .bottom h3:after{content:" ";display:block;border-bottom:none;width:0;margin:0;} .mt-news-content li .bottom span{font-size:14px;display:block;color:#999;} .mt-news-content li a:hover{/* box-shadow:0 1px 10px 0 rgba(0,0,0,.1);*/ /* box-shadow:0px 0px 24px rgba(0,0,0,0.06);*/ -webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); box-shadow:0px 0px 24px rgba(0,0,0,0.06); behavior: url(ie-css3.htc); border-color:#fff;/* transform:translateZ(-2px);*/ } .mt-news-content li a .left{width:26%;border-right:1px solid #eeeeee;float:left;} .mt-news-content li a .left h3{font-size:32px;color:#999;font-weight:700;} .mt-news-content li a .left h3:after{content:" ";display:block;border-bottom:1px solid #ccc;width:20px;margin:10px 0;} .mt-news-content li a .left span{font-size:14px;display:block;color:#999;} .mt-news-content li a .right{width:73%;padding-left:25px;float:left;} .mt-news-content li a .right h5{font-size:16px;font-weight:400;line-height:28px;height:56px;overflow:hidden;} .mt-news-content li:hover .bottom h3{ color: #666;} .mt-news-content li:hover .bottom span{ color: #666;} /* 左侧点击切换tab */ /* 必要布局样式css */ .module-banner{background:#F4F6FA;padding:80px 0;} .module-banner-box{margin:0 auto;position:relative;} .module-banner-head{font-weight:normal;text-align:center;margin-bottom:40px;color:#333;} .module-banner-head em{display:block;margin-bottom:14px;font-style:normal;font-size:30px;} .module-banner-head span{font-size:16px;opacity:.6;} .module-banner-tab-list{float:left;background-color:#263450;padding:20px;} /* .module-banner-tab-list .module-tab-nav li:nth-child(1){background:#454545;} .module-banner-tab-list .module-tab-nav li:nth-child(2){background:#3b3b3b;} .module-banner-tab-list .module-tab-nav li:nth-child(3){background:#333333;} .module-banner-tab-list .module-tab-nav li:nth-child(4){background:#2b2b2b;} .module-banner-tab-list .module-tab-nav li:nth-child(5){background:#212121;} .module-banner-tab-list .module-tab-nav li:nth-child(6){background:#1a1a1a;} */ .module-banner-tab-list ul li{height:54px;position:relative;cursor:default;transition:all .5s;cursor:pointer;color:#fff;cursor:pointer;text-align:center;position:relative;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear;} .module-banner-tab-list ul li p{margin:0;line-height:54px;} .module-banner-tab-list ul li i{width:40px;height:54px;display:none;} .module-banner-tab .module-banner-tab-list .module-tab-nav .on{opacity:1;height:50px; background:linear-gradient(to right,#2791E5,#1b80d0); /* background-image:-webkit-linear-gradient(left,#01c2e6 0%,#1160ff 100%); background-image:-moz-linear-gradient(left,#01c2e6 0%,#1160ff 100%); background-image:-moz-linear-gradient(to right,#01c2e6 0%,#1160ff 100%); background-image:-o-linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-image:linear-gradient(to right,#01c2e6 0%,#1160ff 100%);*/ background-repeat:repeat;} .module-banner-tab .module-banner-tab-list .module-tab-nav .on .icon{display:inline-block;} .module-banner-tab .module-banner-tab-list .module-tab-nav li:hover{background:linear-gradient(to right,#2791E5,#1b80d0);/* background-image:-webkit-linear-gradient(left,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:-moz-linear-gradient(left,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:-moz-linear-gradient(to right,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:-o-linear-gradient(to right,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);background-image:linear-gradient(to right,rgba(1,194,230,0.4) 0%,rgba(17,96,255,0.4) 100%);*/ background-repeat:repeat;} .module-banner-tab .module-banner-tab-list .module-tab-nav .on:hover{opacity:1;height:50px;background:#89a3cc url(../images/common/nav_bg.png);/* background-image:-webkit-linear-gradient(left,#01c2e6 0%,#1160ff 100%);background-image:-moz-linear-gradient(left,#01c2e6 0%,#1160ff 100%);background-image:-moz-linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-image:-o-linear-gradient(to right,#01c2e6 0%,#1160ff 100%);background-image:linear-gradient(to right,#01c2e6 0%,#1160ff 100%);*/ background-repeat:repeat;} .icon-warehouse03{background:url(../images/icon/item003.svg) no-repeat center bottom;} .module-banner-tab-list-box{/* float:right;*/ height:576px;overflow:hidden;position:relative;} .module-tab-box-ma{width:100%;opacity:1;z-index:1;-webkit-transition:opacity 0.5s;-moz-transition:opacity 0.5s;-ms-transition:opacity 0.5s;-o-transition:opacity 0.5s;transition:opacity 0.5s;/* position:absolute;*/ } .module-banner-tab-list-box .module-tab-item{position:relative;height:576px;} .module-banner-tab-list-box .module-tab-item .item-img img{width:100%;height:576px;} .module-banner-tab-list-box .module-tab-item .item-main{padding:30px;} .module-banner-tab-list-box .module-tab-item .item-main{position:absolute;left:0;bottom:0;width:100%;padding:40px;background:rgba(0,0,0,0.4);box-sizing:border-box;} .module-banner-tab-list-box .module-tab-item .item-main .tit{font-size:24px;line-height:33px;color:#fff;font-weight:bold;} .module-banner-tab-list-box .module-tab-item .item-main .item-info{font-size:0;margin-top:15px;} .module-banner-tab-list-box .module-tab-item .item-main .text{width:100%;} .module-banner-tab-list-box .module-tab-item .item-main .text{display:inline-block;vertical-align:middle;max-width:820px;padding-right:40px;border-right:1px solid rgba(255,255,255,0.2);font-size:14px;line-height:24px;color:rgba(255,255,255,0.8);} .module-banner-tab-list-box .module-tab-item .item-main .item-btn{display:inline-block;vertical-align:middle;text-align:right;margin-left:38px;} .module-banner-tab-list-box .module-tab-item .item-main .item-btn .btn{width:160px;border-color:rgba(255,255,255,0.5);border-radius:50px;font-size:14px;height:46px;line-height:46px;padding-top:0;} .module-banner-tab-list-box .module-tab-item .item-main .btn-whitebd{border:1px solid rgba(255,255,255,1);color:#ffffff;} .section-news{background:#F6F7F9;} .section-title{text-align:center;padding-top:60px;padding-bottom:52px;} .section-title h1{position:relative;font-size:36px;line-height:50px;letter-spacing:4px;color:#252b3a;} .section-title h2{margin-top:10px;font-size:18px;line-height:22px;letter-spacing:2px;color:#666a75;} .section-wrapper{margin-left:auto;margin-right:auto;} .news-body{height:540px;margin-left:10px;margin-right:10px;box-shadow:0 8px 20px 0 rgba(0,0,0,0.12);} .news-body:before,.news-body:after{content:" ";display:table;box-sizing:inherit;} .news-main{float:left;height:100%;width:32.5%;background:url(../images/temp/true.jpg);} .news-main-card{display:block;position:relative;height:100%;overflow:hidden;} .news-main-card:hover .news-main-card-bg{transform:scale(1.1);} .news-main-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:0.2s;} .news-main-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;transition:0.2s;} .news-main-card-bg-mb{display:none;} .news-main-card-top{position:relative;height:310px;} .news-play-btn{display:none;position:absolute;top:70px;right:0;bottom:0;left:0;width:40px;height:30px;background-color:rgba(255,255,255,0.3);border-radius:2px;margin:auto;font-size:0;line-height:30px;text-align:center;cursor:pointer;transition:0.2s;} .news-play-btn .cui-icon-play{font-size:16px;color:#fff;} .news-main-card-bottom{position:relative;height:190px;padding:5px 40px;} .news-main-card-bottom .h2{margin-bottom:10px;font-size:20px;line-height:28px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .news-main-card-bottom .p{max-height:40px;font-size:14px;line-height:20px;color:rgba(255,255,255,0.7);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;} .news-main-card-bottom .sub-p{position:relative;padding-left:10px;font-size:14px;line-height:20px;color:#fff;} .news-main-card-bottom .sub-p-date{margin-top:10px;} .news-main-card-bottom .sub-p:before{content:"";display:block;position:absolute;left:0;top:10px;border:solid 2px;border-radius:50%;margin-top:-2px;} .news-main-card-bottom .sub-p-author{margin-top:5px;} .news-main-card-bottom .btn-group{position:absolute;bottom:30px;} .cui-btn-outline-light{border:solid 1px #fff;color:#fff;} .cui-btn-outline-light:hover{border-color:#f66f6a;background-color:#f66f6a;color:#fff;} .news-main-card-bottom .btn-group .cui-icon{margin-top:-2px;margin-right:8px;font-size:inherit;} .news-sub{float:left;position:relative;height:100%;width:67.5%;} .news-list-v{position:absolute;height:100%;width:100%;visibility:hidden;opacity:0;transition:0s 0.2s;} .news-list-v.show{z-index:1;visibility:visible;opacity:1;transition:0.2s;} .news-list-v:before,.news-list-v:after{content:" ";display:table;box-sizing:inherit;} .news-list-v:after{clear:both;} .news-list-v>li{float:left;width:33.33333333%;height:50%;} .news-list-card{display:block;position:relative;height:100%;padding:70px 40px 0;background-color:white;} .news-list-card:hover .h3,.news-list-card:hover .p{transform:translate(0,-26px);} .news-list-card:hover .more{opacity:1;color:#6F7479;} .news-list-v>li:nth-child(1) .news-list-card,.news-list-v>li:nth-child(5) .news-list-card{background-color:#f66f6a;} .news-list-v>li:nth-child(2) .news-list-card{background-image:url(../images/temp/kepu_adv.jpg);background-size:cover;} .news-list-v>li:nth-child(4){width:66.66666667%;} .news-list-card .h3{max-height:56px;margin-bottom:20px;font-size:20px;line-height:28px;color:#252b3a;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:transform 0.2s;} .news-list-card .p{max-height:60px;font-size:14px;line-height:20px;color:#666a75;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;transition:transform 0.2s;} .news-list-v>li:nth-child(1) .news-list-card .h3,.news-list-v>li:nth-child(2) .news-list-card .h3,.news-list-v>li:nth-child(5) .news-list-card .h3{color:#fff;} .news-list-v>li:nth-child(1) .news-list-card .p,.news-list-v>li:nth-child(2) .news-list-card .p,.news-list-v>li:nth-child(5) .news-list-card .p,.news-list-v>li:nth-child(1) .news-list-card .more,.news-list-v>li:nth-child(2) .news-list-card .more,.news-list-v>li:nth-child(5) .news-list-card .more{color:rgba(255,255,255,0.7);} .news-list-card .more{position:absolute;bottom:30px;opacity:0;transition:opacity 0.2s;color:rgba(255,255,255,0.7);} .news-list-card .more i{margin-left:5px;transition:transform 0.2s;} .news-list-card .more:hover i{transform:translate(5px,0);} .cui-icon-more:before{content:"\EA19";} .section-bottom{padding-top:40px;padding-bottom:50px;} .section-more-wrap{text-align:center;} .section-more-wrap a{display:inline-block;font-size:16px;line-height:24px;color:#666a75;cursor:pointer;user-select:none;transition:0.2s;} .section-more-wrap a:hover{color:#f66f6a;} .section-more-wrap .news-more{display:none;} .section-more-wrap a .cui-icon{margin-top:-2px;margin-left:10px;transition:transform 0.2s;} .section-more-wrap .news-change{padding-right:20px;background-image:url(../images/homepage-news-icon-change.png);background-repeat:no-repeat;background-position:right center;} .section-more-wrap .news-change:before,.section-more-wrap .news-change:hover{content:"";background-image:url(../images/homepage-news-icon-change-active.png);} /* PAGE LOADED */ .page-loaded .slider .slider-container{transform:scale(1);opacity:1;} /* PRELAODER */ .preloader{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;position:fixed;right:0;top:0;z-index:12;background:#ebcfa7;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;transition-duration:700ms;-webkit-transition-duration:700ms;transition-timing-function:cubic-bezier(0.86,0,0.07,1);-webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);transition-delay:0.95s;overflow:hidden;} .preloader *{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;transition:all 0.5s ease;transition-duration:700ms;-webkit-transition-duration:700ms;transition-timing-function:cubic-bezier(0.86,0,0.07,1);-webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);} .preloader .layer{width:100%;height:100vh;position:absolute;left:0;top:0;background:#333;transition-delay:0.3s;} .preloader .inner{display:inline-block;text-align:center;position:relative;z-index:2;} .preloader .inner figure{display:block;margin-bottom:10px;transition-delay:0.1s;} .preloader .inner figure img{height:60px;} .preloader .inner p{font-weight:600;color:#fff;font-size:13px;display:block;} .btn-amore{display:block;width:190px;text-align:center;height:50px;line-height:48px;color:#000000;font-family:'Didot';border:1px solid #353A3E;} .a-more{display:block;width:40px;height:40px;line-height:40px;text-align:center;position:absolute;top:50%;right:20px;margin:-23px 0 0;border:1px solid #D5D5D5;border-radius:50%;background:url(../images/common/xiangyou_03.png) no-repeat center;transition:all .4s ease;} /* 成功案例 */ .section-101{width:101%;margin:0 0 0 -0.5%;} .swiper-project .pro-box{/* width:31.93%;*/ /* margin:0 0.60% 1.4%;*/ position:relative;display:inline-block;vertical-align:top;margin-bottom:30px;box-shadow:0px 0px 20px rgba(0,0,0,.05);width:100%;} .swiper-project .pro-box .a1{display:block;width:100%;height:100%;} .swiper-project .pro-box .pro-top{overflow:hidden;position:relative;} .swiper-project .pro-box .img-box{display:block;width:100%;height:246px;transition:all 0.4s ease;} .swiper-project .pro-box .img-box img{width:100%;} .swiper-project .pro-box .pro-top .pro-zhaiyao{position:absolute;width:100%;background:rgba(255,255,255,0.9);bottom:-130px;left:0;text-align:center;height:68px;transition:all 0.4s 0.05s ease;opacity:0;} .swiper-project .pro-box .pro-top .pro-zhaiyao .pro-zhaiyao-size{font-size:14px;padding:10px 20px;color:#000;line-height:24px;height:60px;overflow:hidden;} .swiper-project .pro-box:hover .pro-top .pro-zhaiyao{opacity:1;bottom:0;} .swiper-project .pro-box .pro-bot{background:#F6F6F6;padding:25px 22px;position:relative;color:#0b0205;font-size:18px;} .swiper-project .pro-box .pro-bot:before{content:"";position:absolute;width:100%;height:100%;bottom:-100%;opacity:0;left:0;background:#000000;transition:all 0.4s ease;} .swiper-project .pro-box:hover .pro-bot:before{bottom:0;opacity:1;} .swiper-project .pro-box:hover .pro-top .img-box{transform:scale(1.05);} .swiper-project .pro-box:hover .pro-bot{color:#ffffff;} .swiper-project .pro-box .pro-bot .dn1{position:relative;z-index:2;overflow:hidden;transition:all 0.4s ease;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;word-break:break-all;white-space:normal !important;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .swiper-project .pro-box .pro-bot i{position:absolute;right:0;top:50%;margin:-9px 0 0;display:inline-block;} .swiper-project .pro-slider-pagination{position:relative;z-index:21;text-align:center;bottom:0 !important;margin-top:30px;} .swiper-project .pro-slider-pagination .swiper-pagination-bullet{width:11px;height:11px;display:inline-block;border-radius:10px;background:#062744;opacity:0.2;transition:all .3s;} .swiper-project .pro-slider-pagination .swiper-pagination-bullet-active{opacity:1;background:#937e6d;width:30px;box-shadow:0px 0px 20px rgba(147,126,109,0.3);} .swiper-project .pro-slider-pagination.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;} .mt-swiper-project{height:720px;} .mt-swiper-project .pagination{text-align:center;font-size:0;} .mt-swiper-project .pagination span{display:inline-block;width:18px;height:18px;background:#DDDDDD;margin:0 8px;cursor:pointer;transition:all .4s ease;} .mt-swiper-project .pagination span.swiper-active-switch{background:#063b93;} .swiper-project-page{text-align:center;} .swiper-project-page .arrow-btn{display:inline-block;background:#F6F6F6;width:70px;height:70px;line-height:70px;text-align:center;margin:0 5px;transition:all 0.4s ease;} .swiper-project-page .arrow-btn img{vertical-align:middle;width:24px;height:24px;} /* .swiper-project-page{display:flex;justify-content:center;position:relative;} .swiper-project-page .arrow-btn{position:relative;width:66px;height:66px;line-height:66px;text-align:center;background:rgba(53,58,62,.4);color:#ffffff;display:block;cursor:pointer;transition:all .4s ease;z-index:5;} .swiper-project-page .arrow-left-img{background:url(../images/common/arrows.png) no-repeat left top;position:absolute;left:50%;top:50%;margin-top:-15px;width:17px;height:30px;z-index:9;margin-left:-8px;} .swiper-project-page .arrow-right-img{background:url(../images/common/arrows.png) no-repeat left bottom;position:absolute;right:50%;top:50%;margin-top:-15px;width:17px;height:30px;z-index:9;margin-right:-8px;} */ /* .mt-swiper-project .arrow-btn.arrow-right{right:0;} .mt-swiper-project .arrow-left-img{background:url(../images/common/arrows.png) no-repeat left top;position:absolute;left:50%;top:50%;margin-top:-15px;width:17px;height:30px;z-index:9;margin-left:-8px;} .mt-swiper-project .arrow-right-img{background:url(../images/common/arrows.png) no-repeat left bottom;position:absolute;right:50%;top:50%;margin-top:-15px;width:17px;height:30px;z-index:9;margin-right:-8px;} .mt-swiper-project .arrow-btn{position:absolute;width:66px;height:66px;line-height:66px;text-align:center;background:rgba(53,58,62,.4);color:#ffffff;top:40%;margin:-33px 0 0;display:block;cursor:pointer;transition:all .4s ease;z-index:5;} */ /* 成功案例 end*/ /* 最新动态 */ /* RECENT POSTS */ .recent-posts{width:100%;display:flex;flex-wrap:wrap;padding:50px 0 60px 0;} .recent-posts b{display:block;font-size:30px;font-weight:800;opacity:0.2;} .recent-posts h4{display:block;font-size:24px;margin-bottom:15px;}.recent-posts h4 span{color:#053b93;} .recent-posts small{display:block;text-transform:uppercase;letter-spacing:2px;opacity:0.5;} .recent-posts small:after{content:"";width:50px;height:1px;background:#26282b;display:inline-block;margin-left:5px;margin-bottom:4px;opacity:0.5;} /* 最新动态end */ /*====================================================== Service Section =======================================================*/ .service-item{background-color:#fff;padding:40px 30px;position:relative;overflow:hidden;z-index:1;} .service-item:hover{box-shadow:0px 15px 20px 0px rgba(209,218,235,0.50);} .service-item:hover .read-more,.service-item:hover .text p,.service-item:hover h3{color:#fff;} .service-item:hover .service-icon{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fff));-webkit-background-clip:text;-webkit-text-fill-color:transparent;} .service-item:hover .service-icon:before{background-color:#fff;opacity:0.1;} .service-item .service-icon{font-size:60px;background:-webkit-gradient(linear,left top,left bottom,from(#2791E5),to(#1b80d0));-webkit-background-clip:text;-webkit-text-fill-color:transparent;/* margin-bottom:20px;*/ display:inline-block;position:relative;z-index:1;} .service-item .service-icon:before{background-color:#2791E5;content:"";width:50px;height:70px;position:absolute;left:10px;top:0;opacity:0.1;clip-path:polygon(0% 0,100% 10%,100% 90%,0% 100%);transform:rotate(-30deg);z-index:-1;} .dir-overlay{background:-webkit-gradient(linear,left top,left bottom,from(#2791E5),to(#1b80d0));width:100%;height:100%;position:absolute;left:0;top:0;visibility:hidden;opacity:0;z-index:-1;} .service-item:hover .dir-overlay{visibility:visible;opacity:1;-webkit-box-shadow:6px 60px 45px 0 rgba(0,0,0,.1);box-shadow:6px 60px 45px 0 rgba(0,0,0,.1);} .service-item .text p{font-size:14px;line-height:26px;color:#757983;margin-top:15px;height:175px;overflow:hidden;} .sponsor-carousel{margin:0 -15px;} .service-item .read-more{margin-top:30px;} /*====================================================== Sponsor Section =======================================================*/ .sponsor-section{padding:60px 0;} .sponsor-section.custom-padding{padding:20px 0 0 0;} .sponsor-section .commonSection{padding:20px 0 0;} .sponsor-item{padding:0px 15px 0px 15px;position:relative;overflow:hidden;transition:all 0.3s ease-in-out;} .sponsor-item .sponsor-hover{width:100%;height:100%;transform:translateY(-103%);position:absolute;left:0;top:0;padding:0px 40px 0px 40px;transition:all .4s ease;z-index:1;} .sponsor-item:hover .sponsor-hover{transform:translateY(0);} .sponsor-item .sponsor-img{transition:all 0.3s linear;} .sponsor-item:hover .sponsor-img{transform:translateY(103%);} /*========== Service Section 02 ==========*/ .service-section-2{} .service-section-2 .service-item{overflow:inherit;text-align:center;transition:all 0.3s ease;box-shadow:0px 15px 20px 0px rgba(209,218,235,0.50);} .service-section-2 .service-item:before{background:linear-gradient(to right,#053b93,#053b93);content:"";width:50%;height:3px;position:absolute;left:50%;bottom:0;transform:translateX(-50%);transition:all 0.3s ease;} .service-section-2 .service-item:hover:before{width:100%;} .service-section-2 .service-item:hover{transform:translateY(-10px);} .service-section-2 .service-item .service-icon{ background:linear-gradient(to right,#053b93,#053b93); -webkit-background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:15px;font-size:30px;width:70px;height:70px;border:1px solid #053b93;border-radius:50%;line-height:70px; color: #053b93;} .service-section-2 .service-item .service-icon:before{background-color:transparent;background-repeat:no-repeat;background-position:bottom center;background-size:70%;width:100px;height:13px;position:absolute;left:50%;top:inherit;bottom:-25px;opacity:1;transform:translateX(-50%)rotate(0);} .service-section-2.basic .service-item .service-icon:before{background-image:url(../images/common/line-2.png);} .service-section-2 .service-item .read-more{background:linear-gradient(to right,#053b93,#053b93);width:45px;height:45px;line-height:45px;text-align:center;border-radius:50%;color:#fff;font-size:15px;display:inline-block;margin:0;position:absolute;left:50%;bottom:-25px;transform:translateX(-50%);} .service-section-2 .service-item .read-more i{margin:0;font-size:20px;line-height:45px;} .service-section-2 .service-item .read-more:hover i{transform:translateX(0);} .service-section-2 .service-item p{margin:0;} .service-section-2 .service-item:hover p{color:#6a7c92;} .service-section-2 .service-item:hover h3{color:#263450;} /*====================================================== Promo Section =======================================================*/ .promo-section{} .promo-item{} .promo-item h4{font-family:"Work Sans",sans-serif;font-size:12px;text-transform:uppercase;font-weight:600;position:relative;padding-left:60px;display:none;} .promo-item h4:before{background:linear-gradient(to right,#2791E5,#1b80d0);width:50px;height:3px;content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);} .promo-item h3{font-size:18px;line-height:32px;position:relative;text-align:center;} .promo-item h3 span{display:block;font-size:80px;font-weight:700;position:absolute;top:2px;opacity:0.05;text-align:center;} .promo-item .promo-item-img{width:50px;height:50px;margin:0 auto;margin-bottom:20px;} .promo-item .promo-item-img img{width:100%;} .promo-section .col-lg-1{width:14.28%;} /*====================================================== Skill Section =======================================================*/ .skill-section{width:100%;height:100%;top:0;right:0;} .skill-wrap{background-color:#263450;padding:40px 50px;padding-left:80px;} .skills-items .skills-item{margin-bottom:5px;overflow:hidden;} .skills-items .skills-item h5{color:#fff;font-family:"Work Sans",Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0px;} .skills-items .skills-item .progress{height:5px;background-color:#ddd;border-radius:0;box-shadow:none;margin-bottom:20px;} .skills-items .skills-item .progress .progress-bar{background:linear-gradient(to right,#2791E5,#1b80d0);line-height:5px;border-radius:0;position:relative;} .skills-items .skills-item .progress,.skills-items .skills-item .progress .progress-bar{border-radius:0;overflow:visible;} .skills-items .skills-item .progress .progress-bar span{font-family:"Work Sans",Sans-serif;position:absolute;top:-15px;right:-15px;font-size:14px;font-weight:600;color:#fff;} .skills-items .skills-item:last-child{margin:0;} .skill-heading h2{font-size:22px;color:#fff;margin-bottom:20px;} .skill-heading p{line-height:28px;font-size:14px;color:rgba(255,255,255,0.8);} .skill-heading{height:290px;} .skill-img img{width:100%;} .skill-img{height:370px;overflow:hidden;} /*====================================================== Content Section =======================================================*/ .content-section{position:relative;} .content-section .content-wrap{display:flex;align-items:center;} .content-section .content-bg{max-width:80%;text-align:center;} .content-section .content-img{margin-left:-50px;} .content-section .feature-list{margin-bottom:30px;} .content-section .feature-list li{display:grid;grid-template-columns:30px 1fr;grid-column-gap:15px;} .content-section .feature-list li i{background-color:#0abf53;width:30px;height:30px;line-height:30px;text-align:center;color:#fff;border-radius:50%;display:inline-block;margin-top:6px;} .content-section .feature-list li h3{line-height:1.3;} /*========== About Section 03 ==========*/ .about-section{position:relative;} /* 图标导航end */ /* ================================================================================****** 内页样式*****===============================================================================================*/ /* 内页顶部 */ .com-ban{position:relative;height:320px;background:url(../images/banner/banner3.jpg);color:#ffffff;} .com-contact{position:relative;height:416px;background:url(../images/banner/nei_banner6.jpg) !important;color:#ffffff;} .com-news{position:relative;height:416px;background:url(../images/banner/nei_banner5.jpg) !important;color:#ffffff;} .com-video{position:relative;height:416px;background:url(../images/banner/nei_banner4.jpg) !important;color:#ffffff;} .com-about{position:relative;height:416px;background:url(../images/banner/nei_banner1.jpg) !important;color:#ffffff;} .com-product{position:relative;height:416px;background:url(../images/banner/nei_banner2.jpg) !important;color:#ffffff;} .com-area{position:relative;height:416px;background:url(../images/banner/nei_banner3.jpg) !important;color:#ffffff;} .com-ban .com-jieshao{position:absolute;top:20%;width:100%;text-align:center;} .com-ban .com-jieshao .dn1{font-size:38px;font-family:'Didot';font-weight:bold;text-transform:uppercase;} .com-ban .com-jieshao .dn2{font-size:40px; font-weight: 800;} .com-ban .com-jieshao .dn-xian{width:90px;border-top:1px solid #ffffff;margin:20px auto;} .com-ban .com-jieshao .dn3{color: #fff;font-size: 14px;line-height: 26px; margin-top: 40px;} .com-anchors{width:100%;text-align:center;height:70px;line-height:70px;border-bottom:1px solid #e5e5e5;background:#fff;transition:all .4s ease;} .com-anchors.fix{position:fixed;width:100%;z-index:10;} .com-anchors li {display: inline-block; width: 120px; height: 100%;overflow: hidden;text-align: center;} .com-anchors a{display:block;cursor:pointer;color:#A4A7AF;font-size:14px;margin:0 2%;padding:0 20px;position:relative;transition:all .2s ease;} .com-anchors a:hover{color:#263450;} /* .com-anchors a:before{content:'';position:absolute;width:6px;height:6px;border-radius:50%;background:#ffffff;top:-3px;left:50%;margin:0 0 0 -3px;transition:all .2s ease;} */ .com-anchors li a:after {content: '';position: absolute;left: 50%;bottom: 0;z-index: 0;width: 0;height: 2px;background-color: #2791E5; margin-left: 0;-webkit-transition: 0.4s; transition: 0.4s;} .com-anchors a:hover:before{background:#053b93;} .com-anchors li.active a{color:#2791E5;} .com-anchors li.active a:after, .com-anchors li:hover a:after { width: 74px; margin-left: -37px; } /* 内页顶部end */ /* 关于我们 */ .about{ position: relative; overflow: hidden; } .aboutLeft{background: url(../images/about/about_adv.jpg) 100px top no-repeat;background-size: 621px;padding-top: 25px;width: 100%;position: relative;} .aboutLeft .name{ font-size: 36px; line-height: 24px; color: #263450; font-weight: bold; padding-bottom: 10px; } .aboutLeft .year{ font-size: 20px; line-height: 60px; color: #2791E5; text-transform: uppercase; font-family: medium; } .aboutLeft .content{ font-size: 15px; line-height: 34px; color: #828282; padding-top: 45px; } .aboutLeft .about-img{ padding-top: 40px;} .aboutLeft .about-img img{width: 100%;} .aboutLeft .mxfDiv{ position: relative; right: 0px; bottom: 0px; height: 315px; width: 870px; background: url(../images/about/about_olay.jpg) right bottom no-repeat; background-size: 435px; } .aboutLeft .mxfDiv .imgDiv{ width: 565px; } .aboutLeft .mxfDiv .imgDiv img{ width: 100%; } .aboutLeft .mxfDiv .layer{ position: absolute; right: 0px; width: 280px; top: 42px; } .aboutLeft .mxfDiv .txt{ font-size: 42px; color: #fff; opacity: 0.3; font-family: bold; } .aboutLeft .mxfDiv .wen{ line-height: 18px; font-size: 12px; color: #fff; opacity: 0.2; } .aboutLeft .mxfDiv .msg{ padding-top: 20px; font-size: 22px; color: #fff; line-height: 32px; } .aboutRight{/* position: absolute; right: 0px; top: 0px;*/ width: 100%; } .aboutRight .toptop{ position: relative; } .aboutRight .toptop .imgDiv img{ width: 100%; } .aboutRight .toptop .layer{ position: absolute; left:72px; top:62px; } .aboutRight .toptop .txt{ font-size: 26px; padding-top: 0.2rem; position: relative; color: #fff;} .aboutRight .toptop .txt:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 30px; height: 3px; background: #fff; opacity: 0.5;} .aboutRight .toptop .wen{ padding-top: 15px; color: #fff; opacity: 0.3; font-size: 13px; } .aboutRight .botbot{ height: 730px; position: relative; background: #eef4fd url(../images/about/about_com.jpg) center bottom no-repeat; background-size: 100%;} .aboutRight .list{ padding-top: 30px; } .aboutRight .list li .box{ border-top-right-radius: 30px; -moz-border-top-right-radius: 30px; border-bottom-right-radius: 30px; -moz-border-bottom-right-radius: 30px; display: inline-block; padding: 0 52px 0 24px; margin-bottom: 15px; height: 54px; background: #dce5f4; line-height: 54px; font-size: 14px; color: #95a8b6; overflow: hidden; -webkit-transition: background 400ms; transition: background 400ms;} .aboutRight .list li em{ font-size: 22px; color: #2791E5; font-family: medium; margin-right: 10px; font-style: normal; } .aboutRight .list li span{ color: #2791E5; font-size: 14px; padding-right: 13px; position: relative;} .aboutRight .list li:hover .box{ background: #2791E5; color: #a5bbb4; color: #fff;} .aboutRight .list li:hover em, .aboutRight .list li:hover span{ color: #fff; } .p_gridbox{background-color:#F6F7F9;} .p_gridbox .about-num{margin-top:0px;padding-top:24px;padding-bottom:25px;background:none;} .p_gridbox .about-num li{float:left;width:25%;position:relative;margin-bottom:15px;margin-top:15px;text-align:center;border-left:1px solid #ccc;} .p_gridbox .about-num li:first-child{border-left:none;} .p_gridbox .about-num li:first-child::before{display:none;} .p_gridbox .about-num li:before{content:'';position:absolute;left:-1px;top:0;width:1px;height:30%;background:#053b93;z-index:1;} .p_gridbox .about-num li h2{font-size:38px;line-height:53px;color:#263450;font-weight:800;display:inline-block;} .p_gridbox .about-num li .count-unit{font-size:16px;color:#222222;text-align:right;display:inline-block;font-style:normal;} .p_gridbox .about-num li p{color:#757983;font-size:14px;line-height:36px;} .p_gridbox .item{float:left;width:25%;box-sizing:border-box;border-left:1px solid #eaeaea;padding-left:30px;} .p_gridbox .item:first-child{border-left:0;padding-left:30px;} .p_gridbox .num{font-size:38px;line-height:53px;color:#263450;font-weight:800;} .p_gridbox .text{font-size:14px;line-height:20px;color:#757983;margin-top:5px;} .p_gridbox .item:before{content:'';position:absolute;left:-1px;top:0;width:1px;height:30%;background:#053b93;z-index:1;} /*案例*/ .project-wapper{margin: 80px auto;} .project-wapper .project-thumb{height: 255px; overflow: hidden;} .project-wapper .project-thumb img{width: 100%;} /*应用领域*/ .pos-relative{position:relative;} .pTit{font-size:30px;line-height:42px;color:#263450;font-weight:bold;text-align:center;} .pText{font-size:14px;line-height:26px;color:#757983;text-align:center;margin-top:15px;} /* button style */ .ms-btn{background:#fff;border:medium none;color:#586794;cursor:pointer;display:inline-block;font-family:'Rubik',sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;line-height:1;margin-bottom:0;padding:24px 30px;text-align:center;text-transform:uppercase;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition:.3s;transition:.3s;vertical-align:middle;white-space:nowrap;border:1px solid transparent;-webkit-box-shadow:none;box-shadow:none;outline:none;border-radius:0;} .services-area{padding:80px 0;} .services-area .services-box-area .single-service{margin-bottom:40px;} .services-area .services-box-area .single-service .wrapper{border:5px solid #F5F5F5;} .services-area .services-box-area .single-service .wrapper .thumb .services-image{width:100%;} .services-area .services-box-area .single-service .wrapper .thumb::before{position:absolute;content:'';background-color:rgba(38,52,80,0.5);height:100%;width:100%;-webkit-transition:.10s;transition:.10s;} .services-area .services-box-area .single-service .wrapper .thumb .thumb-content{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;right:0;-webkit-transition:.5s;transition:.5s;} .services-area .services-box-area .single-service .wrapper .thumb .thumb-content img{max-width:100%;height:auto;} .services-area .services-box-area .single-service .wrapper .thumb .thumb-content h4 a{font-size:30px;line-height:33px;font-weight:700;color:#fff;margin-top:20px;display:block;} .services-area .services-box-area .single-service .wrapper .content{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.5s;transition:.5s;visibility:hidden;opacity:0;padding:20px;transition:.5s;} .services-area .services-box-area .single-service .wrapper .content img{max-width:100%;height:auto;} .services-area .services-box-area .single-service .wrapper .content h4{margin-top:30px;margin-bottom:20px;} .services-area .services-box-area .single-service .wrapper .content h4 a{font-size:30px;line-height:33px;font-weight:700;color:#fff;display:block;} .services-area .services-box-area .single-service .wrapper .content p{color:#fff;} .services-area .services-box-area .single-service .wrapper .content .services-btn{padding:15px 20px;color:#2791E5;} .services-area .services-box-area .single-service .wrapper .content .services-btn i{font-size:20px;font-weight:600;} .services-area .services-box-area .single-service .wrapper .content .services-btn:hover{background:#586794;color:#fff;} .services-area .services-box-area .single-service .wrapper:hover .thumb::before{background-position:center;} .services-area .services-box-area .single-service .wrapper:hover .thumb-content{display:none;} .services-area .services-box-area .single-service .wrapper:hover .content{visibility:visible;opacity:1;-webkit-transition:all ease .5s;transition:all ease .5s;} .services-area .services-shape-bg{background-repeat:no-repeat;margin-top:-100px;} .services-area .services-shape-bg .services-bg img{margin-top:-175px;margin-left:-300px;} /* 新闻详情 */ .wsc-breadCon{color:#A4A7AF;height:57px;line-height:57px;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .wsc-bread a,.wsc-bread em,.wsc-bread span,.wsc-bread strong,.wsc-bread h1{font-size:12px;color:#A4A7AF;} .wsc-bread span{margin:0 8px;} .inside-mainbox{margin-top:40px;} .inside-news-tit{font-size:28px;line-height:40px;font-weight:bold;color:#04152C;} .inside-news-tit h1{font-size:28px;} .inside-news-info{font-size:14px;line-height:20px;margin-top:20px;color:#A4A7AF;} .inside-news-info .inside-news-time,.inside-news-info .inside-news-author{display:inline;} .inside-news-intro{padding:20px;background-color:#F6F7F9;line-height:26px;color:#62748E;margin-top:30px;} .inside-news-intro img{width:100%;padding:20px;} .dm-content{margin-top:10px;} .wsc-edit{line-height:30px;color:#757983;} .wsc-edit p{margin:15px 0;} .wsc-edit img{max-width:100%;height:auto;} .side-stand-head{background-color:#F2F3F8;height:60px;line-height:60px;text-align:center;color:#62748E;font-size:14px;margin-bottom:1px;} .side-stand-head a{display:block;} .side-stand-head span{padding-left:18px;background:url(../images/common/arr-hot.png) no-repeat left center;} .wsc-detlink2{margin-top:0;background:#F8F9FD;border:0;padding:30px;} .wsc-detlink2>div{margin-top:20px;padding-top:20px;border-top:1px solid #DFE7E9;} .wsc-detlink2>div:first-child{margin-top:0;padding-top:0;border-top:none;} .wsc-detlink2 .dl-prev,.wsc-detlink2 .dl-next{width:100%;line-height:26px;} .wsc-detlink2 .dl-prev{float:unset;padding-left:0;padding-right:0;} .wsc-detlink2 .dp-arr{width:unset;margin-left:0;} .wsc-mes{background-color:#F6F7F9;border-top:2px solid #E6EAF2;margin-top:20px;padding:40px 0;} .wscm-btn{text-align:center;} .btn-e55{background:rgba(229,85,94,1);color:#FFFFFF;} .wscm-btn .btn{width:200px;font-size:14px;line-height:46px;border-radius:2px;border-radius:50px;} .wscm-tel{margin-top:20px;margin-left:68px;} .wsc-dd{color:#A4A7AF;font-size:14px;line-height:20px;} .wscm-dt{color:#053b93;font-size:20px;line-height:28px;} .wsc-mes .right-code{padding:0 20px;width:200px;height:200px;margin:0 auto;} .wsc-mes .right-code img{width:100%;} .wsc-mes .right-code p{text-align:center;font-size:12px;line-height:34px;} .right-side-news{background-color:#F8F9FD;padding:0 30px;} .right-side-news .rlist-item{margin-top:10px;transition:0.3s; border-top: 1px solid #DFE7E9; padding: 20px 0;} .right-side-news .rlist-item:first-child{border-top:none;} .right-side-news .rlist-item:first-child{margin-top:0;} .right-side-news .rlist-info{padding:0;border:0;} .right-side-news .rlist-tit{font-size:16px;line-height:25px;height:25px;color:#484B52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .right-side-news .list-time{margin-top:10px;display:block;} .right-side-news .rlist-text{margin-top:10px;font-size:12px;line-height:26px;color:#757983;max-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .right-side-news .rlist-item:hover .rlist-tit{color:#053b93;} .next-prev-single{ padding:10px 0; color:#444; font-size:14px; overflow:hidden; } .next-prev-single p{ width:49%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .next-prev-single p a{ color:#757983; text-decoration:none; } .next-prev-single .prev{ float:left; } .next-prev-single .next{ float:right; } /* 新闻列表 */ .inside-news-list .inside-news-item{padding:40px 20px;clear:both;background-color:#F6F7F9;margin-bottom:20px;} .inside-news-list .inside-news-item:hover{box-shadow:0px 0px 24px rgba(0,0,0,0.09);} .news_con_list:hover .news_con_img img{transform:scale(1.1);} .news_con_list .news_con_img{width:100%;overflow:hidden;height:140px;} .news_con_list .news_con_img img{width:100%;transition:all 0.6s;} .news_con_list .news_con_nav h4{font-size:22px;line-height:34px;} .news_con_list .news_con_nav p{font-size:14px;line-height:28px;color:#999;margin-top:10px; height: 56px; overflow: hidden;} .news_con_list .news_time{font-size:14px;color:#c9c9c9;margin-top:5px;} .inside-tab-title{width:100%;display:inline-block;float:none;text-align:center;} .inside-tab-title .filters{text-align:center;padding-top:10px;} .inside-tab-title .filters li{display:inline-block;text-transform:uppercase;font-size:16px;font-weight:400;cursor:pointer;padding:17px;-webkit-transition:all .2s;transition:all .2s;text-align:center;} .inside-tab-title .filters li:hover a,.inside-tab-title .filters li.active a{color:#fff !important;background:#053b93 url(../images/common/nav_bg.png);padding:17px;} .inside-tab-title .filters li a{font-size:16px;font-weight:400;cursor:pointer;padding:17px;background-color:#F6F7F9;} /* 页面标题 */ .page_tit{margin-bottom:40px;text-align:center;} .page_tit h3{font-size:30px;margin-bottom:20px;font-weight:normal;} .page_tit h2{font-size:28px;} .page_tit p{color:#999;} .page_tit p span:before,.page_tit p span:after{display:inline-block;width:30px;height:1px;background:#999;vertical-align:middle;content:'';margin:0 2px;margin-bottom:2px;} .about_d_text{line-height:30px;color:#6d6d6d;} .about_d_text p{line-height:30px;color:#6d6d6d;} .about_d_text p img{margin:20px auto;} .about-title{color:#333333;font-size:30px;text-transform:uppercase;} .abou-jianjie .about-wen{color:#666666;font-size:16px;line-height:36px;margin:30px 0 0;text-align:justify;} .about-wen h2{font-size:20px;color:#000;line-height:36px;padding-bottom:10px;text-indent:2em;} .about-adv{width:100%;overflow:hidden;} .about-jigou-img{text-align:center;padding:40px 0;} .about-jigou-img img{width:100%;} .his_list{padding-top:20px;position:relative;} .his_list .line{position:absolute;top:0;bottom:0;left:0;right:0;margin:0 auto;width:1px;background:#d3d3d3} .his_list ul li{text-align:right;margin:20px 0;padding-right:50%;clear:both;position:relative;} .his_list ul li i{position:absolute;left:50%;margin-left:-5px;top:10px;width:9px;height:9px;border-radius:100%;background:#d3d3d3} .his_list ul li i:after{content:'';display:block;position:absolute;left:50%;margin-left:-80px;width:60px;height:1px;background:#d3d3d3;top:4px;} .his_list ul li:nth-child(2n) i:after{margin-left:20px;} .his_list ul li:nth-child(2n){padding-right:0;padding-left:50%;text-align:left;} .his_list ul li .text{padding:0 100px;line-height:28px;color:#262626;} .his_list ul li .text h3{font-size:20px;color:#053b93;font-weight:normal;margin-bottom:10px;} .about-jigou-content{background:#F4F6FA;} /*新闻主页 */ .mt-news-index .newsb-left .rlist-img{width:100%;height:315px;overflow:hidden;position:relative;border:0;} .mt-news-index .newsb-left .rlist-item{background-color: #F6F7F9;} .mt-news-index .newsb-left .rlist-item img{transition:0.5s;} .mt-news-index .newsb-left .rlist-img img{width:100%;transition:0.36s;} .mt-news-index .newsb-left .rlist-img span{background-color:#263450;padding:8px 15px;color:#FFFFFF;font-size:14px;line-height:20px;position:absolute;left:0;top:0;} .mt-news-index .newsb-left .rlist-info{padding:30px 15px;border:0;} .mt-news-index .newsb-left .rlist-tit{font-size:18px;line-height:25px;height:25px;color:#484B52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mt-news-index .newsb-left .rlist-tit a{color: #333;} .rlist-style3 .newsb1-left .rlist-item:hover img{transform:scale(1.03);} .rlist-style3 .newsb1-left .rlist-item:hover .rlist-tit{color:#2791E5;} .mt-news-index .newsb-left .list-time{margin-top:20px;display:block;} .list-time{color:#A4A7AF;font-size:12px;display:inline;margin-right:0;} .mt-news-index .newsb-left .rlist-text{margin-top:10px;font-size:14px;line-height:26px;color:#757983;max-height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;} .mt-news-index .newsb-left .rlist-item img{transition:0.5s;} .mt-news-index .newsb-left .rlist-item:hover img{transform:scale(1.03);} .mt-news-index .newsb-left .rlist-item:hover .rlist-tit{color:#053b93;} .mt-news-index .newsb-rig .rlist-item{background-color:#F6F7F9;padding:31px 40px;margin-top:10px;transition:0.3s;} .mt-news-index .newsb-rig .rlist-item:first-child{margin-top:0;} .mt-news-index .newsb-rig .rlist-info{padding:0;border:0;} .mt-news-index .newsb-rig .rlist-tit{font-size:18px;line-height:25px;height:25px;color:#484B52;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mt-news-index .newsb-rig .list-time{margin-top:10px;display:block;} .mt-news-index .newsb-rig .rlist-text{margin-top:10px;font-size:14px;line-height:26px;color:#757983;max-height:26px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .mt-news-index .newsb-rig .rlist-item:hover .rlist-tit{color:#053b93;} .mt-news-index .newsb-rig .rlist-item:hover{background:rgba(255,255,255,1);box-shadow:0px 0px 24px rgba(0,0,0,0.06);} .bg-grey{background-color:#F6F7F9;} .bg-white{background-color:#fff !important;} .rTit{border-bottom:0;padding:0;} .rTitText{margin-top:0;float:left;} .rTitText h3{font-size:24px;line-height:33px;font-weight: 800;color: #263450;} .rTitText p{font-size: 14px;line-height: 20px;color: #A4A7AF;} .rTitMore{float:right;color:#A4A7AF;margin-top:20px;line-height:33px;} .rTitMore span{display:inline-block;padding-right:25px;background:url(../images/common/title-arrow-right.png) no-repeat right 4px;transition:0.3s;} .mt-page-button{padding:0 20px;background-color:#053b93;height:44px;line-height:44px;border-radius:3 0px;width:150px;margin:20px auto;text-align:center;} .mt-page-button a{color:#fff;} .mt-news-wapper .mt-news-content li a .left{width:10%;} .mt-news-wapper .mt-news-content li a .right{width:90%;} .mt-news-wapper .mt-news-content li a .right h5{height:28px;margin-bottom:5px;} .mt-news-wapper .mt-news-content li p{font-size:12px;line-height:24px;} .mt-news-wapper .mt-news-content li p:hover{color:#666;} .service-time{background:#053b93 url(../images/common/nav_bg.png);width:100%;} .service-time .page_tit{color:#fff;} .service-time .mt-guide-date .mt-guide-time{width:70%;margin:0 15%;} .service-time .mt-guide-date{background:none;} .service-time .mt-guide-date .tips{text-align:center;} .service-time .mt-guide-date .mt-guide-time .padd{margin-bottom:20px;min-height:120px;} .service-map-address{padding:25px;} .service-map-address .t3{line-height:48px;font-size:20px;color:#000;} .service-map-address .list .li{padding:20px 0;color:#707070;} .service-map-address .list .li+.li{border-top:1px solid #e8e8e8;} .service-map-address:last-child{border-top:#999 dashed 1px;} .service-map-img{width:100%;height:400px;overflow:hidden;} .service-map-con{background-color:#fff;} .service-yuyue-content{box-shadow:0px 0px 24px rgba(0,0,0,0.06);position:relative;top:-40px;z-index:999;background-color:#fff;} .service-yuyue-content .col-lg-8{padding:0;} .service-yuyue-content .col-lg-4{padding-left:0;} .service-yuyue-content .service-yuyue-text{font-size:14px;line-height:32px;padding:30px;background:url(../images/temp/img41.jpg) repeat;height:228px;} .service-yuyue-content .service-yuyue-text h2{font-size:22px;color:#000;margin-bottom:20px;} .service-yuyue-icon{width:100%;border-left:1px solid #E7EAF2;margin-right:0;box-sizing:border-box;} .service-yuyue-icon .item{border-right:1px solid #E7EAF2;} .service-yuyue-icon .item{float:left;width:50%;box-sizing:border-box;padding:60px 40px 50px;margin-left:-1px;height:100%;transition:0.36s;border-left:1px solid #E7EAF2;} .service-yuyue-icon .item:hover{box-shadow:0px 0px 24px rgba(0,0,0,0.06);border-color:#fff;/* transform:translateZ(-2px);*/ } .service-yuyue-icon i{display:block;height:43px;} .service-yuyue-icon .ico1{background:url(../images/icon/users.png) no-repeat center center;} .service-yuyue-icon .ico2{background:url(../images/icon/yuyue.png) no-repeat center center;} .service-yuyue-icon .info{margin-top:47px;} .service-yuyue-icon .tit{font-size:20px;line-height:28px;color:#000;text-align:center;} .service-notice-cont{position:relative;height:599px;} .service-notice-cont .l_img{position:absolute;left:0;top:20%;width:40%;height:100%;overflow:hidden;height:449px;z-index:0;} .service-notice-cont .l_img img{width:100%;height:auto;} .service-notice-cont .r_txt{float:right;margin-top:50px;background:#8bacbc;width:70%;height:100%;overflow:hidden;height:499px;color:#fff;z-index:2;} .service-notice-cont .r_txt .padd{padding:25px 60px 0 160px;} .service-notice-cont .r_txt .p{padding-top:25px;text-align:justify;} .service-notice-cont .r_txt .p p{font-size:14px;line-height:28px;} .collect-news{background:url(../images/temp/img41.jpg) repeat;} .exhibit-topic .item{position:relative;margin-bottom:50px;overflow:hidden;background:#fff;height:380px;} .exhibit-topic .item .img{height:484px;overflow:hidden;position:relative;z-index:1;width:100%;} .exhibit-topic .item .text{padding:40px 20px;} .exhibit-topic .item .text .con{height:300px;padding-right:45px;} .exhibit-topic .item .text .con{background:url(../images/temp/online.png) no-repeat right bottom;box-sizing:content-box;background-position:350px 10px;} .exhibit-topic .item .text .p{color:#707070;margin-bottom:40px;text-align:justify;line-height:28px;} .exhibit-topic .item .text .h18{font-size:19px;color:#000;margin-bottom:20px;} .exhibit-snap .item{position:relative;margin-bottom:50px;overflow:hidden;background:url(../images/temp/dot.jpg);height:380px;} .exhibit-snap .item .img{height:484px;overflow:hidden;position:relative;z-index:1;width:100%;} .exhibit-snap .item .text{padding:40px 20px;} .exhibit-snap .item .text .con{height:300px;padding-right:45px;} .exhibit-snap .item .text .p{color:#fff;margin-bottom:40px;text-align:justify;line-height:28px;} .exhibit-snap .item .text .h18{font-size:19px;color:#fff;margin-bottom:20px;} .exhibit-snap .item .text .h18 a{color:#fff;} .exhibit-snap .item .text .link-box{border:1px solid #ccc !important;} .exhibit-snap .item .text .link-box .d1:before{background:#ccc;} .exhibit-snap .item .text .link-box .d1:after{background:#ccc} .exhibit-snap .item .text .link-box .d2:before{background:#ccc} .exhibit-snap .item .text .link-box .d2:after{background:#ccc} .exhibit-snap .item .text .link-box .c{border:1px solid #ccc;color:#ccc;} .exhibit-snap .item .text .link-box .c:after{background:#ccc url(../images/temp/link1.png) no-repeat left center;} .link-box{position:relative;border:0px solid #053b93;display:inline-block;text-align:center;} .link-box .d1{position:absolute;left:0;width:100%;height:100%;} .link-box .d1:before{content:"";width:5px;height:5px;background:#053b93;position:absolute;left:-3px;top:-3px;} .link-box .d1:after{content:"";width:5px;height:5px;background:#053b93;position:absolute;right:-3px;top:-3px;} .link-box .d2{position:absolute;left:0;width:100%;height:100%;} .link-box .d2:before{content:"";width:5px;height:5px;background:#053b93;position:absolute;left:-3px;bottom:-3px;} .link-box .d2:after{content:"";width:5px;height:5px;background:#053b93;position:absolute;right:-3px;bottom:-3px;} .link-box .c{line-height:26px;border:1px solid #053b93;padding:0 15px;min-width:45px;position:relative;overflow:hidden;color:#053b93;-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .link-box .c .t{position:relative;z-index:1;} .link-box .c:after{content:"";width:0;background:#053b93 url(../images/temp/link1.png) no-repeat left center;height:100%;position:absolute;right:0;top:0;-webkit-transition:all 1s ease-in-out;transition:all 1s ease-in-out;} /*-------------------------------------------------------------- # Blog One --------------------------------------------------------------*/ .blog-one{position:relative;display:block;padding:20px 0 20px;} .blog-grid{padding-bottom:120px;} .blog-one .section-title{margin-bottom:42px;} .blog-one-single{position:relative;display:block;margin-bottom:30px;} .blog-one-img-box{position:relative;display:block;} .blog-one-img{position:relative;display:block;overflow:hidden;border-top-left-radius:10px;border-top-right-radius:10px;} .blog-one-img img{width:100%;border-top-left-radius:10px;border-top-right-radius:10px;transform:scale(1);transition:all 500ms ease; height: 300px; overflow: hidden; background: #fff;} .blog-one-single:hover .blog-one-img img{transform:scale(1.05);} .blog-one-img>a{top:0;left:0;right:0;bottom:0;background-color:rgba(30,30,34,0.5);position:absolute;display:flex;justify-content:center;align-items:center;font-size:30px;color:#ffffff;transition:opacity 500ms ease,visibility 500ms ease,transform 500ms ease;visibility:hidden;opacity:0;transform:translateY(-30%);border-top-left-radius:10px;border-top-right-radius:10px;} .blog-one-img>a>span{position:relative;} .blog-one-img>a>span::before{content:'';width:20px;height:2px;background-color:#ffffff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all 500ms ease;} .blog-one-img>a>span::after{content:'';transition:all 500ms ease;width:2px;height:20px;background-color:#ffffff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} .blog-one-img>a:hover>span::before,.blog-one-img>a:hover>span::after{background-color:#2791E5;} .blog-one-single:hover .blog-one-img>a{visibility:visible;transform:translateY(0%);opacity:1;} .blog-one-date-box{position:absolute;bottom:-15px;right:20px;background-color:#2791E5;border-radius:10px;padding:16px;text-align:center;z-index:1;} .blog-one-date-box p{font-size:10px;font-weight:700;color:#ffffff;margin:0;line-height:14px;} .blog-one-date-box p span{font-size:16px;display:block;} .blog-one-content{position:relative;display:block;background-color:rgb(255,255,255); -webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); box-shadow:0px 0px 24px rgba(0,0,0,0.06); behavior: url(ie-css3.htc); padding:20px 20px 25px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;} .blog-one-meta{display:flex;-webkit-box-align:center;align-items:center;margin:0;} .blog-one-meta li+li{margin-left:15px;} .blog-one-meta li a{font-size:14px;color:#717178;font-weight:700;transition:all 500ms ease;} .blog-one-meta li a:hover{color:#2791E5;} .blog-one-meta li a i{color:#2791E5;} .blog-one-title{font-size:18px;font-weight:400;line-height:34px;margin-top:2px;margin-bottom:11px;} .blog-one-title a{color:#1e1e22;transition:all 500ms ease;} .blog-one-title a:hover{color:#2791E5;} .blog-one-text{margin:0; color: #999; font-size: 14px;} .blog-one-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4e4ea;margin-top:20px;padding-top:8px;} .blog-one-read-btn>a{font-size:12px;font-weight:300;transition:all 500ms ease;} .blog-one-read-btn>a:hover{color:#2791E5;} .blog-one-arrow>a{font-size:16px;font-weight:300; display:flex;align-items:center;transition:all 500ms ease;} .blog-one-arrow>a:hover{color:#2791E5;} .exhibit-flow{overflow:hidden;padding:70px 0 100px;} .exhibit-flow .x-tit{padding-bottom:30px;} .exhibit-flow .list{width:103%;padding-top:40px;} .exhibit-flow .list .item{float:left;width:100%;height:435px;position:relative;margin-right:18px;} .exhibit-flow .list .item .img{width:100%;height:262px;overflow:hidden;} .exhibit-flow .list .item .img img{width:100%;height:auto;} .exhibit-flow .list .item .h16{color:#707070;padding:30px 0 15px;padding-right:10%;} .exhibit-flow .list .item .p{color:#809aa5;padding-right:10%;} .exhibit-flow .list .item .date{position:absolute;bottom:35px;left:0;color:#707070;width:100%;font-family:'avian';font-size:16px;} .exhibit-flow .list .item .date:after{content:"";display:block;width:191px;height:79px;position:absolute;right:10px;bottom:0;pointer-events:none;background:url(../images/temp/online_2.png) no-repeat center;bottom:8px;} .exhibit-flow .list .item .img img{-webkit-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;} .exhibit-flow .list .item:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);} .swiper-tabs .tabs{position:relative;width:100%;margin:0 auto;padding-top:90px;} .swiper-tabs .tabs a{text-decoration:none;} .swiper-tabs .tabNav{margin-bottom:55px;font-size:0;text-align:center;} .swiper-tabs .tabNav li{position:relative;display:inline-block;width:88px;font-size:12px;*display:inline;*zoom:1;} .swiper-tabs .tabNav a{text-decoration:none;} .swiper-tabs .tabNav strong{display:none;position:absolute;left:-80px;top:-73px;width:200px;height:38px;font:16px/38px "Microsoft Yahei";color:#fff;background-color:#263450;} .swiper-tabs .tabNav strong em{font-style:normal;color:#fffc1f;} .swiper-tabs .tabNav b{display:none;position:absolute;left:19px;top:-35px;height:35px;border-left:1px solid #263450;} .swiper-tabs .tabNav i{display:none;position:absolute;left:14px;top:4px;width:11px;height:11px;border-radius:11px;background-color:#263450;overflow:hidden;} .swiper-tabs .tabNav .year{display:block;height:20px;padding-top:18px;font:11px/20px arial;text-align:center;color:#888;background:url(../images/index/graduate_bg2.png?v=2) 0 0 no-repeat;cursor:pointer;} .swiper-tabs .tabNav .first .year{background-image:url(../images/index/graduate_bg1.png?v=2);} .swiper-tabs .tabNav .active strong,.tabNav .active b,.tabNav .active i{display:block;} .swiper-tabs .tabPane{width:100%;height:468px;} .swiper-tabs .tabPane .info{float:left;width:30%;height:468px;background-color:#263450;} .swiper-tabs .tabPane .info h3{padding:35px 45px 0;font:22px "Microsoft Yahei";color:#fff;margin-bottom:30px;} .swiper-tabs .tabPane .info p{margin:12px 45px 0;line-height:28px;font-size:12px;color:rgba(255,255,255,0.8);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;} .swiper-tabs .tabPane .info .default-btn{text-align:center;background:transparent;border:1px solid;border-radius:50px;width:60%;margin-left:45px;margin-top:50px;} .swiper-tabs .tabPane .info .default-btn:hover{transform:translateY(-3px);color:#fff;border-radius:50px;} .swiper-tabs .tabPane .info .default-btn:before{border-radius:50px;} .swiper-tabs .tabPane .img{float:right;width:70%;height:468px;overflow:hidden;} .swiper-tabs .tabPane .img img{width:100%;} .swiper-tabs .tabPane{margin:-2px -2px 0 0;} .swiper-tabs .tabPane ul{margin-top:-2px;} .swiper-tabs .tabPane li{position:relative;float:left;height:253px;overflow:hidden;} .swiper-tabs .tabPane img{display:block;border:0 none;} .swiper-tabs .tabPane .odd{width:245px;height:253px;margin:2px 2px 0 0;} .swiper-tabs .tabPane .odd h4{position:absolute;left:0;bottom:0;_bottom:-1px;width:215px;padding:0 15px;font:22px/53px "Microsoft Yahei";color:#fff;background:#4a4a4a;} .swiper-tabs .tabPane .odd img{width:245px;height:200px;} .swiper-tabs .tabPane .txtOut{position:absolute;left:0;top:0;display:table;width:100%;height:200px;visibility:hidden;} .swiper-tabs .tabPane .txt{display:table-cell;width:221px;height:176px;padding:12px;line-height:18px;font-size:12px;color:#fff;background:url(../images/index/bg_01.png) 0 0 repeat;vertical-align:middle;} .swiper-tabs .tabPane .even{width:490px;height:253px;margin-top:2px;overflow:hidden;} .swiper-tabs .tabPane .even h4{position:absolute;right:0;top:0;width:34px;height:221px;padding:16px 10px;font:22px/24px "Microsoft Yahei";text-align:center;color:#fff;background-color:#4a4a4a;} .swiper-tabs .tabPane .even img{width:436px;height:253px;} .swiper-tabs .tabPane .even .txtOut{width:436px;height:100%;} .swiper-tabs .tabPane .even .txt{width:412px;height:229px;} .swiper-tabs .tabPane h5{margin-bottom:4px;font-size:14px;} .swiper-tabs .tabPane a:hover .txtOut{visibility:visible;} .swiper-tabs .tabs .prev,.tabs .next{position:absolute;top:80px;width:38px;height:38px;border-radius:38px;font:20px/38px SimSun,sans-serif;color:#fff;text-align:center;background-color:#263450;} .swiper-tabs .tabs .prev{left:48px;} .swiper-tabs .tabs .next{right:48px;} .fast-link .item-dd{font-size:12px;overflow:hidden;height:18px;line-height:18px;padding-left:20px;margin-top:15px;float:left;width:100%;color:#A4A7AF;overflow:hidden;} .fast-link .item-dd i:first-child{display:none;} .fast-link .item-dd i{float:left;color:#E3E4E5;margin:0 10px;} .fast-link .item-dd a{float:left;} /* 关于我们 业务范围 */ .t_ser_b{width:100%;float:left;padding-top:30px;} .t_ser_b a:hover .t_ser_b01{background:#5a7ebb;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b01{overflow:hidden;position:relative;width:100%;background:#f6f7f9;margin-right:3%;float:left;text-align:center;padding:60px 40px;margin-bottom:30px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b .t_ser_b01_3{margin-right:0;} .t_ser_b01_bg{position:absolute;top:0;left:0;right:0;z-index:9;} .t_ser_b01_bg img{max-width:100%;opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b01:hover .t_ser_b01_bg img{opacity:0.1;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .t_ser_b02{width:50px;height:50px;margin:0 auto;} .t_ser_b02 img{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b a:hover .t_ser_b02 img{opacity:0;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b03{width:100%;font-size:22px;color:#333333;line-height:1.6;padding-top:20px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b a:hover .t_ser_b03{color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b04{width:100%;font-size:14px;color:#666;line-height:1.6;padding-top:20px;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} .t_ser_b a:hover .t_ser_b04{color:#fff;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-ms-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;} /* 企业荣誉 */ /* 联系我们 */ .service-contact .service-item{padding:40px 20px;} .service-section-2.service-contact .service-item:before{display:none;} .map-wrap{transition:all 0.3s ease; -webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); box-shadow:0px 0px 24px rgba(0,0,0,0.06); behavior: url(ie-css3.htc); } .map-wrap .map-accordion{background-color:#263450;height:562px;} .map-wrap .map-accordion{color:#fff;padding:50px 20px;} .map-wrap .contact-item h3{font-size:22px;color:#fff;} .map-wrap .contact-details li{display:flex;align-items:center;margin-bottom:20px;} .map-wrap .contact-details li i{color:#fff;font-size:15px;margin-right:15px;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;/* background-color:rgba(255,255,255,0.2);*/ border:1px solid;border-color:rgba(255,255,255,0.2);} .map-wrap .contact-details .contact-text p{margin-bottom:0;} .map-wrap .contact-details .contact-text h6{color:rgba(255,255,255,0.6);} .map-wrap .contact-details .contact-text{padding-top:8px;} /*====================================================== Contact Section =======================================================*/ .contact-section{position:relative;z-index:1;} .contact-section .section-heading h2{color:#fff;} .contact-section .section-heading h3{color:#ddd;} .contact-section .map{-webkit-background-size:70%;background-size:70%;} .agency .appointment-form{position:inherit;margin:0;background-color:transparent;padding:0;top:auto;right:auto;padding-right:100px;margin-top:40px;box-shadow:none;} .agency .appointment-form .form-control{background-color:transparent;border-bottom:1px solid rgba(255,255,255,0.2);margin-bottom:15px;color:#fff;} .agency .address-box{background-color:#fff;text-align:center;padding:60px 40px;border-radius:3px;} .agency .address-box h2{color:#ff5800;font-size:32px;} .agency .address-box h3{margin-bottom:30px;} .agency .address-box .logo{margin-bottom:20px;} /*===== Contact Section =====*/ .contact-section .contact-form{background-color:#fff;padding:50px;transition:all 0.3s ease; /* box-shadow:0px 5px 20px 0px rgb(209 218 235 / 50%); */ -webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); box-shadow:0px 0px 24px rgba(0,0,0,0.06); behavior: url(ie-css3.htc); } .contact-section .form-heading{} .contact-section .form-heading h3{font-size:36px;} .contact-section .contact-item{padding:50px 0;} .contact-section .contact-form .form-control{background:#F5F8FA;border-color:#F5F8FA;height:45px;border-radius:2px;box-shadow:none;border:none;outline:none;} .contact-section .contact-form .form-control.address{height:inherit;} /* 相册 */ /* play */ .slide-album-box{width:100%; height: 500px;} #play{text-align:center;position:relative;overflow:hidden;margin:5px auto;} #play .change_a{width:50%;height:100%;position:absolute;top:0;z-index:1;cursor:pointer;display:block;overflow:hidden;} #play .prev_a{left:0;} #play .next_a{right:0} #play .change_a span{width:24px;height:43px;display:block;position:absolute;top:50%;margin-top:-21px;display:none} #play .prev_a span{background:url(../images/common/s_gallery.png) no-repeat 0px -50px;left:0;} #play .next_a span{background:url(../images/common/s_gallery.png) no-repeat -30px -50px;right:0;} #play .img_ul{position:relative;z-index:1;} #play .img_ul li{width: 100%; height: 404px; overflow: hidden;} .img_hd {/*border-top:1px solid #ccc;border-bottom:1px solid #ccc;background-color:#eee;*/overflow:hidden;height:86px;padding:2px 0;margin-top:15px;margin:5px auto;position:relative; height: 90px;} .img_hd ul{position:absolute;z-index:1} .img_hd ul li{float:left;width:100px;height:80px;border:3px solid #eee;cursor:pointer;margin:0 3px 0 1px;overflow:hidden;*display:inline;padding:1px;text-align:center} .img_hd ul li img{height:80px;} .img_hd ul li.on{border-color:#96caf4;} .img_hd .bottom_a{background:url(../images/common/s_gallery.png) no-repeat;width:22px;height:22px;position:absolute;display:block;top:50%;margin-top:-11px;cursor:pointer;z-index:10} .img_hd .prev_a{background-position:0 -24px;left:5px;} .img_hd .next_a{background-position:-30px -24px;right:5px;} .content-bread {position: relative;z-index: 2;border-bottom: 1px solid rgba(164,167,175,0.1);} /* 产品详情 */ .product_box{padding-top:60px;} .product-section{padding-top:60px;} .proinfo{min-height:305px;} .proinfo .proname{font-size:24px;line-height:36px;color:#04152C;font-weight:bold;margin-bottom:6px;} .proinfo .proen{font-size:16px;line-height:30px;color:#666;font-weight:bold;text-transform:uppercase;} .proinfo .hx{width:100%;height:1px;background-color:#eee;margin:32px 0;} .proinfo .xiangxi{font-size:14px;line-height:30px;color:#757983;min-height:90px;overflow:auto;} .proinfo .probtn{margin-top:26px;height:50px;} .proinfo .probtn a{display:inline-block;width:178px;height:48px;margin-right:28px;color:#666;font-size:16px;line-height:48px;text-align:center;border:1px solid #ccc;} .proinfo .probtn a:hover{border-color:#053b93;color:#fff;background-color:#053b93;} .tmerjiout{width:100%;height:80px;background-color:#f8f8f8;border-bottom:1px solid #eee;z-index:999;} .tmerjiout.on{position:fixed;top:99px;left:0;z-index:20;min-width:480px;} .tmerjiout-shadow{height:81px;display:none;} .tmerjiout-shadow.on{display:block;} .tmerji{position:relative;font-size:0;width:100%;height:100%;} .tmerji li{display:inline-block;width:20%;height:100%;text-align:center;position:relative;} .tmerji li:after{content:'';position:absolute;left:0;top:50%;z-index:0;width:1px;height:14px;background-color:#ccc;margin-top:-7px;} .tmerji li a{display:block;font-size:16px;color:#333;line-height:80px;height:80px;position:relative;} .tmerji li a:after{content:'';position:absolute;left:50%;bottom:0;z-index:0;width:0;height:2px;background-color:#2791E5;margin-left:0;-webkit-transition:0.4s;transition:0.4s;} .tmerji li.on a,.tmerji li:hover a{color:#2791E5;} .tmerji li.on a:after,.tmerji li:hover a:after{width:70px;margin-left:-35px;} .content-edit{line-height:30px;color:#757983;padding:20px 0;} .content-edit h2 { font-size:20px; font-weight:bold;} .tmerjiout .tmerji li.active a{color:#2791E5;} .tmerjiout .tmerji li.active a:after{width:70px;margin-left:-35px;} .content_title{border-bottom:0;padding:0;} .content_title .content_text{margin-top:0;float:left;} .content_title .content_text h3{font-size:24px;line-height:33px;font-weight: 800;color: #263450;} .content_title .content_text p{font-size: 14px;line-height: 20px;color: #A4A7AF;} .content_title .content_more{float:right;color:#A4A7AF;/* margin-top:20px; */line-height:33px;} .content_title .content_more span{display:inline-block;padding-right:25px;background:url(../images/common/title-arrow-right.png) no-repeat right 4px;transition:0.3s;} /*========================================*/ /*------------ [_Section_News] -----------*/ /*========================================*/ .news-wrapper .news-thumb{position:relative;overflow:hidden;max-height:270px;} .news-wrapper .news-thumb img{-moz-transition:all 500ms ease-out 0s;-webkit-transition:all 500ms ease-out 0s;-ms-transition:all 500ms ease-out 0s;-o-transition:all 500ms ease-out 0s;transition:all 500ms ease-out 0s;} .news-wrapper .news-thumb .news-top-meta{position:absolute;bottom:0;left:0;text-align:center;z-index:1;padding:4px 14px;background:#2791E5;font-size:14px;color:#fff;-moz-transition:all 400ms ease-out 0s;-webkit-transition:all 400ms ease-out 0s;-ms-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;} .news-wrapper .news-thumb .news-top-meta a{color:#fff;} .news-wrapper .news-thumb .news-top-meta i{font-size:15px;margin-right:8px;vertical-align:middle;color:#ffffff;} .news-wrapper .news-thumb .news-top-meta .admin{background:#ececec;padding:2px 20px;text-transform:uppercase;font-weight:700;letter-spacing:1.2px;font-size:11px;color:#053b93;} .news-wrapper .news-thumb .news-top-meta .admin a{color:#053b93;} .news-wrapper .news-thumb .news-top-meta .comment{background:#2791E5;padding:2px 17.9px;min-width:96px;} .news-wrapper .news-thumb:after{position:absolute;content:"";background:rgba(23,48,94,0.6);height:100%;width:100%;left:0;top:0;opacity:0;-moz-transition:all 400ms ease-out 0s;-webkit-transition:all 400ms ease-out 0s;-ms-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;-moz-transform:perspective(3em) rotateY(-3deg);-o-transform:perspective(3em) rotateY(-3deg);-ms-transform:perspective(3em) rotateY(-3deg);-webkit-transform:perspective(3em) rotateY(-3deg);transform:perspective(3em) rotateY(-3deg);transform-origin:top;} .news-wrapper .news-details{background:#ffffff;padding:20px;box-shadow:0 0 16px 10px rgba(0,0,0,0.06);} .news-wrapper .news-details .news-description .news-bottom-meta{color:#828c99;background:#f5f6fc;padding:10px 20px;border-left:3px solid #2791E5;} .news-wrapper .news-details .news-description .the-content{margin-bottom:20px;} .news-wrapper .news-details .news-link{text-transform:uppercase;font-weight:600;display:inline-block;letter-spacing:1.2px;line-height:16px;position:relative;} .news-wrapper .news-details .news-link a{color:#2791E5;font-size:15px;} .news-wrapper .news-details .news-link a i::before{font-size:16px;vertical-align:middle;transition:300ms;} .news-wrapper .news-details .news-link:hover{color:#2791E5;} .news-wrapper .news-details .news-link:hover:before{width:100%;} .news-wrapper .news-details .news-link:hover a i::before{margin-left:6px;} .news-wrapper .news-details .news-link:before{content:'';width:60%;height:2px;background:#2791E5;left:0;position:absolute;bottom:-5px;-webkit-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;-moz-transition:0.3s;transition:0.3s;} .news-wrapper:hover .news-thumb img{-moz-transform:scale3d(1.1,1.1,1.1);-o-transform:scale3d(1.1,1.1,1.1);-ms-transform:scale3d(1.1,1.1,1.1);-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1);} .news-wrapper:hover .news-thumb .news-top-meta{left:30px;} .news-wrapper:hover .news-thumb:after{opacity:1;-moz-transform:perspective(0) rotateX(0);-o-transform:perspective(0) rotateX(0);-ms-transform:perspective(0) rotateX(0);-webkit-transform:perspective(0) rotateX(0);transform:perspective(0) rotateX(0);} .news-wrapper .news-details .news-description .news-bottom-meta{color:#828c99;background:#f5f6fc;padding:10px 20px;border-left:3px solid #2791E5;} .feature-box{border:1px solid #f5f5f5;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px;} .feature-box .para{height:78px;} .feature-box .para p{line-height: 28px; height: 56px; overflow: hidden; font-size: 13px;} .feature-thumb{overflow:hidden;} .feature-thumb img{-moz-border-radius:10px 10px 0 0px;-webkit-border-radius:10px 10px 0 0px;-ms-border-radius:10px 10px 0 0px;-o-border-radius:10px 10px 0 0px;border-radius:10px 10px 0 0px;-moz-transition:all 900ms ease;-webkit-transition:all 900ms ease;-ms-transition:all 900ms ease;-o-transition:all 900ms ease;transition:all 900ms ease;width:100%;} .feature-box:hover .feature-thumb img{-moz-transform:scale(1.2) rotate(3deg);-o-transform:scale(1.2) rotate(3deg);-ms-transform:scale(1.2) rotate(3deg);-webkit-transform:scale(1.2) rotate(3deg);transform:scale(1.2) rotate(3deg);} .feature-content{padding:20px 15px 0;background:#f5f5f5;border-radius:0px 0px 10px 10px;position:relative;-moz-transition:all 400ms ease-out 0s;-webkit-transition:all 400ms ease-out 0s;-ms-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;} .feature-box:hover .feature-content{-webkit-box-shadow:0 0 16px 10px rgba(0,0,0,0.06);-khtml-box-shadow:0 0 16px 10px rgba(0,0,0,0.06);-moz-box-shadow:0 0 16px 10px rgba(0,0,0,0.06);-ms-box-shadow:0 0 16px 10px rgba(0,0,0,0.06);-o-box-shadow:0 0 16px 10px rgba(0,0,0,0.06);box-shadow:0 0 16px 10px rgba(0,0,0,0.06);} .feature-content:after{border-radius:15px;position:absolute;background:#2791E5;height:3px;width:0;left:0;bottom:0;content:"";right:0;margin:0 auto;-moz-transition:all 400ms ease-out 0s;-webkit-transition:all 400ms ease-out 0s;-ms-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;opacity:0.6;z-index:0;} .feature-box:hover .feature-content:after{width:85%;} .feature-content .title{margin-bottom:15px;} .feature-content .title h3{font-size:16px;} .feature-box .link a{position:absolute;background:linear-gradient(45deg,#2791E5,#1b80d0) !important;color:#fff;height:45px;width:85px;line-height:45px;left:0;right:0;margin:0 auto;bottom:-20px;border-radius:30px;z-index:1;-moz-transition:all 400ms ease-out 0s;-webkit-transition:all 400ms ease-out 0s;-ms-transition:all 400ms ease-out 0s;-o-transition:all 400ms ease-out 0s;transition:all 400ms ease-out 0s;} .feature-box .link a:hover{width:110px;} .sidebar-widget{padding:30px 15px;margin-bottom:30px;background:#F6F7F9;border-radius:8px;} .project-info-list li{padding:8px 0;color:#677286;display:inherit;} .project-info-list li span{color:#233d63;font-weight:600;margin-right:5px;} .project-info-list li span i{color:#2791E5;font-size:18px;margin-right:10px;} .project-info-list li a{color:#677286;} .widget-title{position:relative;} .widget-title:after{position:absolute;content:"";height:4px;width:58px;left:0;bottom:-15px;background:linear-gradient(45deg,#2791E5,#1b80d0) !important;border-radius:6px;} .sidebar-widget{margin-top:30px;width:255px;} .sidebar-widget .contact-details{margin-top:50px;} .sidebar-widget .contact-details li{display:flex;align-items:center;margin-bottom:20px;} .sidebar-widget .contact-details li i{color:#2791E5;font-size:13px;margin-right:15px;width:34px;height:34px;line-height:34px;text-align:center;border-radius:50%;/* background-color:rgba(255,255,255,0.2);*/ background-color:rgba(0,129,255,0.2);} .sidebar-widget .contact-details .contact-text p{margin-bottom: 0; font-size: 14px; color: #666;} .sidebar-widget .contact-details .contact-text h6{color:#999;font-size: 12px;} .sidebar-widget .contact-details .contact-text{padding-top: 8px;} /*Btn Style One*/ .cs-btn-one{position:relative;display:inline-block;text-transform:uppercase;background-color:#2791E5;font-size:14px;line-height:26px;color:#ffffff;padding:14px 42px;font-weight:500;overflow:hidden;border-radius:5px;cursor:pointer;} .cs-btn-one:hover{background:#0a49b4;color:#ffffff;-moz-transition:all 300ms ease;-webkit-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;} .cs-btn-one.has-icon i{font-size:20px;vertical-align:middle;padding-right:10px;} .cs-btn-one.btn-sm.has-icon i{font-size:18px;} .cs-btn-one.btn-circle{border-radius:60px 60px 60px 60px;} .cs-btn-one.btn-square{border-radius:0;} .cs-btn-one.btn-sm{font-size:14px;padding:10px 28px;} .cs-btn-one.btn-md{font-size:14px;padding:18px 56px;} .cs-btn-one.btn-lg{font-size:18px;padding:20px 64px;} .cs-btn-one.btn-xl{font-size:18px;padding:24px 56px;} .cs-btn-one.btn-border{border:2px solid #2791E5;background:transparent;color:#2791E5;} .cs-btn-one.btn-light{background:#fff;color:#2791E5;border:2px solid transparent;font-weight:800;} .cs-btn-one.btn-light:hover{border:2px solid;} .cs-btn-one.btn-light:focus{box-shadow:none;} .cs-btn-one.btn-hover-border:hover{border:2px solid #2791E5;} .cs-btn-one.btn-secordary-color{background:#053b93;} .cs-btn-one.btn-secordary-color:hover{background:#2791E5;} .cs-btn-one.btn-primary-color{background:#2791E5;} .cs-btn-one.btn-primary-color:hover{background:#053b93;} .cs-btn-one.btn-gradient-color{background:linear-gradient(45deg,#2791E5,#1b80d0) !important;color:#fff;} .cs-btn-one.btn-gradient-color:hover{background:linear-gradient(-20deg,#2791E5,#1b80d0) !important;-webkit-box-shadow:4px 5px 10px 0px rgba(36,106,215,0.6);-khtml-box-shadow:4px 5px 10px 0px rgba(36,106,215,0.6);-moz-box-shadow:4px 5px 10px 0px rgba(36,106,215,0.6);-ms-box-shadow:4px 5px 10px 0px rgba(36,106,215,0.6);-o-box-shadow:4px 5px 10px 0px rgba(36,106,215,0.6);box-shadow:4px 5px 10px 0px rgba(36,106,215,0.6);} .cs-btn-one.btn-transparent{background:rgba(0,0,0,0.2);} .cs-btn-one.text-btn{color:#2791E5;} .security-wraps{width:100%;margin-bottom:40px;} .security-info{margin-bottom:40px;background-color:#fff; -webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); -moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.06); box-shadow:0px 0px 24px rgba(0,0,0,0.06); behavior: url(ie-css3.htc); } .security-info:last-child{margin-bottom:0;} .security-hidden{overflow:hidden;margin-bottom:60px;} .security-titles{line-height:1;text-align:center;color:#333333;font-size:44px;} .security-info-item{position:relative;margin-bottom:2px;background:#fff;} .security-info-item a:hover figure img{transform:scale(1.04);} .security-info-item figure{display:block;text-align:center;padding:40px;} .security-info-item figure img{margin:auto;width:auto;max-width:100%;max-height:100%;transition:0.6s;background:none;} .security-contents{padding:68px 42px 54px 42px;background-color:#f6f7f9;height:446px;} .security-contents strong{display:block;position:relative;padding-bottom:40px;line-height:1;color:#333333;font-size:34px;border-bottom:2px solid #efefef;} .security-contents strong:before{position:absolute;left:0;bottom:-2px;content:"";width:69px;height:2px;background:#e5555e;} .security-contents .security_btn{display:block;width:123px;height:38px;line-height:38px;text-align:center;border-radius:3px;color:#fff;font-size:16px;background:#e5555e;transition:0.4s;} .security-contents .security_btn:hover{background:#c42f38;} .security-texts{margin-top:38px;margin-bottom:36px;min-height:108px;} .security-texts p{color:#666666;font-size:15px;line-height:2;text-align:justify;} .product_listbox .light-mode{background-color:#f6f7f9;} .product_listbox .light-title{height:60px;line-height:60px;text-align:center;background:rgba(230,234,242,1);color:#6F7FA0;font-size:20px;} .product_listbox .menu{display:flex;flex-direction:column;} .product_listbox .menu > * ~ *{margin-top:10px;} .product_listbox .menu-item{display:flex;align-items:center;color:#7c8b97;white-space:nowrap;border-radius:10px;cursor:pointer;width:100%;transition:0.3s;} .product_listbox .menu-item .fa{color:rgba(124,139,151,0.4);} .product_listbox .menu-item a{font-size:14px;color:#7c8b97;padding:10px 10px;margin:0 20px;} .product_listbox .menu-item.active a{color:#fff;background:rgba(40, 146, 229,0.8);border-radius:10px;width:100%;} .product_listbox .menu-item:hover a{color:#fff;background:rgba(40, 146, 229,0.8);border-radius:10px;width:100%;} .product_listbox .menu-item:hover .fa{color:rgba(255,255,255,0.4);} .product_listbox .menu-item:active .fa{color:rgba(255,255,255,0.4);} /*-------------------------------------------------------------- # Course --------------------------------------------------------------*/ .course-one{padding-bottom:120px;counter-reset:courseNumber;} .course-one__single{position:relative;margin-bottom:30px;z-index:10;-webkit-transition:all 500ms ease;transition:all 500ms ease;-webkit-transform:translateY(0);transform:translateY(0);counter-increment:courseNumber;} .course-one__single:hover{-webkit-transform:translateY(-76px);transform:translateY(-76px);} .course-one__single:hover .hvr-sweep-to-bottom::before{-webkit-transform:scaleY(1);transform:scaleY(1)} .course-one__cat{background-color:#e5555e;text-align:center;line-height:40px;font-size:14px;font-weight:600;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;padding-left:26.5px;padding-right:26.5px;text-align:center;position:absolute;top:10px;left:-10px;z-index:11;text-transform:uppercase;color:#263450;-webkit-transition:all 500ms ease;transition:all 500ms ease;} .course-one__cat:hover{background-color:#3b91e1;color:#fff;} .course-one__cat:before{content:'';position:absolute;top:100%;left:0px;width:10px;height:10px;background-color:#e5555e;-webkit-clip-path:polygon(0 0,100% 100%,100% 0);clip-path:polygon(0 0,100% 100%,100% 0);-webkit-transition:all 500ms ease;transition:all 500ms ease;} .course-one__cat:hover:before{background-color:#3b91e1;} .course-one__image{position:relative;-webkit-transition:all 500ms ease;transition:all 500ms ease;-webkit-transform:translateY(0);transform:translateY(0);border:1px solid #f6f7f9;} .course-one__single:hover .course-one__image{-webkit-transform:translateY(76px);transform:translateY(76px);} .course-one__image-inner{position:relative;overflow:hidden;background-color:#fff;z-index:10; height:200px;} .course-one__image-inner>img{width:100%;-webkit-transform:scale(1.0);transform:scale(1.0);opacity:1;-webkit-transition:all 500ms ease;transition:all 500ms ease;} .course-one__single:hover .course-one__image-inner>img{opacity:0.2;-webkit-transform:scale(1.05);transform:scale(1.05);} .course-one__image-inner>a{width:32px;height:32px;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;text-align:center;font-size:20px;color:#fff;background-color:rgba(229, 85, 94,0.8);position:absolute;top:calc(50% - 50.5px);left:calc(50% - 16.5px);opacity:0;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(500px) rotate(45deg);transform:perspective(500px) rotate(45deg);-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:opacity 500ms ease 0ms,-webkit-transform 500ms ease 0ms;transition:opacity 500ms ease 0ms,-webkit-transform 500ms ease 0ms;transition:transform 500ms ease 0ms,opacity 500ms ease 0ms;transition:transform 500ms ease 0ms,opacity 500ms ease 0ms,-webkit-transform 500ms ease 0ms;} .course-one__single:hover .course-one__image-inner>a{opacity:1;-webkit-transform:perspective(500px) rotate(0deg);transform:perspective(500px) rotate(0deg);-webkit-transition:opacity 500ms ease 500ms,-webkit-transform 500ms ease 500ms;transition:opacity 500ms ease 500ms,-webkit-transform 500ms ease 500ms;transition:transform 500ms ease 500ms,opacity 500ms ease 500ms;transition:transform 500ms ease 500ms,opacity 500ms ease 500ms,-webkit-transform 500ms ease 500ms;} .course-one__image-inner>a::after{content:'';width:100%;height:100%;position:absolute;left:-10px;top:-10px;background-color:#fff;opacity:0.1;-webkit-transition:all 500ms ease;transition:all 500ms ease;} .course-one__image-inner>a:hover::after{left:0;top:0;} .course-one__content{text-align:left;background-color:#f6f7f9;padding-top:23px;padding-bottom:15px;} .course-one__content::after{font-family:'Barlow Condensed',sans-serif;font-size:200px;line-height:1em;color:#263450;opacity:0.06;content:counters(courseNumber,".",decimal-leading-zero);position:absolute;bottom:-20px;left:-10px;-webkit-transition:all 500ms ease;transition:all 500ms ease;display:none;} .course-one__single:hover .course-one__content::after{color:#fff;opacity:0.06;} .course-one__content h3{margin:0;text-transform:uppercase;font-size:18px;font-weight:bold;font-family:'Barlow Condensed',sans-serif;margin-bottom:14px;line-height:28px;color:#263450;padding:0 20px;} .course-one__content h3 a{color:inherit;-webkit-transition:all 500ms ease;transition:all 500ms ease;} .course-one__content h3 a:hover{color:#fff;} .course-one__content p{margin:0;padding:0 20px;color:#838a93;margin-left:auto;margin-right:auto;-webkit-transition:all 500ms ease;transition:all 500ms ease;font-size:13px; line-height: 28px; height: 56px; overflow: hidden; } .course-one__single:hover .course-one__content h3 a,.course-one__single:hover .course-one__content p{color:#fff} .course-one__single .course-one__content:before{/* background-color:#053b93;*/ background:rgba(12,77,162,0.8);} .course-one__book-link{position:absolute;top:100%;left:0;z-index:20;display:-webkit-box; /* display:flex; */ -webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;text-align:center;width:100%;background:rgba(12,77,162,0.8);border-top:1px solid rgba(255,255,255,0.1);color:#fff;text-transform:uppercase;font-size:14px;padding-top:20px;padding-bottom:20px;-webkit-transform-origin:top center;transform-origin:top center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:perspective(400px) rotateX(-90deg);transform:perspective(400px) rotateX(-90deg);-webkit-transition:all 500ms ease;transition:all 500ms ease;} .course-one__single:hover .course-one__book-link{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);} .course-one__book-link:hover{background-color:#3b91e1;color:#fff;} .course-one .post-pagination{margin-top:30px;} .course-one__title{background-color:#edf2f5;position:relative;padding-top:260px;padding-bottom:375px;} .course-one__title__home-two{padding-top:120px;} .course-one__bg{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-size:cover;background-position:center center;opacity:0.4;} .course-one__title .container{position:relative;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;} .course-one__title .block-title{margin-bottom:0;} .course-one__carousel-wrapper{padding-top:0;padding-bottom:120px;margin-top:-333px;position:relative;z-index:10;} .course-one__carousel-wrapper .container{position:relative;} .course-one__carousel .owl-stage-outer{left:-10px;} .course-one__carousel .owl-stage{left:10px;} [class*=course-one__carousel-btn-]{width:79px;height:79px;background-color:#fff;font-size:24px;color:#263450;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;text-align:center;-webkit-transition:all 500ms ease;transition:all 500ms ease;position:absolute;top:40.5%;z-index:11;} [class*=course-one__carousel-btn-]:hover{background-color:#e5555e;color:#263450;} .course-one__carousel-btn-left{right:calc(100% - 15px);} .course-one__carousel-btn-right{left:calc(100% - 25px);} .course-brand__wrapper{position:relative;} .course-brand__wrapper .site-footer__fish-1{bottom:25%;left:3%;} .course-brand__wrapper .site-footer__tree-1{left:2%;} .hvr-sweep-to-bottom{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.3s;transition-duration:.3s;} .hvr-sweep-to-bottom:before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:rgba(12,77,162,0.5);-webkit-transform:scaleY(0);transform:scaleY(0);-webkit-transform-origin:50% 0;transform-origin:50% 0;-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;} .product-all-content{position:relative;width: 100%; margin-bottom: 40px;} .product-all-content .nav{left:0;width:100%;background:#f6f7f9;border-radius:2px;overflow:hidden;z-index: 70;margin: 0px;} .product-all-content .nav.am-sticky{left: 0!important;width: 100%!important;} .product-all-content .nav .nav-content{width: 100%;margin: 0 auto; padding-top: 20px;} .product-all-content .nav.am-sticky .nav-content{width: 1180px;margin: 0 auto;} .product-all-content .nav .nav-title{font-size:18px;color:#04152C;line-height:20px;margin-right:9px;display:block;float:left;margin-top:5px} .product-all-content .nav .nav-list{float:left;overflow:hidden;width:100%;font-size:0} .product-all-content .nav .nav-list li{float: left;} .product-all-content .nav .nav-list li a{display:inline-block;font-size:14px;color:#04152C;line-height:18px;padding:7px 15px;margin-right:20px;margin-bottom:20px;cursor:pointer; border-radius: 20px;} .product-all-content .nav .nav-list li:last-of-type a{margin-bottom:0} .product-all-content .nav .nav-list li.active a{color:#f66f6a; background-color: #cce6ff; color: #2791E5;} .product-all-content .nav .nav-list li:hover a{color:#f66f6a; background-color: #cce6ff; color: #2791E5;} .product-all-content .nav .arrow{display:none} /*------------------------------------------------ -------------------------- About One -------------------------- ------------------------------------------------*/ .about-one{padding-top:120px;padding-bottom:120px;} .about-one__images{width:100%;max-width:576px;position:relative;right:70px;} @media (max-width:1199px){.about-one__images{margin-bottom:180px;right:0;} } @media (max-width:425px){.about-one__images{margin-bottom:50px;} } .about-one__images img:nth-child(2){position:absolute;top:60px;right:0;} @media (max-width:425px){.about-one__images img:nth-child(2){position:relative;top:auto;right:auto;margin-top:30px;} } .about-one__images-content{position:absolute;top:0;right:0;background-color:#e5555e;width:100%;max-width:263px;display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:130px;text-align:center;} @media (max-width:425px){.about-one__images-content{position:relative;top:auto;right:auto;margin-top:30px;} } .about-one__images-content h3{margin:0;color:#fff;font-weight:bold;font-size:42px;line-height:1;margin-bottom:17px;} .about-one__images-content p{margin:0;line-height:1;font-size:22px;font-weight:500;color:#fff;} .about-one__content .thm-btn{padding:14.5px 38px;} .about-one__content > p{margin:0;font-size:14px;color:#888888;margin-bottom:35px;line-height:1.75;} .about-one__content .block-title{margin-bottom:20px;} .about-one__box{display:flex;margin-top:20px;} .about-one__box > i{font-size:36px;color:#e5555e;margin-right:26px;} .about-one__box > i.icon-brand{background:url(../images/icon/icon-brand.png) no-repeat center center;width:44px;height:44px;background-size:100%;} .about-one__box > i.icon-user{background:url(../images/icon/icon-user.png) no-repeat center center;width:44px;height:44px;background-size:100%;} .about-one__box-content h3{margin:0;font-weight:bold;color:#182c44;font-size:22px;line-height:1;margin-bottom:15px;} .about-one__box-content p{margin:0;font-size:14px;line-height:1.75;color:#888888;} .about-one__call{display:flex;align-items:center;margin-top:50px;} @media (max-width:425px){.about-one__call{flex-direction:column;align-items:flex-start;} } .about-one__call-box{margin-left:30px;display:flex;align-items:center;} @media (max-width:425px){.about-one__call-box{margin-left:0;margin-top:30px;} } .about-one__call-box > i{font-size:33px;color:#e5555e;margin-right:15px;} .about-one__call-box p{margin:0;font-size:20px;font-weight:500;color:#182c44;line-height:30px;} .about-one__call-box p a{font-weight:bold;font-size:22px;color:#182c44;} /* block title */ .block-title{margin-bottom:30px;} @media (min-width:992px){.block-title{margin-bottom:55px;} } .block-title p{margin:0;color:#e5555e;line-height:1;margin-bottom:10px;display:flex;align-items:center;justify-content:center;} .block-title p span{position:relative;width:35px;height:5px;display:flex;margin-right:10px;} @media (min-width:576px){.block-title p{font-size:16px;} } @media (min-width:992px){.block-title p{font-size:18px;} } @media (min-width:1200px){.block-title p{font-size:20px;} } .block-title p span::after,.block-title p span::before{content:"";height:1px;width:25px;background-color:#e5555e;position:absolute;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;animation-name:lineAnim;} .block-title p span::before{top:0;left:0;} .block-title p span::after{bottom:0;animation-name:lineAnimReverse;right:0;} @keyframes lineAnim{0%{transform:translateX(0);} 25%{transform:translateX(20%);} 50%{transform:translateX(60%);} 75%{transform:translateX(20%);} 100%{transform:translateX(0%);} } @keyframes lineAnimReverse{0%{transform:translateX(0);} 25%{transform:translateX(-20%);} 50%{transform:translateX(-60%);} 75%{transform:translateX(-20%);} 100%{transform:translateX(0%);} } .text-left.block-title p{justify-content:flex-start;} .block-title h3{margin:0;color:#182c44;font-size:28px;line-height:1.2;font-weight:bold;} @media (min-width:576px){.block-title h3{font-size:30px;} } @media (min-width:992px){.block-title h3{font-size:36px;} } @media (min-width:1200px){.block-title h3{font-size:40px;line-height:1.325;} } .block-title h3 span{color:#e5555e;font-weight:400;} .block-title h3 br{display:none;} @media (min-width:576px){.block-title h3 br{display:inherit;} } /* thm btn */ .thm-btn{border:none;outline:none;display:inline-block;vertical-align:middle;background-color:#e5555e;color:#fff;font-size:16px;font-weight:bold;transition:500ms;padding:22.5px 44px;} .thm-btn i{margin-left:10px;} .thm-btn:hover{background-color:#c42f38;color:#fff;box-shadow:0px 0px 65px 0px rgba(0,0,0,0.1);} /* ================================= */ /* - Effective Solution */ /* ================================= */ .tgt-effective-solution{background-image:url(../images/about/bg-1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;/* padding-bottom:70px;*/ } .tgt-effective-solution-box-right{position:relative;} .tgt-bg-overlay-content{z-index:9;height:100%;background-color:#052f5a;padding:60px;/* margin-top:-60px;*/ position:relative;background-image:url(../images/about/feature-box-bg.png);background-repeat:no-repeat;background-size:cover;background-position:left;} .tgt-bg-overlay,.tgt-bg-inner-overlay{position:absolute;height:100%;width:100%;top:0;left:0;} .tgt-bg-overlay-right,.tgt-bg-inner-overlay-right{position:absolute;height:100%;width:100%;top:0;right:0;} .tgt-bg-overlay,.tgt-bg-inner-overlay{} .tgt-effective-solution-box-right .tgt-bg-overlay{width:auto;margin-right:-100px;right:0;background-image:url(../images/about/feature-box-bg.png);background-repeat:no-repeat;background-size:cover;background-position:-37px -25px;background-color:#052f5a;} .tgt-effective-solution-icon{margin-bottom:10px;float:left;width:60px;height:60px;background:rgba(255,255,255,0.5);border-radius:50%;text-align:center;margin-right:20px;} .tgt-icon{width:50px;height:50px;margin:5px;border-radius:50%;background:rgba(255,255,255,0.95);line-height:55px;} .tgt-effective-solution-icon i{color:#053b93;font-size:24px;} @media only screen and (min-width:1801px){.tgt-effective-solution-box-right .tgt-bg-overlay{margin-right:-376px;} } @media only screen and (max-width:1800px) and (min-width:1601px){.tgt-effective-solution-box-right .tgt-bg-overlay{margin-right:-400px;} } @media only screen and (max-width:1600px) and (min-width:1401px){.tgt-effective-solution-box-right .tgt-bg-overlay{margin-right:-300px;} .tgt-testimonial-left{margin-left:-250px;} } @media only screen and (max-width:1400px) and (min-width:1171px){.tgt-effective-solution-box-right .tgt-bg-overlay{margin-right:-200px;} .tgt-testimonial-left{margin-left:-150px;} } /* white color box */ .white-color h1,.white-color h2,.white-color h3{color:#FFF;} .white-color h4{font-weight:400;font-size:18px;color:#FFF;} .white-color p{color:#c7c6c6;} .white-color a:hover,.white-color a:focus{color:#F96921;} p.white-text-color{color:#FFF;} .inner-box{position:relative;padding:25px 15px;margin-bottom:30px;text-align:center;} .white-color h1{font-size:28px;} /*** ============================================= Testimonials One ============================================= ***/ .testimonials-one { position: relative; display: block; padding: 40px 0px 40px; background: #2791E5; overflow: hidden; } .testimonials-one::before { position: absolute; left: 0; bottom: 0; right: 0; background: #ffffff; height: 425px; content: ""; } .testimonials-one .section-title { margin-bottom: 42px; max-width: 70%; margin: 0 15%; } .testimonials-one .section-title__tagline { color: #ffffff; } .testimonials-one .section-title__title { color: #ffffff; font-size: 40px; text-transform: capitalize; line-height: 56px; font-weight: 800; } .testimonials-one .btn{ font-size: 14px; height: 46px; line-height: 44px; padding: 0 30px; border-radius: 50px; } .testimonials-one .btn-red { background-color: #e5555e; color: #fff;} .testimonials-one .btn-red:hover{ background-color: #c42f38; color: #fff; } .testimonials-one .section-title__p{ color: #fff; font-size: 14px; line-height: 26px; margin-top: 40px; } .testimonials-one__wrapper { position: relative; display: block; z-index: 1; } .testimonials-one__wrapper .shape1 { position: absolute; top: -475px; right: -325px; z-index: -1; } .testimonials-one__pattern { position: absolute; left: -325px; top: -680px; z-index: -1; opacity: 0.15; } .testimonials-one.bg-grey{background-color: #f6f7f9 !important;} .testimonials-one.bg-grey::before{background-color: #f6f7f9 !important;} .testimonials-one.bg-grey .map{ z-index: 1;} .testimonials-one.bg-grey .section-title__title{color: #263450;} .testimonials-one.bg-grey .section-title__p{color: #757983;} .pro_detail_content{ width: auto; height: auto; margin: 0; /* width: 236px; height: 317px; */ padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; } .pro_detail_content .pro_name{width: auto; height: auto; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex;margin: 0; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; overflow: hidden;} .pro_detail_content .pro_natitle{ display: inline-block; margin: 0; padding: 0; color: rgba(51, 51, 51,1); font-size: 24px; font-weight: 400; text-align: center; } .pro_detail_content .d_summary{ line-height: 25px; display: inline-block; vertical-align: middle; -moz-box-flex: 1; -webkit-box-flex: 1; box-flex: 1; flex: 1; white-space: normal; color: rgba(102,102,102,1); /* font-family: "Heiti SC"; */ font-size: 14px; line-height: 26px; text-align: left; vertical-align: top; word-break: break-all; margin-top: 10px; } .pro_info_btn{ margin-top: 20px;} /*图片集*/ .thumbnails{margin-left:-20px;list-style:none;*zoom:1;} .thumbnails:before,.thumbnails:after{display:table;line-height:0;content:"";} .thumbnails:after{clear:both;} .row-fluid .thumbnails{margin-left:0;} .thumbnails > li{margin-bottom:20px;overflow:hidden;} .thumbnails > li img{width:100%;} .thumbnail{display:block;padding:4px;line-height:20px;border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.055);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.055);box-shadow:0 1px 3px rgba(0,0,0,0.055);-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;} a.thumbnail:hover{border-color:#0088cc;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25);} .thumbnail > img{display:block;max-width:100%;margin-right:auto;margin-left:auto;max-width:100%;vertical-align:middle;border:0;} .thumbnail .caption{padding:9px;color:#555555;} .thumbnails.sample{overflow:hidden;max-height:285px;} .expand_more{width:80px;height:22px;line-height:19px;margin:0 auto;text-align:center;border:1px solid #e6e6e6;border-top:none;background:#fafafa;font-size:0.6rem;color:#999;border-bottom-left-radius:10px;border-bottom-right-radius:10px;} .thumbnails-item{width: 100%;border:1px solid #f5f5f5; padding: 10px;} /*20210907xg*/ .swiper-tabs .tabNav li {width:102px;} .swiper-tabs .tabNav strong { display: block; position: absolute; left: -20px; top: -73px; padding: 0 10px; width: 100px; height: 38px; font: 13px/38px "Microsoft Yahei"; color: rgba(38,52,80,0.6); background-color: rgba(38,52,80,0.1); } .swiper-tabs .tabNav li.active strong{ color: #fff; background-color: rgba(38,52,80,1); } .swiper-tabs .tabs .prev { left: 18px; } .swiper-tabs .tabs .next { right: 18px; }