body {font-family:"微软雅黑",Helvetica Neue,Tahoma,Arial;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#fff;height:100%;position:relative;} textarea,input[type="text"] {-webkit-appearance:none;} h1,h2,h3,h4,h5,h6,figure {font-weight:400;} ::-webkit-selection {color:#fff;background:#9c0a0d;} ::-moz-selection {color:#fff;background:#9c0a0d;} ::selection {color:#fff;background:#9c0a0d;} a {color:#666;text-decoration:none;transition: all .5s} a:focus,a:hover {transition:none;transition: all .5s} a.text-gray:hover{color:#F32278} p{margin:0} dl,dd,ul,li {margin:0;padding:0;list-style:none} .list-paddingleft-2 {padding:0} /* @font-face { font-family: "OPPOFont-Regular"; src: url("../font/OPPOSans-Medium.eot?1565341315206#ie-fixed") format("embedded-opentype"), url("../font/OPPOSans-Medium.woff2?1565341315206") format("woff2"), url("../font/OPPOSans-Medium.woff?1565341315206") format("woff"), url("../font/OPPOSans-Medium.ttf?1565341315206") format("truetype"), url("../font/OPPOSans-Medium.svg?1565341315206") format("svg"); font-style: normal; font-weight: 200; } */ @font-face { font-family: 'FontAwesome'; src: url('http://libs.baidu.com/fontawesome/4.1.0/fonts/fontawesome-webfont.eot?v=4.1.0'); src: url('http://libs.baidu.com/fontawesome/4.1.0/fonts/fontawesome-webfont.eot?#iefix&v=4.1.0') format('embedded-opentype'), url('http://libs.baidu.com/fontawesome/4.1.0/fonts/fontawesome-webfont.woff?v=4.1.0') format('woff'), url('http://libs.baidu.com/fontawesome/4.1.0/fonts/fontawesome-webfont.ttf?v=4.1.0') format('truetype'), url('http://libs.baidu.com/fontawesome/4.1.0/fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale;margin-top: 70px;}.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f1d6"}.social-share .icon-weibo:before{content:"\f18a"}.social-share .icon-wechat:before{content:"\f1d7"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:35px;height:35px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #adadad;color:#adadad;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{}.social-share .icon-weibo:hover{background:#23499e;border-color:#23499e;}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{}.social-share .icon-qq:hover{background:#23499e;border-color:#23499e;}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;}.social-share .icon-wechat:hover{background:#23499e;border-color:#23499e;}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block} .Bebas {font-family:"Bebas";} .displayflex{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; } .juzhong{ display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */ display: -moz-box; /* 老版本语法: Firefox (buggy) */ display: -ms-flexbox; /* 混合版本语法: IE 10 */ display: -webkit-flex; /* 新版本语法: Chrome 21+ */ display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; } /* 图片高度不一解决办法 */ .zoom-news {padding-bottom:50%;} /* 图片高度不一解决办法 end */ /*翻页*/ .fullpage{width: 100%;font-size: 0;text-align: center;margin-top: 68px;user-select: none;} .fullpage a{display: inline-block;vertical-align: middle;width: 38px;height: 38px;line-height: 38px;border: 1px solid #dcdcdc;margin: 0 8px;font-size: 16px;color: #666;transition: all .4s ease;} .fullpage a:first-child, .fullpage a:last-child{background: url('../images/fullPageArr.png') no-repeat center;border-color: transparent;} .fullpage a:last-child{transform: rotate(180deg);} .fullpage a:hover, .fullpage a.ontrue, .fullpage a.on{background-color: #1f5dcb;color: #fff;border-color: #1f5dcb;} .fullpage a:first-child:hover, .fullpage a:last-child:hover{background-image: url('../images/fullPageArrH.png');background-color: #fff;} .fullpage-num{display: inline-block;vertical-align: middle;} .fullpage-num a:first-child, .fullpage-num a:last-child{background-image: url('../images/fullPageArr.png');} .fullpage-num a:first-child:hover, .fullpage-num a:last-child:hover{background-image: url('../images/fullPageArrH.png');background-color: #fff;} .fullpage b, .fullpage input, .fullpage button{display: inline-block;vertical-align: middle;} .fullpage b{font-size: 16px;color: #999;font-weight: 300;margin: 0 4px;} .fullpage input{width: 66px;text-align: center;height: 38px;border: 1px solid #dcdcdc;font-size: 16px;color: #666;} .fullpage button{color: #666;font-size: 16px;padding: 0 18px;border: 1px solid #dcdcdc;transition: all .4s ease;height: 38px;background: #fff;cursor: pointer;} .fullpage button:hover{background-color: #1f5dcb;color: #fff;} .cunbanner{ position: relative; } .cunbanner img{ width: 100%; /*opacity: 0;*/ /*transform: scale(1.1);*/ /*-webkit-transform: scale(1.1);*/ /*-moz-transform: scale(1.1);*/ /*webkit-animation: tmd .8s forwards;*/ /*animation: tmd .8s forwards;*/ } .aboutimg{ position: relative; } .Banner-A1 { z-index: 1; } .abbanner{ position: relative; background-size: cover; background-position: center; background-repeat: no-repeat; height: 780px; } .mabbanner{ display: none; position: relative; height: 400px; background-position: center; background-size: cover; background-repeat: no-repeat; } .ssbj { position: fixed; height: 100%; width: 100%; top: 0; left: 0; z-index: 9; background: rgba(0, 0, 0, 0.8); color: #ffffff; display: none; } .ssbj .container { position: relative; left: 0; top: 20%; } .ssbj span { font-size: 16px; display: inline-block; margin-left: 30px; margin-bottom: 10px; cursor: pointer; } .ssbj form { border: 2px solid #ffffff; height: 50px; border-radius: 25px; padding: 0 30px; color: #ffffff; } .ssbj form input { width: 80%; height: 100%; border: 0; background: none; font-size: 16px; color: #ffffff; outline: none; } .ssbj form i { color: #ffffff; font-size: 25px; float: right; cursor: pointer; padding-top: 10px; } /* 布局 */ .container-wrap{max-width:900px;margin:0 auto;display:block;padding:0 10px;} .container-wrap:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden} .container-layout{max-width:75%;} .container-layout60{max-width:60%; margin:0 auto;} .letter-spacing{letter-spacing:3px;} a.text-gray:hover{color:#666} .pad200 { padding:0px 200px; } .padt30 { padding-top:30px; } .fix-bottom .padding-large{padding:30px 50px 40px 50px} .fix-bottom .padding-big{padding:20px} .none{display: none;} .block{display: inline-block;} .bg-main {background:#666} .bg-gray {background:#F8F8F8} .bg-overlay{position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;}/* background-attachment: fixed */ .bg-overlay:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);} .button-big {padding:8px 22px;} .button-large {padding: 15px 60px;} .padding-small{padding:10px;} .padding-middle{padding:20px;} .padding-big{padding:30px;} .padding-large{padding:50px;} .sidebar-r {margin-left:0px;} .sidebar-l {margin-right:30px} .varbar-r {margin-left:0px;} .varbar-l {margin-right:20px} .blank{height:10px;line-height:10px;clear:both;font-size:0;} .blank-small {height:30px;line-height:30px;clear:both;font-size:0;} .blank-middle {height:50px;line-height:50px;clear:both;font-size:0;} .blank-big {height:80px;line-height:80px;clear:both;font-size:0;} .blank-large {height:100px;line-height:100px;clear:both;font-size:0;} .line-small {margin-left:-1px;margin-right:-1px} .line-small .x1,.line-small .x2,.line-small .x3,.line-small .x4,.line-small .x5,.line-small .x6,.line-small .x7,.line-small .x8,.line-small .x9,.line-small .x10,.line-small .x11,.line-small .x12,.line-small .xl1,.line-small .xl2,.line-small .xl3,.line-small .xl4,.line-small .xl5,.line-small .xl6,.line-small .xl7,.line-small .xl8,.line-small .xl9,.line-small .xl10,.line-small .xl11,.line-small .xl12,.line-small .xs1,.line-small .xs2,.line-small .xs3,.line-small .xs4,.line-small .xs5,.line-small .xs6,.line-small .xs7,.line-small .xs8,.line-small .xs9,.line-small .xs10,.line-small .xs11,.line-small .xs12,.line-small .xm1,.line-small .xm2,.line-small .xm3,.line-small .xm4,.line-small .xm5,.line-small .xm6,.line-small .xm7,.line-small .xm8,.line-small .xm9,.line-small .xm10,.line-small .xm11,.line-small .xm12,.line-small .xb1,.line-small .xb2,.line-small .xb3,.line-small .xb4,.line-small .xb5,.line-small .xb6,.line-small .xb7,.line-small .xb8,.line-small .xb9,.line-small .xb10,.line-small .xb11,.line-small .xb12 {position:relative;min-height:1px;padding-right:1px;padding-left:0px} .line-large {margin-left:-35px;margin-right:-35px} .line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:35px;padding-left:35px} /* ========================== 首页 ========================== */ /* 视频广告videbacking */ .video-back{display:block;padding:300px 0 180px 0;text-align:center;} .video-back h2{font-size:64px;font-weight:600;margin-bottom:90px;} /* 视频广告videbacking */ /*轮换广告 begin*/ .slides-li {width:100%;float:left;margin-right:-100%;position:relative;display:block;z-index:1;} .slides-li .slidestext{overflow:hidden;padding-top:35%;} .slides-li .slidestext h2{font-size:60px;font-weight:600;margin-bottom:45px;letter-spacing: 0.1em;} .slides-li strong{text-indent: -2000px;font-size: 0;}/* 如果不想在广告上加文字，用strong这个来代替h2 */ .slides-li .slidestext h2 em{ color:#333; } .flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus {outline:none;} .slides,.flex-control-nav,.flex-direction-nav {margin:0;padding:0;list-style:none;} .flexslider {margin:0;padding:0;position:relative;width:100%} .flexslider .slides > li {-webkit-backface-visibility:hidden;min-height:750px;}/* min-height: calc(100vh - 0px) 第一屏全屏*/ .flexslider .slides li a {display:block;min-height: calc(100vh - 200px)}/* min-height: calc(100vh - 200px) */ .flexslider .slides img {width:100%;display:block;} .flex-pauseplay span {text-transform:capitalize;} .slides:after {content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0;} html[xmlns] .slides {display:block;}* html .slides {height:1%;} .no-js .slides > li:first-child {display:block;} .flex-control-nav{position:absolute;bottom:20px;z-index:2;width:100%;text-align:center;} .flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1;} .flex-control-nav a{background-color:rgba(255,255,255,.6);display:inline-block;cursor:pointer;width:10px;height:10px;border-radius:10px;text-indent:-2000px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;} .flex-control-nav .flex-active{background:#FFF;width:30px;-webkit-transition: all ease .5s;-o-transition: all ease .5s;transition: all ease .5s;} .flex-direction-nav {position:absolute;z-index:3;width:100%;top:50%;margin-top:-47px;} .flex-direction-nav li a {background:url(../images/flexslider-arrow.png) no-repeat;display:block;width:52px;height:93px;overflow:hidden;cursor:pointer;position:absolute;text-indent:-999em} .flex-direction-nav li a.flex-prev {left:5%;background-position:0 0;} .flex-direction-nav li a.flex-next {right:5%;background-position:0 -93px;} /*轮换广告 end*/ /*服务项目 begin */ .trade-box-item {position:relative;height:270px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;} .trade-box-item:before {content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.03);transition:all .5s cubic-bezier(.4,0,.2,1)} .trade-box-item:hover:before {background-color:rgba(0,0,0,.3)} .trade-box-item a{position:absolute;width:100%;height:100%;left:0;top:0} .trade-box-item .item-title {bottom:50px;left:50px;position:absolute;transition:all .5s cubic-bezier(.5,0,.2,1);} .trade-box-item .item-title h2{font-size:24px;font-weight:600;margin:5px 0 20px 0;} .trade-box-item .item-title h3{opacity:0.8;transition:all .5s cubic-bezier(.5,0,.2,1);} .trade-box-item:hover .item-title{bottom:90px;transition:all .5s cubic-bezier(.5,0,.2,1);} /* 服务项目 */ /* 两块图片 tbadc */ .post-overlay-photo .media-img {position:relative;overflow:hidden;} .post-overlay-photo .media-img:after {background:rgba(0,0,0,.6);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.5s;} .post-overlay-photo .media-img:hover:after {background:rgba(0,0,0,.4);transition:0.5s;} .post-overlay-photo .media-img .post-overlay {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:3;opacity:0;filter(alpha=0)} .post-overlay-photo .media-img .post-title {position:absolute;padding:0px;top:0;left:0;right:0;bottom:0;z-index:3;transition:0.5s;} .post-overlay-photo .media-img img{transform: scale(1);transition:0.5s;} .post-overlay-photo .media-img:hover img{transform: scale(1.02);transition:0.5s;} .post-overlay-photo .media-img h2 {position:relative;top:50%;margin-top:-18px;font-weight:600;font-size:36px;opacity:1;transition:0.5s;} .post-overlay-photo .media-img:hover h2{transition:0.5s;top:48%;} .post-overlay-photo .media-img h2:before {content:'';display:block;position:absolute;background:#fff;width:20px;height:3px;bottom:-20px;left:50%;margin-left:-10px} .post-overlay-photo .media-img h3 {position:relative;bottom:50px;left:50px;font-weight:600;font-size:24px;transition:0.5s;} .post-overlay-photo .media-img:hover h3{transition:0.5s;top:48%;} .post-overlay-photo .media-img h3:before {content:'';display:block;position:absolute;background:#fff;width:20px;height:3px;bottom:-20px;left:0;} /* 弹出友情链接*/ #friend {line-height:32px;position:relative;z-index:999;float:right} #friend a{display:block;margin-left:30px;font-size:14px} #friend a:hover{color:#ccc} #friend ul {padding:10px 20px;min-width:160px;border:1px solid #202020;background:#181818;bottom:31px;display:none;right:0;overflow:hidden;position:absolute;} #friend ul li a {display:block;line-height:28px;padding:0;margin:0} #friend ul li a:hover {text-decoration:none;} /* 弹出友情链接 end*/ /* 弹出内容 为了SEO*/ #popup {line-height:32px;position:relative;z-index:999;float:right} #popup a{display:block;margin-left:20px;font-size:14px} #popup a:hover{color:#CCC} #popup ul {overflow-y: auto;min-width:300px;background:#222;border-bottom:0;bottom:30px;display:none;right:0;overflow:hidden;padding:10px 20px;position:absolute;} #popup li a {display:block;padding:5px 0;line-height:20px;margin:0} #popup li.dot a {padding-left:15px;position:relative} #popup li.dot:hover a:before {background:#FF354C;} #popup li.dot a:before {content:'';position:absolute;left:0px;background:#ccc;width:5px;height:5px;top:12px;border-radius:50%} .back-top { width: 50px; position: fixed; z-index: 100; bottom: 20%; right: 20px; cursor:pointer; -webkit-transition: .5s; transition: .5s; display: none; } .back-top:hover{ -webkit-transform: translateY(-10%); transform: translateY(-10%); } .back-top .btn-icon a, .back-top .btn-icon1 a { display: block; width: 50px; height: 50px; text-align: center; background: url(../images/top.png) no-repeat center center; } /* 弹出内容 为了SEO end*/ /* ========================== 首页 end==========================*/ /* ========================== 关于 =============================== */ /* 关于动画数字 */ .about-data-style3 i{font-style:normal;} .about-data-style3 .media{position:relative;} .about-data-style3 .counter{font-size:72px;line-height:90px;} .about-data-style3 span{font-weight:normal;font-size:72px;} .about-data-style3 p{font-size:24px; letter-spacing:0.3em;} /* 关于团队图片 */ .about-team .media-img{position:relative;overflow:hidden} .about-team .media-img img{transform: scale(1);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .about-team .media-img:after {position:absolute;top:0;left:0;content:"";width:100%;height:100%;background:rgba(0,0,0,0.3);-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;} .about-team .media-img:hover:after {background:rgba(0,0,0,.075);transition:0.5s;} .about-team .media-img:hover img{transform: scale(1.3);-webkit-transition:0.9s;-o-transition:0.9s;transition:0.9s;} /* 关于团队图片 end */ /*关于-首页-合作伙伴 logo*/ .partners-style1 .list-ul {border-right:1px solid #FF354C;border-top:1px solid #EFEFEF;border-collapse:collapse;} .partners-style1 .list-ul .list-li {overflow:hidden;border-left:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;border-top:1px solid transparent;margin-left:-3px} .partners-style1 .list-ul .list-li:hover {border:1px solid #cec3b5;z-index:2;position:relative;} .partners-style1 .list-ul .list-li img {opacity:.8;padding:5px;margin:0 auto;} .partners-style1 .list-ul .list-li img:hover {opacity:1;} /*关于-首页-合作伙伴 logo end*/ /* 关于我们滚动图片 begin*/ .about-img-stroll{position:relative;} .about-img-stroll .item{min-height:500px;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;} .about-img-stroll .about_contact {position:absolute;left:0;right:0;top:50%;margin-top:-100px;width:100%;text-align:center;z-index:2} .about-img-stroll .about_contact h2{font-size:36px;font-weight:700;padding-bottom:38px;} .about-img-stroll .about_contact h3{font-size:36px;font-weight:normal;padding-bottom:38px;} .about-img-stroll .about_contact .button{padding:12px 50px} /* 关于我们滚动图片 begin*/ /* ========================== 关于 end====================== */ /* ========================== 服务 ========================== */ .bg-invert-1{background:#2CB9B8} .bg-invert-2{background:#999289} .bg-invert-3{background:#7BC3EB} .bg-invert-4{background:#702297} .service{padding:0;margin:10px 0 0 0;} .service:hover .block{display: none;} .service:hover .none{display: inline-block;} .service a{display: block;width: 100%;height: 100%;} .service .media{padding:40px} .service .media-body strong{padding:20px 0;font-weight:600;position:relative;margin-bottom:20px} .service .media-body strong:before {content:'';display:block;position:absolute;width:20px;height:2px;bottom:0px;left:0;background-color:rgba(255,255,255,.6);} .service .media-body p{line-height:32px} /* 优势 */ /* .whyus-bg{background-repeat:no-repeat;background-position:center center;background-size:cover;} */ .whyus-right{overflow:hidden;max-width:570px;margin:80px 0 80px 20px;} .whyus-right h4{font-size:30px;font-weight:300;position:relative;font-family: 'Conv_DINCondensedC';text-transform: uppercase} .whyus-right h2{font-size:40px;font-weight:400;text-transform:uppercase;margin:0 0 20px} .whyus .item-inner{padding:30px;border-right:1px solid rgba(255,255,255,.05)} .whyus .media{float:left;width:50%;margin:0} .whyus .media:hover .block{display: none;} .whyus .media:hover .none{display: inline-block;} .whyus .media:nth-child(2n) .item-inner{border-right:0px solid rgba(255,255,255,.05)} .whyus .media:nth-child(1) .item-inner,.whyus .media:nth-child(2) .item-inner{border-bottom:1px solid rgba(255,255,255,.05);} .whyus .media-body strong{padding:20px 0 10px 0;font-weight:600;font-size:18px} .whyus .media-body p{font-size:14px}/* color:rgba(255,255,255,0.6); */ /* 合作步骤 */ .process{padding:0;margin:0 -10px} .process:hover .block{display: none;} .process:hover .none{display: inline-block;} .process strong{font-weight:600;margin-top:10px} .process ul li {width:20%;float:left;} .process ul li .icon {position:relative;margin:0 auto;} .process ul li:hover .block{display: none;} .process ul li:hover .none{display: inline-block;} .process .media{margin:10px;padding:30px 20px 20px 20px;} .process .media-body strong{text-align:center;padding:0 0 10px 0;font-size:16px} .process .media-body .content p{line-height:24px;font-size:14px;} .process .media span{font-size:72px;} .process .border{border:1px solid #f4f4f4} /* ========================== 服务 end ========================== */ /* ========================== 案例 ========================== */ /* 案例列表效果2 begin */ .list-case-overlay .media-img {position:relative;overflow:hidden;} .list-case-overlay .media-img:after {position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.5s;} .list-case-overlay .media-img:hover:after {background:rgba(0,0,0,.8);transition:0.5s;} .list-case-overlay .media-img .post-overlay {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:3;opacity:0;filter(alpha=0)} .list-case-overlay .media-img .post-content {position:absolute;padding:0px;top:0;left:0;right:0;bottom:0;z-index:3;transition:0.5s;} .list-case-overlay .media-img h2 {position:absolute;top:20px;left:40px;font-size:20px;opacity:0;transition:0.5s;} .list-case-overlay .media-img p{position:absolute;top:60px;left:40px;opacity:0;transition:0.5s;} .list-case-overlay .media-img:hover p{opacity:0.8;transition:0.5s;top:100px;} .list-case-overlay .media-img:hover h2{opacity:1;transition:0.5s;top:40px;} .list-case-overlay .media-img h2:before {content:'';display:block;position:absolute;width:20px;height:2px;bottom:-15px;background:#fff;left:0} .list-case-overlay .media-img a.tag{position:absolute;bottom:20px;left:40px;color:#fff;opacity:0;transition:0.5s;} .list-case-overlay .media-img:hover a.tag{position:absolute;bottom:40px;left:40px;color:#fff;opacity:1;transition:0.5s;} .list-case-overlay .media-img img{transform: scale(1);transition:0.5s;} .list-case-overlay .media-img:hover img{transform: scale(1.1);transition:0.5s;} .list-case-overlay .border-top{border-top:1px solid #fff} /* 案例列表效果2 end*/ /* 案例列表效果1 begin*/ .list-case-zoom dl {-webkit-transition:.3s;transition:.3s;} .list-case-zoom dl dt{position:relative;} .list-case-zoom dl dt:after {position:absolute;top:0;left:0;content:"";width:100%;height:100%;transition:0.3s;} .list-case-zoom dl dt .button{width:140px;margin:-20px auto;top:50%;text-align:center;opacity:0;left:0;right:0;position:absolute;text-transform:uppercase;z-index:3;transition:0.3s;} .list-case-zoom dl dd {padding:25px;-webkit-transition:.3s;transition:.3s;background:#FFF;} .list-case-zoom dl dd h4 {color:#181818;display:block;font-size:16px;line-height:20px;position:relative;padding-left:0px;padding-bottom:8px} .list-case-zoom dl dd h4:before {content:'';display:block;position:absolute;background:#181818;width:20px;height:2px;top:10px;left:-25px} /* .list-case-zoom dl dd h4 a {font-weight:normal;color:#181818;display:block;font-size:16px;} */ .list-case-zoom dl dd p{color:#666;height:20px;line-height:20px} .list-case-zoom dl:hover dd{background:#f8f8f8} /* .list-case-zoom dl:hover dd h2 a,.list-case-zoom dl:hover dd p{color:#FFF} */ .list-case-zoom dl:hover dd h2:before{background:#E7161A} .list-case-zoom dl:hover dt:after {background:rgba(0,0,0,0.6);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .list-case-zoom dl:hover dt .button{opacity:1;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} /* 案例列表效果2 end*/ /* 案例介绍页头部 */ .case-topic{min-height: calc(100vh - 90px);background-attachment: fixed;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;} .case-topic:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);} .case-head {position:absolute;top:36%;left:0;right:0;z-index:3} .case-head h2 {font-size:48px;color:#fff;font-weight:600;position:relative;margin-bottom:80px} .case-head h2:before {left:0;bottom:-20px;width:45px;height:2px;background:#E7161A;content:'';display:block;position:absolute;} .case-head span{width:48px;height:48px;line-height:48px;border:1px solid #fff;color:#fff;display:block;text-align:center;border-radius:50%} .case-head span:hover{background:#FFF;color:#333} .case-content h2{font-size:36px;font-weight:600;line-height:42px;margin:10px 0;} .case-content p {font-size:16px;line-height:28px;margin-bottom:10px;color:#666} .case-content img {padding:30px 0 20px 0;max-width:100%} .case-content a.button{padding:15px 45px;background:#000} .case-content a.button:hover{background:#E7161A} /* 案例介绍页 end */ /* ========================== 案例 end ========================== */ /* ========================== 新闻 ========================== begin */ /* 头条文章 */ .list-post-top .media-img {position:relative;overflow:hidden;border-bottom:1px solid #fff} .list-post-top .media-img:after {background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 76%,rgba(0,0,0,0.75) 100%);position:absolute;top:0;left:0;z-index:1;content:"";width:100%;height:100%;transition:0.3s;} .list-post-top .media-img:hover:after {background:rgba(0,0,0,0.6);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;border-radius:5px} .list-post-top .media-img .post-overlay {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)} .list-post-top .media-img .post-title {bottom:20px;left:0;position:absolute;color:#fff;text-transform:uppercase;z-index:3;transition:0.3s;padding:0 20px;} .list-post-top .media-img:hover .post-title {bottom:40px;} .list-post-top .media-img .post-title h2 a {color:#fff;font-size:18px;font-weight:600;display:block;} .list-post-top .media-img .post-title h3 a {color:#fff;font-size:14px;display:block;} .list-post-top .media-img .post-title a.bg-tag{background:#4ca80b;;color:#FFF;border-radius:5px;padding:2px 8px;font-size:12px;display:inline-block;} .list-post-top .media-img .margin-top {margin-top:-1px} .list-post-top .media-img .margin-big-bottom{margin-bottom:30px} /* 头条文章 end */ /* 自媒体横向滚动置顶新闻 */ .media-link {text-align:center;display:block;width:100%;height:100%;position:absolute;z-index:1;} .media-slide {border-radius:0px;min-height:500px;position:relative;overflow:hidden;background-position:center center;background-size:cover;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;} .media-slide a h2{font-size:36px;color:#fff;display:block;margin-top:20%} .media-slide::after {position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.6);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;z-index:0;} .media-slide:hover {background-position:35%;} .media-slide:hover::after {background-color:rgba(0,0,0,0.3);} .media-slide-style:hover .owl-nav .owl-prev,.media-slide-style:hover .owl-nav .owl-next {opacity:1;} /* 自媒体横向滚动置顶新闻 */ .media-top .media-img {position:relative;overflow:hidden;margin-top:-50px;z-index:3} .media-top .media-img img{transform: scale(1);transition:0.5s;} .media-top .media-img:hover img{transform: scale(1.1);transition:0.5s;} .media-top .media-img h2 {height:48px;line-height:48px;position:absolute;padding:0px 20px;left:0;right:0;bottom:0;transition:0.5s;background:linear-gradient(to top,rgba(0,0,0,0.6),rgba(0,0,0,0))} .media-top .media-img h2 a{color:#fff} /* 上图下文 begin*/ .excerpt dl {min-height:550px;} .excerpt dl dt img {transition: all .3s ease-out;} .excerpt dl dt:hover img{transition: all .3s ease-out;transform:scale(1.01);} .excerpt dl dd {text-align:left;padding:30px;} .excerpt dl dd strong {display:block;line-height:28px;max-height:56px;margin:0 0 10px 0;font-weight:600;overflow:hidden} .excerpt dl dd strong a{font-size:20px;color: #333;} .excerpt dl dd p {color:#999;line-height:22px;font-size:14px} .excerpt dl dd .itag {position:absolute;right:30px;bottom:30px;} /* 上图下文 end */ /* 左图右文 */ .excerpt {position:relative;overflow:hidden;margin-bottom:20px;} .excerpt:last-child{border-bottom:none;} .excerpt .focus {float:left;overflow:hidden;position:relative;min-height:170px} .excerpt .focus .imagelink {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)} .excerpt .focus span{display:block;position:absolute;top:20px;right:20px;padding:0 10px;z-index:1} .excerpt .thumb-big {width:60%;margin-right:30px;} .excerpt .thumb-small {width:40%;margin-right:30px;} .excerpt h2{display:block;line-height:28px;max-height:56px;margin:30px 30px 20px 0;font-weight:600;overflow:hidden} .excerpt h2 a{font-size:20px;color: #333;} .excerpt .note {color:#999;word-wrap:break-word;line-height:24px;padding-right:30px} .excerpt .time {position:absolute;left:40%;margin-left:30px;bottom:30px;} .excerpt .itag {position:absolute;right:30px;bottom:30px;} .excerpt .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.3s;transition:.3s;} .excerpt:hover .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-transition:.3s;transition:.3s;} /* 左图右文 end */ /* 右图左文 */ .excerpt-one {position:relative;overflow:hidden;margin-bottom:20px;} .excerpt-one:last-child{border-bottom:none;;} .excerpt-one .focus {float:right;overflow:hidden;position:relative;} .excerpt-one .focus .imagelink {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)} .excerpt-one .focus span{display:block;position:absolute;top:20px;left:20px;padding:0 10px;z-index:1} .excerpt-one .thumb-big {width:50%;margin-left:30px;} .excerpt-one .thumb-small {width:40%;margin-left:30px;} .excerpt-one h2{display:block;line-height:28px;max-height:56px;margin:30px 0 20px 30px;font-weight:600;overflow:hidden} .excerpt-one h2 a{font-size:20px;color: #333} .excerpt-one .note {color:#999;word-wrap:break-word;line-height:24px;padding-right:30px} .excerpt-one .time {position:absolute;right:40%;margin-right:30px;bottom:30px;} .excerpt-one .itag {position:absolute;left:30px;bottom:30px;} .excerpt-one .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.3s;transition:.3s;} .excerpt-one:hover .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-transition:.3s;transition:.3s;} /* 右图左文 end */ /* 左图右文 */ .excerpt-code {position:relative;overflow:hidden;margin-bottom:20px;} .excerpt-code:last-child{border-bottom:none;;} .excerpt-code .focus {float:right;overflow:hidden;position:relative;} .excerpt-code .focus .imagelink {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)} .excerpt-code .focus span{display:block;position:absolute;top:20px;left:20px;padding:0 10px;z-index:1} .excerpt-code .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.3s;transition:.3s;} .excerpt-code:hover .focus:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);-webkit-transition:.3s;transition:.3s;} .excerpt-code .thumb {width:33%;margin-left:30px;} .excerpt-code h2{display:block;line-height:24px;max-height:48px;margin:0 0 10px 30px;font-weight:600;overflow:hidden} .excerpt-code h2 a{font-size:20px;color: #333} .excerpt-code .note {color:#999;word-wrap:break-word;line-height:22px;padding-left:30px} .excerpt-code .time {margin:30px 0 10px 30px;font-size:14px;} /* 左图右文 end */ .aboutcms{margin-top:1px;padding:50px;} .aboutcms .cover{object-fit: cover;box-shadow: 0 8px 30px 0 rgba(0,0,0,.12);border-radius: 8px;} .aboutcms h2{font-size:24px;font-weight:600;padding:30px 0;} .aboutcms p{line-height:28px;color:#999} /* 内容 begin */ .content hr {margin:10px 0;height:1px;} .content h1 {font-size:30px;font-weight:500;line-height:42px;margin:10px 0;} .content h2 {font-size:24px;font-weight:600;line-height:28px;margin:10px 0;} .content h3 {font-size:20px;font-weight:600;line-height:24px;margin:10px 0;} .content strong {font-size:18px;margin:10px 0} .content table {margin:20px 0;} .content table th{background:#DAF0FD;color:#FFF;border:1px solid #fff} .content table tr.ue-table-interlace-color-single{background:#DAF0FD;} .content p {font-size:16px;line-height:28px;margin-bottom:10px;} .content img {margin:0;max-width:100%} .content a{text-decoration: none;color: #0053C4;} .content a:hover{color:#fff;background:#970707; border:1px #970707 solid;} .content .text-right {text-align:right} .content ul li {padding:0 0 5px 20px;position:relative;font-size:16px;} .content ul li p {line-height:24px} .content ul li:before {content:'';position:absolute;top:10px;left:0px;background:#666;width:8px;height:8px;border-radius:50%;} .content ol {padding:10px 0 0 0} .content ol.list-paddingleft-2 {position:relative;} .content ol li {padding:0;position:relative;} .content ol li p {line-height:26px;font-size:16px;color:#999} /* .content ol li:before {content:'';position:absolute;top:8px;left:0px;background:#FFF;width:12px;height:12px;border:2px solid #E7161A;border-radius:50%;} .content ol li:after{content:'';position:absolute;top:12px;left:4px;background:#E7161A;width:4px;height:4px;border-radius:50%;} .content ol li:hover:after{background:#000;} */ /* 内容 end */ /* 时间轴新闻列表 */ .list-post-timeline ul {border-left:2px solid #FF354C;position:relative;margin:30px 30px 0 2px} .list-post-timeline ul li {padding:0 0 15px 20px;position:relative;font-size:14px;} .list-post-timeline ul li p{line-height:24px;display:block;opacity:1;} .list-post-timeline ul li:hover p {opacity:0;-webkit-transition:0.3s;transition:0.3s;} .list-post-timeline ul li:before {content:'';position:absolute;top:3px;left:-7px;background:#FF354C;width:12px;height:12px;border:2px solid #fff;border-radius:50%;} .list-post-timeline ul li:hover:before {content:'';position:absolute;top:2px;left:-8px;background:#FF354C;width:14px;height:14px;border:2px solid #fff;border-radius:50%;-webkit-transition:0.3s;transition:0.3s;} /* 时间轴新闻列表 end */ /* ========================== 新闻 end ========================== */ /* ========================== 联系 ========================== */ .c-l{padding:0 0 0 7%;} .c-r{padding:0 7% 0 0;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;} .c-l h2,.c-r h2 {font-size:24px;font-weight:400;margin-bottom:5px} .c-l .contact{padding:80px 0 70px 10px;} .c-l .contact hr {height:1px;background:#F2F2F2} .c-l .contact .media {margin:8px 0;padding:0 0 8px 0;} .c-l .contact .media span{width:28px;height:28px;line-height:42px;} .c-l .contact .media i {font-size:24px;} .c-l .contact .media .media-body {padding:0 0 0 10px;margin-top:0px;} .c-l .contact .media .media-body a,.c-l .contact .media .media-body p{color:#666;} .c-r .guestbook{padding:80px 10px 0 80px;min-height:580px;z-index:2;position:relative;} .baidu-map {width:100%;height:680px;} /* 弹出留言*/ .dialog {width:480px;border:0 solid #ddd;margin:0 auto;border-radius:0;box-shadow:0 0px 20px rgba(0,0,0,0.3);} .dialog.qrcode{width:360px} .dialog .dialog-head {border-radius:0;font-size:18px;border-bottom:0;background:#FFF;color:#000} .dialog .dialog-head .close {float:right;line-height:24px} .dialog .dialog-body {padding:20px 40px 40px 40px;} .dialog-body h3 {font-size:24px;font-weight:300;color:#333;margin-bottom:10px} .dialog-body .form-group {padding-bottom:20px} .dialog-body .input {height:48px;line-height:24px;padding:0 12px;border:1px solid #ddd;width:100%;display:block;border-radius:0px;-webkit-appearance:none;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s;box-shadow:0 0px 0px rgba(0,0,0,0.0) inset;background:transparent;} .dialog-body .textarea {padding:10px 12px;line-height:24px;width:100%;background:transparent;border:1px solid #ddd;} .dialog-body .label {padding-bottom:10px;display:block;line-height:24px;} .dialog-body .label label {font-weight:400;} .dialog-body select {padding:0 30px 0 8px;font-size:16px;color:#ADADAD;border-radius:0px;height:48px;line-height:46px;border:solid 1px #ddd;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/select-arrow.png) no-repeat right center;} .dialog-body .form-tips .dialog-body .input-help ul {border:solid 0px #ddd;background:#fff;padding:5px 10px;box-shadow:0 0 0 #fff;border-radius:0 0 4px 4px;width:150px;min-width:150px;width:auto;_width:150px;color:#EE3333;font-size:12px} .dialog-body .input::-webkit-input-placeholder, .dialog-body .textarea::-webkit-input-placeholder {color: #666;font-size: 16px;} .dialog-body .input:-moz-placeholder, .dialog-body .textarea:-moz-placeholder {color: #666;font-size: 16px;} .dialog-body .input::-moz-placeholder, .dialog-body .textarea::-moz-placeholder {color: #666;font-size: 16px;} .dialog-body .input:-ms-input-placeholder, .dialog-body .textarea:-ms-input-placeholder {color: #666;font-size: 16px;} /* ========================== 联系 end ========================== */ /* ========================== 系统 ========================== */ /* 路径 */ .bread-style1 {line-height:60px;height:60px;font-size:0;} .bread-style1 i{font-size:14px;color:#999} .bread-style1 a{color:#999;font-size:14px;display:inline-block;} .bread-style1 a:hover{color:#FF354C} .bread-style1 a:after {content:"";padding:0 10px;background:url(../images/bread-style1.png) no-repeat center 50%;} .bread-style1 a:last-child:after {content:"";background:none;} /* 路径 */ /*悬浮客服 begin*/ .kefu-style-1{position:fixed;width:48px;right:0;top:50%;z-index:999;} .kefu-style-1 ul li{width:48px;line-height:48px;color:#999;border:1px solid #E8E8E8;border-bottom:0;float:left;position:relative;transition:all .3s;cursor:pointer} .kefu-style-1 ul li:hover{background:#FF354C;color:#fff;border:0} .kefu-style-1 ul li:hover a{color:#fff} .kefu-style-1 ul li.sidewx .wxBox.son{left:-180px;width:180px;padding-top:180px;border:1px solid #E8E8E8;display:none;text-align:center;position:absolute;top:0;background-repeat:no-repeat;background-position:center center;} .kefu-style-1 ul li.sidetel .telBox.son{left:-180px;width:180px;display:none;color:#fff;text-align:left;position:absolute;top:0px;} .kefu-style-1 ul li.sidetel .telBox .media {margin:8px 0;padding:0 0 2px 15px;} .kefu-style-1 ul li.sidetel .telBox .media span{width:28px;height:28px;line-height:44px;} .kefu-style-1 ul li.sidetel .telBox .media i {font-size:24px;} .kefu-style-1 ul li.sidetel .telBox .media .media-body {padding:0;margin:0px;} .kefu-style-1 ul li.gotop{background:#FF354C;color:#fff;border:0} .kefu-style-1 ul li.gotop:hover{opacity:.8;filter:Alpha(opacity=80);z-index:0} .kefu-style-1 ul li:hover .son{display:block!important;animation:fadein 1s} @keyframes fadein{from{opacity:0}to{opacity:1}} /*悬浮客服 end*/ /* 标签 */ .tag{display:inline-block;transition:0.3s;} .tag.padding-small{padding:3px 8px;} .tag.padding{padding:5px 12px;} .tag.bg-none{padding:0;} .tag.bg-white{background-color:rgba(255,255,255,.1);} .tag.bg-black{background-color:rgba(0,0,0,.3);} /* 社会化图标 */ .social-button{height:30px;margin:0 0 25px 0;text-align:right} .social-button a{font-size:14px;border-radius:5px;border:2px solid #666;display:inline-block;width:26px;height:26px;line-height:20px;margin-left:10px;cursor:pointer;overflow:hidden;} .social-button a:hover{color:#FFF;border:2px solid #FFF;} /* 社会化图标 */ .social-button-style1{height:30px;margin:0 0 25px 0;} .social-button-style1 a{font-size:14px;border-radius:5px;border:2px solid #666;display:inline-block;width:26px;height:26px;line-height:20px;margin-right:10px;cursor:pointer;overflow:hidden;} .social-button-style1 a:hover{color:#FFF;border:2px solid #FFF;} /* 百度分享图标*/ #share-button {line-height:32px;height:32px;width:128px;margin:0 auto;} #share-button a {display:block;float:left;width:32px;height:32px;margin:0 5px;background:url(../images/share-icon.png) no-repeat;cursor:pointer;text-indent:-100em;overflow:hidden;opacity:0.8;} #share-button a:hover {opacity:1;} #share-button a.bds_sqq {transition:all .2s;background-position:0 0;} #share-button a.bds_qzone {transition:all .2s;background-position:0 -32px;} #share-button a.bds_weixin {transition:all .2s;background-position:0 -64px;} #share-button a.bds_tsina {transition:all .2s;background-position:0 -96px;} /*分页样式 begin*/ .pagination li {margin:0 10px 0 0;font-size:16px;border:none;} .pagination li a {border-radius:3px;color:#666;padding:10px 14px;border:1px solid #DCDCDC;background:#fff} .pagination li i {font-size:16px;padding:0 2px} .pagination li.active a,.pagination li a:hover {background:#666;color:#fff;border:1px solid #666;} /*分页样式 end*/ /* ========================== 系统 end========================== */ /* ========================== 内页头部 ========================== */ /* 内页-广告 */ .banner{background-attachment: fixed;position:relative;background-repeat:no-repeat;background-position:center center;background-size:cover;} .banner:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);} .banner-big{min-height: calc(100vh - 90px)}/* 浏览器高度全屏 */ .banner-middle{min-height:680px;} .banner-small{min-height:400px;} .banner-little{min-height:250px;} .banner-info {position:absolute;top:36%;left:0;right:0;z-index:3} .banner-info h2 {letter-spacing:0.1em;font-size:48px;font-weight:600;margin-bottom:30px} .banner-info h3 {font-family: 'fzlantingheis-ul-gbregular';letter-spacing:1px;font-size:36px;font-weight:300;margin:20px 20px 50px 20px;position:relative;} .banner-info h3:before {left:50%;bottom:-20px;width:30px;margin-left:-15px;height:2px;background:#9c0a0d;content:'';display:block;position:absolute;} .banner-info p{font-size:18px;line-height:32px;color:#fff;opacity:0.9;text-transform:uppercase;letter-spacing:0.1em;} .mouseIco { border: 1px solid #fff; width: 25px; height: 40px; display: block; margin: -40px auto; border-radius: 12px; position: absolute; left: 50%; margin-left: -12px; bottom: 15%; z-index: 900; } .mouseIco i { width: 1px; height: 16px; display: block; background-color: #fff; position: absolute; left: 50%; top: 5px; -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite; } @keyframes mouse-dot { from { opacity: 0; } 33% { opacity: 1; } to { transform: translateY(10px); -webkit-transform: translateY(10px); opacity: 0; } } .imgbg { transition: ease .4s; } /* 内页-广告 end*/ .suspension{position:fixed;z-index:99;right:10px;bottom:60px;} .suspension-box{position:relative;} .suspension .a{display:block;width:40px;height:40px;cursor:pointer;outline:none;} .suspension .a.active,.suspension .a:hover{} .suspension .a .i{float:left;width:40px;height:40px;} .suspension .a-service .i{border-top-left-radius:0px;border-top-right-radius:0px;background:#9c0a0d url(../images/side_icon.png) no-repeat 0 0;} .suspension .a-service:hover{border-top-left-radius:0px;border-top-right-radius:0px;} .suspension .a-qrcode .i{margin-top:1px;background:#9c0a0d url(../images/side_icon.png) no-repeat -40px 0;border-bottom-left-radius:0px;border-bottom-right-radius:0px;} .suspension .a-suggest .i{border-bottom-left-radius:0px;border-bottom-right-radius:0px;background:#9c0a0d url(../images/side_icon.png) no-repeat -80px 0;margin-top: 1px;} .suspension .a-service-phone .i{border-bottom-left-radius:0px;border-bottom-right-radius:0px;background:#9c0a0d url(../images/side_icon.png) no-repeat -80px 0;margin-top: 1px;} .suspension .a-top {display:none;} .suspension .a-top .i{margin-top:1px;border-radius:0px;background:#1b1b1b url(../images/side_icon.png) no-repeat -120px 0;} .suspension .a-top:hover{} .suspension .d{display:none;width:155px;background:#FFF;position:absolute;right:48px;border-radius:0px;box-shadow:0px 3px 8px 0px rgba(0, 0, 0, 0.1);} .suspension .d .inner-box{padding:10px;} .suspension .d .inner-box a{margin:10px 0;color:#666} .suspension .d .inner-box a:hover{color:#cec3b5} .suspension .d .arrows{position:absolute;width:8px;height:30px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:10px;} .suspension .d-service{top:0;} .suspension .d-service-phone{top:34px;} .suspension .d-qrcode{top:42px;text-align:center;} .d-service-phone .telBox.son { width: 180px; } .d-service-phone .media,.d-service-phone .media .media { margin-top: 5px; } /* ========================== 内页头部 ========================== */ /*底部横副联系 begin*/ .contact-join{padding:120px 0;} .contact-join .title{position:relative;z-index:1} .contact-join a.button {display:inline-block;margin:10px;position:relative;top:0;padding:12px 50px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;} .contact-join a.button:hover {background:#FF354C;color:#fff;top:-4px;text-decoration:none;} .contact-join a.button:hover:after {background:rgba(255,255,255,0.2);} /*底部横副联系 end*/ /* ========================== footer-页脚 begin========================== */ .box_table { display: table; table-layout: fixed; text-align: center; width: 100%; height: 100%; } .box_table_cell { display: table-cell; vertical-align: middle; } .w1600 { max-width: 1600px; margin: 0 auto; } .footer{padding:4.5rem 0 3.25rem;background:#373f47;overflow: hidden;} .footer .left dl{display:inline-block;margin-right: 4rem;vertical-align: top;} .footer .left dl dt{margin-bottom: 1rem;} .footer .left dl dt,.footer .left dl dt a{font-size: 16px;color: #fff;} .footer .left dl dd,.footer .left dl dd a{font-size: 14px;color: #91989d;line-height: 30px;transition: 0.36s;} .footer .right{ width:550px;} #s_lianxi .miso_hd .miso-list{ padding-bottom:2px} #s_lianxi .miso_hd ul{font-size:0;text-align: left;border-bottom: #4b535a 1px solid;margin-bottom: 1.75rem;height: 49px;} #s_lianxi .miso_hd ul li{padding: 0;display:inline-block;width:auto !important;margin-right: 2.375rem;text-align:center;float:none;} #s_lianxi .miso_hd ul li a{display:inline-block;height:50px;border-bottom:transparent 3px solid;border-radius: 0;font-size: 16px;color:#fff;transition:0.6s;cursor:pointer;margin-bottom: -2px; border-bottom: #00a3df 3px solid;} #s_lianxi .miso_hd ul li.miso-current a{ border-bottom: #ca0e2a 3px solid;} #s_lianxi .miso_bd .img{ width:120px; height:120px; border:#576378 1px solid; text-align:center; display:inline-block} #s_lianxi .miso_bd .img img{ width:105px; height:105px; display:inline-block;} #s_lianxi .miso_bd .con{display:inline-block;vertical-align: top;padding-left: 1.375rem;} #s_lianxi .miso_bd .con h5{ font-size:16px; color:#c2c6c9; padding:10px 0 20px} #s_lianxi .miso_bd .con p{ font-size:14px; color:#c2c6c9; line-height:21px;} #s_lianxi .miso_bd .con p img{ display:inline-block; margin:-3px 0 0 16px} footer{ background:#2c3339; padding:5px 0} footer p, footer p a{ font-size:12px; color:#c2c6c9; line-height:34px} footer p .a{ font-size:14px; color:#fff; text-decoration:underline; margin-left:1.25rem} footer .social-share-block{} footer .social-share-block li {display: inline-block; width:36px; height:36px; border:1px solid #546270; border-radius:50%;vertical-align: middle; text-align:center;margin-right: 8px; } footer .social-share-block li a {display: table-cell; width:34px; height:34px;vertical-align: middle;} footer .social-share-block li a img{ opacity:.4;-webkit-transition: ease 0.3s;-moz-transition: ease 0.3s;-ms-transition: ease 0.3s;-o-transition: ease 0.3s;transition: ease 0.3s;} footer .social-share-block li a:hover img { opacity: 0.7; } footer .social-share-block li:last-of-type {margin-right: 0; } .foot_ewm_btn{ position:relative;} .foot_ewm_btn .dd{position:absolute;width:110px;height:110px;padding: 5px;background:#fff;bottom:60px;left:50%;margin-left:-55px;opacity:0;visibility:hidden;transition:.5s;} .foot_ewm_btn .dd:before{ content:""; display:block; border:6px solid transparent; border-top:6px solid #fff; position:absolute; bottom:-12px; left:50%; margin-left:-6px; } .foot_ewm_btn .dd img{ width:100px; height:100px;} .foot_ewm_btn .dd.act{ bottom:50px; opacity:1; visibility: visible; } /* ========================== footer-页脚 end==========================*/ /* 底部-页脚样式1 begin*/ /* 邮件订阅 */ .subscription p {line-height:32px;color:#999} .subscription .input {padding:0 20px 0 20px;color:#666;border-radius:8px 0 0 8px;height:50px;background:#FBFBFC;box-shadow:none} .subscription .input-group .addbtn {padding:0px;border-radius:0 8px 8px 0;} .subscription .button {background:#D400FF;text-align:center;height:50px;width:50px;border-radius:0 8px 8px 0;} .subscription .button i {margin-left:0} /* 标签订阅 */ .tagscription p {line-height:32px;color:#999} .tagscription textarea {padding:10px;color:#666;border-radius:4px;height:100px;background:#FBFBFC;box-shadow:none} .tagscription .button {background:#D400FF;text-align:center;height:40px;width:70px;border-radius:4px;} /* banner搜索end eyou*/ /* ==========================价格 ==========================*/ .price-table {background-color:#fff;border:1px solid #EBEBEB;border-radius:8px;overflow:hidden;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .price-table.margin-top{margin:-80px -1px 0 -1px;} .price-table.active.top{top:-100px;} .price-table.active.top-small{top:-10px;} .price-table.active {margin:0 -2px 0 0;position:absolute;width:100%;z-index:2;border:2px solid #FF354C;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .price-table.active .price-order {background-color:transparent} .price-table.active .price-title {background-color:#FBFBFB;height:100px;line-height:100px;} .price-table.active .price-ribbon-wrapper {width:115px;height:115px} .price-table.active .price-ribbon-wrapper .price-ribbon {top:11px;left:-12px} .price-table.active:hover {-webkit-transform:translate(0,-10px);-ms-transform:translate(0,-10px);transform:translate(0,-10px)} .price-table:hover {border-color:#FF354C} .price-table:hover .price-title {background-color:#FF354C;color:#FFF} .price-table:hover .price-ribbon-wrapper .price-ribbon {background:#fff;color:#FF354C} .price-header {position:relative;text-align:center} .price-header .price-ribbon-wrapper {position:absolute;top:0;right:0;overflow:hidden;width:80px;height:80px} .price-header .price-ribbon-wrapper .price-ribbon {position:relative;height:40px;top:0;left:-64px;width:180px;background-color:#FF354C;color:#fff;font-size:14px;font-weight:400;text-transform:uppercase;line-height:40px;-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)} .price-header .price-title {height:80px;line-height:80px;background-color:#FBFBFB;color:#666;font-size:18px;text-transform:uppercase;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .price-header .price-price {padding:15px 0;font-size:36px} .price-header .price-price i {color:#666;font-size:24px;font-weight:400} .price-header .price-description {margin:0 0 20px;padding:0 30px;color:#666;font-weight:700} .price-body {padding:0 20px;background-color:#FFF;font-size:16px;text-align:center} .price-body ul li p{line-height:36px;color:#666} .price-order {padding:50px;background-color:transparent} .price-order .button {max-width:150px;padding:12px 30px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out} /* 常见问题 begin**/ .collapse {width:100%;box-shadow:0px 0px 0px rgba(0,0,0,.04);margin-bottom:10px;background:#FFF;} .collapse .arrow {float:right;width:16px;height:16px;overflow:hidden;background:url(../images/ico_jia.png) no-repeat;display:inline-block;border:0px} .collapse .icon-jia {background-position:0 0;} .collapse .icon-jian {background:url(../images/ico_jian.png) no-repeat;} .collapse .head {font-size:16px;height:60px;line-height:60px;padding-left:20px;cursor:pointer;overflow:hidden;font-weight:500} .collapse .head i {margin:25px 30px 0 0;} .collapse .cbody {padding:30px 20px;display:block;font-size:16px;color:#333;} .collapse .cbody p {padding:0;line-height:28px} /* 常见问题 end*/ /* 价格详细页大四保障tbadc */ .ico-service{padding:30px 10px} .ico-service .v-line{border-right:1px solid #f4f4f4;margin:10px 0} .ico-service .v-line:last-child{border-right:0} .ico-service .media {display:block;} .ico-service .media span{border-radius:8px;display:block;width:32px;height:32px;line-height:32px} .ico-service .media i{font-size:24px;line-height:30px} .ico-service .media-body {padding:0px} .ico-service .media-body strong {margin:10px 0 8px 0;position:relative;font-weight:300} /* 价格详细页大四保障 end */ /* 功能要点 */ .ico-x .media {min-height:115px;display:block;transition:all .2s;position:relative;padding:20px;margin-bottom:30px} .ico-x .media span{border-radius:8px;display:block;width:32px;height:32px;line-height:32px} .ico-x .media i{font-size:16px;} /* .ico-x .media:hover {box-shadow:0 15px 36px 4px rgba(0,0,0,.09);transition:all 0.5s;top:-10px} */ .ico-x .media:hover .media-body strong a {color:#EF0101} .ico-x .media-body {padding:0 0 0 10px} .ico-x .media-body strong {color:#333;font-weight:600;} /* 功能要点 end */ /* ==========================价格end========================== */ /* ==========================模板 ========================== */ /* 内页搜索 */ .banner-search .form-group {max-width:510px;margin:0 auto;} .banner-search .input{padding:0 15px 0 20px;color:#999;border-radius:30px 0 0 30px;height:50px;background:#f8f8f8;box-shadow:none} .banner-search .input-group .addbtn {padding:3px;text-align:center;background:#f8f8f8;border-radius:0 30px 30px 0;} .banner-search .button {height:44px;width:50px;border-radius:30px;background:#FF354C;} /* 内页搜索 end */ .template-l {margin-right:0px} .template-r {margin-left:30px;} .owl-carousel.template-slide-style:hover .owl-nav .owl-prev,.owl-carousel.template-slide-style:hover .owl-nav .owl-next {opacity:1;} .owl-carousel.template-slide-style .owl-nav i {font-size:20px;color:#fff;} .owl-carousel.template-slide-style .owl-nav .owl-prev,.owl-carousel.template-slide-style .owl-nav .owl-next {width:48px;height:48px;line-height:50px;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;background:#FF354C;text-align:center;border-radius:50%;opacity:0;} .owl-carousel.template-slide-style .owl-nav .owl-prev {left:5%;right:auto;background:#FF354C;} .owl-carousel.template-slide-style .owl-nav .owl-next {right:5%;} .template-overaly {border-radius:0px;min-height:400px;line-height:420px;position:relative;overflow:hidden;background-position:center center;background-size:cover;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;} .template-overaly a strong{font-size:0px;color:#fff;text-indent:-3000} .template-overaly::after {position:absolute;content:'';width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.3);-webkit-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;z-index:0;} .template-overaly:hover {background-position:35%;} .template-overaly:hover::after {background-color:rgba(0,0,0,0.1);} .template-cat .ul-list li {display:inline-block;position:relative;margin:0 10px;} .template-cat .ul-list li a{box-shadow:0 5px 10px rgba(0,0,0,0.05);border-radius:50px;padding:0 30px;height:50px;line-height:50px;display:block;font-size:16px;color:#666;background:#fff;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .template-cat .ul-list li a:hover{color:#fff;background:#FF354C;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .template-cat .ul-list li a.active{color:#FFF;background:#FF354C;} .template-list li {top:0;position:relative;border-radius:5px;margin-bottom:30px;box-shadow: 0px 0px 20px 0px rgba(149, 149, 149, 0.15);-webkit-transition:.5s;transition:.5s;} .template-list li .media {border-radius:5px 5px 0 0;position:relative;overflow:hidden;display:block;z-index:1} /* .template-list li .media img {position:relative;-webkit-transition:.5s;transition:.5s;} */ .template-list li .overlay {position:absolute;right:0;left:0;bottom:0;top:0;z-index:3;vertical-align:middle;visibility:hidden;opacity:0;-webkit-transition:.5s;transition:.5s;} .template-list li .overlay .parameter {position:relative;z-index:9;display:block;-webkit-transition:.5s;transition:.5s;padding-top:38%;text-align:center} .template-list li .overlay .parameter a.button {margin:15px auto;width:120px;display:block;-webkit-transition:.5s;transition:.5s;} .template-list li .media-body {padding:20px;} .template-list li .media-body .price {font-family:"Bebas";font-size:18px} .template-list li .media-body h2 a {line-height:24px;height:42px;color:#667289;display:block;font-size:14px;} .template-list li:hover {top:-5px;border-radius:5px;box-shadow:0px 0px 15px 0px rgba(149, 149, 149, 0.3);-webkit-transition:.5s;transition:.5s;} .template-list li:hover .overlay {visibility:visible;opacity:1;-webkit-transition:.5s;transition:.5s;} .template-list li:hover .overlay:before {content:'';position:absolute;border-radius:5px;z-index:3;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,0.6);} /* .template-list li:hover .media img {border-radius:5px;transition:1s linear;transform:scale(1.1);-webkit-transition:.5s;transition:.5s;} */ .template-detail h1{font-size:36px;font-weight:600;line-height:120px;min-height:120px} .template-detail h2{font-size:24px;font-weight:600;line-height:48px} .template-detail .pricebar.shadow{box-shadow: 0 0 15px rgba(0, 0, 0, 0.075);} .template-detail .pricebar .padding-big{padding:50px 40px 20px 40px;} .template-detail .pricebar .padding{padding:40px;} .template-detail .pricebar .ey-price .text-big{font-size:36px} .template-detail .pricebar hr{background:#f4f4f4;margin:0} .template-detail .tab-head {border-radius:0;font-size:0;-webkit-text-size-adjust:none;width:100%;border-bottom:1px solid #EFEFEF} .template-detail .tab .tab-nav li {display:inline-block;width:12%;} /* .template-detail .tab .tab-nav li:last-child {margin-right:0px} */ .template-detail .tab .tab-nav li a {color:#333;padding:22px 0;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;display:block;line-height:24px;font-weight:600;border-radius:0;font-size:18px;text-align:center;} .template-detail .tab .tab-nav .active {border-radius:0px;} .template-detail .tab .tab-nav .active a {margin-bottom:-1px;cursor:default;background:#FFF;border-bottom:3px solid #FF354C;} .template-detail .tab .tab-nav li a,.template-detail .tab .tab-nav .active a:focus {outline:none;} .template-detail .tab .tab-body {padding:0;border-radius:0;border-top:solid 0px #ddd;} /* 属性列表 */ .attribute li {position:relative;color:#666;line-height:32px;} /* .attribute li:before {content:'';position:absolute;left:0px;background:#ccc;width:6px;height:6px;top:11px;border-radius:50%;} */ .attribute li span {color:#999} /* 属性列表 end */ /*属性表格*/ .template-att .list-ul {border-right:1px solid #FF354C;border-top:1px solid #EFEFEF;border-collapse:collapse;} .template-att .list-ul .list-li {padding:10px 30px;overflow:hidden;border-left:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;border-right:1px solid #EFEFEF;border-top:1px solid transparent;margin-left:-1px} .template-att .list-ul .list-li:hover {border:1px solid #f55d45;z-index:2;position:relative;} .template-att .list-ul .list-li p{margin:12px 0;} .template-att .list-ul .list-li p.height{min-height:48px;line-height:24px} /* 模板详细页大三保障tbadc */ /* 模板特点 */ .pic-y .media {display:block;margin-bottom:30px;padding:50px 30px} .pic-y .media-body {padding:10px 20px} .pic-y .media-body strong {margin:20px 0 40px 0;position:relative;font-weight:300} .pic-y .media-body strong:before {content:'';display:block;position:absolute;width:20px;height:2px;bottom:-20px;left:50%;margin-left:-10px;background:#ddd;} /* 模板特点 end*/ /* 更新日志时间线 */ .timeline{position:relative;list-style:none;padding:0;margin:0;} .timeline>li{position:relative;padding:0 0 1rem 1.5rem;} .timeline>li:not(:last-child)::before{content:"";position:absolute;top:6px;left:0;height:100%;border-left:dashed 2px #ddd;} .timeline>li::after{content:"";position:absolute;left:-5px;top:3px;width:12px;height:12px;border:solid 2px #ddd;border-radius:50%;background-color:#fff;} .timeline>li.active::after{background-color:#0a8;border-color:transparent;} .timeline>li.active:not(:last-child)::before{border-left:solid 2px #0a8;} .timeline>li>.timeline-title{display:block;color:#333;} .timeline>li>.timeline-body{padding:3px 0 10px 0;line-height:24px;color:#999;font-size:14px} /* 更新日志时间线 */ .image-overlay{position:relative;} .image-overlay .left-ovrlay{z-index:1;position:absolute;left:0;top:0;width:5%;height:100%;background:linear-gradient(to left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%)} .image-overlay .right-ovrlay{z-index:1;position:absolute;right:0;top:0;width:5%;height:100%;background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.45) 100%)} /* ========================= 模板 end ========================== */ /* ========================== 排版 ========================== */ /* 纯文字列表 begin*/ .list-post-text {padding:0px} .list-post-text li {padding:10px 0;line-height:20px} .list-post-text li a {display:block;} .list-post-text li a:hover {color:#FF354C;} .list-post-text li.dot a {padding-left:16px;position:relative} .list-post-text li.dot:hover a:before {background:#FF354C;} .list-post-text li.dot a:before {content:'';position:absolute;left:-1px;background:#ccc;width:6px;height:6px;top:9px;border-radius:50%} /* 纯文字列表1列 end*/ /* 图文列表排版 */ /* 图文左右交X */ .list-mobile .bg-1{background:#FFCDD2} .list-mobile .bg-2{background:#B3E5FC} .list-mobile .bg-3{background:#C5CAE9} .list-mobile .bg-4{background:#B2EBF2} .list-mobile dl.margin-big-bottom{margin-bottom:50px} .list-mobile dl.margin-bottom{margin-bottom:10px} .list-mobile dl dt {display:block;width:60%;font-weight:normal;} .list-mobile dl dd {display:block;width:40%;} .list-mobile dl dd .padding{padding:50px 80px} .list-mobile dl:nth-child(2n+0) dt {float:right;} .list-mobile dl:nth-child(2n+0) dt .padding{padding:100px 80px;} .list-mobile dl:nth-child(2n+1) dt {float:left} .list-mobile dl:nth-child(2n+1) dt .padding{padding:100px 80px} .list-mobile dl:nth-child(2n+0) dd {float:left} .list-mobile dl:nth-child(2n+1) dd {float:right} .list-mobile dl dt .button-big{padding:10px 30px} .list-mobile dl dt .media-inline .media{margin-top:0px;margin-bottom:10px;margin-right:30px} .fwmore a:hover { color: #fff; background: #333; border: 1px #333 solid; } /* 图文左右交X */ .news-mask{padding:0px} .news-mask dt{position:relative;} .news-mask dl{ transition: all 1s; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; background:#fff; } .news-mask dl dd{ background:#970707; text-align: center; padding: 20px; } .news-mask dl dd h2 { font-size:18px; line-height:30px; color:#fff; } .news-mask dl .fab { font-size:24px; } .news-mask dl dd p{color:#fff;line-height:22px;font-size:14px; text-transform:uppercase} .news-mask dl:hover { margin-top: -20px; box-shadow:2px 4px 15px rgb(0 0 0 / 50%) } .news-mask dl a:hover dd { background:#333; -webkit-transition:.5s; transition:.5s; } .news-mask dl a:hover dd h2,.news-mask dl a:hover dd p{ color:#fff; } .news-mask dl .overlay{width:100%;height:100%;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position:absolute; bottom: 0; top: 0;left:0;right:0;background:#000;z-index:9;opacity:0.1;filter(alpha=1)} .news-mask dl:hover .overlay{opacity:0.5;filter(alpha=50); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .news-mask dl a:hover .fab { color:#fff; } .bg-strengths { background:#464646; padding-bottom: 50px; } .bg-strengths1 { background:url(../images/xwbg.jpg) center center / cover no-repeat; padding-bottom: 50px; } .about-introduce-style1{ margin-top:50px; } .about-introduce-style1 .padding-large-left { padding-left: 50px; } .content { font-size: 16px; } .content h1 { font-size: 28px; font-weight: 600; line-height: 32px; margin: 10px 0; TEXT-ALIGN: CENTER } .content p { font-size: 14px; line-height: 26px; margin-bottom: 0px; } .black-border.button { width: 140px; line-height: 28px; border-radius: 0; border: 1px solid #000; font-size: 18px; color: #000; background: transparent; } .about-vision-style1 { position: relative; z-index: 3; letter-spacing:0.2em; margin-left: 30px; margin-top:20%; } .about-vision-style1 h2 { position: relative; font-size: 28px; font-weight: 500; text-transform: uppercase; } .about-vision-style1 h2 em { display:inline-block; font-size:18px; margin-left:20px; } .about-vision-style1 h2:before { content: ''; display: block; position: absolute; background: #FFF; width: 25px; height: 3px; top: -12px; } .fwtxt { width: 85%; margin: 10px auto; font-size:22px; color:#fff; padding: 20px 0px; letter-spacing: 0.1em; } .about-vision-style1 p { text-align:left; } .xwbg { background:#970707; padding: 17px 10px; position:relative; } .xwbg:before { content: ""; width:13px; height:7px; background:url(../images/quote.png) no-repeat; position: absolute; left: 65px; top: 30px; } .xwbg .nrsz { width: 85%; margin: 10px auto; background: #d49495; padding: 15px; cursor:pointer; transition: all .5s; } .xwbg .nrsz:hover { background: #fff; box-shadow: 0 3px 5px rgb(0 0 0 / 50%); } .home-post-title h2 { position:relative; } .home-post-title h2 a { color: #333; font-weight: 500; font-size: 16px; margin-bottom: 10px; display: block; } .home-post-title h2:before { content:''; width:20px; height:2px; background:#9c0a0d; position:absolute; right:20px; top:10px; } .title-block-style5 h5 { position: relative; display: inline-block; font-size: 24px; font-weight: 500; margin-bottom: 0px; padding: 0px 60px; } .title-block-style5 h5::before { position: absolute; content: ''; background: #333; width: 40px; height: 2px; left: 0px; bottom: 12px; } .title-block-style5 h5::after { position: absolute; content: ''; background: #333; width: 40px; height: 2px; right: 0px; bottom: 12px; } .title-block-style5 > p { text-transform:uppercase; } .newsnav{ list-style:none; text-align:center; } .newsnav li{ display:inline-block; font-size:18px; cursor:pointer; background:none; color:#333; margin:0px 10px; padding:5px 8px; } .ntit a { color:#9c0a0d; } .ntit p { color:#9c0a0d; } .newsnav li.cur{ background:#9c0a0d; color:#fff; } .pt80 { padding-top:80px; } .pt100 { padding-top:100px; } .home-news .date{border-right:1px solid #ddd;} .home-news .media{padding:30px;} .home-news .media-body p{line-height:24px;color:#999} .home-news .date-home{width:80px;padding-right:10px;margin-right:20px} .home-news .date-list{height:150px;width:100px;padding:0 20px;margin-right:30px} .home-news .media:hover{box-shadow:0 10px 15px rgba(0,0,0,0.15);transition: all 0.5s;background:#333} .home-news .media:hover .date{border-right:1px solid #fff;color:#FFF} .home-news .media:hover .date p{color:#fff;transition: all 0.5s;} .home-news .media .date .f-month{font-size:14px;color:#FFF} .home-news .media .date .f-day{font-size:36px;color:#333;font-family: "Oswald";} .home-news .media .date .f-day-list{font-size:48px;color:#999;font-family: "Oswald";} .home-news .media .date .f-year{font-size:14px;color:#999;font-family: "Oswald";} .home-news .media .date hr{width:20px;height:3px;margin-top:20px} .home-news .media .media-body .text-big{font-size:20px} .home-news .media .media-body .text-large{font-size:20px} .home-news .media .media-body h3{margin-bottom:10px;color:#333} .home-news .media .media-body h3 a{} .home-news .media .media-body:hover h3,.home-news .media:hover .media-body h3 a,.home-news .media:hover .media-body p{color:#FFF} .home-news .media a {color:#999} .home-news .media:hover a{color:#FFF;transition: all 0.5s;} /* 置顶新闻 */ .list-news-top .info {padding:50px;margin-left:-30px;margin-top:25px} .list-news-top .info h2 {margin:10px 0 20px 0} #news2 { display:block; } #news2 { display:none; } /* 置顶新闻 */ /* 立即预约 */ #service-list{background:url(../images/yybg.jpg) center center / cover no-repeat; height:600px;} #service-list .item .media-img{ position:relative; width:42px; height:42px; margin:10px auto;} /* #service-list .item .media-img img{ width:48px; height:48px;} */ #service-list .item h3{font-size:14px; line-height:20px;white-space:nowrap; overflow:hidden} #service-list h4 { font-size:60px; letter-spacing:0.1em; } #service-list .item:hover a h3{color:#E14337} #service-list .item:hover a .desc{ color:#999} #service-list .more .button { font-size: 20px; padding: 15px 50px; background-color: #fff; color:#666; } #service-list .zxbox { height:600px; display: flex; justify-content: center; align-items: center; } #service-list .zxbox .dljmform { } .dljmform p{ color: #ffffff; height: 40px; text-align: left; font-size: 18px; } .dljmform .buinput { display: inline-block; margin: 0px 10px; } .dljmform .buinput input{ width: 300px; height: 50px; border: 0; padding: 10px 15px; } .dljmform .jmtj input{ width: 220px; height: 50px; text-align: center; color: #ffffff; background: #3386c8; border: 0; font-size: 16px; } /* tbadc上图下字新闻列表2 */ .list-post-y .media {-webkit-transition:.5s;transition:.5s;background:#FFF;border-radius:0;margin-bottom:30px;} .list-post-y .media:hover {-webkit-transition:.5s;transition:.5s;box-shadow: 0 30px 50px rgba(229, 229, 229, 0.8);} .list-post-y .media-body {text-align:left;padding:20px} .list-post-y .media-body h2 {margin-bottom:15px;overflow:hidden;} .list-post-y .media-body h2.news{height:48px;} .list-post-y .media-body h2.case{height:60px;} .list-post-y .media-body h2 a {font-size:20px;font-weight:600;color:#333;line-height:26px;} .list-post-y .media-body p {color:#666;} .list-post-y .media-body p.time {font-size:14px;color:#999;margin-bottom:15px;} .list-post-y .button {margin-top:20px;height:38px;width:100px;line-height:20px;background:#f8f8f8;color:#666;border:1px solid #eee} .list-post-y .media:hover .button {background:#FF354C;color:#FFF;border:1px solid #FF354C} .list-post-y .media:hover .media-body h2 a {color:#FF354C;} .list-post-y .media .zoomimg:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0);-webkit-transition:.5s;transition:.5s;} .list-post-y .media:hover .zoomimg:after {position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);-webkit-transition:.5s;transition:.5s;} /* tbadc上图下字新闻列表2 end */ /* 左图右字列表 begin*/ .list-post-x .media {border-bottom:1px solid #EFEFEF;padding-bottom:15px;margin-bottom:20px;} .list-post-x .media:last-child{border-bottom:0px solid #EFEFEF;padding-bottom:0px;margin-bottom:0px;} .list-post-x .media .thumb-md{max-width:100px;overflow:hidden;} .list-post-x .media.media-x .float-left {margin-right:15px} .list-post-x .media img {transform:scale(1);transition: all .3s ease-out;} .list-post-x .media:hover img {transition: all .3s ease-out;transform:scale(1.1);} .list-post-x .media-body {text-align:left;padding:0;} .list-post-x .media-body h3 {line-height:24px;overflow:hidden;} .list-post-x .media-body p {color:#666;line-height:24px} /* 左图右字列表 end */ /* 图文瀑布流 begin */ .wall-wrap {display:block;position:relative;min-height:1px;margin-left:-20px;margin-right:-20px} .wall-wrap .wall-column {display:block;position:relative;width:33.333333333333333%;float:left;box-sizing:border-box;} .wall-media {display:block;margin:0px 20px 40px 20px;padding:0;} .wall-media .media-img {position:relative;overflow:hidden;transition:0.3s;z-index:1;} .wall-media .media-img:after {position:absolute;top:0;left:0;content:"";width:100%;height:100%;transition:0.3s;} .wall-media .media-img .imglink {width:100%;height:100%;position:absolute;bottom:0;top:0;left:0;right:0;z-index:2;opacity:0;filter(alpha=0)} .wall-media .media-img i{position:absolute;top:60%;left:0px;right:0;z-index:3;opacity:0;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .wall-media:hover .media-img:after {background:rgba(0,0,0,0.6);-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .wall-media:hover .media-img i{top:50%;margin-top:-10px;opacity:1;color:#FFF;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .wall-media .media-body{margin:0;padding:30px} .wall-media .media-body h2{padding:10px 0 0 0;} .wall-media .media-body h2 a {font-weight:600;font-size:20px} /* 图文瀑布流 end */ .wall-idea{display: block; position: relative;min-height:1px; margin-left:-18px; margin-right:-18px} .wall-idea .wall-column{display: block; position: relative; width:20%; float: left; box-sizing: border-box;} .wall-box{display: block;margin:0 18px 36px 18px;padding:0px;transition: all 0.5s;} .wall-box .media-img{position:relative;max-height:850px;overflow:hidden;border-radius:5px;} .wall-box .media-img img{width:100%;} .wall-box:hover{transition: all 0.5s;} .wall-box .imagelink{border-radius:5px; width:100%;height:100%;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; position:absolute; bottom: 0; top: 0;left:0;right:0;background:#181818;z-index:1;opacity:0;filter(alpha=1)} /* border-radius:4px; */ .wall-box:hover .imagelink{opacity:0.6;filter(alpha=60); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .wall-box h3{opacity:0;padding:5px 10px;position: absolute;bottom:0px;left:0;right:0;z-index:9;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .wall-box h3 a{font-size:14px;color:#FFF;line-height:30px} .wall-box:hover h3{opacity:1;-webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} .wall-box:hover h3 a{color:#FFF;} /* 图片瀑布流 end * /* 服务支持 */ /* 标题样式2 */ .title-block-style1 h2 {position:relative;font-size:44px;letter-spacing:0.1em;font-weight:500;text-transform:uppercase;margin-bottom:15px} .title-block-style1 h2:before {content:'';display:block;position:absolute;width:185px;height:8px;bottom:7px;left:42%;background:#970707;z-index: -1;} .title-block-style1 h2:after{content:'';display:block;position:absolute;width:380px;height:2px;bottom:-75px;left:35%;margin-left:-15px;background:#333;} .title-block-style1 p,.title-block-style2 p {max-width:900px;margin:0 auto;padding:0 10px;text-transform: uppercase;font-size: 20px;} .title-block-style2{position:relative;z-index:2;} .title-block-style2 h4{font-size:30px;font-family:"Conv_DINCondensedC";text-transform: uppercase} .title-block-style2 h2{letter-spacing:1px;position:relative;font-size:36px;text-transform:uppercase;margin:0px auto 30px auto;} .title-block-style2 h2:before {content:'';display:block;position:absolute;width:30px;height:2px;bottom:-10px;left:50%;margin-left:-15px;background:#FF354C;} /* 标题样式4 */ .title-block-style4 h2 {line-height:18px;height:18px;color:#333;position:relative;font-size:20px;letter-spacing:0;padding-left:20px;margin-bottom:10px;} .title-block-style4 h2:before {content:'';display:block;position:absolute;width:5px;height:20px;top:0px;background:#FF354C;left:0} /* 下拉分类 */ .filter .button-group .button{padding:12px 30px;font-size:16px;border:solid 0px #EEE;line-height:30px;background:#FFF} .filter .button-group .button span{color:#666} .filter .button-group .button:hover{color:#ff0000} .filter .button-group .drop-menu{left:0px;text-align:left;border:0;-webkit-box-shadow:0px 0px 0px rgba(0,0,0,.075);box-shadow:0px 8px 10px rgba(0,0,0,.05);border-radius:8px;min-width:150px;z-index:99;} .filter .button-group .drop-menu a{color:#666;padding:5px 20px;line-height:28px;font-size:16px;cursor:pointer;} .filter .button-group .drop-menu a:hover{color:#ff0000;background:#FFF} .filter .button-group .drop-menu a:focus,.button-group .drop-menu a.active{color:#ff0000} .filter .button-group .drop-menu b{font-weight:normal} /* 下拉分类 */ /* 左边-三级分类 begin*/ .cat-menu-style4{border-radius:5px;background:#fff} .cat-menu-style4 .menu h3{display:none} .cat-menu-style4 .cat-tree h2 {line-height:48px;color:#333;position:relative;font-size:20px;padding:10px 0 0 30px;font-weight:600} .cat-menu-style4 .cat-tree h2:before {content:'';display:block;position:absolute;width:4px;height:20px;top:25px;background:#EF0101;left:0} .cat-menu-style4 .cat-tree ul{background:#FFF;padding:0} .cat-menu-style4 .cat-tree ul li{padding:10px 30px;border-bottom:1px solid #EFEFEF} .cat-menu-style4 .cat-tree ul li i{margin-top:15px} .cat-menu-style4 .cat-tree ul li:last-child{border-bottom:none;background:#fff;border-bottom-right-radius:10px;border-bottom-left-radius:5px} .cat-menu-style4 .cat-tree ul li a.first{display:block;line-height:40px;height:40px;color:#666} .cat-menu-style4 .cat-tree ul li a:hover{color:#FF354C} .cat-menu-style4 .cat-tree ul li ul{padding:0px;} .cat-menu-style4 .cat-tree ul li ul li{padding:3px 0 0 0;border-bottom:none;} .cat-menu-style4 .cat-tree ul li ul li a{display:block;line-height:26px;font-size:14px} .cat-menu-style4 .cat-tree ul li ul li a.active,.cat-menu-style4 .cat-tree ul li a.active{color: #FF354C;} /* 分类样式1 */ .cat-menu-style1 .ul-list li {display:block;width:100%;position:relative;line-height:50px} .cat-menu-style1 .ul-list li a{display:block;padding-left:36px;font-size:16px;color:#666;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .cat-menu-style1 .ul-list li a:hover{color:#FFA300;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .cat-menu-style1 .ul-list li a.active{color:#FFA300;} .cat-menu-style1 .ul-list li span{position: absolute;top:16px;left:0px;width:24px;height:24px;line-height:18px;} .cat-menu-style1 .ul-list li i {position: absolute;top: 21px;right:0px;font-size:12px;color: #666;} .ul-yellow-list li {display: block;padding: 20px 20px 20px 75px;line-height:24px;font-size: 14px;position: relative;background: #FFF;margin-top:1px;} .ul-yellow-list li a{display:block;font-size:16px;color:#999;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .ul-yellow-list li a:hover{color:#FFDA00;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .ul-yellow-list li a.active{color:#FFDA00;} .ul-yellow-list li span{position: absolute;top:16px;left:0px;width:24px;height:24px;line-height:18px;} .ul-yellow-list li i {position: absolute;top:27px;right:50px;font-size:14px;color: #999;} .ul-yellow-list li em{position: absolute;top: 24px;left:50px;height:20px;line-height:20px;width:20px;font-size:16px;color:#999;} /* 分类样式2 */ .cat-menu-style2 .ul-list li {display:inline-block;position:relative;margin:0 20px;} .cat-menu-style2 .ul-list li a{padding:0;font-size:16px;line-height:24px;color:#666;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;text-transform: uppercase} .cat-menu-style2 .ul-list li a:hover{color:#FF354C;transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;} .cat-menu-style2 .ul-list li a.active{color:#FF354C;border-bottom:2px solid #FF354C;padding-bottom:5px} /* 分类样式2 */ /* 分类样式2 */ .cat-menu-style3{position:absolute;bottom:6px;left:0;right:0;width:100%;z-index:3} .cat-menu-style3 .ul-list li {display:inline-block;position:relative;margin:0 20px;} .cat-menu-style3 .ul-list li a{padding:0;font-size:16px;line-height:40px;height:40px;color:#fff;padding-bottom:12px;border-bottom:3px solid rgba(0,0,0,0)} .cat-menu-style3 .ul-list li a:hover,.cat-menu-style3 .ul-list li a.active{color:#fff;border-bottom:3px solid rgba(255,255,255,1);} /* 分类样式2 */ /* ========================== 排版 end ========================== */ /* ========================== JS插件 ========================== */ /* owl-carousel滚动插件*/ /* 默认圆点 */ .owl-carousel .owl-dots {position:absolute;top:50%;padding:0;text-align:left;width:20px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .owl-carousel .owl-dots .owl-dot {display:inline-block;position:relative;vertical-align:middle;} .owl-carousel .owl-dots .owl-dot span {border-radius:50%;background:#d3d3d3;display:inline-block;text-align:center;-webkit-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s;} .owl-carousel .owl-dots .owl-dot.active span {background:#9c0a0d;border-color:#9c0a0d;height:20px;border-radius:10px;} /* 默认箭头 */ .owl-carousel .owl-nav i {font-size:20px;color:#fff;} .owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {width:48px;height:48px;line-height:50px;-webkit-transition:all ease 500ms;-o-transition:all ease 500ms;transition:all ease 500ms;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);top:50%;position:absolute;background:#FF354C;text-align:center;border-radius:50%;opacity:0;} .owl-carousel .owl-nav .owl-prev {background:#FF354C;left:24px;right:auto;} .owl-carousel .owl-nav .owl-next {right:24px;} /* 自定义圆点居中样式 */ .owl-carousel.dot-center-style .owl-dots {position:relative;top:30px;padding:0;text-align:center;vertical-align:middle;display:inline-block;width:100%;} .owl-carousel.dot-center-style .owl-dots .owl-dot span {width:7px;height:7px;margin:0 5px;} .owl-carousel.dot-center-style .owl-dots .owl-dot.active span {width:20px;} /* owl-carousel滚动插件 end */ /* ========================== JS插件 end========================== */ .met-custom .package-news-list .timeline:before {position:absolute;content:"";width:2px;height:100%;left:-1px;top:6px;background-color:#e4eaec} .met-custom .package-news-list .timeline .timeline-dot {width:24px;height:24px;line-height:24px;left:-12px;top:6px} .met-custom .package-news-list .timeline h5 {color:#333333} .met-custom .package-news-list .timeline p {color:#777777} @media screen and (min-width:2500px) { .video-back{display:block;padding:350px 0 230px 0;text-align:center;} .slides-li .slidestext{overflow:hidden;padding-top:40%;} .flexslider .slides > li {-webkit-backface-visibility:hidden;min-height:1050px;} .video-back h2{margin-bottom:100px;} } @media screen and (max-width:1680px) { /* 视频广告videbacking */ .video-back h2{margin-bottom:80px;} /* 视频广告videbacking */ .slides-li .slidestext h2{margin-bottom:80px;} .flexslider .slides > li{min-height:730px} .about-data-style3 .counter{font-size:60px;line-height:80px;} .about-data-style3 span{font-size:60px;} } @media screen and (max-width:1440px) { .container-layout {max-width:90%;} .blank-middle {height:30px;line-height:30px;} .blank-big {height:50px;line-height:50px;} .blank-large {height:80px;line-height:80px;} .padding-large{padding:40px;} .line-large {margin-left:-30px;margin-right:-30px} .line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {padding-right:30px;padding-left:30px} footer .top{padding-top:150px;} footer{background-size:45% auto;} /* 视频广告videbacking */ .video-back{padding:190px 0 100px 0;} .video-back h2{font-size:48px;margin-bottom:70px;} /* 视频广告videbacking */ .slides-li .slidestext{padding-top:24%;} .slides-li .slidestext h2{font-size:48px;margin-bottom:60px;} .flexslider .slides > li{min-height:520px} .about-data-style3 .counter{font-size:54px;line-height:68px;} .about-data-style3 span{font-size:54px;} /* 顶头广告 */ .media-slide{min-height:480px;} .banner-middle{min-height:480px} .banner-small{min-height:350px;} .banner-little{min-height:200px;} .banner-info {top:36%;} .banner-info h2 {font-size:42px;} .banner-info h3 {font-size:30px;} /* 首页-服务项目 */ .trade-box-item {height:200px;} .trade-box-item .item-title {bottom:40px;left:40px;} .trade-box-item:hover .item-title{bottom:80px;} /* 首页-服务项目 end*/ /* 服务 */ .whyus{max-width:100%;margin:20px;} .whyus .item-inner{padding:15px 10px;} .whyus .media-body strong{padding:10px 0;} .whyus .media-body p{font-size:16px} .whyus-right{margin:40px 0 40px 20px} .whyus-right h4{font-size:24px;} .whyus-right h4:before {left:50px} .whyus-right h2 {font-size:36px;margin:0} /* 服务 */ /* 模板 */ .template-detail .tab .tab-nav li a {padding:20px 0;} /* 联系 */ .baidu-map {height:480px;} .c-l,.home-l{padding:0 0 0 5%;} .c-r,.home-r{padding:0 5% 0 0;} .contact-join{padding:80px 0} .contact-join a.button {padding:10px 30px;} /* 系统 */ .social-button{margin:0 0 20px 0;} .social-button-style1{margin:0 0 20px 0;} /* 系统 end */ /* 左右交X */ .list-mobile dl:nth-child(2n+1) dt .padding-large{padding:40px} /* footer页脚 */ footer .top{padding-top:150px;} footer .copyright{margin:20px 0 120px 0;} footer{background-size:45% auto;} } /* 平板768x1000begin */ @media screen and (max-width:768px) { .footer { display: none; } footer .fl { width: 100%; text-align: center; } footer .fr { width: 100%; text-align: center; margin-top: 1rem; } footer p, footer p a { line-height: 20px; } .w1600 { padding: 0 15px; } .fullpage { margin-top: 28px; margin-bottom: 30px; } /* 布局 */ .sidebar-l{margin:0;width:100%} .sidebar-r{margin:20px auto 0 auto;width:100%} .varbar-l{margin:0;width:100%} .varbar-r{margin:20px auto 0 auto;width:100%} .template-l{margin:0;width:100%} .template-r{margin:20px auto 0 auto;width:100%} .container-layout {max-width:100%; padding:0} .blank-small {height:20px;line-height:20px;} .blank-large {height:50px;line-height:50px;} .line-big {margin-left:-10px;margin-right:-10px} .line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px} .line-large {margin-left:-10px;margin-right:-10px} .line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:10px;padding-left:10px} footer .footer-style-1 {padding:0;} footer .footer-style-1 ul {padding-left:10px} footer .footer-style-1 ul li.block {float:none;} footer .footer-style-1 ul li.block-1,footer .footer-style-1 ul li.block-2,footer .footer-style-1 ul li.block-3,footer .footer-style-1 ul li.block-4,footer .footer-style-1 ul li.block-5,footer .footer-style-1 ul li.block-6 {width:100%} footer .footer-style-1 .copyright {margin-top:0px;padding:20px;font-size:16px;text-align:center} /* 视频广告videbacking */ .video-back{padding:190px 0 100px 0;} .video-back h2{font-size:48px;margin-bottom:60px;} /* 视频广告videbacking * /* 首页广告 */ .slides-li .slidestext{padding-top:20%;} .slides-li .slidestext h2{margin-bottom:50px;} .flexslider .slides > li{min-height:550px} .about-data-style3 .counter{font-size:48px;line-height:70px;} .about-data-style3 span{font-size:48px;} /* .flexslider .slides li a {min-height: calc(100vh - 500px)} */ /* 顶头广告 */ .banner-middle{min-height:480px} .banner-small{min-height:300px;} .banner-little{min-height:150px;} .banner-info h2 {font-size:40px;} .banner-info h3 {font-size:28px;} /* 案例介绍页头部 */ .case-head h2 {font-size:36px;} .case-content h2{font-size:30px;line-height:36px;} .case-content img {margin:0 0 30px 0;} .case-content a.button{padding:12px 40px;} /* 关于我们滚动图片 begin*/ .about-img-stroll .item{min-height:300px;} .about-img-stroll .about_contact {margin-top:-80px;} .about-img-stroll .about_contact h2{font-size:28px;padding-bottom:20px;} .about-img-stroll .about_contact h3{font-size:28px;padding-bottom:20px;} .about-img-stroll .about_contact .button{padding:8px 20px} /* 关于我们滚动图片 end*/ /* 手机制作 begin */ .list-cross dl dt,.list-cross dl dd {width:100%;} .list-cross dl:nth-child(2n+0) dt .padding-large,.list-cross dl:nth-child(2n+1) dt .padding-large{padding:20px} .list-mobile dl dt,.list-mobile dl dd {width:100%;} .list-mobile dl dd .padding{padding:30px} .list-mobile dl:nth-child(2n+0) dt .padding,.list-mobile dl:nth-child(2n+1) dt .padding{padding:20px} /* 手机制作 end */ .list-news-top .info {padding:30px 20px;margin-left:0px;margin-top:0px} /* 模板特点 */ .pic-y .media {margin-bottom:20px;padding:20px 10px} .pic-y .media-body {padding:10px} .pic-y .media-body strong {margin:20px 0 30px 0;} .pic-y .media-body strong:before {bottom:-10px;} /* 模板特点 end*/ /* tbadc上图下字新闻列表2 */ .list-post-y .media {margin-bottom:10px;} .list-post-y .media-body {padding:10px} .list-post-y .media-body h2 {min-height:62px;line-height:20px;} .list-post-y .media-body h2 a {font-size:18px;} /* 图文瀑布流 begin */ .wall-wrap {margin-left:-5px;margin-right:-5px} .wall-wrap .wall-column {width:50%;} .wall-media {margin:0 5px 10px 5px;} .wall-media .media-img:hover{top:-5px;left:-5px;} .wall-media .media-body{padding:10px} .wall-media .media-body h2 a {font-size:16px;font-weight:normal} /* 图片瀑布流 */ .wall-idea{margin-left:-6px;margin-right:-6px} .wall-box{margin:0 6px 12px 6px;} .wall-idea .wall-column{ width:50%;} /* 案例列表效果1 */ .list-case-zoom dl dd {padding:10px 20px;} .list-case-zoom dl dd h4 {overflow:hidden;height:24px;} .list-case-zoom dl dt .button{width:106px;padding:5px 8px} /* 联系 */ .dialog {width:100%;} .dialog .dialog-body {padding:20px 20px 30px 20px;} .dialog-body .form-group{padding-bottom:10px} .c-l,.c-r{padding:0;} .c-l .contact {padding:30px 20px} .c-l .content p{line-height:20px} .c-l .contact h2,.dialog-body h3 {font-size:20px;} .c-l .contact .media {margin:5px 0;padding:0 0 5px 0;} .c-r .guestbook {padding:30px 20px 50px 20px;min-height:auto;} .c-r .guestbook .qr{margin:20px 0} .baidu-map{height:480px;} /* 联系 end */ /* 关于 */ .whyus{max-width:100%;margin:20px;} .whyus .item-inner{padding:10px;} .whyus .media-body p{font-size:16px} .whyus-right{max-width:100%;margin:30px 0px;} .whyus-right h4{font-size:24px;} .whyus-right h4:before {left:50px} .whyus-right h2 {font-size:30px;line-height:36px;} /* 关于end */ .service .media{padding:20px} .process .media{padding:20px} .process ul li {width:100%;float:none;} .contact-join{padding:80px 0} /* 首页两块图片 */ .post-overlay-photo .media-img h2 {font-size:20px;margin-top:-10px;} /*服务项目 begin */ .trade-box-item {height:220px;} .trade-box-item:hover .item-title{bottom:80px;} .aboutcms{padding:20px;} .fix-bottom .padding-large{padding:10px 20px} .fix-bottom .padding-big{padding:10px} /* 产品分类 */ .cat-menu-style4{height:48px;border-bottom:0 solid #E2E2E2;padding:0;position:relative;z-index:999} .cat-menu-style4 .cat-tree h2{display:none;} .cat-menu-style4 .cat-tree ul li{padding:10px 20px 10px 30px;} .cat-menu-style4 .cat-tree ul li a.first{line-height:32px;height:32px;font-size:16px;} .cat-menu-style4 .cat-tree ul li ul li a{line-height:40px;height:40px;font-size:16px;color:#999;font-size:14px} .cat-menu-style4 .menu{background:#FF354C;} .cat-menu-style4 .menu h3{display:block; float:right; width:50%; background:#666;height:48px; line-height:48px; text-align:center; color:#FFF;font-size:16px;border-radius:0 5px 5px 0;} .cat-menu-style4 .menu button{background:#FF354C;z-index:9999999;float:left; width:50%; height:48px; line-height:48px; padding:0; margin:0;border:none;border-radius:5px 0 0 0; color:#fff;font-size:16px; text-align:left; text-indent:20px;} .cat-menu-style4 .menu span{font-size:18px;padding-right:10px;} /* 产品分类 end */ /* 新闻 begin */ .media-top .media-img h2 {font-size:16px;margin-top:-10px;} /* 左图右文 begin */ .excerpt .dl {min-height:auto} .excerpt .focus {min-height:auto} .excerpt {margin-bottom:20px;} .excerpt .thumb-small,.excerpt .thumb-big {margin-right:20px;} .excerpt h2 {margin:20px 20px 0 0;line-height:24px;height:48px;} .excerpt h2 a {font-size:18px;} .excerpt .note {font-size:14px;} .excerpt .time {margin-left:20px;bottom:20px;} .excerpt .itag {bottom:20px;right:20px;} /* 左图右文 end */ /* 右图左文 begin */ .excerpt-one .focus {float:right;overflow:hidden;position:relative;} .excerpt-one {margin-bottom:20px;} .excerpt-one .thumb-small,.excerpt-one .thumb-big {margin-left:20px;} .excerpt-one h2 {margin:20px 0 0 20px;line-height:30px;height:60px;} .excerpt-one h2 a {font-size:18px;} .excerpt-one .note {color:#999;font-size:14px;} .excerpt-one .time {margin-right:40px;bottom:20px;} .excerpt-one .itag {bottom:20px;left:20px;} /* 右图左文 end */ .excerpt-code .thumb {margin-left:20px;} .excerpt-code h2{line-height:22px;max-height:44px;margin:20px 0 0 20px;} .excerpt-code h2 a{font-size:16px;color: #333} .excerpt-code .note {padding-left:20px} .excerpt-code .time {margin:20px 0 10px 20px;} /*悬浮客服 begin*/ .kefu-style-1{display:none} .template-detail h1{font-size:24px;line-height:80px;min-height:80px} .template-list li {margin-bottom:20px} /* 案例列表效果2 begin */ .list-case-overlay .media-img h2 {left:32px;font-size:16px;} .list-case-overlay .media-img:hover h2{top:30px;} #service-list .more .button { font-size: 18px; padding: 10px 30px; background-color: #fff; color: #666; margin-top: 20px; } #service-list .zxbox,#service-list { height: 450px; } .dljmform .buinput input { height: 35px; } #service-list h4 { font-size: 24px; letter-spacing: 0; } .dljmform p { font-size: 16px; line-height: 40px; } /* footer-页脚 */ footer .footer-style-1 h3 { margin-bottom: 10px; font-size: 24px; } .mobadd { margin-top: 30px; text-align: left; font-size: 14px; color: #ccc; } .mobadd .ylj { display: inline-block; } .bmtxt { font-size:16px; font-weight:600; } .mobright { text-align: center; font-size: 14px; margin-top: 20px; } .pad200 { padding: 10px 0px 10px 0px; text-align: left; } .social-button{margin:30px 0 0px 0;text-align:center} .social-button a{margin:0 10px} .social-button-style1{margin:20px auto;text-align:center} .social-button-style1 a{margin:0 10px;} /*移动底部导航 begin*/ .blank-bottom{height:50px;line-height:50px;clear:both; font-size:0;} .bottom-bar{box-sizing:border-box; -webkit-box-sizing:border-box;display:block;} .bottom-menu{height:50px; line-height:50px; border-right:1px solid #FF4057; box-sizing:border-box; -webkit-box-sizing:border-box;} .bottom-menu:last-child{border-right:none;} .bar-name a{display:block;padding:8px 0 0 0;line-height:20px;font-size:14px;} .bar-name a i{font-size:16px;display:block;} .bottom-menu-sub .arrow{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #EEEEEE;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;} .bottom-menu-sub .downward{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid #FFF;border-left:9px solid transparent;border-right:9px solid transparent;z-index:11;} /*移动底部导航 end*/ } /* 手机开始 */ @media screen and (max-width:640px) { .Cooldog_container,.Cooldog_container .Cooldog_content { height: 450px; } .Cooldog_container .buttons { display:none; } .bg-strengths .blank-big,.bg-strengths .blank-middle{ display:none; } .scrollTop { position: fixed; z-index: 0; width: 35px; height: 35px; border: 1px solid #e5e5e5; border-radius: 50%; background: url("../images/top.png") no-repeat center rgba(255, 255, 255, 0.8) ; background-size: 15px 15px; right: 10px; bottom: 150px; display: none; } .flex-control-nav {position:absolute;bottom:20px;} .flex-direction-nav {display:none} .video-back{padding:150px 0 80px 0;} .video-back h2{font-size:30px;margin-bottom:30px;} /* 首页广告 */ .slides-li .slidestext{padding-top:49%;} .slides-li .slidestext h2{font-size:36px;margin-bottom:30px;} .flexslider .slides > li{min-height: calc(100vh - 50px)} .flexslider .slides li a{min-height: calc(100vh - 50px)} .about-data-style3 .media{margin:20px 0 0 0;} .about-data-style3 .counter{font-size:48px;line-height:60px;} .about-data-style3 span{font-size:48px;} .padding-small,.padding-middle{padding:10px;} .padding-big,.padding-large {padding:30px 20px;} .padding-large{padding:20px 10px;} .blank-small,.blank-middle {height:10px;line-height:10px;} .blank-middle {height:20px;line-height:20px;} .blank-big {height:30px;line-height:30px;} .blank-large {height:50px;line-height:50px;} .button-big {padding:8px 20px;} .button-large {padding: 10px 25px;margin:10px 0} .text-default {font-size: 16px;} .text-large{font-size:20px} .line-big {margin-left:-6px;margin-right:-6px} .line-big .x1,.line-big .x2,.line-big .x3,.line-big .x4,.line-big .x5,.line-big .x6,.line-big .x7,.line-big .x8,.line-big .x9,.line-big .x10,.line-big .x11,.line-big .x12,.line-big .xl1,.line-big .xl2,.line-big .xl3,.line-big .xl4,.line-big .xl5,.line-big .xl6,.line-big .xl7,.line-big .xl8,.line-big .xl9,.line-big .xl10,.line-big .xl11,.line-big .xl12,.line-big .xs1,.line-big .xs2,.line-big .xs3,.line-big .xs4,.line-big .xs5,.line-big .xs6,.line-big .xs7,.line-big .xs8,.line-big .xs9,.line-big .xs10,.line-big .xs11,.line-big .xs12,.line-big .xm1,.line-big .xm2,.line-big .xm3,.line-big .xm4,.line-big .xm5,.line-big .xm6,.line-big .xm7,.line-big .xm8,.line-big .xm9,.line-big .xm10,.line-big .xm11,.line-big .xm12,.line-big .xb1,.line-big .xb2,.line-big .xb3,.line-big .xb4,.line-big .xb5,.line-big .xb6,.line-big .xb7,.line-big .xb8,.line-big .xb9,.line-big .xb10,.line-big .xb11,.line-big .xb12 {position:relative;min-height:1px;padding-right:6px;padding-left:6px} .line-large {margin-left:-5px;margin-right:-5px} .line-large .x1,.line-large .x2,.line-large .x3,.line-large .x4,.line-large .x5,.line-large .x6,.line-large .x7,.line-large .x8,.line-large .x9,.line-large .x10,.line-large .x11,.line-large .x12,.line-large .xl1,.line-large .xl2,.line-large .xl3,.line-large .xl4,.line-large .xl5,.line-large .xl6,.line-large .xl7,.line-large .xl8,.line-large .xl9,.line-large .xl10,.line-large .xl11,.line-large .xl12,.line-large .xs1,.line-large .xs2,.line-large .xs3,.line-large .xs4,.line-large .xs5,.line-large .xs6,.line-large .xs7,.line-large .xs8,.line-large .xs9,.line-large .xs10,.line-large .xs11,.line-large .xs12,.line-large .xm1,.line-large .xm2,.line-large .xm3,.line-large .xm4,.line-large .xm5,.line-large .xm6,.line-large .xm7,.line-large .xm8,.line-large .xm9,.line-large .xm10,.line-large .xm11,.line-large .xm12,.line-large .xb1,.line-large .xb2,.line-large .xb3,.line-large .xb4,.line-large .xb5,.line-large .xb6,.line-large .xb7,.line-large .xb8,.line-large .xb9,.line-large .xb10,.line-large .xb11,.line-large .xb12 {position:relative;min-height:1px;padding-right:5px;padding-left:5px} .img-responsive { width:100%; } /* 广告 */ .media-slide{min-height:360px;} .banner-middle{min-height:360px} .banner-little{min-height:100px;} .banner-info {top:36%;} .banner-info h2 {font-size:24px;font-weight:normal;margin-bottom:10px;} .banner-info h3 {font-size:20px;margin:10px 20px 40px 20px;} .banner-info p { letter-spacing:0;line-height:20px;font-size:14px;padding:0px 40px; } /* 案例详细页 */ .case-topic{min-height:360px;background-position:center top;background-size:auto 360px;} .case-head h2 {font-size:24px;margin-bottom:30px} .case-head h2:before {bottom:-10px;width:25px;height:2px;} .case-content h2{font-size:24px;line-height:30px;} .case-content img {padding:10px 0 0 0;} .case-content a.button{padding:12px 30px;} .title-block-style1 h2 {font-size:24px;margin:10px auto;} .title-block-style2 h2 {font-size:26px;margin:0px auto 10px auto;} .title-block-style2 h4{font-size:24px;line-height:26px} .title-block-style1 p,.title-block-style2 p {padding:0px} .title-block-style1 h2:before { width: 100px; height: 4px; bottom: 4px; left: 36%; } .title-block-style1 h2:after { width: 200px; height: 1px; bottom: -50px; left: 26%; margin-left: -15px; } .news-mask dl dd { padding: 10px; } .cat-menu-style1 a.active {height:48px;} .cat-menu-style2 .ul-list li {display:block;width:33%;text-align:center;float:left;margin:8px 0;} .cat-menu-style3 .ul-list li {margin:0 12px;} .cat-menu-style3 .ul-list li a{font-size:14px;} .about-introduce-style1 .padding-large-left { padding-left: 10px; } .bg-strengths { padding-bottom: 20px; } .black-border.button { width: 100px; line-height: 20px; font-size: 14px; } .about-vision-style1 h2:before { width: 50px; height: 1px; top: -30px; } .about-vision-style1 h2 { font-size: 20px; } .about-vision-style1 h2 em { font-size: 16px; margin-left: 0px; } .about-vision-style1 p { letter-spacing: 0; } .home-post-top { margin-top:10px; } .home-news { margin-top:30px; } .bg-strengths1 { padding-bottom:30px; } .pt80 { padding-top: 30px; } /* 内容页 */ .content h1 {font-size:24px;line-height:28px;margin-bottom:10px;} .content h2 {font-size:20px;line-height:24px;margin-bottom:10px;} .content h3 {font-size:18px;line-height:22px;margin-bottom:10px;} /*服务项目 begin */ .trade-box-item {height:220px;} .trade-box-item .item-title {bottom:30px;left:30px;} .trade-box-item:hover .item-title{bottom:50px;} .media-slide {min-height:250px;} .media-slide a h2{font-size:24px;margin-top:20%} /* 左图右文 begin */ .excerpt {margin-bottom:12px;} .excerpt .thumb-small,.excerpt .thumb-big {width:40%;margin-right:12px} .excerpt h2 {margin:8px 12px 0 0;line-height:20px;height:48px;} .excerpt h2 a {font-size:16px;} .excerpt .note {color:#999;font-size:14px;} .excerpt .time {left:40%;margin-left:12px;bottom:8px;line-height:14px} .excerpt .itag {bottom:10px;right:12px;line-height:14px} /* 右图左文 begin */ .excerpt-one {margin-bottom:12px;} .excerpt-one .thumb-small,.excerpt-one .thumb-big {margin-left:10px} .excerpt-one h2 {margin:10px 0 0 10px;line-height:26px;max-height:52px;} .excerpt-one h2 a {font-size:16px;} /* 右图左文 end */ /* 案例列表效果1 begin*/ .list-case-zoom dl dd {padding-left:25px;} .list-case-zoom dl dd h4:before {width:15px;height:2px;top:10px;left:-20px} .list-case-zoom dl dd h4{line-height:22px} /* 时间轴新闻列表 */ .list-post-timeline ul li{font-size:16px} /* 纯文字列表 begin*/ .list-post-text li a {font-size:16px} .list-post-text li.dot a:before {top:7px} .bread-style1 {line-height:50px;height:50px;} .baidu-map {height:380px;} .pic-y .media{margin:10px 0 0 0;} .pic-y .media-body strong {margin:10px 0 20px 0;} /* 价格 begin*/ .price-table {margin:10px 0px 0 0px;} .price-table.active .price-title {background-color:#FBFBFB;height:60px;line-height:60px;} .price-table.active .price-ribbon-wrapper {width:70px;height:60px} .price-table.active .price-ribbon-wrapper .price-ribbon {top:-5px;left:-55px} .price-table.margin-top{margin:-60px -1px 0 -1px;} .price-table.active.top{top:10px;} .price-table.active {margin:0 0 80px 0;position:relative;top:0px} .price-header .price-title {height:60px;line-height:60px;} .collapse .head {height:54px;line-height:54px;} .collapse .head i {margin:18px 20px 0 0;} .collapse .cbody {padding:20px;} /* 价格详细页大三保障tbadc */ .ico-service{padding:0px} .ico-service .media{padding:15px 0} .ico-service .v-line{border-right:1px solid #f4f4f4;border-bottom:1px solid #f4f4f4;margin:0} .ico-service .v-line:last-child,.ico-service .v-line:nth-child(3){border-bottom:0} .ico-service .media-body strong {margin:5px 0;} /* 功能要点 */ .ico-x .media {min-height:auto;padding:12px;margin-bottom:10px} /* ========================价格 end===============================*/ /* 模板 */ .template-detail .tab .tab-nav li {width:30%;} .template-detail .tab .tab-nav li:last-child {margin-right:0px} .template-detail .pricebar .padding{padding:20px;} .template-detail .tab .tab-nav .active a{border-bottom:2px solid #FF354C;font-size:16px;} .template-detail .tab .tab-nav li a {font-size:16px;padding:15px 0;line-height:24px;} .template-detail h1{font-size:20px;line-height:70px;min-height:70px} .template-cat .ul-list li {display:block;width:33%;text-align:center;float:left;margin:8px 0;} .template-list li .info {padding:10px;} .template-list li {margin-bottom:12px} /* 模板 */ .template-overaly {min-height:230px;} } .btn_language { float: left; color: white; margin-right: 60px; position: relative; } .btn_language > a { color: #393939; font-size: 18px; } .btn_language > a:hover { color: #23499e; } .btn_language > .language_sub { position: absolute; left: 0; top: 100%; padding-top: 13px; transform: translateY(10px); width: 100%; min-width: 90px; opacity: 0; visibility: hidden; transition: .5s; } .btn_language:hover > .language_sub { opacity: 1; visibility: visible; transform: translateY(0); } .language_sub .box { background: rgba(255, 255, 255, 1); border-radius: 5px; position: relative; z-index: 1; padding: 10px 0; border: 1px solid rgba(0, 0, 0, 0.09); } .language_sub .box { background: rgba(255, 255, 255, 1); border-radius: 5px; position: relative; z-index: 1; padding: 10px 0; border: 1px solid rgba(0, 0, 0, 0.09); } .language_sub .box:before { content: ""; display: block; width: 10px; height: 10px; position: absolute; z-index: -2; bottom: calc(100% - 5px); left: 50%; transform: translateX(-50%) rotate(45deg); background: #fff; border: 1px solid rgba(0, 0, 0, .1); } .language_sub .box:after { position: absolute; content: ""; width: 100%; height: 100%; left: 0; bottom: 0; z-index: -1; border-radius: 10px; background: #fff; } .language_sub a { display: block; text-align: left; justify-content: flex-start !important; padding: 0.5rem 2rem; text-transform: uppercase; padding-left: 23%; font-size: .8125rem; color: #666; position: relative; z-index: 1; transition: .5s; } .language_sub a:hover { color: #23499e; }