/*@media (max-width:767px){ .container{width:96%;} } @media (min-width:768px) and (max-width:991px){ .container{width:700px;} } @media (min-width:992px) and (max-width:1199px){ .container{width:900px;} } @media (min-width:1200px) and (max-width:1399px){ .container{width:1100px;} } @media (min-width:1400px) and (max-width:1599px){ .container{width:1300px;} } @media (min-width:1600px){ .container{width:1600px;} }*/ .laz, .swiper-lazy-preloader img{background: url('../images/loding.svg') no-repeat center #f9f9f9 !important;width: 100%;} .swiper-lazy-preloader::after{display: none;} /* ------------------------------------ 放大镜样式 ----------------------------- */ .cloudzoom-lens{border:3px solid #888;width:100px;height:100px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4);cursor:crosshair;background:#fff;z-index:10}.cloudzoom-zoom{border:1px solid #888;width:500px;height:200px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);box-shadow:0 0 10px rgba(0,0,0,.4)}.cloudzoom-zoom-inside{border:none;-webkit-box-shadow:none;box-shadow:none}.cloudzoom-caption{display:none;text-align:left;background-color:#000;color:#fff;font-weight:700;padding:10px;font-family:sans-serif;font-size:11px}.cloudzoom-blank{background-image:url(../images/blank.png)}.cloudzoom-ajax-loader{background:url('../images/loding.svg') no-repeat center;width:32px;height:32px} .swiper-lazy-preloader{width: 100%;height: 100%;left: 0;top: 0;margin: 0;-webkit-animation:none;animation:none;} body{background-color: #fff;} /* -------------------------------- 客服代码样式 --------------------------- */ #kefu{position: fixed;z-index: 9999;right: 10px;top: 0;bottom: 0;margin:auto;} #kefu .box{background-color: #4b86b9;border-radius: 5px;height: 100%;padding:0 5px 5px;position: relative;} #kefu .kf-title{height: 43px;line-height: 43px;text-align: center;font-size: 16px;color: #fff;} #kefu ul{} #kefu ul li{line-height: 30px;width: 60px;height: 60px;background-color: #4b86b9;margin-bottom: 2px;border-radius: 3px;text-align: center;font-size: 25px;position: relative;} #kefu ul li a{color: #fff;display: block;padding-top: 5px;height: 100%;} #kefu ul li a i{font-size: 20px;} #kefu ul li a p{font-size: 12px;line-height: 100%;} #kefu ul li a .sub{position: absolute;opacity: 0;visibility: hidden;-webkit-transition: .5s; -o-transition: .5s; transition: .5s;} #kefu ul li a .sub.wx{right:100%;top: 0;background-color: #fff;border:solid 1px #eee;padding: 7px;margin-right: 2px;} #kefu ul li a .sub.wx img{max-width: 110px;width: 110px;} #kefu ul li a .sub.wx p{color: #555;text-align: center;font-size: 15px;line-height: 100%;padding: 5px 0;} #kefu ul li a .sub.tel{top: 0;background-color: #4b86b9;color: #fff;font-size: 18px;right: 100%;white-space:nowrap;padding: 0 20px;font-weight: bold;margin-right: -3px;border-radius: 3px;line-height: 60px;} #kefu ul li.active a .sub{opacity: 1;visibility: visible;} #kefu .kf-foot{text-align: center;color: #fff;padding-top: 10px;} #kefu .kf-foot .h4{font-size: 13px;margin-top: 5px;} #kefu .box .close{position: absolute;width: 24px;height: 24px;border-radius: 90px;background-color: #fff;text-align: center;line-height: 20px;right: -12px;top: -12px;font-size: 13px;cursor: pointer;border:solid 1px #00ac94;} .kefu{position: fixed;right: 10px;top: 0;bottom: 0;z-index: 999;} .kefu .kefu-box{background-color: #fff;border-radius: 5px;box-shadow: 0 0 15px rgba(0, 0, 0, .05);border:solid 1px #ddd;} .kefu .kefu-box > div{padding: 10px;text-align: center;} .kefu .kefu-box .qq{text-align: center;border-bottom: solid 1px #ddd;} .kefu .kefu-box .qq i{background-color: #4b86b9;color: #fff;border-radius: 90px;display: inline-block;font-size: 26px;margin-bottom: 5px;width: 50px;height: 50px;line-height: 50px;} .kefu .kefu-box .rx {border-bottom: solid 1px #ddd;} .kefu .kefu-box .rx h4{margin-bottom: 5px;font-weight: bold;font-size: 14px;} .kefu .kefu-box .rx p{font-size: 13px;color: red;} .kefu .kefu-box .watch img{width: 110px;} .wechat{position: relative;z-index: 60;} .help{padding-bottom: 10px;} .social-share{} .social-share a{margin-left: 10px;} .social-share .qq{width: 32px;height: 32px;text-align: center;line-height: 30px;border:solid 1px #56b6e7;color: #56b6e7;border-radius: 90px;} .social-share .qq:hover{background-color: #56b6e7;color: #fff;} .social-share .wechat{width: 32px;height: 32px;text-align: center;line-height: 30px;border:solid 1px #7bc549;color: #7bc549;border-radius: 90px;position: relative;} .social-share .wechat:hover{background-color: #7bc549;color: #fff;} .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:70;bottom:100%;margin-bottom: 10px;left:50%;margin-left: -100px;width:200px;color:#666;font-size:12px;text-align:center;background-color:#fff;-webkit-box-shadow:0 2px 10px #aaa;box-shadow:0 2px 10px #aaa;-webkit-transition:all 200ms;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;} .wechat-qrcode.bottom{top:40px;left:-84px} .wechat-qrcode.bottom:after{display:none} .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777} .wechat-qrcode .qrcode{width:105px;margin:10px auto} .wechat-qrcode .qrcode img{margin-bottom: 0!important;} .wechat-qrcode .qrcode table{margin:0!important} .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0;width: 100%;} .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} .wechat:hover .wechat-qrcode{display:block} .downs .wechat-qrcode{top: 100%;bottom: auto;margin-bottom: 0;margin-top: 10px;z-index: 30;} .downs .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;top:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:transparent transparent #f3f3f3 transparent} .social-share .weibo{width: 32px;height: 32px;text-align: center;line-height: 30px;border:solid 1px #ff763b;color: #ff763b;border-radius: 90px;} .social-share .weibo:hover{background-color: #ff763b;color: #fff;} .zylayout>div{width: 48%;} .red{color: #4b86b9;font-style: normal;} /* ------------------------- 头部样式 ------------------------------------------------ */ #header{padding: 0;z-index: 99999;background-color: #fff;-webkit-transition: .5s;transition: .5s;width: 100%;left: 0;top: 0;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .1);box-shadow: 0 0 20px rgba(0, 0, 0, .1);} #header .container{position: relative;height: 120px;z-index: 40;} #header .logo{} #header .logo img{margin-right: 20px; width: 120px;} #header .logo .logo-tit h1{font-size: 30px;color: #292929;font-weight: bold;margin-bottom: 14px;line-height: 100%;} #header .logo .logo-tit p{font-size: 19px;color: #2c2c2c;line-height: 100%;} /* ------------------------- 头部右边样式 ------------------------------------------------ */ /* #header .header-right a{margin-right: 40px;} #header .header-right a i{font-size: 24px;} */ #header .header-right .close{width: 110px;height: 110px;background-color: #4b86b9;color: #fff;cursor: pointer;z-index: 10;-webkit-transition: .5s;transition: .5s;} #header .header-right .close button{background: none;border:none;cursor: pointer;} #header .header-right .close button p{width: 40px;height: 4px;background-color: #fff;margin-bottom:8px;-webkit-transition: .4s;transition: .4s;} #header .header-right .close button p:last-child{margin-bottom: 0;} body.bodyshow #header .close button p{margin: 0;} body.bodyshow #header .close button p:nth-child(1){ -webkit-transform: matrix(1,0,0,1,0,6) rotate(45deg); transform: matrix(1,0,0,1,0,4) rotate(45deg);} body.bodyshow #header .close button p:nth-child(2){width: 0;opacity: 0;} body.bodyshow #header .close button p:nth-child(3){-webkit-transform: matrix(1,0,0,1,0,-6) rotate(-45deg); transform: matrix(1,0,0,1,0,-4) rotate(-45deg);} /* #header .header-right .weixin{position: relative;} #header .header-right .weixin .weixin-box{position: absolute;top: 50%;width: 80px;height: 80px;right: 130%;margin-top: -40px;visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;} #header .header-right .weixin .weixin-box img{border:solid 1px #ddd;} #header .header-right .weixin .weixin-box.active{opacity: 1;visibility: visible;} */ #header .header-right .weixin {margin:0 10px;margin-right: 20px;} #header .header-right .weixin img{width: 90px;border:solid 1px #ddd;} #header .header-right{} #header .header-right img{height: 85px;margin-right: 30px;} #header .header-right .tel{color: #818181;font-size: 14px;margin-right: 15px;} #header .header-right .tel i{font-size: 25px;display: block;width: 50px;height: 50px;line-height: 50px;text-align: center;border:solid 1px #4b86b9;border-radius: 90px;margin-right: 15px;color: #4b86b9;} #header .header-right .tel h3{font-size: 30px;color: #2a2a2a;} /* ------------------------- 导航样式 -------------------------------------- */ .navtaion{position: relative;z-index: 40;background-color: #4b86b9;} .navtaion .box{} .navtaion ul{} .navtaion ul{width: 100%;} .navtaion ul li{position: relative;z-index: 10;} .navtaion ul li:first-child a i{margin-right: 5px;} .navtaion ul li a{color: #fff;text-transform: uppercase;display: block;font-size:17px;position: relative;line-height: 60px;height: 60px;text-align: center;padding: 0 35px;white-space: nowrap;} .navtaion ul li a span{position: relative;z-index: 10;line-height: 100%;} .navtaion ul li a:hover{color: #fff;background-color: #2e2e2e;} .navtaion ul li.active a{color: #fff;background-color: #2e2e2e;} .navtaion ul li.search i{font-size: 24px;} .navtaion ul li .ul{position: absolute;left: 0;top: 100%;margin-top: 10px;opacity: 0;border-radius: 3px; z-index: 0; background-color:#4b86b9;padding: 10px;-webkit-transform: translateY(50px);transform: translateY(50px);visibility: hidden;} .navtaion ul li .ul::before{content: '';display: block;width: 0;height: 0;top: -20px;left: 0;right: 0;margin:auto;position: absolute; border: 10px solid;border-color: transparent transparent #4b86b9;} .navtaion ul li .ul a::before{display: none;} .navtaion ul li .ul .li{-ms-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .navtaion ul li .ul .li a{padding:0 2rem;font-size: 15px;z-index: 5;background: none;color: #fff;border-radius: 0;line-height: 40px;height: 40px;} .navtaion ul li .ul .li a:hover{color: #fff;background-color: #2e2e2e;} .navtaion ul li .ul.open{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);visibility: visible;} #banner{position: relative;overflow: hidden;height: 100%;} #banner .container{overflow: hidden;height: 100%;position: relative;z-index: 30;} #banner .swiper-slide .text{position: absolute;left: 0;top: 0;height: 100%;width: 100%;} #banner .swiper-slide{width: 100%;overflow: hidden;} #banner .swiper-slide .swiper-slide-bg{overflow: hidden;} #banner .swiper-slide img{max-width: none; width: auto;position: relative;left: 50%;margin-left: -960px;} #banner .swiper-slide .box{width: 100%;text-align: center;} #banner .swiper-slide em{font-size: 30px;color: #fff;margin-bottom: 20px;display: block;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);} #banner .swiper-slide h1{color: #fff;font-size: 60px;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);font-weight: bold;} #banner .swiper-slide h1::after{content: '';display: block;width: 35px;height: 5px;background-color: #fff;margin:20px auto;} #banner .swiper-slide p{font-size: 30px;color: #fff;text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);font-weight: normal;margin-bottom: 40px;} #banner .swiper-slide .view-more{} #banner .swiper-slide .view-more a{display: block;width: 167px;height: 50px;line-height: 50px;background-color: #4b86b9;text-align: center;color: #fff;font-size: 18px;margin:0 auto;-webkit-transition: .5s;transition: .5s;} #banner .swiper-slide .view-more a:hover{background-color: #0757bf;} #banner .swiper-pagination{bottom: 30px;} #banner .swiper-pagination .swiper-pagination-bullet{width: 15px;height: 15px;background:#fff;opacity: 1;margin: 0 10px ;-webkit-transition: .5s;transition: .5s;} #banner .swiper-pagination .swiper-pagination-bullet-active{background-color: #4b86b9;opacity: 1;} .nav-mask{position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .5);visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;z-index: 50;} body.bodyshow .main .nav-mask{visibility: visible;opacity: 1;} .nav-mask.active{visibility: visible;opacity: 1;} .slide{height: 400px;position: relative;} /*.slide::before{content:'';position:absolute;background:rgba(0,0,0,0.1);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}*/ .slide .container{height: 100%;position: relative;z-index: 2;} .slide .container .text{padding-top: 90px;text-align: center;} .slide .container h1{font-size: 45px;line-height: 100%;color: #fff;font-weight: bold;text-transform: uppercase;margin-bottom: 15px;} /*.slide .container h1::after{content: '';display: block;width: 40px;background-color: #fff;height: 3px;margin:20px 0;} */ .slide .container p{font-size: 20px;color: #fff;} #im1 { height: 260px; } .tit{margin-bottom: 40px;} .tit h1{font-size: 40px;color: #181818;text-align: center;line-height: 100%;margin-bottom: 20px;} .tit p{font-size: 18px;color: #5d5c5c;text-align: center;line-height: 100%;} .ptb70{padding: 70px 0;} .pt70{padding-top: 70px;} .pb70{padding-bottom: 70px;} .ptb55{padding: 55px 0;} .pt55{padding-top: 55px;} .pb55{padding-bottom: 55px;} /* ==================================== 底部 ==================================== */ #footer{background: url(../images/footbg.png) no-repeat 10% center #2d2c32;} #footer .bottom-con{height: 120px;background-color: #222127;} #footer .bottom-con .container{height: 100%;color: #fff;} #footer .bottom-con dl{position: relative;} #footer .bottom-con dl::after{content:'';display: block;width: 1px;height: 100%;background-color: rgba(255,255,255,.08);position: absolute;right: -90px;top: 0;} #footer .bottom-con dl:last-child::after{display: none;} #footer .bottom-con dl dt{margin-right: 15px;} #footer .bottom-con dl dt i{color: #4b86b9;font-size: 24px;} #footer .bottom-con dl dd h3{font-size: 18px;margin-bottom: 5px;} #footer .bottom-con dl dd p{color: rgba(255,255,255,.7);font-size: 14px;} .bottom-nav{font-size: 13px;color: rgba(255,255,255,.6);padding: 85px 0;} .bottom-nav .logo{} .bottom-nav .logo img{margin-bottom: 20px;width: 100px;} .bottom-nav .logo h1{font-size: 20px;color: #fff;margin-bottom: 5px;} .bottom-nav .logo p{font-size: 14px;color: rgba(255,255,255,.6);} .bottom-nav dl{position: relative;width: 320px;} .bottom-nav dl dt{font-size: 18px;color: #fff;margin-bottom: 20px;} .bottom-nav dl dd p{width: 50%;} .bottom-nav dl dd a{color: rgba(255, 255, 255, .7);font-size: 14px;line-height: 30px;} .bottom-nav dl dd a:hover{color: #fff;} .bottom-nav dl.con{ } .bottom-nav dl.con dt i{background-color: #fff;border-radius: 3px;color: #333;text-align: center;margin-right: 15px;font-size: 15px;padding: 3px;} .bottom-nav dl.con dd p{width: 100%;line-height: 24px;font-size: 14px;line-height: 40px;} .bottom-nav dl.con dd h1{font-size: 30px;color: #95cd12;margin-bottom: 15px;font-family: Anton;line-height: 35px;} .bottom-nav dl.con dd.conlist{} .bottom-nav dl.con dd.conlist .tit{color: #fff;} .bottom-nav dl.con dd.conlist p{position: relative;padding-left: 30px;line-height: 24px;margin-bottom: 30px;} .bottom-nav dl.con dd.conlist p.add{line-height: 24px;margin-bottom: 10px;} .bottom-nav dl.con dd.conlist p i{margin-right: 10px;position: absolute;left: 0;top: 2px;} .bottom-nav dl.watch{width: auto;} .bottom-nav dl.watch dd{margin-bottom: 30px;text-align: center;} .bottom-nav dl.watch dd img{margin-bottom: 10px;} .bottom-nav dl.watch dd p{text-align: center;width: 100%;} .bottom-nav dl.watch dd .share a{width: 26px;height: 26px;background-color: #575757;border-radius: 90px;display:block;text-align: center;line-height: 26px;color: rgba(255,255,255,.7);margin-left: 10px;} .bottom-nav dl.watch dd .share a:hover{background-color: #4b86b9;color: #fff;} .bottom-nav dl.watch dd .share a i{font-size: 15px;} .links {color: #fff;margin-bottom: 30px;font-size: 14px;} .links a{color: rgba(255, 255, 255, .5);} .links a:hover{color: #fff;} .foot-bottom{line-height: 70px;border-top: solid 1px rgba(255, 255, 255, .2);font-size: 14px;color: rgba(255, 255, 255, .7);} .foot-bottom a{color: rgba(255, 255, 255, .7);} .foot-bottom a:hover{color: #fff;} .prodes{line-height: 28px;color: #777;margin-bottom: 30px;font-size: 14px;} .catpos {padding: 20px 0;color: #666;font-size: 16px;} .catpos i{margin-right: 10px;} .catpos a{color: #666;} .catpos a:hover{color: #4b86b9;} .crumbs{font-size: 15px;color: #666;} .crumbs .curcatname{display: none;width: 100%;} .crumbs .curcatname i{font-weight: bold;width: 35px;height: 35px;display: block;line-height: 35px;text-align: center;} .crumbs .subnav ul{margin: 0 -1px;} .crumbs .subnav li{margin: 0 1px;width: 25%;line-height: 55px;} .crumbs .subnav li a{color: #333;background-color: #efefed;display: block;text-align: center;font-size: 18px;} .crumbs .subnav li a:hover{color: #4b86b9;} .crumbs .subnav li.on {} .crumbs .subnav li.on a{color: #b91c28} .page-navbar-vertical-tree{background-color: #fff;width: 250px;margin-bottom: 50px;} .page-navbar-vertical-tree .boxs{position: relative;} .page-navbar-vertical-tree .curshow .downmenu{content:'';display:block;position:absolute;width:12px;height:12px;border-top:solid 1px #333;border-right:solid 1px #333;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:3px;top:0;bottom:0;margin:auto;display: none;} .page-navbar-vertical-tree .curshow .icon{margin-right: 10px;} .page-navbar-vertical-tree .curshow .text{line-height: 100%;text-align: center;font-size: 16px;padding-top: 10px;} .page-navbar-vertical-tree .curshow .text p{font-size: 25px;margin-bottom: 12px;} .page-navbar-vertical-tree{position:relative;} .page-navbar-vertical-tree .curshow{font-size:24px;text-align:center;position:relative;z-index:9;overflow: hidden;text-align: center;background-color: #4b86b9;line-height: 90px;margin-bottom: 2px;color: #fff;padding: 15px 0;} .page-navbar-vertical-tree ul{} .page-navbar-vertical-tree ul.clearfix li{border-top: none;overflow: hidden;margin-bottom: 2px;} .page-navbar-vertical-tree ul.clearfix li:last-child{margin-bottom: 0;} .page-navbar-vertical-tree ul.clearfix li a{font-size:16px;display:block;background-color: #ececec;color: #444;} .page-navbar-vertical-tree ul.clearfix li a.level{line-height: 50px;height: 50px;text-indent:30px;} .page-navbar-vertical-tree ul.clearfix li a:hover{color: #fff;background-color: #2b2b2b;} .page-navbar-vertical-tree ul.clearfix li a.active{color: #fff;background-color: #2b2b2b;} .page-navbar-vertical-tree ul.clearfix li .sub{border-right: solid 1px #ececec;border-left: solid 1px #ececec;display: none;} .page-navbar-vertical-tree ul.clearfix li .sub.active{display: block;} .page-navbar-vertical-tree ul.clearfix .sub:last-child{border-bottom: solid 1px #ececec;} .page-navbar-vertical-tree ul.clearfix li .sub .li{border-bottom: solid 1px #ececec;} .page-navbar-vertical-tree ul.clearfix li .sub .li:last-child{border-bottom: none;} .page-navbar-vertical-tree ul.clearfix li .sub .li a{background-color: #fff;font-size: 15px;line-height: 45px;text-indent: 40px;position: relative;color: #666} .page-navbar-vertical-tree ul.clearfix li .sub .li a::after{content: '';display: block;width: 10px;height: 10px;border-top: solid 2px #ccc;border-right: solid 2px #ccc;position: absolute;right: 30px;top: 0;bottom: 0;margin:auto;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);} .page-navbar-vertical-tree ul.clearfix li .sub .li a:hover{color: #2b2b2b;} .page-navbar-vertical-tree ul.clearfix li.active .sub .li a{color: #666} .page-navbar-vertical-tree ul.clearfix li .sub .li.active a{color: #b91c28} .cbgg-01{background:#4b86b9;text-align:center;color:#fff;} .cbgg-01-img img{width:100%;display:block;} .cbgg-01 p{padding-top:15px;} .cbgg-01 p i{margin-right:5px;} .cbgg-01 span{display:block;font-size:28px;font-weight:bold;font-family:Arial;padding-bottom:20px;padding-top:10px;} #search-wrap{border-bottom: solid 1px #eee;} #search-wrap .container{height: 80px;} #search-wrap .l {font-size: 14px;color: #7d7d7d;display: none;} #search-wrap .l b{color: #222;} #search-wrap .l a{margin-right: 15px;color: #777;} #search-wrap .l a:hover{color: #b91c28} #search-wrap .search{width: 500px;} #search-wrap .search input[type='text']{border:none;padding: 5px;border-left: solid 1px #ccc;padding-left: 30px;width: 85%;} #search-wrap .search button{border:none;background: none;cursor: pointer;font-size: 22px;width: 15%;background-color: #4b86b9;color: #fff;} #search-wrap .search button i{font-size: 22px;color: #fff;} #search-wrap.pagesearch{background-color: #f2f2f2;border-bottom: none;} #search-wrap.pagesearch .search input{background: none;} .xh-tags{margin: 0 -10px;} .xh-tags li{background-color: #666;color: #fff;padding: 0 15px;margin: 0 10px;} /** * ============================== 产品 =================================== */ #product{} #product .navbar{margin-bottom: 45px;} #product .navbar ul{margin: 0 -8px;} #product .navbar ul li{width: 25%;margin: 0 8px;line-height: 60px;position: relative;} #product .navbar li a{background-color: #f1f1f1;display: block;text-align: center;font-size: 18px;position: relative;} #product .navbar li a.tleavl::after{content: '';display: block;width: 8px;height: 8px;background-color: #fff;border-radius: 90px;position: absolute;bottom: -4px;left: 0;right: 0;margin:auto;z-index: 40;display: none;} #product .navbar li a i{font-size: 22px;margin-left: 10px;} #product .navbar ul li .sub{position: absolute;top: 100%;left: 0;width: 100%;z-index: 30;background-color: #4b86b9;display: none;} #product .navbar ul li .sub .li{line-height: 45px;border-top: dotted 1px rgba(255,255,255,.3);} #product .navbar ul li .sub .li a{background-color: #4b86b9;color: #fff;font-size: 15px;} #product .navbar li:hover a.tleavl::after{display: block;} #product .navbar ul li:hover a{background-color: #4b86b9;color: #fff;} #product .navbar ul li:hover .sub{display: block;} #product .navbar ul li .sub .li a:hover{background-color: #2e2e2e;} #product .list{overflow: hidden;} #product .list .bigimgbox{position: relative;margin-bottom: 20px;} #product .list .bigimg{} #product .list .bigimg .img{width: 877px;overflow: hidden;} #product .list .bigimg .img img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} #product .list .bigimg .img a:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} #product .list .bigimg .text{width: 523px;padding: 60px;border:solid 1px #ddd;} #product .list .bigimg .text h1{font-size: 36px;color: #292929;line-height: 100%;} #product .list .bigimg .text h1::after{content:'';width: 22px;height: 3px;background-color: #4b86b9;display: block;margin: 20px 0;} #product .list .bigimg .text h4{font-size: 20px;color: #3b3b3b;line-height: 100%;margin-bottom: 30px;} #product .list .bigimg .text p{font-size: 15px;color: #787878;line-height: 30px;margin-bottom: 130px;} #product .list .bigimg .text .btn a{display: block;width: 130px;line-height: 40px;background-color: #2b2b2b;color: #fff;text-align: center;font-size: 14px;} #product .list .bigimg .text .btn a:nth-child(2){background-color: #4b86b9;margin-left: 2px;} #product .list .bigimg .text .btn a i{margin-right: 5px;} #product .list .bigimgbox .swiper-pagination{bottom: 0;width: auto;right: 20px;bottom: 20px;left: auto;} #product .list .bigimgbox .swiper-pagination .swiper-pagination-bullet{width: 20px;height: 4px;border-radius: 0;} #product .list .bigimgbox .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color: #4b86b9;} #product .list .small_list{margin-bottom: 80px;} #product .list .small_list ul{margin: 0 -19px;} #product .list .small_list ul li{width: 25%;margin: 0 19px;} #product .list .small_list ul li .img{border:solid 1px #e2e2e2;overflow: hidden;} #product .list .small_list ul li .img img{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} #product .list .small_list ul li a:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} #product .list .small_list ul li p{background-color: #f0f0f0;padding: 20px 0;text-align: center;font-size: 18px;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} #product .list .small_list ul li p em{display: block;width: 96px;line-height: 30px;background-color: #fff;border-radius: 90px;border:solid 1px #ddd;font-size: 12px;margin: 10px auto 0;font-style: normal;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;} #product .list .small_list ul li a:hover p{background-color: #4b86b9;color: #fff;} #product .list .small_list ul li a:hover p em{background-color: #2b2b2b;border-color: #2b2b2b;} #product .list .tel{text-align: center;font-size: 30px;color: #282627;line-height: 100%;} #product .list .tel i{color: #4b86b9;font-size: 30px;margin-right: 15px;} #tedian{background-color: #f6f6f6;padding-bottom: 150px;position: relative;} #tedian .tit{margin-bottom: 65px;} #tedian .list dl{text-align: center;width: 25%;padding: 0 30px;} #tedian .list dl dt{margin-bottom: 30px;position: relative;} #tedian .list dl dt img{} #tedian .list dl dt .icon{position: absolute;width: 100%;height: 100%;left: 0;top: 0;-webkit-transition: 1s; -o-transition: 1s; transition: 1s;} #tedian .list dl dt .icon i{display: block;width: 60px;height: 60px;background-color: #4b86b9;color: #fff;border-radius: 90px;line-height: 60px;font-size: 28px;} #tedian .list dl:hover dt .icon{-webkit-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg);} #tedian .list dl dd h3{font-size: 27px;color: #262525;line-height: 100%;} #tedian .list dl dd h3::after{content:'';display: block;height: 4px;width: 20px;background-color: #676767;margin: 20px auto;} #tedian .list dl dd p{font-size: 16px;color: #707070;line-height: 28px;} #tedian .list dl:hover dd h3{color: #4b86b9;} #tedian .tel-view{position: absolute;width: 100%;bottom: -27px;left: 0;} #tedian .tel-view .tel{line-height: 54px;background-color: #2b2b2b;color: #fff;width: 240px;text-align: center;font-size: 18px;} #tedian .tel-view .tel i{margin-right: 10px;} #tedian .tel-view .view{display: block;width: 240px;line-height: 54px;color: #fff;background-color: #4b86b9;text-align: center;font-size: 18px;} /** * ============================== 关于我们 =================================== */ #about{overflow: hidden;background-color: #f9f9f9;} #about .tit h1{} #about .tit p{font-size: 18px;} #about .list{margin-bottom: 70px;} #about .list .img{margin-bottom: 70px;} #about .list .text{text-align: center;} #about .list .text h1{font-size: 36px;font-weight: bold;color: #222222;line-height: 100%;margin-bottom: 20px;position: relative;} #about .list .text h3{font-size: 20px;color: #373737;line-height: 100%;margin-bottom: 30px;} #about .list .text p{font-size: 16px;color: #696868;line-height: 36px;margin-bottom: 50px;} #about .list a.more{width: 140px;line-height: 40px;background-color: #4b86b9;color: #fff;display: block;font-size: 14px;border-radius: 3px;text-align: center;margin: auto} #about .number{margin-bottom: 60px;} #about .number dl{position: relative;width: 25%;padding: 0 60px;} #about .number dl:first-child::before{content: '';display: block;width: 1px;height: 100%;background-color: #dfdfdf;position: absolute;left: 0;top: 0;} #about .number dl::after{content: '';display: block;width: 1px;height: 100%;background-color: #dfdfdf;position: absolute;right: 0;top: 0;} #about .number dl dt{margin-bottom: 5px;} #about .number dl dt h1{font-size: 55px;color: #292829;line-height: 100%;font-family: Montserrat;margin-right: 5px;} #about .number dl dt em{display: block;width: 22px;height: 22px;border-radius: 90px;background-color: #4b86b9;color: #fff;font-style: normal;line-height: 22px;text-align: center;} #about .number dl dd{font-size: 15px;color: #666666;text-align: center;} .hidden{visibility: hidden;opacity: 0;} #youshi{overflow: hidden;padding-bottom: 20px;} #youshi .youshibox{position: relative;box-shadow: 0 0 10px rgba(0,0,0,.05);} #youshi .list{position: relative;background: url(../images/youshibg.jpg) no-repeat left top;} #youshi .list .navbar{height: 150px;} #youshi .list .navbar ul{width: 100%;} #youshi .list .navbar ul li{font-size: 24px;width: 25%;text-align: center;line-height: 100%;border-right: solid 1px #c8c8c8;} #youshi .list .navbar ul li:last-child{border-right: none;} #youshi .list .navbar ul li a{color: #242424;} #youshi .list .navbar ul li a i{font-size: 30px;margin-right: 10px;} #youshi .list .navbar ul li.active a{color: #4b86b9;} #youshi .li{position: absolute;left: 0;top: 0;} #youshi .li .text{background-color: #fff;z-index: 30;color: #fff;font-size: 14px;width: 467px;padding: 65px 45px;} #youshi .li .text .tits-box{position: relative;} #youshi .li .text .tits-box::before{content:'';width: 5px;height: 100px;background-color: #4b86b9;display: block;position: absolute;left: -45px;top: 0;} #youshi .li .text .tits-box .num{font-size: 40px;line-height: 100%;color: #242424;margin-bottom: 15px;padding-top: 10px;} #youshi .li .text .tits-box h1{line-height: 100%;font-size: 26px;color: #242424;margin-bottom: 45px;} #youshi .li .text .desc{font-size: 14px;line-height: 26px;color: #606060;margin-bottom: 60px;} #youshi .li .text .desc p{margin-bottom: 30px;position: relative;padding-left: 15px;} #youshi .li .text .desc p:last-child{margin-bottom: 0;} #youshi .li .text .desc p::before{content:'';display: inline-block;width: 0;height: 0;border:solid 7px;border-color: transparent transparent transparent #4b86b9;position: absolute;top: 5px;left: 0;} #youshi .li .text a{display: block;width: 200px;line-height: 50px;border:solid 2px #343434;text-align: center;line-height: 48px;font-size: 16px;} #youshi .li .img{width: 1193px;} /*#youshi .list .prev{width: 50%;height: 100%;position: absolute;left: -713px;top: 0;background-color: rgba(255,255,255,.8);z-index: 60;} #youshi .list .prev a{width: 53px;height: 53px;text-align: center;line-height: 53px;background-color: rgba(0,0,0,.6);} #youshi .list .prev a:hover{background-color: #4b86b9;} #youshi .list .prev a i{color: #fff;font-size: 36px;} #youshi .list .next{width: 50%;height: 100%;position: absolute;right: -713px;top: 0;background-color: rgba(255,255,255,.8);z-index: 60;} #youshi .list .next a{width: 53px;height: 53px;text-align: center;line-height: 53px;background-color: rgba(0,0,0,.6);} #youshi .list .next a:hover{background-color: #4b86b9;} #youshi .list .next a i{color: #fff;font-size: 36px;}*/ /** * ============================== 视频 =================================== */ #video{background: url('../images/videobg.jpg') no-repeat center top;overflow: hidden;} #video .container{height: 650px;text-align: center;} #video .container h4{font-size: 30px;color: #fff;line-height: 100%;margin-bottom: 30px;} #video .container h1{font-size: 60px;color: #fff;line-height: 100%;margin-bottom: 60px;} #video .container a i{font-size: 55px;color: #fff;line-height: 100%;} #video-diog{position: fixed;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, .4);z-index: 20;visibility: hidden;opacity: 0;-webkit-transition: .5s;transition: .5s;} #video-diog .video-box{width: 60%;height: 70%;background-color: #fff;position: relative;-webkit-box-shadow: 0 0 70px rgba(0, 0, 0, .08);box-shadow: 0 0 70px rgba(0, 0, 0, .08);font-size: 20px;color: #666;-webkit-transition: .5s;transition: .5s;-webkit-transform: scale(0) translateY(100%);transform: scale(0) translateY(100%);opacity: 0;border-radius: 3px;padding: 20px;} #video-diog .video-box .close{position: absolute;width: 50px;height: 50px;background-color: #333;border-radius: 90px;text-align: center;line-height: 50px;right: -25px;top: -25px;-webkit-transition: .8s;transition: .8s;} #video-diog .video-box .close i{color: #fff;} #video-diog .video-box .close:hover{-webkit-transform: rotate(360deg);transform: rotate(360deg);background-color: #0079c2;} #video-diog .video-box video{width: 100%;height: 100%;-o-object-fit: fill;object-fit: fill;} #video-diog.active{opacity: 1;visibility: visible;} #video-diog.active .video-box{-webkit-transform: scale(1) translateY(0);transform: scale(1) translateY(0);opacity: 1;} /** * ============================== 案例 =================================== */ #case{overflow: hidden;padding-top: 100px;} #case .navbar{width: 328px;} #case .navbar ul{width: 100%;height: 100%;} #case .navbar ul li {width: 100%;height: 105px;} #case .navbar ul li a{font-size: 16px;color: #4a4949;background-color: #f1f1f1;display: block;padding: 0 50px;-webkit-transition: .5s;transition: .5s;height: 100%;} #case .navbar ul li.active a{background-color: #4b86b9;color: #fff;border-color: #4b86b9;} #case .navbar ul li a h4{font-size: 20px;color: #343434;} #case .navbar ul li a p{font-size: 14px;color: #8c8b8b;} #case .navbar ul li a i{font-size: 40px;margin-right: 15px;width: 45px;} #case .navbar ul li.active a h4{color: #fff;} #case .navbar ul li.active a p{color: #fff;} #case .list{overflow: hidden;margin-bottom: 25px;} #case .list .bbox{margin: 0 -10px;} #case .list .casebox{width: 1040px;overflow: hidden;} #case .list .casebox a{position: relative;display: block;} #case .list .casebox a .img{overflow: hidden;} #case .list .casebox a .img video{object-fit:fill;} #case .list .casebox a .img img{-webkit-transition: .5s;transition: .5s} #case .list .casebox a .img iframe{height: 508px;width: 1040px;} #case .list .casebox a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)} #case .list .casebox .text{width: 100%;background: #f6f6f6;padding: 40px;font-size: 15px;color: #818181;-webkit-transition: .5s;transition: .5s;} #case .list .casebox .text .left{width: 80%;} #case .list .casebox .text h4{font-size: 20px;color: #2b2b2c;margin-bottom: 10px;} #case .list .casebox .text p{line-height: 25px;} #case .list .casebox .text em{display: block;width: 43px;height: 43px;border: solid 1px #b9b9b9;text-align: center;border-radius: 90px;line-height: 41px;font-size: 30px;font-style: normal;} #case .list .casebox a:hover .text em{background-color: #4b86b9;color: #fff;border-color: #4b86b9;} .hzkf{overflow: hidden;} .hzkf ul li{} .hzkf ul li img{border:solid 1px #d7d7d7;} .cptx dl dt{font-size: 20px;font-weight: bold;} #news {padding-bottom: 120px;} #news .list {} #news .list .left{width: 670px;} #news .list .left .t{margin-bottom: 30px;} #news .list .left .t ul li{font-size: 20px;margin-right: 40px;position: relative;} #news .list .left .t ul li a{color: #444444;position: relative;z-index: 10;text-align: center;} #news .list .left .t ul li::after{content:'';width: 84px;height: 6px;background-color: #4b86b9;display: none;position: absolute;bottom: 2px;left: -2px;z-index: 0;} #news .list .left .t ul li.active a{font-weight: bold;color: #1a1a1a;} #news .list .left .t ul li.active::after{display: block;} #news .list .left .t a.more{font-size: 14px;color: #5d5c5c;font-weight: normal;} #news .list .left .l .t-img{position: relative;} #news .list .left .l .t-img .tags{width: 210px;background-color: #4b86b9;text-align: center;color: #fff;font-weight: bold;font-size: 36px;line-height: 100%;margin: 0;} #news .list .left .l .box{position: relative;} #news .list .left .l .li{position: absolute;left: 0;top: 0;} #news .list .left .l dl{border-bottom: solid 1px #ececec;padding-bottom: 25px;margin-bottom: 25px;} #news .list .left .l dl dt{font-size: 22px;padding: 20px 0;} #news .list .left .l dl dt a{overflow: hidden;-ms-text-overflow: ellipsis; text-overflow: ellipsis;white-space: nowrap;padding-right: 30px;} #news .list .left .l dl dt span{font-size: 14px;color: #8e8e8f;} #news .list .left .l dl dd{color: #737373;font-size: 13px;line-height: 24px;} #news .list .left .l ul li{line-height: 30px;} #news .list .left .l ul li a{font-size: 15px;color: #3e3d3d;} #news .list .left .l ul li a:hover{color: #4b86b9;} #news .list .left .l ul li span{font-size: 15px;color: #a6a6a6;} #news .list .right{width: 670px;border-bottom: solid 1px #e4e4e4;} #news .list .right .t{margin-bottom: 30px;font-size: 20px;font-weight: bold;color: #1a1a1a;} #news .list .right .t .more{font-size: 14px;color: #5d5c5c;font-weight: normal;} #news .list .right .l .t-img{margin-bottom: 20px;} #news .list .right{position: relative;padding-bottom: 65px;} #news .list .right .l .faqbox{overflow: hidden;} #news .list .right .l dl{position: relative;padding-left: 30px;} #news .list .right .l dl:before{content: '?';display: block;position: absolute;left: 0;top: 3px;width: 18px;height: 18px;background-color: #4b86b9;color: #fff;text-align: center;border-radius: 90px;} #news .list .right .l dl dt{margin-bottom: 15px;} #news .list .right .l dl dt a{font-size: 18px;color: #242424;-ms-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} #news .list .right .l dl dt a:hover{color: #4b86b9;} #news .list .right .l dl dd{color: #858585;font-size: 13px;line-height: 25px;} #news .list .right .l dl dd a.more{display: block;margin-top: 25px;font-size: 13px;color: #4b86b9;} #news .list .right .pageing{position: absolute;bottom: -7px;width: 100%;left: 0;height: 12px;} #news .list .right .swiper-pagination{position: static;background-color: #fff;padding: 0 5px;} #news .list .right .swiper-pagination .swiper-pagination-bullet{width: 12px;height: 12px;background-color: #bdbdbd;margin: 0 3px;opacity: 1;} #news .list .right .swiper-pagination .swiper-pagination-bullet-active{background-color: #4b86b9;} #service{background: url(../images/servicebg.jpg) no-repeat center fixed;position: relative;} #service::before{content:'';background-color: rgba(0,0,0,.4);position: absolute;width: 100%;height: 100%;top: 0;left: 0;} #service .container{position: relative;z-index: 20;} #service .tit h1{color: #fff;} #service .tit p{color: #fff;} #service .list{margin: 0 -8px;} #service dl{width: 20%;text-align: center;position: relative;background-color: #f2f9f3;margin: 0 8px;height: 350px;} #service dl::after{content: '';display: block;position: absolute;right: 10px;top: 10px;left: 10px;bottom: 10px;border:solid 2px #ddeddf;} #service dl dd{background: url(../images/service1.png) repeat;padding:10px 32px;} #service dl dd .num{font-size: 48px;font-family: Montserrat;line-height: 100%;color: #8f8f8f;} #service dl dd .icon{margin: 10px 0 10px;} #service dl dd .icon i{font-size: 50px;color: #333333;} #service dl dd h1{font-size: 17px;color: #333232;} #service dl:hover{background-color: #4b86b9;} #service dl:hover::after{border-color: rgba(255,255,255,.4);} #service dl:hover dd{background: url(../images/service2.png) repeat;} #service dl:hover dd .num{color: #fff;} #service dl:hover dd .icon i{color: #fff;} #service dl:hover dd h1{color: #fff;} .p-kehu ul{margin: 0 -10px;} .p-kehu ul li{width: 20%;padding: 0 10px;margin-bottom: 20px;} .p-kehu ul li img{border:solid 1px #ddd;margin-bottom: 10px;} .p-kehu ul li .h3{text-align: center;font-size: 16px;} .pages .about-top h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;} .pages .about-top h4{font-size: 24px;color: #4b86b9;margin-bottom: 20px;line-height: 100%;} .pages .about-top h5{font-size: 20px;color: #4b86b9;margin-bottom: 10px;line-height: 100%;} .pages .about-top h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;} .pages .about-top .sub{padding-left: 30px;} .pages .about-top .list{font-size: 17px;color: #444;line-height: 2;} .pages table{border-collapse:collapse;width: 100%;margin-bottom: 70px;} .pages tbody td{border-bottom: 1px solid #ccc;} .pages table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);} .pages table thead td{font-size: 20px;white-space: nowrap;color: #fff;padding: 20px 0} .pages table tbody td{font-size: 15px;color: #666;} .pages table td{padding: 20px 2%;line-height: 1.8;} .pages table tbody tr td:first-child{text-align: center;} .pages .ys{padding: 70px 0;background-color: #f8f8f8;margin-bottom: 70px;width: 1920px;left: 50%;margin-left: -960px;position: relative;} .pages .td em{background: #4b86b9;color: #fff;padding: 4px 10px;margin-right: 10px;} .pages-about{line-height: 2;font-size: 16px;color: #555;overflow: hidden;} .pages-about .about-top{margin-bottom: 60px;} .pages-about .about-top .img{margin-bottom: 30px;} .pages-about .about-top .left{text-align: center;} .pages-about .about-top h1{font-size: 30px;color: #222;margin-bottom: 20px;line-height: 100%;} .pages-about .about-top p{font-size: 20px;margin-bottom: 30px;} .pages-about .about-top h4{font-size: 24px;color: #4b86b9;padding-top: 20px;} .pages-about .about-top .list{font-size: 15px;color: #444;line-height: 28px;} .pages-about .about-top .right .img{position: relative;padding: 30px 30px 0 0} .pages-about .about-top .right .img img{position: relative;z-index: 20;} .pages-about .about-top .right .img::after{content: '';display: block;position: absolute;background-color: #4b86b9;top: 0;right: 0;width: 500px;height: 500px;} .pages-about .number{position: relative;margin-bottom: 70px;} .pages-about .number::after{content: '';display: block;position: absolute;top: 0;width: 1920px;background-color: #f9f9f9;height: 100%;left: 50%;margin-left: -960px;} .pages-about .number > div{position: relative;z-index: 20;} .pages-about .number dl{position: relative;width: 25%;padding: 0 90px;} .pages-about .number dl:first-child::before{content: '';display: block;width: 1px;height: 100%;background-color: #dfdfdf;position: absolute;left: 0;top: 0;} .pages-about .number dl::after{content: '';display: block;width: 1px;height: 100%;background-color: #dfdfdf;position: absolute;right: 0;top: 0;} .pages-about .number dl dt{border-bottom: solid 1px #ddd;margin-bottom: 5px;padding-bottom: 5px;} .pages-about .number dl dt h1{font-size: 55px;color: #292829;line-height: 100%;font-family: Montserrat;margin-right: 5px;} .pages-about .number dl dt em{display: block;width: 22px;height: 22px;border-radius: 90px;background-color: #4b86b9;color: #fff;font-style: normal;line-height: 22px;text-align: center;} .pages-about .number dl dd{font-size: 15px;color: #666666;line-height: 25px;} .pages-about .fencai {overflow: hidden;margin-bottom: 50px;} .pages-about .fencai li p{text-align: center;padding-top: 15px;} .se-result{border:solid 1px #ddd;padding: 25px;font-size: 16px;color: #666;} .xtzc h3{display: inline-block;background-color: #4b86b9;color: #fff;font-weight: bold;padding: 5px 15px;border-top-left-radius: 10px;} .xtzc .img{border:solid 1px #ddd;} .xtzc .img p{text-align: center;padding: 10px 0;} .yjbj{display: inline-block;background-color: #4b86b9;color: #fff;font-weight: bold;padding: 5px 15px;border-top-left-radius: 10px;margin: 0!important;} .ydfx{width: 70%;margin-left: 20px;height: 100%;border:solid 1px #ddd;} .ydfx li{width: 33.33%;background-color: #f7f7f7;height: 45px;line-height: 45px;text-align: center;} .ydfx li:nth-child(2n){background-color: #fff;} .rests{font-size: 20px;line-height: 50px;border-bottom: solid 1px #ddd;margin-bottom: 30px;} .rests b{display: block;width: 120px;line-height: 50px;background-color: #4b86b9;color: #fff;text-align: center;} .rests span{float: right;color: #666;} .licheng{} .licheng .ul{position: relative;overflow: hidden;} .licheng .li .text{width: 50%;padding-right: 50px;position: relative;} .licheng .li{text-align: right;overflow: hidden;padding-bottom: 80px;position: relative;} .licheng .ul::before{content: '';display: block;width: 1px;height: 100%;background-color: #ccc;position: absolute;left: 0;right: 0;margin:auto;top: 10px;} .licheng .li h3{font-size: 35px;color: #4b86b9;line-height: 100%;margin-bottom: 15px;position: relative;} .licheng .li h3::before{position: absolute;content: '';display: block;height: 1px;width: 35px;right: -50px;top: 0;bottom: 0;margin:auto;background-color: #ccc;} .licheng .li .text::after{content: '';display: block;width: 15px;height: 15px;position: absolute;top: 10px;right: -7.5px;margin:auto;background-color: #4b86b9;border-radius: 90px;} .licheng .li .text p{font-size: 17px;color: #555;line-height: 2;} .licheng .li:nth-child(2n){text-align: left;} .licheng .li:nth-child(2n) .text{float: right;padding: 0;padding-left: 50px;} .licheng .li:nth-child(2n) .text::after{content: '';display: block;width: 15px;height: 15px;position: absolute;top: 10px;right: auto; left: -7.5px;margin:auto;background-color: #4b86b9;border-radius: 90px;} .licheng .li:nth-child(2n) h3::before{position: absolute;content: '';display: block;height: 1px;width: 35px;left: -50px;top: 0;bottom: 0;margin:auto;right: auto; background-color: #ccc;} .licheng .li:last-child {text-align: center;background-color: #fff;font-size: 20px;padding-top: 20px;} /* ==================================== 网站地图 ==================================== */ .pages-sitemap{padding: 55px 0;} .sitemap{padding: 0 0;overflow: hidden;} .sitemap h2{font-size: 22px;padding: 10px 15px;background-color: #4b86b9;display: inline-block;} .sitemap h2 a{color: #fff;} .sitemap h2 a:hover{color: #fff;text-decoration: underline;} .sitemap ul{overflow: hidden;display: block;font-size: 15px;margin-bottom: 30px;border: solid 1px #ddd;font-size: 0;padding: 10px;} .sitemap ul li{width:25%;line-height: 25px;display: inline-block;vertical-align: top;text-align: center;font-size: 18px;line-height: 35px;position: relative;top: 1px;} .sitemap ul li a{color: #333;} .sitemap ul li a:hover{color: #4b86b9;text-decoration: underline;} .sitemap ul li p a{font-weight: normal;} .sitemap ul li p:last-child{margin-bottom: 30px;} .sitemap ul div{margin-bottom: 15px;border:solid 1px #eee;padding: 15px;} .sitemap ul h3{font-size: 15px;margin-bottom: 10px;} .sitemap ul h3 a{color: #333;} .pages-picture{padding: 40px 0;} .pages-picture li{margin-bottom: 30px;} .pages-picture li img{width: 100%;padding: 10px;border:solid 1px #ddd;} .pages-picture li .h3{font-size: 16px;line-height: 50px;text-align: center;background-color: #f2f2f2;} .pages-picture li a:hover .h3{color: #fff;background-color: #4b86b9;} .pages-work{padding: 3% 0;overflow: hidden;} .pages-work ul{} .pages-work li{margin-bottom: 10px;margin-bottom: 40px;} .pages-work li img{width: 100%;padding: 8px;border:solid 1px #ddd;} .pages-work li a:hover img{border:solid 1px #4b86b9;} .pages-work li .text{background-color: #f5f5f5;padding: 30px;-webkit-transition: all .5s ease;transition: all .5s ease;} .pages-work li .h3{font-size: 16px;line-height: 100%;text-align: center;padding: 20px 0;border:solid 1px #ddd;border-top: none;} .pages-work li a:hover .h3{border:solid 1px #4b86b9;border-top: none;background-color: #4b86b9;color: #fff;} .pages-work li a .contents{display: none;} .pages-work .contentsShow{margin-bottom: 10px;padding: 0 10px;font-size: 15px;line-height: 2;clear: both;display: none;} .pages-work .contentsShow .box{background-color: #e6212a;padding: 30px;color: #fff;} .pages-parent{padding: 3% 0;overflow: hidden;} .pages-parent ul{} .pages-parent li{margin-bottom: 10px;margin-bottom: 10px;} .pages-parent li img{width: 100%;padding: 8px;border:solid 1px #ddd;} .pages-parent li a:hover img{border:solid 1px #4b86b9;} .pages-parent li .text{background-color: #f5f5f5;padding: 30px;-webkit-transition: all .5s ease;transition: all .5s ease;} .pages-parent li .h3{font-size: 16px;line-height: 100%;text-align: center;padding: 20px 0;border-top: none;} .pages-parent li a:hover .h3{color: #4b86b9;} .p-factory ul{margin: 0 -20px;} .p-factory ul li{width: 33.333%;padding: 0 20px;margin-bottom: 20px;} .p-factory ul li .img{overflow: hidden;} .p-factory ul li .img img{-webkit-transition: .5s;transition: .5s;} .p-factory ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)} .p-factory ul li .h3{font-size: 20px;text-align: center;padding: 15px 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;} .p-honor ul{margin: 0 -20px;} .p-honor ul li{width: 20%;padding: 0 20px;margin-bottom: 20px;} .p-honor ul li .img{overflow: hidden;border:solid 1px #ddd;} .p-honor ul li .img img{-webkit-transition: .5s;transition: .5s;} .p-honor ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1)} .p-honor ul li .h3{font-size: 20px;text-align: center;padding: 15px 0;text-overflow: ellipsis;white-space: normal;overflow: hidden;} /** * 分页 */ /*#page{text-align: center;font-size: 15px;padding: 40px 0;} #page span, #page a{margin:0 2px;color: #666;border-radius: 90px;background-color: #efefef;-webkit-transition: .5s;transition: .5s;width: 34px;height: 34px;display: inline-block;text-align: center;line-height: 34px;} #page span.cur{background-color: #4b86b9;color: #fff;} #page a:hover{background-color: #4b86b9;color: #fff;} #page span.total{width: 100px;}*/ #page{text-align: center;font-size: 15px;padding: 40px 0;} #page span, #page a{display: inline-block;border:solid 1px #999;margin-left: 2px;padding: 5px 15px;color: #666;} #page span.cur{border-color: #4b86b9;background-color: #4b86b9;color: #fff;} .pages .about-top {margin-bottom: 80px;} .pages .about-top .left{} .pages .about-top .list{margin-bottom: 20px;} .pages .about-top img{width: 100%;} .pages .about-top ul li{width: 33.333%;background-color: #f2f2f2;} .pages .about-top ul li .text{padding: 50px 25px;} .pages .about-top ul li .text p{color: #666;font-size: 16px;line-height: 28px;} .pages .about-top ul li:nth-child(2){background-color: #e6e6e6;} .pservice .tit h1::after{content: '';display: block;height: 3px;width: 30px;background-color: #4b86b9;margin: 30px auto 0;} .pservice h3.t{font-size: 26px;text-align: center;margin-bottom: 20px;} .pservice .l h4{font-size: 20px;margin-bottom: 20px;} .pservice .l p{font-size: 14px;color: #666;line-height: 26px;margin-bottom: 20px;} .pservice .l ul li{width: 48%;} .pservice .l ul li img{width: 100%;} .pservice .xkz{position: relative;} .pservice .xkz::before{content: '';display: block;width: 1920px;background-color: #f8f8f8;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -960px;} .pservice .xkz>div{position: relative;z-index: 20;} .pservice .xkz img{width: 100%;} .pservice .anzhuang ul{margin: 0 -10px;} .pservice .anzhuang ul li{padding: 0 10px;} .pservice .px{position: relative;} .pservice .px::before{content: '';display: block;width: 1920px;background-color: #f8f8f8;height: 100%;position: absolute;top: 0;left: 50%;margin-left: -960px;} .pservice .px>div{position: relative;z-index: 20;} .pservice .px ul{margin: 0 -10px;} .pservice .px ul li{padding: 0 10px;} .pservice .sh ul{margin: 0 -10px;} .pservice .sh ul li{padding: 0 10px;} .blue{color: #4b86b9;} .page-contact{padding-bottom: 70px;} .tiptit{font-size: 20px;color: #333;padding-bottom: 30px;} .page-contact .tiptit {text-align: center;} .page-contact .tiptit h1{margin-bottom: 20px;line-height: 100%;} .page-contact .tiptit p{line-height: 35px;margin-bottom: 20px;} .page-contact .con-top {margin: 0 -15px;margin-bottom: 30px;} .page-contact .con-top dl{width: 100%;border: solid 1px #ddd;margin:0 15px;text-align: center;padding: 20px;background-color: #f9f9f9;} .page-contact .con-top dl dt{text-align: center;} .page-contact .con-top dl dt i{font-size: 36px;color: #4b86b9;border-radius: 50%;display: block;} .page-contact .con-top dl dd{} .page-contact .con-top dl dd p{font-size: 14px;color: #444;line-height: 25px;} .page-contact .con-top dl dd h3{font-size: 18px;margin: 10px 0;} .page-contact .allmap{height: 500px;border:solid 1px #ddd;overflow: hidden;} .page-contact #allmap{height: 500px;} @media (max-width: 767px){ .page-contact .tiptit{padding: 0;} .page-contact{padding: 40px 0; } .page-contact .tiptit h1{font-size: 30px;margin-bottom: 10px;} .page-contact .tiptit p{font-size: 15px;line-height: 26px;} .tiptit{padding-bottom: 20px;} .page-contact .list{display: block;} .page-contact .con-top{width: 100%;margin-bottom: 20px;} .page-contact .con-top dl{width: 100%;padding: 20px;} .page-contact .con-top dl dd p{font-size: 14px;line-height: 24px;} .page-contact .allmap{width: 100%;} .page-contact .con-top dl:nth-child(4){border-bottom: none;} } @media (min-width: 768px) and (max-width: 991px){ .page-contact{padding: 40px 0; } .page-contact .tiptit{padding: 0;} .page-contact .tiptit h1{font-size: 30px;margin-bottom: 10px;} .page-contact .tiptit p{font-size: 15px;line-height: 26px;} .tiptit{padding-bottom: 20px;} .page-contact .list{display: block;} .page-contact .con-top{width: 100%;margin-bottom: 20px;} .page-contact .con-top dl{width: 50%;padding: 20px;} .page-contact .allmap{width: 100%;} .page-contact .con-top dl:nth-child(n+3){border-bottom: none;} } @media (min-width:992px) and (max-width:1199px){ .page-contact{padding: 50px 0; } .page-contact .tiptit h1{margin-bottom: 10px;} .page-contact .tiptit p{font-size: 17px;margin-bottom: 10px;line-height: 30px;} } @media (min-width:1200px) and (max-width:1400px){ .page-contact{padding: 50px 0; } .page-contact .tiptit h1{margin-bottom: 10px;} .page-contact .tiptit p{font-size: 17px;margin-bottom: 10px;} } .page-outlets{padding: 75px 0;} .page-outlets .container{position: relative;overflow: hidden;} .page-outlets .allmap{width: 50%;height: 500px;border:solid 1px #ddd;} .page-outlets #allmap{height: 600px;} .outlets{position: absolute;width: 400px;background-color: #fff;height: 80%;right: 100px;top: 0;z-index: 50;bottom: 0;margin: auto;-webkit-transition: .5s;transition: .5s;} .outlets .title{line-height: 70px;padding: 0 20px;background-color: #4b86b9;color: #fff;font-size: 22px;} .outlets .list{} .outlets .show{display: none;position: absolute;right: 100%;background-color: #4b86b9;color: #fff;top: 0;bottom: 0;margin:auto;width: 30px;height: 120px;padding: 10px 0;text-align: center;font-size: 18px;cursor: pointer;} .serve_list_container {padding: 30px;} .serve_list_container .item{border-bottom: solid 1px #ddd;position: relative;padding: 10px 0 10px 30px;} .serve_list_container .item .num{width: 20px;height: 20px;background-color: #4b86b9;color: #fff;text-align: center;line-height: 20px;border-radius: 90px;font-size: 15px;margin-right: 10px;position: absolute;top: 10px;left: 0;} .serve_list_container .item .information {width: 100%;} .serve_list_container .item h3{font-size: 18px;margin-bottom: 10px;} .serve_list_container .item p{font-size: 15px;color: #666;line-height: 26px;} @media (max-width:767px){ .page-outlets{padding: 40px 0;} .outlets .show{display: block} .outlets{right: auto;left: 100%;width: 60%;} .serve_list_container{padding: 10px;} .serve_list_container .item{} .serve_list_container .item h3{font-size: 15px;overflow: hidden;-ms-text-overflow: ellipsis; text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;} .serve_list_container .item p{font-size: 13px;line-height: 20px;} .outlets .title{line-height: 50px;font-size: 18px;} .page-outlets #allmap{height: 400px;} .outlets.active{left: auto;right: 0;} } @media (min-width:768px) and (max-width: 991px){ .page-outlets{padding: 50px 0;} .outlets .show{display: block} .outlets{right: auto;left: 100%;} .outlets.active{left: auto;right: 0;} } @media (min-width:992px) and (max-width:1199px){ .outlets{right: 5%;} } @media (min-width:1200px) and (max-width:1400px){ } .pages-news{width: 1120px;} .pages-news ul{} .pages-news ul li{border: solid 1px #ddd;padding: 20px;margin-bottom: 20px;} .pages-news ul li:hover{border:solid 1px #4b86b9;} .pages-news ul li a{position: relative;} .pages-news ul li .img{overflow: hidden;width: 250px;margin-right: 20px;} .pages-news ul li .img img{width: 100%;-webkit-transition: all .5s;transition: all .5s;} .pages-news ul li a:hover .img img{-webkit-transform: scale(1.1);transform: scale(1.1);} .pages-news ul li .text{position: relative;} .pages-news ul li .text .h1{font-size: 22px;-ms-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 15px;} .pages-news ul li a:hover .text .h1{color: #b91c28} .pages-news ul li .text .des{font-size: 16px;color: #666;line-height: 1.8;} .pages-news ul li .clicks{color: #666;font-size: 14px;margin-bottom: 10px;font-weight: 100;} .pages-news ul li .clicks i{margin-right: 10px;font-weight: bold;} .pages-news ul li .text span.fa-plus{display:block;width:40px;height:40px;background-color:#f6ac1d;color:#fff;text-align:center;line-height:40px;font-size:16px;} .pages-news ul li .text em{position: absolute;bottom: 0;background-color: #ccc;color: #fff;padding: 5px 15px;font-style: normal;font-size: 14px;} .pages-news ul li a:hover .text em{background-color: #4b86b9;} .pages-news-show{width: 1120px;border-top: solid 1px #ddd;padding-top: 30px;} .pages-news-show .newstop{} .pages-news-show .intro .title{font-size: 25px;color: #222;margin-bottom: 16px;line-height: 100%;} .pages-news-show .intro .source{font-size: 13px;color: #666;border-bottom: solid 1px #ddd;} .pages-news-show .intro .source .back{padding: 5px 10px;background-color: #666;color: #fff;} .pages-news-show .intro .contents{color: #666;line-height: 2;font-size: 15px;padding: 3% 0 0;} .pages-news-show .intro .contents iframe{display: block;margin:0 auto;} .tags{margin: 20px 0;color: #333;font-size: 14px;} .tags span{margin-right: 10px;background-color: #e5e5e5;padding: 3px 10px;} .xwxq-matterwordsL-share{padding: 15px 0;} .xwxq-matterwordsL-share-pro{float: right;font-family: 'Microsoft YaHei';font-size: 13px;line-height: 100%;padding: 15px 0;color: #666;} .bdsharebuttonbox{display: inline-block;vertical-align: middle;} .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 a, .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_more{display: inline-block;background-color: #333;margin-right: 10px;} .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 a,.xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_more{background-color:#fff;} .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_weixin{background:none;background-position:0;width:21px;height:18px;background:url(http://www.manztech.cn/statics/public/images/share1.png) no-repeat center;} .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_tsina{background:none;background-position:0;width:20px;height:18px;background:url(http://www.manztech.cn/statics/public/images/share2.png) no-repeat center;} .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_sqq{background:none;background-position:0;width:20px;height:18px;background:url(http://www.manztech.cn/statics/public/images/share3.png) no-repeat center;} .xwxq-matterwordsL-share-pro .bdshare-button-style0-16 .bds_qzone{background:none;background-position:0;width:20px;height:18px;background:url(http://www.manztech.cn/statics/public/images/share4.png) no-repeat center;} .hotnew{margin-top: 4px;} .hotnew .tit{background-color: #4b86b9;color: #fff;line-height: 50px;padding: 0 10px;font-size: 18px;margin: 0;} .hotnew .list{border-left: solid 1px #ddd;border-right: solid 1px #ddd;border-bottom: solid 1px #ddd;} .hotnew .list ul{padding:15px 15px;} .hotnew .list ul li{border-bottom: dashed 1px #ccc;padding-bottom: 10px;margin-bottom: 10px;} .hotnew .list ul li:last-child{border-bottom: none;padding: 0;margin: 0;} .hotnew .list ul li .img{display: none;margin-bottom: 5px;} .hotnew .list ul li .text{color: #777;line-height: 22px;font-size: 13px;} .hotnew .list ul li .text p{-o-text-overflow: ellipsis;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 17px;color: #333;margin-bottom: 5px;} .hotnew .list ul li .text p span{background-color: #666;color: #fff;padding: 1px 3px;margin-right: 4px;font-size: 13px;} .hotnew .list ul li a:hover .text p{color: rgba(185,28,40);} .hotnew .list ul li:nth-child(1) .text p span{background-color: rgba(185,28,40);} .hotnew .list ul li:nth-child(2) .text p span{background-color: rgba(185,28,40,.8);} .hotnew .list ul li:nth-child(3) .text p span{background-color: rgba(185,28,40,.6);} .hotnew .list ul li:nth-child(1) .img{display: block;} .rela{margin-bottom: 20px;} .rela .h1{font-size:22px;line-height: 100%;font-weight: bold;margin-bottom: 20px;} .rela .list ul{margin: 0 -10px;} .rela .list ul li{margin: 0 10px;} .rela .list ul li a{display: block;border:solid 1px #e5e5e5;position: relative;} .rela .list ul li a:hover{border:solid 1px #4b86b9;} .rela .list ul li img{width: 100%;} .rela .list ul li .text{padding: 15px 10px;line-height: 24px;font-size: 15px;color: #666;} .rela .list ul li p{font-size: 18px;color: #303030;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 5px;line-height: 100%;} .rela .list ul li a:hover p{color: #4b86b9;} .ptitle{font-size: 22px;font-weight: bold;color: #222;margin-bottom: 10px;} .recom li .h3{font-size: 15px;color: #666;line-height: 100%;margin:10px 0;white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;} .recom li .h3 em{overflow: hidden;white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;font-style: normal;padding-right: 10px;} .recom li a:hover .h3{color: #4b86b9;font-weight: bold;} .recom li a .fr{color: #999;} .newshow{padding-bottom: 90px;} .newshow .left{width: 76%;} .newshow .t{font-size: 30px;margin-bottom: 15px;} .newshow .time{font-size: 15px;border-bottom: dotted 1px #ccc;padding-bottom: 20px;color: #666;} .newshow .time .tl{} .newshow .content{font-size: 16px;color: #444;line-height: 1.9;padding: 30px 0;} .newshow .content img{display: block;margin:0 auto;} .newshow .right{width: 20%;} .newshow .right h1{font-size: 30px;margin-bottom: 20px;} .newshow .right ul li{margin-bottom: 20px;} .newshow .right ul li .text{padding: 0 0 10px;} .newshow .right ul li h5{font-size: 16px;margin: 10px 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .newshow .right ul li .text p{font-size: 14px;color: #666;} .pages-case-show{padding: 0 0 50px;width: 910px;} .pages-case-show .intro{padding-top: 30px;} .pages-case-show .intro .title{font-size: 20px;color: #222;margin-bottom: 30px;font-weight: bold;line-height: 100%;text-align: center;} .pages-case-show .intro .source{font-size: 15px;color: #666;border-bottom: solid 1px #ddd;} .pages-case-show .intro .source .back{padding: 5px 10px;background-color: #666;color: #fff;} .pages-case-show .intro .contents{color: #666;line-height: 2;font-size: 15px;padding: 3% 0;} .pcase ul{margin:0 -20px;} .pcase ul li{width: 33.333%;padding: 0 20px;margin-bottom: 20px;} .pcase ul li .img{overflow: hidden;} .pcase ul li .img img{-webkit-transition: .5s;transition: .5s;} .pcase ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)} .pcase ul li p{font-size: 18px;text-align: center;padding: 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .pagelinks{line-height: 100%;margin-bottom: 30px;line-height: 30px;font-size: 16px;} .pagelinks > div{width: 50%;background-color: #f5f5f5;padding: 10px 20px;} .pagelinks > div:hover{background-color: #4b86b9;color: #fff;} .pagelinks a{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; display: block;font-size: 15px;line-height: 30px;text-align: left;} .pagelinks > div:nth-child(3) a{text-align: right;} .pagelinks > div:hover a{color: #fff;} .pagelinks > div.list{width: 70px;text-align: center;} .pagelinks > div.list a{text-align: center;} .pagelinks > div.list a i{font-size: 25px;} .casepagelinks{border-top: solid 1px #ddd;padding: 30px 0 0;} .casepagelinks a{width: 30%;padding: 10px 0;text-align: center;-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .05);box-shadow: 0 0 20px rgba(0, 0, 0, .05);border-radius: 90px;font-size: 18px;border:solid 1px #eee;} .casepagelinks a i{font-size: 22px;vertical-align: middle;margin-right:10px;line-height: 100%;} .casepagelinks a:last-child i{margin-right: 0;margin-left: 10px;} .ptitle{font-size: 22px;font-weight: bold;color: #222;margin-bottom: 10px;} .pagemain{padding-top: 40px;} #pages{margin-bottom: 70px;} .pages{overflow: hidden;} .shop {width: 1120px;} .shop ul{margin:0 -20px;} .shop ul li{width: 33.333%;padding: 0 20px;margin-bottom: 20px;} .shop ul li .img{overflow: hidden;border:solid 1px #ddd;} .shop ul li .img img{-webkit-transition: .5s;transition: .5s;} .shop ul li a:hover .img img{-webkit-transform: scale(1.2);transform: scale(1.2)} .shop ul li p{font-size: 18px;text-align: center;padding: 15px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} #shopshow{overflow: hidden;width: 1120px;} .shoptop{margin-bottom: 50px;} .shoptop .left{width: 40%;} .shoptop .left .thumb{} .shoptop .left .thumb ul{margin: 0 -5px;} .shoptop .left .thumb ul li{margin: 0 5px;width: 25%;} .shoptop .left .thumb ul li:last-child{margin-bottom: 0;} .shoptop .left .thumb ul li a{border:solid 1px #ddd;display: block;} .shoptop .left .thumb ul li a.cloudzoom-gallery-active{border:solid 1px #4b86b9;} .shoptop .left .bigImg{width: 100%;border:solid 1px #ddd;margin-bottom: 15px;} .shoptop .info{width: 58%;position: relative;} .shoptop .info h1{font-size: 24px;line-height: 100%;margin-bottom: 30px;} .shoptop .info .addthis_sharing_toolbox{margin-bottom: 20px;} .shoptop .info .text{font-size: 14px;line-height: 1.8;color: #666;height: 243px;} .shoptop .info .text ul li{line-height: 2;padding: 5px 10px;} .shoptop .info .text ul li:nth-child(2n){background-color: #f5f5f5;} .shoptop .info .text h3{color: #4b86b9;margin-bottom: 10px;display: inline-block;background-color: #edf2fc;padding: 0 15px;border-radius: 3px;font-size: 20px;margin-bottom: 15px;} .shoptop .info .text strong{color: #222;} .shoptop .info .shoplx{position: absolute;width: 100%;bottom: 0;left: 0;} .shoptop .info .tel{font-family: Montserrat;font-size: 20px;color: #b91c28} .shoptop .info .tel i{font-size: 20px;width: 30px;height: 30px;background-color: #4b86b9;color: #fff;border-radius: 90px;display: inline-block;line-height: 30px;text-align: center;margin-right: 15px;} .shoptop .info .Inquiry{background-color: #4b86b9;color: #fff;text-align: center;font-size: 15px;padding: 10px 15px;display: inline-block;border-radius: 3px;} .shoptop .info .Inquiry i{margin-right: 5px;} .detail_shop{position: relative;} .detail_shop .tabstit{background-color: #f2f2f2;} .detail_shop .tabstit li{font-size: 24px;display: inline-block;} .detail_shop .tabstit li a{padding: 10px 25px;display: block;background-color: #4b86b9;color: #fff;} .detail_shop .tabstit li i{font-size: 24px;margin-right: 10px;} .detail_shop .content{font-size: 15px;line-height: 2.2;padding: 25px 0;color: #444;} .detail_shop .content h2{margin: 15px 0;} .detail_shop .content h2 em{background-color: #4b86b9;color: #fff;font-style: normal;padding: 5px 15px;} .tablebox{overflow-x: auto;width: 100%;} .detail_shop .content table{border-collapse:collapse;width: 100%;} .detail_shop .content table,.detail_shop .content tr,.detail_shop .content td{border: 1px solid #ccc;} .detail_shop .content tbody td{} .detail_shop .content table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);} .detail_shop .content table thead td{font-size: 18px;color: #fff;padding: 5px 15px;white-space: nowrap;} .detail_shop .content table tbody td{font-size: 16px;color: #666;} .detail_shop .content table td{line-height: 1.8;padding: 5px 15px;text-align: center;} .detail_shop .content table tbody tr td:first-child{text-align: center;} .detail_shop .content table tbody tr:nth-child(2n) td{background-color: #f5f5f5;} .jhhy .t{font-size: 24px;margin-bottom: 25px;} .jhhy .t em{background-color: #4b86b9;color: #fff;font-style: normal;padding: 5px 10px;} .jhhy p{font-size: 14px;color: #666;margin-bottom: 25px;line-height: 2;} .jhhy ul{margin: 0 -10px 15px;} .jhhy ul li{margin: 0 10px;} .jhhy ul li p{text-align: center;font-size: 15px;padding-top: 10px;line-height: 2;} .jhhy .l h4{font-size: 20px;color: #4b86b9;margin-bottom: 15px;font-weight: bold;} .jhhy .l h5{font-size: 17px;color: #333;margin-bottom: 15px;font-weight: bold;} .jhhy .l ul li{font-size: 15px;color: #666;margin-bottom: 5px;line-height: 2;} .jhhy .l .zylayout > div{width: 46%;} .jhhy table{border-collapse:collapse;width: 100%;} .jhhy table,.jhhy tr,.jhhy td{border: 1px solid #ccc;} .jhhy tbody td{} .jhhy table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);} .jhhy table thead td{font-size: 18px;color: #fff;padding: 5px 15px;white-space: nowrap;} .jhhy table tbody td{font-size: 16px;color: #666;} .jhhy table td{line-height: 1.8;padding: 5px 15px;text-align: center;} .jhhy table tbody tr td:first-child{text-align: center;} .jhhy table tbody tr:nth-child(2n) td{background-color: #f5f5f5;} #interactive-bar{width: 100%;height: 500px;} .cds p{color: #666;font-size: 15px;line-height: 2;margin-bottom: 20px;} .cds .t{font-size: 24px;margin-bottom: 25px;} .cds .t em{background-color: #4b86b9;color: #fff;font-style: normal;padding: 5px 10px;} .cds ul{margin: 0 -10px 15px;} .cds ul li{padding: 0 10px;} .cds ul li p{text-align: center;font-size: 15px;padding-top: 10px;line-height: 2;} .cds ul li{font-size: 15px;color: #666;margin-bottom: 5px;line-height: 2;} .cds .zylayout > div{width: 46%;} .cds h4{font-size: 20px;color: #4b86b9;margin-bottom: 15px;font-weight: bold;} .szxg li{width: 50%;} .cds table{border-collapse:collapse;width: 100%;} .cds table,.cds tr,.cds td{border: 1px solid #ccc;} .cds tbody td{} .cds table thead{text-align: center;background: -webkit-gradient(linear, right top, left top, from(#77cabe), to(#42c7f2));background: linear-gradient(to left, #77cabe 0%, #42c7f2 100%);} .cds table thead td{font-size: 15px;color: #fff;padding: 5px 15px;white-space: nowrap;} .cds table tbody td{font-size: 14px;color: #666;} .cds table td{line-height: 1.8;padding: 5px 15px;text-align: center;} .cds table tbody tr td:first-child{text-align: center;} .cds table tbody tr:nth-child(2n) td{background-color: #f5f5f5;} .feiye p{color: #666;font-size: 15px;line-height: 2;margin-bottom: 20px;} .feiye .t{font-size: 24px;margin-bottom: 25px;} .feiye .t em{background-color: #4b86b9;color: #fff;font-style: normal;padding: 5px 10px;} .feiye ul{margin: 0 -10px 15px;} .feiye ul li{padding: 0 10px;} .feiye ul li p{text-align: center;font-size: 15px;padding-top: 10px;line-height: 2;} .feiye ul li{font-size: 15px;color: #666;margin-bottom: 5px;line-height: 2;} .feiye .zylayout > div{width: 46%;} .feiye h4{font-size: 20px;color: #4b86b9;margin-bottom: 15px;font-weight: bold;} .p-jobs-list {padding: 60px 0;} .h_zp{height: 60px;line-height: 60px;background-color: #8b8c91;} .p-jobs-list li.wow{overflow: hidden;border:none;} .p-jobs-list .h_zp div{width: 16.6666%;float: left;text-align: center;color: #fff;font-size: 15px;font-weight: bold;} .p-jobs-list li.wow .deta{background-color: #fbfbfb;padding: 0 50px;} .job-title{background-color: #f5f5f5;margin-top: 10px;cursor: pointer;} .job-title.active{background-color: #4b86b9;} .p-jobs-list .h_zp.job-title div{color: #666;font-weight: normal;} .p-jobs-list .job-title.active div{color: #fff;} .p-jobs-list .tdata .box{padding: 30px;font-size: 15px;color: #666;line-height: 2;} .p-jobs-list .tdata .box span{font-size: 18px;color: #333;margin-bottom: 20px;display: block;} .p-jobs-list .tdata .box a.a_134{display: block;width: 100px;line-height: 40px;color: #fff;background-color: #4b86b9;text-align: center;} .p-jobs-list .tdata .box a.a_134:hover{background-color: #ff574a;} .p-jobs-list li{display: none;} .p-jobs-list .job-title #lermore1{background: url(../images/jrwm1.png) no-repeat center center;height: 100%;} .p-jobs-list .job-title.active #lermore1{background: url(../images/jrwm1_h.png) no-repeat center center;} .pages .job-top{margin-bottom: 50px;} .pages .job-top h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;} .pages .job-top h4{font-size: 24px;color: #fff;margin-bottom: 20px;line-height: 100%;display: inline-block;background-color: #4b86b9;padding: 10px;} .pages .job-top h5{font-size: 20px;color: #4b86b9;margin-bottom: 10px;line-height: 100%;} .pages .job-top h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;} .pages .job-top .sub{padding-left: 30px;} .pages .job-top .list{font-size: 17px;color: #444;line-height: 2;} .job-bottom{} .job-bottom h3{display: inline-block;font-size: 30px;color: #fff;border-width: 0 30px 50px 0; border-style: solid; border-color: transparent transparent #b91c28 #4b86b9;display: inline-block;height: 50px;line-height: 50px;padding: 0 15px;} .job-bottom .list{background-color: #f8f8f8;padding: 40px 0;} .job-bottom .list dl{width: 33.333%;padding: 0 40px;} .job-bottom .list dl dt{margin-bottom: 20px;} .job-bottom .list dl h5{font-size: 25px;color: #222;} .job-bottom .list dl dd{font-size: 15px;color: #666;line-height: 2;} .pages .ser-after h1{font-size: 40px;color: #222;margin-bottom: 30px;line-height: 100%;} .pages .ser-after h4{font-size: 20px;color: #fff;margin-bottom: 20px;line-height: 100%;display: inline-block;background-color: #4b86b9;padding: 10px;} .pages .ser-after h5{font-size: 20px;color: #4b86b9;margin-bottom: 10px;line-height: 100%;} .pages .ser-after h6{font-size: 18px;color: #333;margin-bottom: 10px;line-height: 100%;} .pages .ser-after .sub{padding-left: 30px;} .pages .ser-after .list{font-size: 17px;color: #444;line-height: 2;} .liucheng{padding-bottom: 100px;position: relative;} .liucheng > div{background-color: #4b86b9;color: #fff;border-radius:90px;line-height: 50px;height: 50px;padding: 0 20px;font-size: 20px;text-align: center;position: relative;} .liucheng > div:first-child{width: 70px;padding: 0;line-height: 70px;height: 70px;} .liucheng::before{content: '';display: block;height: 1px;background-color: #4b86b9;position: absolute;bottom: 0;right: 110px;left: 35px;} .liucheng > div:first-child::after{content: '';display: block;height: 80px;background: url('http://www.manztech.cn/uploadfile/2020/0720/20200720115500335.png') no-repeat center top;position: absolute;left: 0;right: 0;top: 90px;margin:auto;} .liucheng > div:last-child::after{content: '';display: block;width: 1px;height: 110px;background-color: #4b86b9;position: absolute;left: 0;right: 0;top: 100%;margin:auto;} .p-faq-list{} .p-faq-list ul li{padding: 30px 0;-webkit-transition: .5s;transition: .5s;} .p-faq-list ul li:nth-child(2n){background-color: #f8f8f8;} .p-faq-list ul li .h1{font-size: 23px;line-height: 100%;margin-bottom: 15px;position: relative;-webkit-transition: .5s;transition: .5s;padding-left: 35px;} .p-faq-list ul li .h1 span{white-space: nowrap;-ms-text-overflow: ellipsis; text-overflow: ellipsis;overflow: hidden;} .p-faq-list ul li .h1::before{content: 'Q';display: block;border-radius: 90px;background-color: #4b86b9;color: #fff;width: 24px;height: 24px;text-align: center;line-height: 24px;margin-right: 15px;-webkit-transition: .5s;transition: .5s;font-size: 16px;position: absolute;top: 0;left: 0;} .p-faq-list ul li .des{font-size: 15px;color: #666;line-height: 2;position: relative;padding-left: 35px;-webkit-transition: .5s;transition: .5s;} .p-faq-list ul li .des::before{content: 'A';display: block;border-radius: 90px;background-color: #444;color: #fff;width: 24px;height: 24px;text-align: center;line-height: 24px;position: absolute;left: 0;top: 5px;font-size: 16px} .p-faq-list ul li:hover{background-color: #4b86b9;} .p-faq-list ul li:hover .h1{color: #fff;} .p-faq-list ul li:hover .des{color: #fff;} .p-faq-list ul li:hover .h1::before{background-color: #4b86b9;} @media (max-width: 767px){ .p-faq-list{padding: 25px 0;} .p-faq-list ul li{padding: 15px 0;} .p-faq-list ul li .h1{font-size: 18px;} .p-faq-list ul li .des{font-size: 13px;line-height: 1.5;} } .pages-case{width: 930px;min-height: 400px;} .pages-case .h3{font-size: 24px;color: #535353;margin-bottom: 30px;line-height: 100%;border-bottom: solid 1px #d7d7d7;padding-bottom: 13px;} .pages-case .h3 span{position: relative;} .pages-case .h3 span::after{content: '';display: block;height: 3px;bottom: -13px;position: absolute;background-color: #333;width: 100%;} .pages-case ul{} .pages-case ul li{padding: 20px;border:solid 1px #ddd;margin-bottom: 20px;} .pages-case ul li:hover{border-color: #b91c28} .pages-case ul li a{} .pages-case ul li .img{overflow: hidden;width: 250px;} .pages-case ul li .img img{width: 100%;} .pages-case ul li a .tbox{width: 610px;} .pages-case ul li .text{} .pages-case ul li .text .h3{font-size: 20px;line-height: 100%;margin-bottom: 15px;} .pages-case ul li a:hover .text .h3{color: #b91c28} .pages-case ul li .text .introl{font-size: 13px;color: #666;line-height: 24px;margin-bottom: 30px;} .pages-case ul li .text .date{font-size: 15px;font-weight: bold;color: #999;position: absolute;top: 0;right: 0;bottom: 0;margin:auto;text-align: center;height: 65px;} .pages-case ul li .text .date::before{content: '';display: block;height: 80px;width: 1px;background-color: #ddd;position: absolute;left: -40px;top: 0;bottom: 0;margin:auto;} .pages-case ul li .text .date h5{font-size: 40px;font-weight: bold;} .pages-case ul li .text .more{font-weight: normal;display: block;width: 100px;line-height: 32px;background-color: #888;color: #fff;text-align: center;float: right;} .pages-case ul li a:hover .text .more{background-color: #4b86b9;} .hot-product {margin-bottom: 50px;} .hot-product h1{font-size: 30px;margin-bottom: 30px;} .hot-product ul{margin:0 -20px;} .hot-product ul li{padding: 0 20px;width: 33.333%;} .hot-product ul li:hover{border-color: #4b86b9;} .hot-product ul li a{display: block;position: relative;} .hot-product ul li .img{overflow: hidden;border:solid 1px #ddd;} .hot-product ul li img{width: 100%;-webkit-transition: all .5s;transition: all .5s;} .hot-product ul li a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);} .hot-product ul li .text{padding: 20px 0 0;line-height: 24px;font-size: 14px;color: #666;text-align: center;} .hot-product ul li p{font-size: 16px;color: #303030;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .hot-product ul li a:hover p{color: #4b86b9;} .hot-product ul li a .desc{font-size: 16px;} .hot-product ul li a span.more{display: block;width: 100px;text-align: center;line-height:32px;border:solid 1px #ddd;} .hot-product ul li a:hover span.more{border:solid 1px #4b86b9;background-color: #4b86b9;color: #fff;} @media (max-width: 767px){ .hot-product ul{margin: 0 -5px;-ms-flex-wrap: wrap;flex-wrap: wrap;} .hot-product ul li{width: 50%;padding: 0 5px;margin-bottom: 10px;} .hot-product ul li .text{padding: 5px 0;} .hot-product ul li p{font-size: 18px;margin-bottom: 5px;} .hot-product ul li a .desc{font-size: 13px;line-height: 20px;} } @media (min-width: 768px) and (max-width: 991px){ .hot-product ul{margin: 0 -10px;} .hot-product ul li{width: 50%;padding: 0 10px;margin-bottom: 20px;} } @media (min-width:992px) and (max-width:1199px){ .hot-product ul li{width: 50%;} } @media (min-width:1200px) and (max-width:1400px){ }