@charset "utf-8";:root{--main-color:#20B09F}blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-weight:400;font-style:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:400;font-size:100%}q:after,q:before{content:""}abbr,acronym{border:0}html{font-size:62.5%;min-width:1200px}body{width:100%;height:100%;background:#fff;font-size:14px;font-family:'Microsoft Yahei',PingFangSC,sans-serif;color:#333;min-width:1250px}a{text-decoration:none;color:inherit;cursor: pointer;}a,button,input,textarea{-webkit-tap-highlight-color:transparent;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}a:active{outline:0}[placeholder]::-webkit-input-placeholder{color:#999}[placeholder]::-moz-placeholder{color:#999}[placeholder]:-moz-input-placeholder{color:#999}[placeholder]:-ms-input-placeholder{color:#999}.transition{-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}.hidden{visibility:hidden}.main-container{min-height:calc(100vh - 323px)}.main-box{width:1200px;margin:0 auto;position:relative;transition:all .3s ease}.clearfix:before{content:"";clear:both;display:table}.clearfix:after{content:"";display:table;clear:both}.flex-col{display:flex;flex-direction:column;justify-content:center;align-items:center}.flex-row{display:flex;flex-direction:row;justify-content:center;align-items:center}.img-block{margin:0 auto;display:block}.img-block img,.img-block svg{display:block;margin:0 auto;max-width:100%}.main-color{color:#3692fa}.btn-a{display:inline-block;border:none;padding:0;background-color:#3692fa;color:#fff;box-sizing:border-box;text-align:center}.btn-a:hover{background-color:#1aa090}.btn-a-ico{display:inline-block;border:none;padding:0;background-color:#3692fa;color:#fff;box-sizing:border-box;text-align:center}.btn-a-ico:before{content:"";display:inline-block}.btn-a-ico:hover{background-color:#1aa090}.btn-b{display:inline-block;border:none;padding:0;background-color:#fff;color:#3692fa;border:1px solid #3692fa;box-sizing:border-box;text-align:center}.btn-b:hover{background-color:#f2fffd}.btn-b-ico{display:inline-block;border:none;padding:0;background-color:#fff;color:#3692fa;border:1px solid #3692fa;box-sizing:border-box;text-align:center}.btn-b-ico:before{content:"";display:inline-block}.btn-b-ico:hover{background-color:#f2fffd}.btn-b-deep{display:inline-block;border:none;padding:0;background-color:#fff;color:#666;border:1px solid #999;box-sizing:border-box;text-align:center}

.header{height:65px;background-color:#31363a}
.header-box{min-width:1200px;box-sizing:border-box;width: 1200px;margin: 0 auto;}
.tel{margin-top:22px;float:right;}
.tel img,.tel svg{margin:0 8px 0 0;display:inline-block;vertical-align:middle}
.tel .tel-num{font-family:pmzdbt,"Microsoft Yahei",sans-serif;color:#fff;font-size:18px;display:inline-block;vertical-align:middle}.header-mc{color:#fff;margin:22px 20px 0;background:url(../img/img-header-vip.svg) no-repeat left center;padding-left:18px}.header-lo{height:100%;color:#3692fa;border-radius:30px 0 0 30px;box-sizing:border-box;float:left;line-height:normal;border:1px solid #3692fa;padding:5px 16px}.header-lo:hover{color:#fff;background-color:#15a392;border-color:#15a392}.header-re{height:100%;color:#fff;border-radius:0 30px 30px 0;box-sizing:border-box;float:left;line-height:normal;background-color:#3692fa;border:1px solid #3692fa;padding:5px 16px}.header-signIn{margin-top:17px;height:30px}.header-signOut{color:#fff;height:100%;line-height:30px;border-radius:0 30px 30px 0;box-sizing:border-box;float:left;background-color:#3692fa;border:1px solid #3692fa;padding:0 16px}
.logo{margin:16px 0 0;color: #ffffff;float:left;}
.logo .logo-span{color:#fff;font-size:24px;font-weight:700}
.logo .logo-span:before{content:"";display:inline-block;vertical-align:middle;width:6px;height:6px;border-radius:50%;background-color:#fff;margin:0 5px}.menu{margin-left:40px;position:relative}.menu-item{height:65px;line-height:65px}.menu-link{position:relative}.menu-link a{color:#fff;display:block;padding:0 20px;cursor:pointer;font-size:14px}
.navbar-nav li:hover a{color:#3692fa}
.menu-link a img{position:absolute;right:0;top:23px;transform:translateX(calc(100% - 8px))}
.menu-back .menu-back-a:before{content:url(../images/public/menu-back.svg);display:inline-block;vertical-align:middle;margin-right:5px;line-height:normal}
.menu-sublinks{position:absolute;width:100%;z-index:98;background-color:#23272a}.menu-subitem{display:none;position:absolute;width:100%;background-color:#23272a}.menu-sub-cols{display:inline-block;position:relative}.menu-hot{background-color:#282d31;height:46px;line-height:46px;padding:0 30px}.menu-sub-title{color:#fff;margin-bottom:14px;display:block}.menu-sub-title[href]:hover{color:#3692fa}.menu-sub-link li{height:24px;line-height:24px}.menu-sub-link a{color:#9d9d9d}.menu-sub-link a:hover{color:#3692fa}.menu-hot-title{color:#999;font-size:12px;padding-left:38px;background:url(../img/icon-hot.svg) no-repeat left center}.menu-hot a{color:#999;margin-right:10px;font-size:12px}.menu-hot a:hover{color:#3692fa}.menu-bg{position:absolute;width:0;height:63px;border-bottom:2px solid #3692fa}.menu-level-2-block{padding:10px 0}.menu-level-2-col{margin:10px 0}.menu-level-2{color:#fff}.menu-level-2[href]:hover{color:#3692fa}.menu-sub-cols.levels3 .menu-level-2-block{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:30px 0;position:relative}.menu-sub-cols.levels3 .menu-level-2-col{margin:0;padding:0 30px}.menu-sub-cols.levels3 .menu-level-2-col:first-child{padding-left:0}.menu-sub-cols.levels3 .menu-level-2-col:last-child{padding-right:0}.menu-sub-cols.levels3.menu-sub-product .menu-level-2-col:before{content:"";position:absolute;height:100%;border-right:1px solid #393d40;top:0;margin-left:-30px}.menu-sub-cols.levels3.menu-sub-product .menu-level-2-col:first-child:before{display:none}.menu-sub-cols.levels3 .menu-level-2{color:#fff;font-size:16px;padding-left:10px;position:relative;margin-bottom:15px;white-space:nowrap}.menu-sub-cols.levels3 .menu-level-2:before{content:"";position:absolute;border-left:3px solid #3692fa;height:16px;left:0;top:50%;transform:translateY(-50%)}.menu-sub-cols.levels3 .menu-level-2 a[href]{color:inherit}.menu-sub-cols.levels3 .menu-level-2 a[href]:hover{color:#3692fa}.menu-level-3-col{margin-bottom:10px}.menu-level-3{color:#ccc;padding:0 20px;display:block;height:32px;line-height:32px;background-color:#2e3336;font-size:12px;text-align:center}.menu-level-3[href]:hover{color:#3692fa}.menu-level-2-col.levels4 .menu-level-3-block{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:20px 26px;background-color:#2e3336}.menu-level-2-col.levels4 .menu-level-3-col{margin:0 20px 0 0}.menu-level-2-col.levels4 .menu-level-3-col:last-child{margin:0}.menu-level-2-col.levels4 .menu-level-3{height:auto;line-height:normal;padding:0;margin-bottom:15px;background:0 0;color:#fff}.menu-level-2-col.levels4 .menu-level-3 a{color:inherit;white-space:nowrap}.menu-level-2-col.levels4 .menu-level-3 a[href]:after{content:">>";font-family:Calibri;margin-left:4px}.menu-level-2-col.levels4 .menu-level-3 a[href]:hover{color:#3692fa}.menu-level-4-col{margin:15px 0}.menu-level-4{display:block;box-sizing:border-box;padding:0 20px;height:26px;line-height:24px;border:1px solid #999;color:#fff;text-align:center;font-size:13px;white-space:nowrap}.menu-level-4[href]:hover{color:#3692fa;border-color:#3692fa}
.main-footer{height:250px;background-color:#373d41}
.main-footer>.flex-row{height:100%;box-sizing:border-box;padding-top:44px;align-items:flex-start}
.main-footer-info{margin-right:20px;width:265px;padding-top: 20px;}
.main-footer-tel{background:url(../img/img-tel.svg) no-repeat left center;padding-left:60px;margin:6px 0 30px}
.main-footer-tel-title{font-size:16px;color:#ccc;margin-bottom:6px}
.main-footer-tel-p{font-size:18px;color:#fff}
.main-footer-img-item{display:inline-block;vertical-align:middle}
.main-footer-img-item img{width:78px;margin-right:5px}
.main-footer-center{padding:20px 20px 0;height:143px;box-sizing:border-box;border-left:1px solid #52595d;border-right:1px solid #52595d;flex:1}
.main-footer-nav{color:#999;text-align:center}
.main-footer-nav a{color:#999;margin:0 4px;font-size:14px}
.main-footer-nav a:hover{color:#3692fa}
.main-footer-copyRight{margin-top:30px}
.main-footer-copyRight p{font-size:12px;color:#777;text-align:center;margin-bottom:8px}
.main-footer-copyRight p a{color:inherit!important}
.main-footer-qr{text-align:center;height:143px;position:relative;box-sizing:border-box;padding:20px 20px 0;justify-content:center;align-items:flex-start;width:265px}
.main-footer-qr .qr-block{width:50px;position:relative;cursor:pointer}
.main-footer-qr .qr-block:last-child{margin:0;padding-left: 30px;}
.main-footer-qr .qr-icon{color:#999;font-size:12px;padding-top:45px;background:no-repeat center top}
.main-footer-qr .qr-icon.phone{background-image:url(../img/phone.svg)}.main-footer-qr .qr-icon.weixin{background-image:url(../img/weixin.svg)}.main-footer-qr .qr-block:hover .qr-icon.phone{background-image:url(../img/phone-hover.svg)}.main-footer-qr .qr-block:hover .qr-icon.weixin{background-image:url(../img/weixin-hover.svg)}.main-footer-qr .qr-img{position:absolute;top:40px;left:50%;transform:translate(-50%,-10px);opacity:0;visibility:hidden;z-index:1}
.main-footer-qr .qr-block:hover .qr-img{opacity:1;visibility:visible;transform:translate(-50%,0);width:126px;height:134px;}
.main-footer-qr .qr-img img{max-width:none;width:126px;height:134px;padding:6px;background:#ffffff;}
.main-footer-xinan{display:inline-block;width:92px;height:35px;vertical-align:middle;margin-left:10px}
.items-title{text-align:center}@media screen and (max-width:1440px){.menu{margin-left:16px}.menu-link a{padding:0 12px}}.product-video{position:absolute;right:0;top:0;width:50%;height:314px}.product-video-a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:1}.product-video-block{position:fixed;left:0;top:0;width:100%;height:100%;display:none;z-index:1000;text-align:center}.product-video-block:before{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,.5)}.product-video-content{display:inline-block;position:relative;top:120px;background-color:rgba(32,176,159,.8);padding:6px}.product-video-content video{display:block;width:750px;height:421px;background:#000}.product-video-close{position:absolute;right:0;top:0;width:25px;height:25px;line-height:25px;background-color:rgba(32,176,159,.8);font-size:16px;color:#fff;font-weight:700;font-family:Calibri}.product-video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.6;display:none}.product-video-play:hover{opacity:1}.pro-video-play:after{content:"";display:inline-block;vertical-align:middle;width:28px;height:28px;background:url(../images/public/pro-video-play.svg) no-repeat center #3692fa;border-radius:50%;margin:0 -38px 0 10px;transition:all .3s ease}.pro-video-play-c{position:relative}.pro-video-play-c:after{content:"";position:absolute;width:40px;height:40px;background:url(../images/public/pro-video-play-c.svg) no-repeat center #fff;border-radius:50%;transition:all .3s ease;left:50%;top:50%;margin:-20px 0 0 -20px}.video-pop{cursor:pointer}.video-pop:hover .pro-video-play-c:after,.video-pop:hover .pro-video-play:after{transform:scale(1.3)}.product-chanpinguanli{display:block;width:300px;margin:0 auto}.pagination{padding:20px 0;text-align:center;cursor:default}.pagination a{min-width:36px;height:36px;line-height:36px;display:inline-block;background-color:#eee;border:1px solid #e3e3e3;border-radius:5px;margin:0 4px;color:#ccc}.pagination a.active,.pagination a[href]{background-color:#fff;color:#999}.pagination a.active,.pagination a[href]:hover{background-color:#3692fa;border-color:#3692fa;color:#fff}.pagination .end,.pagination .first,.pagination .next,.pagination .prev{}.pagination .pagination-jump{margin:0 0 0 20px;cursor:auto;color:#999}.pagination .pagination-jump .page_jump{margin:0 5px;padding:0;height:36px;line-height:36px;border:1px solid #e3e3e3;border-radius:5px;width:36px;text-align:center}.choose-pop{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999999;background-color:rgba(0,0,0,.6)}.choose-flex{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%}.choose-pop .close{color:#333;font-size:7vw;padding:4vw 0;width:60vw;text-align:center;background-color:#fff;margin-bottom:10vw}.choose-pop .to-mobile{color:#fff;font-size:7vw;padding:4vw 0;width:60vw;text-align:center;background-color:#00a0e9}.bottom-online-chat{position:fixed;left:0;bottom:0;z-index:99;width:260px;height:42px;background-color:#3692fa}.bottom-online-chat .flex-row{justify-content:flex-start;height:100%}.bottom-online-chat .online-img{padding:0 10px;margin:0 10px 0 0;height:100%;border-right:1px solid #199e8e;position:relative}.bottom-online-chat .online-img:before{content:"1";position:absolute;text-align:center;width:14px;height:14px;line-height:14px;border-radius:50%;background-color:#e20505;color:#fff;font-size:12px;font-family:Arial;z-index:1;right:4px;top:4px}.bottom-online-chat .online-img img{position:relative;top:50%;transform:translateY(-50%)}.bottom-online-chat .online-p{color:#fff;font-size:16px}.lxwm_main{background-color:#f7f7f7}.nav-block{background-color:#fff;border-bottom:1px solid #dedede}.nav-bar{padding:20px 0;width:100%;background:#fff}
.nav-bar-c{width:1200px;margin:auto;color:#666;}
.nav-bar-item{float:none;color:#666}.nav-spacer{float:none;margin:0 5px;color:#666}.nav-bar-item.cur{color:#3692fa}.lxwm_main .zq-content{padding:25px;margin-top:20px;box-sizing:border-box;background-color:#fff;border:1px solid #ececec;width:auto}.item-navs{border-bottom:1px solid #e5e5e5}.item-navs .items-block{height:50px;line-height:48px}.item-navs .item{flex:1;text-align:center}.item-navs .item-a{display:inline-block;box-sizing:border-box;border-bottom:3px solid transparent;color:#666}.item-navs .item-a.cur{border-bottom-color:#3692fa;color:#3692fa;cursor:default}.item-navs .item-a:hover{color:#3692fa}.menu-sub-cols.menu-industry .menu-level-2-block{display:inline-block;margin:0 20px;vertical-align:top}.footer-toM{position:absolute;left:20px;bottom:10px}.footer-toM a{font-size:16px;padding-right:26px;position:relative;color:#fff}.footer-toM a:after{content:"";width:18px;height:18px;border-radius:50%;border:1px solid #fff;position:absolute;right:0;top:50%;transform:translateY(-50%);background:url(../images/public/toM.svg) no-repeat center;background-size:6px auto}.v30-contact{position:fixed;right:2px;top:50%;transform:translateY(-50%);padding:50px 0;border-right:1px solid #3692fa;height:482px;box-sizing:border-box;z-index:99}.v30-contact-form.cur{width:200px;opacity:1}.v30-contact .transition{transition-duration:.8s}.v30-contact .v30-contact-title{background-color:rgba(32,176,159,.8);color:#fff;padding:15px 20px 0;white-space:nowrap;position:relative}.v30-contact .v30-contact-title .cf-close{position:absolute;left:166px;top:0;padding:10px}.v30-contact-item-block{position:absolute;right:0;width:70px;height:70px;background-color:rgba(0,0,0,.4);border:1px solid #3692fa;border-right:none;box-sizing:border-box}.v30-contact-item-block:nth-child(1){top:50px}.v30-contact-item-block:nth-child(2){top:128px}.v30-contact-item-block:nth-child(3){top:206px}.v30-contact-item-block:nth-child(4){top:284px}.v30-contact-item-block:nth-child(5){top:362px}.v30-contact-item{width:100%;height:100%}.v30-contact-item-p{color:#fff;font-size:12px;margin-top:5px}.v30-contact-item-in{height:100%;display:none;position:relative;z-index:1;overflow:hidden}.v30-contact-item-in-p{color:#fff;text-align:center;line-height:68px;height:68px;white-space:nowrap}.v30-contact-in.cur{width:156px;background-color:transparent}.v30-contact-in.cur .v30-contact-item-in{width:100%;display:block}.v30-contact-in.cur .v30-contact-item{display:none}.v30-contact-in:before{content:"";background-color:rgba(32,176,159,.8);position:absolute;height:100%;width:0;transition:all .8s ease}.v30-contact-in.cur:before{width:100%}.v30-contact-item-block.v30-contact-top{display:none;cursor:pointer;width:46px;height:46px;top:480px}.v30-contact-item-block.v30-contact-top .v30-contact-item-p{font-size:14px;margin-top:0}.v30-contact-in.v30-contact-search.cur{border-left:none}.v30-contact-form{position:absolute;width:0;right:156px;bottom:-1px;z-index:999;overflow:hidden;opacity:0}.v30-contact-form .cf-form{background-color:rgba(32,176,159,.8);box-sizing:border-box;padding:10px 20px 20px;border-bottom:1px solid #3692fa}.v30-contact-form .cf-form-item{margin-bottom:10px;font-size:0;white-space:nowrap}.v30-contact-form .cf-form-item:last-of-type{margin:0}.v30-contact-form input{padding:0 8px;margin:0;border:none;box-sizing:border-box;width:160px;height:28px;line-height:28px;font-size:12px;display:inline-block;vertical-align:middle;background-color:#fff}.v30-contact-form .verify{width:86px;margin-right:5px}.v30-contact-form .submit{width:160px;height:28px;line-height:28px;font-size:14px}.v30-contact-qr-show{display:none;position:absolute;z-index:1;border:1px solid rgba(32,176,159,.8);left:-160px;top:-91px}.v30-contact-qr-show img{width:158px;height:158px;object-fit:contain;background-color:#fff}.v30-contact-study-card .img-block{width:36px}.v30-contact-m300 .v30-contact-qr-show{left:auto;right:156px;top:auto;bottom:-1px}.popup-main{position:fixed;width:100%;height:100%;left:0;top:0;z-index:999;background-color:rgba(0,0,0,.6);display:none}.popup-block{position:absolute;width:520px;background-color:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}.popup-title{position:relative;font-size:14px;color:#333;height:55px;line-height:55px;padding:0 20px;border-bottom:1px solid #eee}.popup-close{position:absolute;width:55px;height:55px;right:0;top:0;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAOVBMVEUAAADMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMz15oL/AAAAEnRSTlMAbJ6EiL2vclxa6M6SfV1TST0m9TBhAAAAQklEQVQI1y2LyQ3AMAzDpObq3Ub7DxsoDj8mDAr1xoQXspJtVwGoDBza/GjibzOfHE26RCAWz+t+LZoT2uKUGlk6B280Afsx72mnAAAAAElFTkSuQmCC) no-repeat center;cursor:pointer}.popup-content{padding:26px 22px}.popup-form-item{height:34px;line-height:34px;margin-bottom:14px}.popup-label{display:inline-block;width:116px;margin-right:6px;vertical-align:middle;font-size:14px;color:#666;text-align:right}.popup-input{height:32px;line-height:32px;border:1px solid #ccc;padding:0 10px;vertical-align:middle;width:278px}.popup-input::-webkit-input-placeholder{color:#999}.popup-input::-moz-placeholder{color:#999}.popup-input:-moz-placeholder{color:#999}.popup-input:-ms-input-placeholder{color:#999}.popup-form-item.required .popup-label:before{content:"*";color:red;margin-right:4px;display:inline-block;vertical-align:middle;height:32px}.popup-input.verify-input{margin-right:6px;width:184px}.popup-btn{display:inline-block;padding:0 20px;height:32px;line-height:30px;margin-left:6px;cursor:pointer}.popup-form-item.popup-button{text-align:right;margin-top:20px}.general-advertisement{height:314px;width:100%;margin:auto;background:#f7f7f7}.gg{position:relative;height:100%}.gg .swiper-container{position:relative;overflow:hidden;height:100%}.gg .swiper-slide{overflow:hidden}.gg .swiper-slide img{width:auto;height:100%;position:absolute;left:50%;transform:translateX(-50%)}.gg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:30px;height:10px;border-radius:0;border-bottom:2px solid #fff;background:0 0;margin:0 6px}.hd-jump{position:fixed;z-index:99;left:50%;top:46%;display:none;transform:translate(-50%,-50%)}.hd-jump>img{display:block;max-width:100%}.hd-jump .close{position:absolute;right:0;top:0;width:34px;height:34px;cursor:pointer}.hd-jump .hd-link{position:absolute;left:0;top:0;height:100%;width:calc(100% - 34px)}.hd-float{position:fixed;z-index:1;visibility:hidden;opacity:0;top:170px;left:50%;transform:translate(-50%,-50%)}.hint{position:absolute;top:66px;right:-14%;width:171px;height:90px;background:url(../images/tishi.png) no-repeat center;border-radius:5px;z-index:8;display:none}.hint>p{font-size:16px;color:#333;text-align:center;margin-top:21px}.hint div{width:63px;height:24px;border-radius:5px;background:#ff7e00;margin:12px auto 0}.hint .close_hint{font-size:14px;color:#fff;text-align:center;line-height:24px;cursor:pointer}.menu-level-3-block{padding:15px 15px 5px 15px;background:#2e3336}.menu-industry{margin-left:100px}.menu-industry .menu-level-2-col{margin:10px 0;border:1px solid #999;padding:2px 10px 2px 10px;-webkit-tap-highlight-color:transparent;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}.menu-industry .menu-level-2-col:hover{border:1px solid #3692fa}.menu-industry .menu-level-2-col:hover .menu-level-2{color:#3692fa}.menu-level-3-block.floatL:not(:last-child){margin-right:10px}
.float-l{
    float: left;
}
.banner img {
    width: 100%;
    height: auto;
   
}

.main-block {
    background-color: #fff;
    box-sizing: border-box;
}
.gong{padding-top: 16px;}
.view-more {
    font-size: 14px;
    padding-right: 18px;
    position: absolute;
    right: 30px;
    top: 24px;
    z-index: 2;
    color: #3692fa;
}
.main-box .nav-bar {
    border: none;
    padding: 15px 0;
}
.logo span{

    font-size: 16px;
    font-weight: bold;
    letter-spacing: 10px;
}
.logos{
    color: #fff;

	width:151px;
	height:30px;
}
.menu-btn-block{
	display:none;
}

.navbar-nav li {
    z-index: 1000;
    position: relative;
    display: inline-block;
    height: 64px;
    line-height: 64px;
    text-align: center;
    cursor: pointer;
    vertical-align: top;
    box-sizing: border-box;
    white-space: nowrap;
}
.navbar-nav li a {
    font-weight: 400;
    color: #fff;
    padding: 0 20px!important;
    display: block;
    height: 60px;
    font-size: 14px;
}
.navbar-nav li a[aria-current="page"] ,.current-menu-parent a{
	color: #3692fa!important;
}

.items-service li{height: 200px;width: 399px;}

#banne{
	background:url(../img/suzhou.jpg) no-repeat center;
}







@charset "utf-8";
/*common*/

.swiper-button-prev:after,
.swiper-button-next:after {
    display: none;
}

.items {
    padding: 50px 0 40px;
}

.items-title {
    font-size: 24px;
}

/*banner*/

.banners {
    height: 600px;
   position: relative;

}

.banners .main-box {
    height: 100%;
}

.banners .swiper-container {
    height: 100%;
}

.banners .swiper-slide {
    box-sizing: border-box;
    padding-bottom: 133px;
}

.banners .swiper-pagination-bullet {
    width: 30px;
    height: 14px;
    border-bottom: 2px solid #fff;
    border-radius: 0;
    background: none;
}

.banners .swiper-pagination-bullets {
    bottom: 150px;
}

.banners .branch-banner-title {
    font-size: 60px;
    font-weight: bold;
    color: #fff;
}

.banners .branch-banner-subtitle {
    font-size: 24px;
    color: #fff;
    margin-top: 16px;
    height: 56px;
    line-height: 48px;
    box-sizing: border-box;
    border: 1px solid #3692fa;
    padding: 0 60px;
    background: linear-gradient(to right, rgba(32, 176, 159, 0) 0%, rgb(28 144 226 / 60%) 50%, rgba(32, 176, 159, 0) 100%);
}

.banners .branch-banner-p{
    margin-top: 16px;
    font-size: 18px;
    color: #3692fa;
    letter-spacing: 28px;
    text-align: center;
}

/*banner下方展示项*/

.banner_di{
    height: 134px;
    background-color: rgba(255, 255, 255, .1);
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.banner_di_box li{
    width: 25%;
    height: 134px;
    position: relative;
    overflow: hidden;
	-moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
	float: left;
}
.banner_di_box {
    width: 1200px;
    margin: 0 auto;
}
.banner_di_box li:hover {
    background-color: rgba(255, 255, 255, .1);
}

.banner_di_box li:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.banner_di_box li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-right: 1px solid rgba(255, 255, 255, 0.08);
}

.banner_di_box li a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner_diz{
    width: 40%;
    text-align: center;
    height: 134px;
    line-height: 100px;
	float:left;
}
.banner_diy{float:left;}
.banner_diy:last-child {
    width: 60%;
	
}

.banner_diz img {
    display: inline-block;
    vertical-align: middle;
}

.banner_diy_title {
    font-size: 20px;
    margin: 20px 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.banner_diy_title .main-pro-ico {
    margin: 0 10px;
}
.main-wrap {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    transition: all .3s ease;
}
.banner_diy_p{
	font-size: 12px;
	list-style: disc;
	display: list-item;
	padding-right: 10px;
}

.main-pro-ul li {
    list-style: disc;
    line-height: 17px;
    font-size: 12px;
    color: #fff;
}

.main-title {
    font-size: 24px;
    color: #333;
    text-align: center;
    margin: 50px 0;
    position: relative;
}

.main-title:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid;
    border-color: #3692fa transparent transparent;
}

.main-title:after {
    content: "";
    position: absolute;
    width: 52px;
    height: 3px;
    background-color: #3692fa;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
}

/*新闻公告*/



.items-all-news .items-block {
    margin-top: 30px;
    justify-content: space-between;
    align-items: flex-start;
}

.items-all-news .item-l {
    width: 902px;
}

.items-all-news .item-rank {
    width: 280px;
}

.items-all-news .item-l .item-s {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-left: 10px;
}

.web_news .item-s:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    background-color: #3692fa;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.web_news .item-l .item-s a {
	color: #666;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    width: 293px;
    float: left;
    text-overflow: ellipsis;
}
.item-s span{color: #999;font-size: 13px;}
.item-s a:hover {
    color: #3692fa;
}

.items-all-news .item-news{position: relative;margin-top: 0px!important;}
.items-all-news .item-news .item-title{margin-bottom:12px;}
.items-all-news .item-news .swiper-container {
    width: 426px;
    height: 345px;
	padding-left: 30px;
}

.items-all-news .item-news .swiper-slide .img-block {
    width: 426px;
    height: 345px;
}

.items-all-news .item-news .swiper-slide .img-block img {
    max-height: 100%;
}

.items-all-news .item-news .swiper-pagination {
    bottom: 0;
    height: 35px;
    text-align: left;
    padding: 0 30px;
    background-color: rgba(0, 0, 0, .5);
    box-sizing: border-box;
}

.items-all-news .item-news .swiper-pagination-bullet {
    background: #fff;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    font-size: 12px;
    opacity: 1;
    margin: 8px 10px 0 0;
}

.items-all-news .item-news .swiper-pagination-bullet-active {
    background: #3692fa;
    color: #fff;
}

.items-all-news .item-news .item-s-block {
    flex: 1;
    padding: 21px;
}

.items-all-news .item-news .item-s {
    max-width: 414px;
    line-height: 40px;
}

.items-all-news .item-down {
    margin-top: 18px;
}

.items-all-news .item-down .item-activity {
    flex: 1;
    padding: 30px;
    box-sizing: border-box;
    height: 266px;
    border-right: 1px dashed #E5E5E5;
    position: relative;
}

.web_news .view-more {
    position: absolute;
    right: 30px;
    top: 19px;
    z-index: 2;
}

.items-all-news .item-news .view-more {
    top: 24px;
}
.items-all-news .item-down .item-title {
    position: relative;
    padding-bottom: 5px;
}

.item-title:after {
    content: "";
    position: absolute;
    width: 15px;
    border-bottom: 2px solid #3692fa;
    left: 0;
    bottom: 0;
}

.items-all-news .item-down .item-s-block {
    
}

.items-all-news .item-down .item-s {
    line-height: 32px;
    max-width: 390px;
}

.items-all-news .item-down .item-clients {
    flex: 1;
    padding: 30px;
    box-sizing: border-box;
    height: 266px;
    position: relative;
}



.hot_news .item-s-block {
    border-top-color: #fff;
    height: 390px;
    padding: 0px 8px;
    counter-reset: num;
}

.hot_news .item-s {
    border-bottom: 1px dashed #E5E5E5;
    padding-left: 35px;
    counter-increment: num;
    position: relative;
    line-height: 38px;
    height: 38px;
}
.hot_news .item-s:hover{
    background:#f7f7f7;
}
.hot_news .item-s:before {
    content: counter(num);
    position: absolute;
    box-sizing: border-box;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #9B9B9B;
    border-radius: 50%;
    font-size: 13px;
    color: #9B9B9B;
    left: 0px;
    top: 49%;
    transform: translateY(-50%);
}

.hot_news .item-s:nth-child(1):before {
    background-color: #E04425;
    border-color: #E04425;
    color: #fff;
}

.hot_news .item-s:nth-child(2):before {
    background-color: #FF7E00;
    border-color: #FF7E00;
    color: #fff;
}

.hot_news .item-s:nth-child(3):before {
    background-color: #E8BA00;
    border-color: #E8BA00;
    color: #fff;
}

.hot_news .item-s:last-child {
    border-bottom: none;
}

.items-all-news .item-rank a {
    color: #666;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}

.items-all-news .item-rank a:hover {
    color: #3692fa;
}

/*经典案例*/

.items-case {
    box-sizing: border-box;
    height: 950px;
	background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.items-case .items-title {
    font-size: 30px;

    margin-bottom: 30px;
    position: relative;
    line-height: normal;
}

.items-case .main-box{
    position: relative;
}
.items-case .btn-b-deep{display: block;
    width: 176px;
    height: 46px;
    font-size: 18px;
    text-align: center;
    line-height: 46px;
    margin: 4px auto 0 auto;}


.items-case .item-block {
    font-size: 0;
}

.items-case .item {
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    transition: all .3s ease;
    display: inline-block;
    margin: 0 30px 30px 0;
}

.items-case .item:nth-child(4n) {
    margin-right: 0;
}

.items-case .item .img-block {
    width: 275px;
    height: 219px;
}

.items-case .item .img-block img {
    max-height: 100%;
}

.items-case .item-p {
    line-height: 40px;
    left: 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    padding: 15px 20px;
    transform: translateY(100%);
    transition: all .3s ease;
}

.items-case .item-p .item-title {
    font-size: 14px;
    line-height: 22px;
    color: #666;
}

.items-case .item:hover {
    box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 18%);
}

.items-case .item:hover .item-p {
    transform: translateY(0);
}

.items-case .swiper-button-prev {
    height: 87px;
    background: url(../img/icon-left.png) no-repeat center;
    top: 280px;
    left:-4%;
}

.items-case .swiper-button-prev:hover {
    background-color: #fff;
}

.items-case .swiper-button-next {
    height: 87px;
    background: url(../img/icon-right.png) no-repeat center;
    top: 280px;
    right:-4%;
}

.items-case .swiper-button-next:hover {
    background-color: #fff;
}

/*企业故事*/

.item-company-hot {
    border: 1px solid #e5e5e5;
}

.item-company-hot .item {
    position: relative;
    z-index: 11;
}

.item-company-hot .item-info {
    flex: 1;
    padding: 0 40px;
}

.item-title {
	/*font-size: 18px;*/
    position: relative;
    padding-bottom: 6px;
    /*padding-top: 50px;*/
}

.item-company-hot .item-title:after {
    content: "";
    position: absolute;
    width: 37px;
    border-bottom: 2px solid #3692fa;
    left: 0;
    bottom: 0;
}
.itt::after {
    content: "";
    position: absolute;
    width: 37px;
    border-bottom: 2px solid #3692fa;
    left: 0;
    bottom: 0;
}
.item-company-hot .item-name {
    font-size: 18px;
    font-weight: bold;
    margin-top: 16px;
}

.item-company-hot .item-job {
    font-size: 14px;
    font-weight: normal;
    margin-left: 10px;
}

.item-descrition {
    font-size: 12px;
    color: #ffffff;
    line-height: 20px;
    margin-top: 16px;
    text-align: justify;
    max-height: 60px;
    overflow: hidden;
	width: 600px;
}

.item-company-hot .item-btn {
    margin-top: 32px;
    position: relative;
    z-index: 11;
}

.item-company-hot .item-a {
    width: 120px;
    height: 36px;
    line-height: 36px;
}

.item-company-hot .item-img {

    height: 300px;
}
.item-info {
    padding: 40px;
    border: 1px solid #e5e5e5;
	background:url(../img/b1.jpg) no-repeat;
	background-size: 100%;
}
.item-company-hot .item-img img {
    width: 100%;
    height: 100%;
}

.item-company-hot .swiper-pagination {
    bottom: 20px;
}

.item-company-hot .swiper-pagination .swiper-pagination-bullet {
    width: 30px;
    height: 0;
    border-radius: 0;
    border-bottom: 3px solid #B2B2B2;
    background: none;
    opacity: 1;
    margin: 0 7px;
    padding-top: 15px;
}

.item-company-hot .swiper-pagination .swiper-pagination-bullet-active {
    border-color: #3692fa;
}

.items-company .items-title{padding-bottom: 40px;}
.item-company-small{padding-top:36px;position: relative;}
.item-company-small .swiper-container{width: 90%;}
.item-company-small .swiper-slide .item{position: relative;width:200px;max-height: 140px;overflow: hidden;}
.item-company-small .swiper-slide .item img{width: 100%;min-height: 140px;}
.item-company-small .swiper-slide .item p{position:absolute;bottom:0;text-align: center;width: 100%;background: rgba(0,0,0,.65);color:#fff;height: 30px;line-height: 30px;font-size: 12px;    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 3px;
    box-sizing: border-box;}
.item-company-small .swiper-button-next,.item-company-small .swiper-button-prev{top:90px;height: 87px;}
.item-company-small .swiper-button-prev{background: url(../img/icon-left.png) no-repeat center;left:0;}
.item-company-small .swiper-button-next{background: url(../img/icon-right.png) no-repeat center;right:0;}
.button-more{width:176px;height: 46px;border:1px solid #3692fa;color:#3692fa;font-size: 18px;text-align: center;line-height: 46px;margin:36px auto 0 auto;}
.button-more:hover{background:#3692fa;color:#fff;}


.items-expert{background: #f7f7f7;}
.items-expert .items-title{padding-bottom: 40px;}
.items-expert .swiper-container{width: 90%;}
.items-expert .swiper-button-next,.items-expert .swiper-button-prev{top:210px;height: 87px;}
.items-expert .swiper-button-prev{background: url(../img/icon-left.png) no-repeat center;display: block;width: 30px;float: left;margin-left: 0px;overflow: hidden;cursor: pointer;}
.items-expert .swiper-button-next{background: url(../img/icon-right.png) no-repeat center;width: 30px;float: right;margin-right: 0px;overflow: hidden;cursor: pointer;}
.items-expert .swiper-slide .item p{font-size: 18px;color:#333;height: 50px;line-height: 50px;padding:0 10px;border:1px solid #e5e5e5;box-sizing: border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; } 
.items-expert .swiper-slide .item{position: relative;width:255px;max-height: 323px;overflow: hidden;}
.items-expert .swiper-slide .item .img-block{max-height: 273px;overflow: hidden;}
.items-expert .swiper-slide .item img{width: 100%;min-height: 273px;}
/*信息*/
.items-information .main-box{overflow: hidden;}
.items-information .item{width:49%;float:left;border:1px solid #e5e5e5;box-sizing: border-box;padding:20px 30px;}
.items-information .item ul{padding-top:14px;height:138px;overflow: hidden;}
.items-information .item li{font-size: 14px;color:#666;line-height: 26px;overflow: hidden;}
.items-information .item-title{position: relative;padding-bottom: 6px;font-size: 18px;}
.items-information .item-title:after {content: "";position: absolute;width: 37px;border-bottom: 2px solid #3692fa;left: 0;bottom: 0;}
.items-information .item-infonews{position: relative;margin-left: 2%;}
.item-infonews .view-more {position: absolute;right: 30px;top: 22px;z-index: 2;}
.items-information .item-infonews li:hover{color:#3692fa;}
.items-information .item-infonews p{float: left;max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;}
.items-information .item-infonews span{float:right;}


.items-service{margin-top:40px;}
.items-service .flex-row{flex-wrap: wrap;}
.items-service ul{box-sizing: border-box;border-top:1px solid #e5e5e5;}

.service-intro-front:nth-child(3n){border-right:1px solid #e5e5e5;}
.items-service li .img-block{width:68px;height: 68px;}
.items-service li .img-block img{max-height: 100%;}
.items-service .service-intro-front{padding:40px;height: 218px;box-sizing: border-box;border-bottom: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;}
.items-service .service-intro-front p{text-align: center;font-size: 18px;color:#3692fa;padding-top:20px;}
.service-intro-front span{color: #666;display:block;text-align:center;padding-top: 8px;}
.items-service li .service-intro-back{padding:20px;height: 200px;box-sizing: border-box;display: table;display: none;transition:display 10s;width:100%;position: relative;}
.items-service li .service-intro-back:before{
    content: "";
    background-color:#3692fa;
    height: 201px;
    width: calc(100% + 1px);
    position: absolute;
    top:-1px;
    left: -1px;
    
}
.items-service li .service-intro-back .center{vertical-align: middle;display: table-cell;position: relative;}
.items-service .intro-back-title{font-size: 18px;color:#fff;font-weight: bold;text-align: center;line-height: 38px;}
.items-service .intro-back-text{font-size: 14px;color:#fff;text-align: justify;line-height: 26px;max-height:110px;overflow: hidden;}
.items-service .ul-6 li{width:33.33%;flex:none;}
.items-service .ul-8 li{width:25%;flex:none;}
.items-service .ul-10 li{width:20%;flex:none;}





.items-block .settop a{color:#E04425!important;font-weight: bold;}
.items-all-news .item-l .settop:before{background-color:#E04425;}
.items-block .turnred a{color:#E04425!important;}
.items-all-news .item-l .turnred:before{background-color:#E04425;}
.case_box {
    padding: 35px 0;
    background: #f6f6f6;
}
.case_box1 {background: #f6f6f6;}
.view-more:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(../img/view-more.png) no-repeat center;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
	background-size: 100% 100%;
}

.ico-hot {
    position: relative;
}
.ico-hot:after {
    content: "";
    display: inline-block;
    width: 19px;
    height: 17px;
    background: url(../img/icon-hot.svg) no-repeat center;
    vertical-align: 0;
    margin-left: 5px;
}

.box_news {
    width: 1200px;
    margin: 0 auto;
	display: -webkit-box;
}
.box_news_left {
    width: 300px;
    margin-right: 30px;
    height: 450px;
    border-radius: 5px;
    background: #f9f9f9;
    position: relative;
    overflow: hidden;
}
.box_news_right {
    width: 870px;
    height: 450px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
	border-radius: 5px;
}
.web_news {
    width: 445px;
    float: left;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    flex: 1;
    padding: 20px 30px;
	position: relative;
}
.hot_news {
    width: 300px;
    height: 100%;
    padding-left: 40px;
	float: right;
	padding: 20px 30px 0 30px;
}
.box_news_left a{
	position: absolute;
    z-index: 1;
    left: 37px;
    top: 33px;
}
.box_news_left:hover {
    -webkit-box-shadow: 0px 0px 11px 0px rgb(127 127 127 / 25%);
    box-shadow: 0px 0px 11px 0px rgb(127 127 127 / 25%);
}
.box_news_left h2 {
    font-size: 24px;
    font-weight: bold;
    color: #3692fa;
    line-height: 1;
    margin-bottom: 10px;
}
.box_news_left h3{
    font-size: 14px;
    font-weight: 400;
    color: #3692fa;
    line-height: 1;
    margin-bottom: 20px;
}
.box_news_left p {
    color: #666;
    font-size: 12px;
    line-height: 25px;
}
.box_news_left i {
    color: #999;
    margin-right: 3px;
}
i.g_more {
    margin-top: 15px;
    margin-left: 2px;
    width: 50px;
    height: 5px;
    display: block;
    background: #3692fa;
    border-radius: 5px;
	float: left;
}
i.g_more1{
    margin-top: 15px;
    width: 10px;
    height: 5px;
    display: block;
    background: #3692fa;
    border-radius: 5px;
	float: left;
}
img.bg-img {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.item-title {
    position: relative;
    padding-bottom: 5px;
    margin-bottom: 12px;
}
.itt{
	position: relative;
    padding-bottom: 5px;
    margin-bottom: 12px;
	color: #ffffff;
}
.item-s{
	line-height: 38px;
    max-width: 445px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
    padding-left: 10px;
}
.item-s a {
    color: #666;
    font-size: 14px;
}
.item_news{
	float:left;
}
.list_news {
    display: block;
    width: 1200px;
    height: 266px;
    margin: 20px auto;
	border: 1px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 5px;
}
.n1,.n2,.n3{
	width:28%;
}
.n1,.n2{
	border-right: 1px dashed #E5E5E5;
}
.news_t {
    text-align: center;
    width: 1200px;
    padding: 40px 30px 30px;
	font-size: 30px;
	margin: 0 auto;
}
.list_case {
    background: #f6f6f6;
	width: 1200px;
    margin: 0 auto;
}
.list_case_title {
    padding-top: 60px;
    margin-bottom: 30px;
    font-size: 24px;
    text-align: center;
}
.case {
    width: 1200px;
    display: block;
    margin: 0 auto;
	float:left;
}
.case li {
    position: relative;
    cursor: pointer;
    float: left;
    margin: 0 30px 30px 0;
    padding: 20px;
    width: 378px;
    height: 560px;
    opacity: 1;
    background: #ffffff;
    border: 1px solid #ebebeb;
    border-radius: 6px;
}
.case li:nth-child(3n){margin-right: 0;}
img.case-img {
    height: 270px;
    font-size: 18px;
    width: 100%;
    border-radius: 5px;
}
h4.case-title {
    margin: 25px 0 15px;
    height: 25px;
    opacity: 1;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    color: #000000;
    overflow: hidden;
}
p.case-info {
    height: 48px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 400;
    text-align: left;
    color: #333333;
    line-height: 24px;
}
.case-hr {
    margin: 18px 0;
    width: 58px;
    border-bottom: 1px solid #ebebeb;
}
.case-detail {
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #666666;
    line-height: 2;
    height: 30px;
    overflow: hidden;
}
.case-product {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 24px;
    letter-spacing: 0px;
    color: #666666;
}
.fl {
    float: left;
}
.product-block {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px #e1e1e1;
    padding: 4px 8px;
    line-height: 14px;
    margin-right: 5px;
    margin-bottom: 5px;
}
.case li,.case-cell{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.case-info:hover,.case-title:hover{color: #3692fa;}
.mor_case {
    padding: 30px 0 70px;
    text-align: center;
}
.mor_case a{
	width: 200px;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    background-image: -webkit-gradient( linear, left top, right top, from(#00bcd5), to(#38cdba) ), -webkit-gradient(linear, left top, left bottom, from(#0072be), to(#0072be));
    background-image: linear-gradient( 
90deg
 , #3692fa 0%, #00bcd4 100%), linear-gradient(#0072be, #0072be);
    color: #fff;
    border-radius: 5px;
    text-align: center;
    font-size: 14px;
    border: 0;
	}

.qiye{ text-align:left !important; width:100px;}
p.items-fu {
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
}
.branch-banner-subtitle span{ color:red;font-size:35px;}
.branch-banner-subtitle i{font-style:normal; font-size:20px;font-weight:normal;}

#navbar-main-collapse {
    float: left;
	padding-left: 63px;
}
.banner{
	background:url(../img/bg3.jpg) no-repeat center;
	height:246px;
	background-size: 100%;
}
#drogue {
    position: fixed;
    right: 0;
    top: 35%;
    margin:auto;
    display: flex;
    flex-direction: column;
    z-index: 10000;
}

#drogue > div:first-child {
    border-radius: 4px 0 0 0;
}

#drogue > div:last-child {
    border-radius: 0 0 0 4px;
}

#drogue > div, #drogue > a,#drogue a {
    width: 60px;
    height: 70px;
    background: #00a2ff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    z-index: 999;
}

#drogue > div:after{
    content:"";
    position: absolute;
    bottom:0;
    left:5px;
    right:5px;
    height: 1px;
    z-index: 99;
    background: #ffffff;
}

#drogue > div > img, #drogue > a > img ,#drogue a img {
    width: 26px;
    height: 26px;
    margin-bottom: 5px;
}

#drogue > div > span, #drogue > a > span,#drogue a span {
    font-size:12px;
    color:#fff;
}

#drogue > div:hover, #drogue > a:hover {
    background: #0299f0;
}
/* disable hover when backTop hidden to avoid triggering flicker */
#drogue .backTop[style*="display:none"]{
    pointer-events: none;
}
#drogue .thanksgiving{
    margin-bottom: 20px;
    background: transparent;
    border: none;
}
#drogue .thanksgiving:hover{
    background: transparent;
}
#drogue .thanksgiving a{
    display: inline-block;
    width: 100%;
    height: 100%;
}
#drogue .thanksgiving a img{
    width: 100%;
    height: 100%;
}
.tel400 .tel400Bg, .weiChat .weiChatg,.onlineConsult .onlineConsultBg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 99;
    background: #00a2ff;
    width: 100%;
    height: 100%;
    border-radius: 4px 0 0 0;
}

.weiChat div.drogueTel{
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 160px;
}

.weiChat .drogueTel > img{
    width: 119px;
    height: 119px;
}

.weiChat .drogueTel .message{
    font-size: 14px;
    text-align: center;
    color: #00a2ff;
    line-height: 20px;
}

.tel400 .tel400Bg > img, .weiChat .weiChatg > img, .onlineConsult .onlineConsultBg > img {
    width: 26px;
    height: 26px;
    margin-bottom: 5px;
}

.tel400 .tel400Bg > span, .weiChat .weiChatg > span, .onlineConsult .onlineConsultBg > span {
    font-size:12px;
    color:#fff;
}

.tel400:hover .drogueTel,
.thanksgiving:hover .drogueTel, .weiChat:hover .drogueTel, .onlineConsult:hover .drogueTel{
    right:75px;
    opacity: 1;
    display: flex ;
}
/*.keep open on panel hover to avoid flicker*/
.tel400 .drogueTel:hover,
.weiChat .drogueTel:hover,
.onlineConsult .drogueTel:hover{
    right:75px;
    opacity: 1;
}

.tel400 .drogueTel,
.thanksgiving .drogueTel, .weiChat .drogueTel, .onlineConsult .drogueTel{
    position: absolute;
    right:-400px;
    top:10px;
    background: #fff;
    box-shadow: 2px 2px 13px rgba(0,0,0,.2);
    width: 180px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #00a2ff;
    border-radius: 5px;
    transition: all .3s ease-in-out;
    opacity: 0;
    z-index: 98;
}

.tel400 .drogueTel:after,
.thanksgiving .drogueTel:after,.weiChat .drogueTel:after, .onlineConsult .drogueTel:after{
    content:"";
    position: absolute;
    right:-20px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid transparent;
    border-left: 10px solid #fff;
}
.weiChat .drogueTel:after{
    top: 10px;
}
.onlineConsult .drogueTel:after{
    top: 25px;
}
.onlineConsult .drogueTel{
    width: 300px;
    height: auto;
    padding: 12px 16px;
    align-items: stretch;
    flex-direction: column;
    display: flex; /* 保持参与过渡动画 */
    will-change: right, opacity;
}

.onlineConsult{
    position: relative;
}

.onlineConsult .drogueTel h3{
    font-size:16px;
    color:#00a2ff;
    margin: 0 0 6px 0;
}
.onlineConsult .drogueTel p{
    font-size:12px;
    color:#666;
    line-height:20px;
    margin: 4px 0;
}
.onlineConsult .drogueTel form{
    margin-top: 6px;
}
.onlineConsult .drogueTel input[type="text"]{
    width: 100%;
    height: 32px;
    line-height: 32px;
    border:1px solid #E5E5E5;
    padding:0 8px;
    box-sizing:border-box;
}
.onlineConsult .drogueTel input[type="text"]:focus{
    outline: none;
    box-shadow: none;
    border-color: #E5E5E5;
}
.onlineConsult .drogueTel button[type="submit"]{
    width: 100%;
    height: 32px;
    line-height: 32px;
    background:#3692fa;
    color:#fff;
    border:none;
    border-radius:4px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0;
}
.logo img{
	padding-right: 5px;
	width:auto;
	height:35px;
	float: left;
}
.logo a{
	float:left;
}
.logo i{
    display: block;
	font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
	font-size:10px;
}

@media screen and (max-width: 992px){

html{font-size: 100px;min-width:100%;}
body{font-size: 0.12rem /*实际相当于14px*/;
	min-width:100%;
}

.menu-trigger {
    position: absolute;
    cursor: pointer;
    z-index: 100011;
    right: 0;
    top: 0;
    width: 70px;
    height: 65px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.menu-trigger .line1, .menu-trigger .line2, .menu-trigger .line3 {
    display: block;
    width: 34px;
    height: 3px;
    background: #ffffff;
    margin-bottom: 0;
    transition-duration: .2s;
}
.menu-trigger .line1 {
    transform: translate3d(0,-5px,0);
}
.menu-trigger .line2 {
    transform: translate3d(0,0,0);
}
.menu-trigger .line3 {
    transform: translate3d(0,5px,0);
}
.menu-trigger.is-active .line1, .menu-trigger.is-active .line2, .menu-trigger.is-active .line3 {
    transition-duration: .4s;
}
.menu-trigger.is-active .line1 {
    transform: translate3d(0,2px,0) rotate(
-225deg
) scale3d(0.9,1,1);
}
.menu-trigger.is-active .line1, .menu-trigger.is-active .line2, .menu-trigger.is-active .line3 {
    margin-bottom: -1.5px;
}
.menu-trigger.is-active .line2 {
    transform: translate3d(20px,0,0);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}

.menu-trigger.is-active .line3 {
    transform: translate3d(0,-2px,0) rotate(
225deg
) scale3d(0.9,1,1);
}
#navbar-main-collapse {
    display: none;
}
.navbar-nav {
    background: #31363a;
    margin-top: 15px;
    width: 100%;
    padding-bottom: 0.1rem;
	border-top: 1px solid #4e4e4e;
}
.navbar-nav {
    float: left;
}
.navbar-nav li {
    display: block;
    height: 65px;
    width: 100%;
    line-height: 65px;
    border-bottom: 1px solid #4e4e4e;
	padding-bottom: 0;
	text-align: left;
}
.navbar-nav li a {
    font-size: 16px;
	color:#cacaca;
}
.show {
    display: block!important;
	width: 100%;
    padding-left: 0px!important;
}
.header-box{
	min-width:100%;
	padding:0;
}
.main-box,.box_news,.box_news_right,.web_news,.case,.case li,.mor_case a,.header-box,.main-box{
	width:100%!important;
}
.items-service li{
	width:50%;
}
.news_t,.box_news_left,.hot_news,.list_news,.items.items-company,.main-footer-info,.main-footer-nav,.main-footer-qr,.main-pro,
.web_news .view-more,.item-title:after,.gong,.tel,.nav-bar,.scroll-menu{
	display:none!important;
}
.item-s{
	max-width:100%;
}
.item-title a,.item-title{
    font-size: 24px;
    text-align: center;
}
.web_news{
	padding:0;
}
.items-service ul,.items-service .service-intro-front,.box_news_right{
	border:none;
}
h3{
	font-size: 30px;

}
.web_news .item-s:before{
	left:20px;
}
.item-s {
    padding: 0 30px;
}
.list_case_title{
	padding-top: 33px;
}
.mor_case a{
    width: 50%;
}
.main-footer{
	height: 160px;
}
.main-footer>.flex-row,.main-footer-copyRight{
	padding-top:0;
}
.main-footer-center{
	height:auto;
}
.logo{
    margin-left: 20px;
}
#banne{
	background:url(../img/phba.jpg) no-repeat;
	background-size: 100%;
	height: 330px;
	padding-bottom:0 !important;
}
.banners{
	height:auto;
}
.banners .branch-banner-title{
	font-size: 30px;
	font-weight:normal;
}
.banners .branch-banner-subtitle,.branch-banner-subtitle span,.branch-banner-subtitle i	{
	font-size: 17px;
}
.banners .branch-banner-subtitle{
	width:100%;
	height: 48px;
	padding:0px;
	text-align: center;
	letter-spacing: 1px;
	border-left: none;
    border-right: none;
}
.banners .branch-banner-p{
	letter-spacing: 1px;
	font-size: 16px;
}
.banner{
	background:url(../img/news-banner-bg.png) no-repeat center;
}
.zq-content{
	margin:0!important;
}

.t h2{
	width:100% !important;
}
#drogue,.banner_di{
	display:none;
}
.main-wrap{ width:100% !important;}

.banners{
	z-index:-1;
}
.list_case,.case-content p,.prev span{
	width:100%!important;padding:0!important;
}
.rig {
    float: left!important;
    text-align: left!important;
}
.aboutzq{
	padding-bottom: 0px !important;
}
.case-content p{    line-height: 3!important;}

form#searchform {
    display: none;
}

figure{ width:100%!important;padding:0!important;}
.news-content .content img{width:100%!important;}

.m_x{
    background-color: rgb(46, 161, 253);
    border-radius: 50%;
    box-shadow: rgb(0 0 0 / 16%) 0px 5px 14px;
    position: fixed;
    width: 40px;
    height: 40px;
    top: 450px;
    right: 20px;
    z-index: 10000;
}
.m_x a{
	vertical-align: middle;
    padding-right: 32px;
    height: 32px;
    display: inline-block;
    background: url(../img/m_x.png) 4px 3px / 64px no-repeat;
}





}
.media-list-con {
    color: #999;
}

.nav-bar-c a{
	color:#666666;
	float: left;
}




.bbn img{
    width: 100%;
}
.case-content p,figure {
    padding: 10px;
    width: 1000px;
    margin: 0 auto;
}
.case-content strong {
    position: relative;
    padding: 15px 0;
}
.case-content strong:after {
    content: "";
    position: absolute;
    width: 30px;
    border-bottom: 2px solid #3692fa;
    left: 0;
    bottom: 0;
}
.case-content span,.prev span{
	width:50%;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.case-content span a,.prev span a{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 94%;
    display: block;
}
.lef{
	float:left;
}
.rig{
    float: right;
    text-align: right;
}
.lef a{ float:left;}
.rig a{ float:right;}
.lef i {
    float: left;padding-right:10px;
}
.rig i {
    float: right;padding-left: 10px;
}
.prev {
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 10px 0;
}
i{
    font-style: normal;
}
pre.wp-block-code{
    background-color: #f5f5f5;
    font-family: Courier New,serif;
    border: 1px solid #ccc;
    padding: 10px;
    font-size: 14px;
    line-height: 1.5;
	margin-bottom: 20px;
}

form#searchform {
    padding: 20px 0;
	margin-bottom:20px;
}
.searchInput{
    color: #888;
    width: 745px;
    height: 30px;
    line-height: 30px;
    float: left;
    font-size: 18px;
    padding: 7px 16px;
    margin: 0;
    border: 1px solid #E8E8E8;
    border-right: 0;
}
input[type="submit"]{
	
    width: 142px;
    height: 46px;
    font-size: 18px;
    color: #FFF;
    border: 0;
    background: #3692fa;
    cursor: pointer;
}

td.has-text-align-center {
    text-align: center;
    padding: 15px;
}
table {
    width: 100%;
}
table a{
	color:#3692fa;
}
img.wp-image-201 {
    width: 150px;
    height: auto;
}



/* 基础布局 */
.template-search-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

/* 搜索表单 */
.search-filter-form {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 12px;
    box-shadow: 0 2px 15px rgba(0,0,0,0.08);
}

.search-group input[type="text"] {
    width: 100%;
    padding: 12px;
    border: 2px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
}

.filter-group {
    margin: 25px 0;
    padding: 15px;
    background: white;
    border-radius: 8px;
}

.filter-group h3 {
    margin: 0 0 15px 0;
    color: #333;
    font-size: 18px;
}

.filter-group label {
    display: inline-flex;
    align-items: center;
    margin: 5px 10px;

    background: #f0f2f5;

    cursor: pointer;
    transition: all 0.3s;
}

.filter-group label:hover {
    background: #3692fa;
	color:#ffffff;
}



.form-actions {
    margin-top: 20px;
    text-align: center;
}

button[type="submit"] {
    background: #007bff;
    color: white;
    padding: 12px 30px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: background 0.3s;
}

.reset-btn {
    display: inline-block;
    margin-left: 15px;
    color: #666;
    text-decoration: none;
}

/* 模板网格布局 */
.template-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.template-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 12px rgba(0,0,0,0.1);
    transition: transform 0.3s;
}

.template-card:hover {
    transform: translateY(-5px);
}

.thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.content {
    padding: 15px;
}

.content h3 {
    margin: 0 0 10px 0;
    color: #222;
    font-size: 1.2em;
}

.meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.meta span {
    display: inline-block;
    padding: 4px 12px;
    background: #f0f2f5;
    border-radius: 15px;
    font-size: 0.9em;
}

/* 分页样式 */
.pagination {
    margin: 40px 0;
    text-align: center;
}

.pagination a, 
.pagination span {
    display: inline-block;
    padding: 8px 15px;
    margin: 0 3px;
    border-radius: 5px;
    background: #f0f2f5;
    color: #333;
}

.pagination .current {
    background: #007bff;
    color: white;
}

/* 移动端适配 */
@media (max-width: 768px) {
    .template-grid {
        grid-template-columns: 1fr;
    }
    
    .filter-group label {
        display: block;
        margin: 5px 0;
    }
    
    .form-actions {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    
    .reset-btn {
        margin-left: 0;
    }
}
.new_templates {
    padding: 40px 0;
}
/* 首页-最新网站制作公司布局（3列） */
.home-tpl-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:20px 0;}
.home-tpl-list .template-item{position:relative;cursor:pointer;border:1px solid #ebebeb;border-radius:6px;background:#fff;overflow:hidden;box-shadow:0 2px 5px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;}
.home-tpl-list .template-item:hover{transform:translateY(-6px);box-shadow:0 6px 16px rgba(0,0,0,.15);} 
.home-tpl-list .myiframe{height:220px;overflow:hidden;display:block;background:#f7f7f7;}
.home-tpl-list .myiframe img{width:100%;height:100%;object-fit:cover;display:block;}
.home-tpl-list .info{padding:16px 16px 12px;}
.home-tpl-list .info h3{font-size:16px;margin:0 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;}
.home-tpl-list .info h4{font-size:12px;color:#666;line-height:20px;margin:0;}
.home-tpl-list .info .nomber{float:right;opacity:.6;}
@media (max-width: 992px){
.home-tpl-list{grid-template-columns:repeat(2,1fr);padding: 0 20px;} 



}
@media (max-width: 640px){.home-tpl-list{grid-template-columns:1fr;} }

    /* 移动端免费通话表单样式优化 - 需要覆盖 public.min.css 中的默认样式 */
    .onlineConsult #free-call-form.mobile-show,
    #free-call-form.mobile-show {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        right: auto !important;
        width: 90% !important;
        max-width: 320px !important;
        z-index: 10001 !important;
        opacity: 1 !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.3) !important;
        border-radius: 8px !important;
        padding: 20px 16px !important;
        display: flex !important;
        visibility: visible !important;
        align-items: stretch !important;
        flex-direction: column !important;
        background: #fff !important;
        background-color: #fff !important;
        min-height: auto !important;
        height: auto !important;
    }
    
    #free-call-form.mobile-show:after {
        display: none !important;
    }
    
    #free-call-form.mobile-show h3 {
        font-size: 18px;
        margin-bottom: 10px;
        text-align: center;
    }
    
    #free-call-form.mobile-show p {
        font-size: 13px;
        line-height: 1.6;
        margin: 8px 0;
        text-align: center;
    }
    
    #free-call-form.mobile-show .phone-display {
        background: #f5f5f5;
        padding: 10px;
        border-radius: 4px;
        margin: 12px 0;
        font-size: 14px;
    }
    
    #free-call-form.mobile-show .phone-display strong {
        color: #3692fa;
        font-size: 16px;
    }
    
    #free-call-form.mobile-show form {
        margin-top: 12px;
    }
    
    #free-call-form.mobile-show input[type="text"] {
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        padding: 0 12px;
        border-radius: 4px;
        border: 1px solid #e5e5e5;
    }
    
    #free-call-form.mobile-show button[type="submit"] {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        font-weight: 500;
        margin-top: 10px;
        border-radius: 4px;
        padding: 0 20px;
    }
    
    /* 移动端表单遮罩层 */
    .mobile-form-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        z-index: 10000;
        display: none;
    }
    
    body.mobile-form-open .mobile-form-overlay {
        display: block;
    }

}

/* 创建咨询弹窗样式（模板详情页） */
.create-modal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: none;
    font-family: inherit;
}
.create-modal-mask {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 10000;
}
.create-modal-dialog {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.25);
    padding: 24px 24px 20px;
    max-width: 320px;
    width: 80%;
    box-sizing: border-box;
    text-align: center;
    z-index: 10001;
}
.create-modal-close {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 20px;
    color: #999;
    cursor: pointer;
    line-height: 1;
    transition: color 0.2s ease;
}
.create-modal-close:hover {
    color: #333;
}
.create-modal-body {
    margin-top: 8px;
}
.create-modal-qrcode {
    width: 180px;
    height: 180px;
    max-width: 100%;
    display: block;
    margin: 0 auto 12px;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.create-modal-text {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
    margin: 0;
}
@media (max-width: 768px) {
    .create-modal-dialog {
        max-width: 280px;
        padding: 18px 18px 16px;
    }
    .create-modal-qrcode {
        width: 150px;
        height: 150px;
    }
    .create-modal-text {
        font-size: 13px;
    }
}
.phone-display a{
    display: contents !important;
    background:none !important;
}
.myiframe img{width: 100%;}