blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%;font-weight: normal;}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{outline:0;color:#333;font:12px/1.14 arial,\5b8b\4f53}
html{ width: 100%; height: auto; overflow-x: hidden;}
body{ background:#fff; color:#333; font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif; line-height:1.75;}
input,button,textarea{ font-family:-apple-system,BlinkMacSystemFont,Microsoft YaHei,sans-serif; }
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
/* 取消input的上下箭头 */
input::-webkit-inner-spin-button {-webkit-appearance: none !important;}
input::-webkit-outer-spin-button {-webkit-appearance: none !important;}
input[type="number"] {-moz-appearance: textfield;}

html,body {
    font-size:10px;
}
#newBridge{ display:none!important}

@media screen and (max-width:1679px), only screen and (max-device-width:1679px) {
    html,body {
        font-size:9.5px;
    }
}

@media screen and (max-width:1559px), only screen and (max-device-width:1559px) {
    html,body {
        font-size:9px;
    }
}

@media screen and (max-width:1439px), only screen and (max-device-width:1439px) {
    html,body {
        font-size:8.5px;
    }
}

@media screen and (max-width:1365px), only screen and (max-device-width:1365px) {
    html,body {
        font-size:8.25px;
    }
}

@media screen and (max-width:1279px), only screen and (max-device-width:1279px) {
    html,body {
        font-size:8px;
    }
}

@media screen and (max-width:767px), only screen and (max-device-width:767px) {
    html,body {
        font-size:8px;
    }
}

.font-color{background-image:linear-gradient(90deg,var(--mcolor),var(--hcolor));background-clip:text;color:transparent;-webkit-background-clip:text}
@media screen and (min-width:1200px){.container{width:90%; max-width: 1560px}
}

.pt_top{width:100%;height:3.5rem;border-bottom:1px solid #ddd;-webkit-justify-content:space-between;justify-content:space-between}
.pt_top,.pt_top .lbox{display:-webkit-flex;display:flex}
.pt_top .lbox{-webkit-align-items:center;align-items:center}
.pt_top .lbox a{padding:0 2rem;border-right:1px solid #ddd;color:#aaa;font-size:12px}
.pt_top .lbox a.logo img{max-height:3rem;opacity:.5}
.pt_top .lbox a.home{padding-left:5rem;background:url(../images/h.png) no-repeat 3rem}
.pt_top .lbox a.join{padding-left:5rem;background:url(../images/m.png) no-repeat 3rem}
.pt_top .rbox a.tel{padding:0 1.5rem; font-size: 14px; margin-right: 2rem; color: #333; border-right: 1px solid #ddd; border-left: 1px solid #ddd;}
.pt_top .rbox a.tel b{ color: #f00 }
.pt_top .rbox{position:relative;display:-webkit-flex;display:flex;line-height:3.5rem;-webkit-justify-content:flex-end;justify-content:flex-end}
.pt_top .rbox p{color:#666;font-size:1.4rem}
.pt_top .rbox p span{color:red}

@media screen and (max-width:1440px){.pt_top .rbox .qiao{margin-right:1rem;padding:0}
.pt_top .lbox a{padding:0 1.5rem}
.pt_top .lbox a.home,.pt_top .lbox a.join,.pt_top .lbox a.tel{padding-left:3.8rem;background-position:1.5rem}
}

.header{width:100%;height:auto;box-shadow: 0 3px 3px rgba(0,0,0,0.1); padding: 0.5rem 0}
#header{ position: fixed; z-index: 999; top: 0; left: 0; background: #fff; transition: all 0.5s}
.header .header_box{ padding: 0 2rem; display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.header .company{min-width:18rem;line-height:10rem; padding-right: 5rem}
.header .company a{ display: flex; justify-content: flex-start; align-items: center; padding: 0;}
.header .company a span{ display: inline-block; font-size: 3rem; font-weight: bold; line-height: 1; padding: 1rem; }
.header .company img{ display: block; max-height: 7rem;}
.header .company h3{ font-size: 2rem; color: var(--mcolor); font-weight: bold}
.header .sqiao a{display: block; background: var(--hcolor); color: #fff; padding:1rem 3rem; font-size: 1.6rem; white-space: nowrap;}
.header .sqiao a:first-child div{ display:-webkit-flex; display:flex; -webkit-justify-content:flex-start; justify-content:flex-start; -webkit-align-items:center; align-items:center;}
.header .sqiao a:first-child{ background:none; padding:1rem}
.header .sqiao a:first-child span{ display:block;}
.header .sqiao a:first-child span.tel{ width:5rem; height:5rem; margin-right:1rem; border-radius:50%; background:url(../images/tel.png) no-repeat center var(--hcolor); background-size:2.4rem;}
.header .sqiao a:first-child b{ font-size:2.4rem; color:var(--hcolor); line-height:1}
.header .sqiao a:first-child small{ font-size:1.4rem; color:#666; line-height:1}
.header .nav{ position:relative;z-index:9999; height:auto; flex-grow: 1; margin-right: 5rem}
.nav>ul{ display:-webkit-flex;display:flex;}
.nav>ul.l{-webkit-justify-content:flex-start;justify-content:flex-start;}
.nav>ul.c{-webkit-justify-content:center;justify-content:center;}
.nav>ul.r{-webkit-justify-content:flex-end;justify-content:flex-end;}
.nav ul li{ padding:0 1.5rem; text-align:center; height:5rem; line-height: 5rem; }
.nav ul>li>a{ position: relative; height:5rem; overflow: hidden; display: -webkit-box; text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical }
.nav ul>li>a::after{ position: absolute; left: 0; bottom: 0; content: ""; width:0; height: 3px; background: var(--mcolor);transition: all 0.5s; }
.nav ul>li:hover>a::after{ width: 100% }
.nav ul>li.active>a,.nav ul>li:hover>a{ color:var(--mcolor)}
.nav ul>li .submenu{position:absolute;top:5rem;z-index:9999;overflow:hidden;padding:0 1.5rem;width:auto;max-height:0;background:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s; box-shadow: 0 3px 3px rgba(0,0,0,0.1)}
.nav ul>li .submenu a{display:block;min-width:12rem;border-bottom:1px solid #ddd;text-align:center;font-size:1.5rem;line-height:4rem}
.nav ul>li .submenu a:last-child{border-bottom:0}
.nav ul>li .submenu a:hover{color:var(--mcolor)}
.nav ul>li:hover .submenu{max-height:800px}
@media screen and (max-width:1440px){
    .header .company b{font-size:3.2rem}
    .nav ul>li .submenu a{font-size:1.4rem}
}

.banner{position:relative;overflow:hidden;width:100%;height:auto}
.banner .swiper-container,.banner .swiper-wrapper{width:100%;height:auto;}
.banner .swiper-slide{position:relative;overflow:hidden;background:#fff}
.banner .swiper-slide .vbg,.banner .swiper-slide .vbox{position:absolute;top:0;left:0;width:100%;height:100%}
.banner .swiper-slide .vidbg{position:relative;z-index:9}
.banner .swiper-slide p{letter-spacing:2px;font-weight:700;font-size:2rem;line-height:2}
.banner .swiper-slide img{width:100%;height:auto;}
/*.banner .swiper-slide-active img,.banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1)}*/
.banner .swiper-pagination{bottom:3rem!important;left:0!important;margin-left:25%;width:50%;text-align:center}
.banner .swiper-pagination-bullet{width:1.5rem;height:1.5rem;background:var(--mcolor);color:#fff;line-height:2.8rem;opacity:1;transition:all .5s;margin:0 1rem;}
.banner .swiper-pagination-bullet-active{background:var(--hcolor);}
.banner .swiper-button-next,.banner .swiper-button-prev{width:6rem;height:6rem;background:rgba(0,0,0,.1);color:#fff;text-align:center;font-weight:700;font-size:1.4rem;line-height:6rem}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{background:rgba(0,0,0,.5)}

.tit{padding:3rem 0}
.tit h3{font-weight:400;font-size:4rem}
.tit p{font-size:1.6rem;color: #666; line-height: 2;}
.tit span{display: block; width: 5rem; height: 0.4rem; background: var(--mcolor); margin:1.5rem auto;}
.more{overflow:hidden;padding:3rem 0;width:100%;height:auto;text-align:center}
.more a{position:relative;display:inline-block;overflow:hidden;padding:2rem 12rem 2rem 10rem;border-radius:6rem;background-color:var(--mcolor);background-image:url(../images/icon-click-w.png);background-position:27rem;background-repeat:no-repeat;color:#fff;font-size:2rem}
.more a:after{position:absolute;top:0;left:0;margin-top:-10rem;width:100%;height:28rem;border-radius:50%;background-color:#fff;content:"";-webkit-animation:scale 1s ease 0s infinite;-moz-animation:scale 1s ease 0s infinite;-o-animation:scale 1s ease 0s infinite;animation:scale 1s ease 0s infinite}
.btn{line-height: 2; position:relative;overflow:hidden; width: 100%; border-radius:6rem;background-color:var(--mcolor);color:#fff;font-size:2rem}
/*.btn::after{position:absolute;top:0;left:0;margin-top:-11rem;width:100%;height:28rem;border-radius:50%;background-color:#fff;content:"";-webkit-animation:scale 1s ease 0s infinite;-moz-animation:scale 1s ease 0s infinite;-o-animation:scale 1s ease 0s infinite;animation:scale 1s ease 0s infinite}*/
.btn:hover{ color: #fff; box-shadow: 0 0 1.5rem rgba(0,0,0,.2);}
@-webkit-keyframes scale{0%{opacity:1;-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transform:scale(0)}
80%{opacity:0;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
100%{opacity:0}
}
@-moz-keyframes scale{0%{opacity:1;-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transform:scale(0)}
80%{opacity:0;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
100%{opacity:0}
}
@-ms-keyframes scale{0%{opacity:1;-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transform:scale(0)}
80%{opacity:0;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
100%{opacity:0}
}
@keyframes scale{0%{opacity:1;-webkit-transform:scale(0);-o-transform:scale(0);transform:scale(0);-ms-transform:scale(0)}
80%{opacity:0;-webkit-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1)}
100%{opacity:0}
}
.menu{ position: relative; height: auto; overflow: hidden; display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.menu .open{ display: block; position: absolute; right: 0; top: 0.5rem; padding: 1rem; font-size: 1.4rem; background: var(--mcolor); color: #fff; cursor: pointer;border-radius:1rem;}
.menu a{display:block;margin:.5rem;padding:1rem 3rem;border-radius:6rem;background:#f5f5f5; font-size: 1.4rem;}
.menu a:hover,.menu a.active{background-color:var(--mcolor);color:#fff}

.product{ padding: 3rem 0;}
.product .imglist{ margin-left:-1rem; margin-right: -1rem; height: auto; padding: 3rem 0;}
.product .imglist .imglistbox{ padding: 1rem;font-size:1.8rem;border:1px solid #ddd; margin:1rem; transition: all 0.5s;}
.product .imglist .imglistbox:hover{ box-shadow: 0 0 1.5rem rgba(0,0,0,0.3) }
.product .imglist a{display:block;overflow:hidden;width:100%;background:#fff}
.product .imglist .img{position:relative;overflow:hidden;padding-top:65%;height:100%;}
.product .imglist img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding:0;max-width:100%;max-height:100%; transition: all 1s;}
.product .imglist .imglistbox:hover img{ transform:scale(1.1); }
.product .imglist .swiper-slide:hover .img{ box-shadow: 0 0 15px rgba(0,0,0,.2);}
.product .imglist h3{ text-align:center; overflow:hidden;height:4rem;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:1.4rem;line-height:4rem}
.product .imglist p{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:4rem;font-size:1.4rem;line-height:4rem}
.product .imglist p a{display:block;margin:0 1.5rem;width:35%; max-width: 120px; min-width: 70px; border-radius:6rem;background:var(--mcolor);color:#fff;text-align:center}
.product .imglist p a:last-child{background-color:var(--hcolor)}
.product .imglist p a:hover{box-shadow:0 0 1rem rgba(0,0,0,.3)}
.product .imglist .swiper-slide:hover h3{color:var(--mcolor)}

.advantage{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 5rem 0; background: transparent;}
.advantage::after{ position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background: var(--mcolor); opacity: 0.1;}
.advantage .container{ position: relative; z-index: 1;}
.advantage .swiper-container{ padding-bottom: 5rem; padding-top: 1.5rem;}
.advantage .swiper-slide{ position: relative; padding: 3rem;}
.advantage .swiper-slide::after{ position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 0; overflow: hidden; background: #fff; content: ""; display: block; transition: all 0.5s;}
.advantage .swiper-slide:hover::after{ height: 100%;}
.advantage .swiper-slide a{ position: relative; z-index: 1; display: block; text-align: center;}
.advantage .swiper-slide .txt h3{ font-size: 2.4rem; line-height: 3;}
.advantage .swiper-slide .txt p{ color: #666; font-size: 1.6rem; text-align: left;}
.outer_circle{position:relative;margin:1.5rem auto;width:70%;border-radius:50%;background:#fff; padding:35%; background-size: cover; background-position: 50%}
.inner_circle{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1;border-radius:inherit;background-image:linear-gradient(45deg,var(--mcolor) 0,var(--mcolor) 50%,var(--hcolor) 51%,var(--hcolor) 100%);content:''; transition: all 0.5s;}
.advantage .swiper-slide img{ border-radius: 50%;}
.advantage .swiper-slide:hover .inner_circle{ transform: rotate(180deg);}
.advantage .swiper-pagination span{ margin:0 1rem; }
.advantage .swiper-pagination{ text-align: center; bottom: 0; width: 100%;}
.advantage .swiper-pagination-bullet-active{ background: var(--mcolor);}

.ad{ width: 100%; height: auto; overflow: hidden; padding: 5rem 0;}
.ad .box{ position: relative; width: 100%; padding: 5rem; border-radius: 1.5rem;  background: url(../images/pc-banner1.jpg) no-repeat; box-shadow: 0 0 3rem rgba(0,0,0,.1); overflow: hidden; background-size: cover; background-position: center;}
.ad .box .ad_form{ position: relative; z-index: 1; width: 40rem; height: 50rem; background: #fff; float: right; box-shadow: 0 0 3rem rgba(0,0,0,.2); border-radius: 1.5rem; padding: 1.5rem;}
.ad_form .txt{ text-align: center; padding: 1.5rem 0;}
.ad_form .txt h3{ font-size: 2.4rem; font-weight: normal; line-height: 4rem;}
.ad_form .txt p{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center; align-items: center;font-size: 1.6rem;}
.ad_form .txt p span.h{ display: block; width: 3rem; height: 3rem; background: url(../images/hot.png) no-repeat center;}
.ad_form .txt p span.n{ padding:0 1rem; border-radius: 1.5rem; margin: 0 0.5rem; background: var(--mcolor); color: #fff;}
.ad_form input{ width: 100%; height: 5rem; line-height: 4rem; margin-bottom: 2rem; border: 1px solid #ddd; border-radius: 1rem; padding: 0.5rem 1.5rem; font-size: 1.8rem;}
.ad_form .btn{ margin-bottom: 2rem;}
.notice h3{ font-size: 1.8rem; font-weight: normal; text-align: center; line-height: 1.5;}
.notice h3 span{ display: inline-block; padding:0 1.5rem; margin: 0 0.5rem; background: var(--hcolor); color: #fff; border-radius: 1.5rem;}
.notice .list_txt{ padding:0 1.5rem;}
/* 文字滚动 */
.notice-swiper { position: relative; width: 100%; height: auto; }
.notice-swiper .swiper-container { width: 100%; height: 9rem; margin-top: 1rem; }
.notice-swiper .swiper-slide { height: 3rem; line-height: 3rem; display: flex; justify-content: space-between; padding-left: 3rem; padding-right: 1rem; border-radius: 1.5rem; background: url(../images/notice.png) no-repeat 1rem center;}
.notice-swiper .swiper-slide span { color: #333; font-size:1.4rem; display:inline-block;}
.notice-swiper .swiper-slide-next{ position: relative;}
.notice-swiper .swiper-slide-next::before{ position: absolute; top: 0; left: 0; content: ""; width: 100%; height: 100%; background-color: var(--mcolor); opacity: 0.2;}

.case{ padding: 3rem 0;}
.case .imglist{ margin-left: -1rem; margin-right: -1rem; padding: 3rem 0;}
.case .imglist .imglistbox{ padding: 1rem; background:#fff;font-size:1.8rem;border:1px solid #ddd; margin:1rem;}
.case .imglist a{display:block;overflow:hidden;width:100%;background:#fff}
.case .imglist .img{position:relative;overflow:hidden;padding-top:65%;height:100%;}
.case .imglist img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%; transition: all 1s;}
.case .imglist .imglistbox:hover{ box-shadow: 0 0 1.5rem rgba(0,0,0,0.3)}
.case .imglist .imglistbox:hover img{ transform: scale(1.1); }
.case .imglist .txt{ position: relative; z-index: 1; margin-top: -2.5rem;}
.case .imglist h3{ text-align:center; overflow:hidden;height:4rem;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:1.8rem;line-height:4rem}
.case .imglist p{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;height:4rem;font-size:1.4rem;line-height:4rem}
.case .imglist p a{display:block;margin:0 1.5rem;width:35%; max-width: 120px; min-width: 70px; border-radius:6rem;background:var(--mcolor);color:#fff;text-align:center}
.case .imglist p a:last-child{background-color:var(--hcolor)}
.case .imglist p a:hover{box-shadow:0 0 1rem rgba(0,0,0,.3)}
.case .imglist .swiper-slide:hover a:hover,.case .imglist .swiper-slide:hover .img{box-shadow:0 0 1rem rgba(0,0,0,.3)}
.case .imglist .swiper-slide:hover h3{color:var(--mcolor)}

.new{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 3rem 0; background: transparent;}
.new::after{ position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background: var(--mcolor); opacity: 0.1;}
.new .container{ position: relative; z-index: 1;}
.new .box{ padding: 3rem 0;height: auto; overflow: hidden;}
.new .box ul li a{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: top;align-items: top; padding: 1.5rem 0;}
.new .box .img{ width: 30%; padding: 10%; background-size: cover; background-position: center; border: 1px solid #eee; overflow: hidden;}
.new .box .txt{ width: 65%;}
.new .box .txt h3{ font-size: 2rem; line-height: 2; display: -webkit-box; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.new .box .txt p{display: -webkit-box; color: #666; font-size: 1.5rem; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.new .box ul li:hover{ box-shadow: 0 0 1rem rgba(0,0,0,.1); background:#fff;}
.new .box ul li:hover a h3{ color: var(--mcolor);}

.about{ width: 100%; height: auto; overflow: hidden; padding: 8rem 0;}
.about .container{ display: flex; align-items: center;}
.about .lbox{ position: relative; width: 45%; height: 40rem;}
.about .lbox::after{ position: absolute; top: 0; left: 0; content: ""; width: 110%; height: 100%; background: url(../images/slide3.png) no-repeat; background-size: 100% 100%;border-radius: 1.5rem; opacity: 0.1;}
.about .lbox .txt{ position: absolute; left: 0; top: 0; width: 110%; height: 40rem; padding: 5rem; background: var(--mcolor); border-radius: 1.5rem;}
.about .lbox .txt h3{ color: #fff; font-size: 4rem; font-weight: normal; padding-bottom: 2rem;}
.about .lbox .txt p{ color: #fff; font-size: 1.6rem; line-height: 3rem; display: -webkit-box; overflow: hidden; text-overflow:ellipsis;-webkit-line-clamp:7; -webkit-box-orient:vertical}
.about .img{ width: 55%; height: auto; border-radius: 1.5rem; overflow: hidden; right: 0; top: 0;}



.message{ padding: 6rem 0; height: auto; overflow: hidden;}
.message input,.message textarea{ border-radius: 1rem; font-size: 1.6rem;}
.message .box{ display: flex; justify-content: space-between; align-items: flex-start;}
.message .lbox,.message .cbox,.message .rbox{ width: 30%;}
.message .lbox,.message .rbox{ box-shadow: 0 0 3rem rgba(0,0,0,.1); border-radius: 1.5rem; overflow: hidden;}
.message .lbox{ padding-bottom: 5rem;}
.message .lbox h3{ position: relative; height: 8rem; line-height: 8rem; font-size: 3rem; font-weight: bold; color: #fff; text-align: center;}
.message .lbox h3::before{ position: absolute; z-index: -2; left: 0; top: 0; content: ""; width: 100%; height: 100%; background: url(../images/topbar.jpg) no-repeat center; background-size: 100% 100%;}
.message .lbox h3::after{ position: absolute; z-index: -1; left: 0; top: 0; content: ""; width: 100%; height: 100%; background-color: var(--mcolor); opacity: 0.9;}
.message .lbox h6,.message .lbox p,.message .lbox .form{ padding: 0 10%;}
.message .lbox h6{ font-size: 2rem; text-align: center; line-height: 4;}
.message .lbox p{ font-size: 1.6rem;}
.message .lbox p span{ color: var(--hcolor);}
.message .lbox .form{ margin-bottom: 3rem;}
.message .lbox input.phone{ margin-bottom: 2rem;}
.message input.phone,.message input.uname{ height: 6rem;}
.message .cbox label{ font-size: 1.8rem; font-weight: normal;}
.message .cbox label span{ color: #f00;}
.message .rbox{ padding: 3rem;} 
.message .rbox h3{ font-size: 2.4rem; padding-bottom: 2rem;}
.message .rbox ul li{ position: relative;line-height: 2rem; padding: 1rem 2rem; font-size: 1.6rem; color: #666; cursor: pointer;}
.message .rbox ul li::before{ position: absolute; left: 0; top: 1.5rem; z-index: 0; content: ""; display: block; width: 1rem; height: 1rem; border-radius: 50%; background: var(--mcolor);}
.message .rbox ul li:hover{ color: var(--mcolor);}
.zixun{ position: relative; background: var(--mcolor); padding: 5rem 0;}
.zixun::after{ position: absolute; z-index: 0; top: 0; left: 0; content: ""; width: 100%; height: 100%; background: url(../images/fc.jpg) no-repeat bottom; background-attachment: fixed; opacity: 0.1;}
.zixun .container{ position: relative; z-index: 1;}
.zixun a{ display: block; font-size: 2.8rem; color: #fff;}
.zixun a h3{ font-size: 4rem; padding-bottom: 1.5rem;}

.copyright{ padding: 1.5rem 0; color: #888; font-size: 1.2rem;}
.copyright a{ color: #666;}

/*侧边栏客服*/
.floating_ck{position:fixed;right:2rem;top:30%;z-index:9999;display:block;}
.floating_ck dl dd{position:relative;width:7rem;height:7rem;margin-bottom: 1px; background-color: var(--mcolor);text-align:center;background-repeat:no-repeat;background-position:center 25%;cursor:pointer;color: #666666;}
.floating_ck dl dd:hover{background-color:var(--hcolor);}
.floating_ck dl dd:hover .floating_left{display:block;}
.words{background-image:url(../images/zx.png);}
.qrcord{background-image:url(../images/tel.png);}
.return{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color: #fff;display:block;padding-top:4.2rem;font-size:1.2rem;line-height: 2.8rem;}
.floating_left{position:absolute;left:-19.1rem;top:-10.2rem;width: 19rem;height:28.5rem;background-color: #fff; display:none; border-radius: 1rem; box-shadow:0 0 3rem rgba(0,0,0,.2); padding: 2rem 1rem;}
.triangle{ position: absolute; right: -0.8rem; top: 12.5rem; width: 0;height: 0; border-top: 1rem solid transparent;border-left: .8rem solid #fff;border-bottom: 1rem solid transparent;}
.floating_left input.phone,.ad_phone input.phone{ width: 100%; height: 4rem; border: 1px solid #ddd; border-radius: .5rem; margin-bottom: 1.5rem; padding: 0 1rem;}
.floating_left .btn,.ad_phone .btn{ height: auto; font-size: 1.6rem; min-height: 4rem;margin-bottom: 1.5rem;}
.floating_left p{ font-size: 1.4rem; text-align: left; padding-top: 1rem; border-top: 1px #aaa dotted;}
.floating_left p:last-child{ color: #aaa; border: 0;}
.ad_phone{ position: fixed; z-index: 9999; top: 50%; left: 50%; margin-left: -18rem; margin-top: -11rem; width: 36rem; height: auto; background: #fff; 
    box-shadow: 0 0 3rem rgba(0,0,0,.2); overflow: hidden;}

.ad_phone h3{ 
    width: 100%;
    height: 4.5rem;
    line-height: 4.5rem;
    background-color: var(--mcolor);
    color: #fff;
    font-size: 2rem;
    font-weight: normal;
}
.ad_phone_number{ padding-bottom: 2rem; font-size: 1.4rem}
.ad_phone_number b{ color: #f00;}
.ad_phone_number1{ font-size: 1.8rem}
.ad_phone p{ font-size: 1.4rem; padding: 1rem 2rem;}
.ad_phone p b{ color: var(--hcolor);}
.ad_phone span{ display: block; position: absolute; right: 1.2rem; top: .8rem; font-size: 2rem; line-height: 1; cursor: pointer; color: #fff;}
.ad_phone .box>div{ padding:0 2rem;}
.ad_phone input.phone{ margin-bottom: 1rem; font-size: 1.6rem;}

@media screen and (max-width:1023px){
    .header .company img{ max-height: 6rem;}
    .company .online_tel{ width: 30%; max-width: 18rem; height: 5rem; background: url(../images/qiao.gif) no-repeat center; background-size: 100% auto; background-color: var(--mcolor);}
    .message .lbox, .message .cbox, .message .rbox{ width: 48%;}
}

@media screen and (max-width:768px){
    .pt_top{ background: #eee; border: 0;}
    .pt_top .lbox{ -webkit-justify-content: space-between; justify-content: space-between;}
    .pt_top .lbox a{ border: 0;}
    .pt_top .rbox a.tel{ border-right: 0; margin-right: 0; font-size: 12px;}
    .header .header_box { padding: 0 1rem }
    .tit{ padding: 1.5rem 0;}
    .tit h3{ font-size: 3rem;}
    .menu{ padding: 0; height: auto; -webkit-justify-content: flex-start; justify-content: flex-start;}
    .menu a{ background:var(--mcolor); color: #fff; width: 32%;margin: 2px 0;line-height: 4rem;padding:0 1rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden; font-size: 14px; text-align: center; border-radius: 0;}
    .menu a:not(:nth-child(3n)) { margin-right: calc(4% / 2); }
    .product .imglist{ padding: 1rem 0;}
    .product .imglist .img{ border: 0;}
    .product .imglist img{ padding: 0;}
    .product .imglist .imglistbox,.case .imglist .imglistbox{ padding: 0; margin:5px;}
    .product .imglist,.case .imglist{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
    .product .imglist p a{ width: 38%; font-size: 1rem; height: 3.2rem; line-height: 3.2rem; margin:0 1rem;}
    .advantage,.ad{ padding: 3rem 0;}
    .advantage .swiper-slide{ padding: 1rem;}
    .advantage .swiper-slide .txt h3{ font-weight: bold;}
    .inner_circle{top: -5px; right: -5px; bottom: -5px; left: -5px;}
    .outer_circle{ width: 80%; padding: 40%;}
    .ad .box{ padding: 0;}
    .ad .box .ad_form{ width: 100%;}
    .ad .box::after{ background: none;}
    .case .imglist .img{ border: 0;}
    .case .imglist p a{ padding: 0 0.5rem; font-size: 1rem; width: 38%; height: 3rem; line-height: 3rem;}
    .case .imglist .txt{ margin-top: 1rem;}
    .case .imglist h3{ line-height: 1.8rem;}
    .new .box .txt h3{line-height: 1.5; -webkit-line-clamp: 2;}
    .new .box ul li{ margin:1rem 0; float: left;}
    .new .box ul li,.new .box ul li a{ padding: 0; background: none; width: 100%}
    .new .box ul li:nth-child(1), .new .box ul li:nth-child(4){ background: none }
    
    .message .box{ flex-wrap: wrap;}
    .message .lbox, .message .cbox, .message .rbox{ width: 100%;}
    .zixun a h3{ font-size: 2rem;}
    .zixun a p{ font-size: 1.4rem;}

    .ad_phone{ width: 100%; left: 0; bottom: 0; margin-left: 0; height: auto; margin-top: 0; top: auto;}
    .ad_phone h3{ height: 6rem; line-height: 6rem; font-size: 2.4rem}
    .ad_phone p{ font-size: 1.6rem;}
    .ad_phone span{ font-size: 3rem;}
    .ad_phone .btn, .ad_phone input.phone{ height: 6rem; font-size: 2rem}
    .ad_phone_number{ font-size: 2rem }

    .floating_ck{ right: 0; bottom: 15rem; top: auto;}
    .about{ padding:3rem 0;}
    .about .container{ flex-wrap: wrap;}
    .about .lbox,.about .img{ width: 100%; margin-top: 1rem;}
    .about .lbox .txt h3{ font-size: 3rem;}
    .about .lbox .txt{ width: 100%; padding: 1.5rem;}
    .about .lbox .txt p{ font-size: 1.8rem; -webkit-line-clamp: 10;}
    .floating_ck dl dd{ border-radius: 50%;}
    .floating_ck dd span{ display: none;}
    .floating_ck dl dd{ width: 6rem; height: 6rem;background-position:center 50%}
    .copyright{ padding-bottom: 8rem;}
    
}

/* 分页 */
div.paginationbox{float:left;overflow:hidden; padding:1rem 0;width:100%;height:auto;}
ul.pagination{display:inline-block;margin:0;padding:0}
ul.pagination li{display:inline-block}
ul.pagination li a{float:left; margin:0 1rem; text-align: center; padding:1.4rem 2rem; border:1px solid #ddd; border-radius: 3rem; color:#000; text-decoration:none; font-size:1.4rem; }
ul.pagination li.bor0 a{border-color:#fff;cursor:auto}
ul.pagination li a.active,ul.pagination li.thisclass a{border:1px solid var(--mcolor);color:#fff;cursor:default}
ul.pagination li.thisclass a{background-color:var(--mcolor)}
ul.pagination li a:hover:not(.active){border-color:var(--mcolor);background-color:var(--mcolor);color:#fff}
ul.pagination li.bor0 a:hover{border-color:#fff;background:0 0;color:#333}
.pagination > li:first-child > a,.pagination > li:last-child > a{ border-radius: 3rem;}
ul.preNext{ display:flex; justify-content: space-between; margin:auto; width:100%;}
ul.preNext li{ overflow:hidden;height:auto; color:#666; text-overflow:ellipsis; white-space:nowrap; line-height:2;font-size: 2rem; padding:1rem 3rem; border: 1px solid #ddd; border-radius: 3rem;}
ul.preNext li a{color:#333;font-size: 2rem;}
ul.preNext li a:hover{color:var(--mcolor)}
ul.preNext li a span:last-child{padding-left: 1rem; margin-left:1rem; border-left: 1px solid #ddd}
@media screen and (max-width:768px){
    ul.pagination li a{ margin: 0.2rem;}
    .header .company a span{ font-size: 2rem }
}

.layui-laypage a:hover{ color: var(--mcolor) }
.layui-laypage a, .layui-laypage span{ display: inline-block; padding: 1.5rem 2rem;margin: 5px 1rem; border: 1px solid #ddd }
.layui-laypage .layui-laypage-curr{ background-color: var(--mcolor); color: #fff;border-color: var(--mcolor)}


/*内页*/
#page.page::after{ background: #fff;}
.page{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 5rem 0; background: transparent;}
.page::after{ position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 100%; content: ""; display: block; background: var(--mcolor); opacity: 0.1;}
.page .container{ position: relative; z-index: 1;}
.page .box{padding: 3rem 0; margin-top: 3rem;}
.page .page_about{ padding: 5rem; background:#fff; }
.page .box p{ font-size: 1.8rem;}
.page .box img{ display: block; margin: auto; max-width: 100%}
#new .box ul li{ background: none; width: 50%}
#new .box ul{ display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: top; align-items: top;}
#new .box ul li:hover{ background: #fff;}
.contact .box{ padding-left: 40%; background: url(../images/contact.jpg) no-repeat left center #fff;background-size: auto 100%; border-radius: 3rem; box-shadow: 0 0 3rem rgba(0,0,0,.1);}
.contact .box ul{ display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; padding: 3rem 0;}
.contact .box ul li .img{ width: 12rem; height: 12rem; border-radius: 6rem; overflow: hidden; background: var(--mcolor); margin:2rem auto;}
.contact .box ul li .img img{ display: block; max-width: 50%; margin:3rem auto;}
.contact .box ul li .txt{ text-align: center;}
.contact .box ul li .txt h3{ font-size: 2.2rem;}
.contact .box ul li .txt p{ font-size: 1.8rem;}
.contact_txt{ font-size: 2rem; }


.content{ position: relative; width: 100%; height: auto; min-height: 70rem; overflow: hidden; padding: 5rem; border: 1px solid #ddd; margin-top: 5rem;}
.content .content_body{ padding-left: 20rem }
.content .title{ text-align: center; font-size: 3rem; padding-bottom: 2rem; margin-bottom: 2rem; border-bottom: 1px solid #ddd;}
.content .content_box{margin: auto; font-size: 1.8rem;}
.content .content_box p{ font-size: 1.8rem;}
.content .content_box img{ display: block; max-width: 100%; margin:1rem auto;}
.sidebar_kf{ position: absolute; top: 5rem; left: 3rem; width: 20rem; height: auto; font-size: 2rem; text-align: center;}
.sidebar_kf a img{ display: block; margin: auto; border: 3px solid var(--mcolor); border-radius: 50%;}
.sidebar_kf h1{ line-height: 1.5;}
.sidebar_kf h1 b{ font-size: 3rem; color: var(--mcolor);}
.sidebar_kf .sidebar_form{ margin-top: 3rem; border-radius: 1.5rem; background: #fff; padding:3rem 1.5rem; box-shadow: 0 0 3rem rgba(0,0,0,.1);}
.sidebar_kf .sidebar_form input.phone{ width: 100%; height: 4rem; border-radius: .5rem; border: 1px solid var(--mcolor); margin: 1rem 0; padding: 0 1rem; font-size: 1.6rem;}
.sidebar_kf .sidebar_form button.btn{ min-height: 4rem;}
@media screen and (max-width:1440px){
    .sidebar_kf{ left: 1rem;} 
}
@media screen and (max-width:1023px){
    .contact .box{ background: none; padding: 1.5rem;}
}
@media screen and (max-width:768px){
    .page .box{padding: 1rem 0; margin-top: 0; background: none;}
    .contact .box ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .contact .box ul li{ width: 100%;}
    .content{padding: 0; border: 0;}
    .content .content_body{ padding: 0;}
    .pt_top .lbox a.tel{ background: none }
    .header .company{ padding-right: 0 }
    .header .company a.company_logo{ width: 60% }
    #new .box ul li{width: 100%}
}

.bottom_btn{ position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; padding: 0;}
.bottom_btn .box{ box-sizing: border-box; display: -webkit-flex;  display: flex; -webkit-justify-content: center; justify-content: center; }

.bottom_btn a{ display: block; width: 100%; color: #fff; margin:0; line-height: 5.5rem; font-size: 2rem; padding-left: 6.5rem}
.bottom_btn a:first-child{ width: 10rem; min-width: 8rem; text-align: center; height: 5.5rem; line-height: 5.5rem; background: var(--hcolor);padding-left: 0}
.bottom_btn a.tel_btn{ background:url(../images/tel.png) no-repeat 2rem center var(--hcolor); background-size: 3rem;}
.bottom_btn a.sq_btn{ background:url(../images/zx.png) no-repeat 2rem center var(--mcolor); background-size:3rem;}

.open_title{ font-size: 2.4rem }
.open_body{ padding: 1.5rem; font-size: 1.6rem;}
.open_body img{ max-width: 100%; display: block; margin:auto;}
.open_body p{ font-size: 1.6rem; line-height: 1.5;}
@media screen and (max-width:768px){
  .open_title{ font-size: 1.8rem }  
}


.menuBlack{right:0;bottom:0;left:0;z-index:997;background:rgba(0,0,0,.5)}
.menuBlack,.menuBox{position:fixed;top:0;display:none}
.menuBox{left:-280px;z-index:998;overflow:hidden;overflow-y:auto;width:280px;height:100%;background:#fff;-webkit-overflow-scrolling:touch}
.menuBox ul{ padding-top: 8rem }
.menuBox ul li{ height: 6rem; line-height: 6rem }
.menuBox ul li a{ font-size: 2.4rem;padding-left: 3rem}
.menuBox ul li:hover a{ color: var(--mcolor); }