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;}


.imgcut1{position:relative;padding-bottom:75%;overflow:hidden}
.imgcut1 img{position:absolute;display:block;width:100%;height:100%;object-fit:contain}
.imgcut2{position:relative;padding-bottom:75%;;overflow:hidden}
.imgcut2 img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}

html,body {
    font-size:10px;
}

@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%}
}

.pt_top{width:100%;height:4rem;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 3rem;border-right:1px solid #ddd;color:#aaa;font-size:1.4rem}
.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 .lbox a.tel{padding-left:5rem;background:url(../images/t.png) no-repeat 3rem}
.pt_top .rbox{position:relative;display:-webkit-flex;display:flex;line-height:4rem;-webkit-justify-content:flex-end;justify-content:flex-end}
.pt_top .rbox p{color:#666;font-size:1.6rem}
.pt_top .rbox p span{color:red}
.pt_top .rbox .qiao{margin-right:5rem;padding:0 1.5rem;height:80px;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;background-color:var(--mcolor)}
.pt_top .rbox .qiao img{padding:10px}
@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}
.header .container{ display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.header .container::after,.header .container::before{ display: none;}
.header .company{width:20%;min-width:18rem;line-height:10rem;}
.header .company a{ display: block; padding: 1rem 0;}
.header .company img{ display: block; max-height: 6rem;}

.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;width:80%;height:7rem;padding-left: 3rem;}
.nav>ul{display:-webkit-flex;display:flex;-webkit-justify-content:start;justify-content:start}
.nav ul li{margin-right:0.5rem;padding:1rem 0;min-width:10%;text-align:center;line-height:5rem}
.nav ul>li>a{position:relative;display:block;display:-webkit-box;overflow:hidden;padding:0 2rem;border-radius:2.5rem;text-overflow:ellipsis;font-size:1.8rem;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.nav ul>li.active>a,.nav ul>li>a:hover{background:var(--mcolor);color:#fff}
.nav ul>li .submenu{position:absolute;top:100%;z-index:9999;overflow:hidden;padding:0 1.5rem;width:auto;max-height:0;border-radius:0.5rem;background:#fff;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-ms-transition:all .5s}
.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>a{font-size:1.6rem}
.nav ul>li .submenu a{font-size:1.3rem}
}


.banner{position:relative;overflow:hidden;width:100%;height:auto}
.banner .swiper-container{width:100%;height:100%}
.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;transition:1s ease 2s;transform:scale(1.1)}
.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}
.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{position:relative;overflow:hidden; width: 100%; min-height: 6rem; 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 a{display:block;margin:.5rem;padding:1rem 3rem;border-radius:6rem;background:#f5f5f5; font-size: 1.5rem;}
.menu a:hover{background-color:var(--mcolor);color:#fff}

.product{ padding: 3rem 0;}
.product .imglist{width:100%; height: auto; overflow: hidden; padding: 3rem 0;}
.product .imglist .swiper-slide{padding:1rem;height:auto;background:#fff;text-align:center;font-size:1.8rem}
.product .imglist a{display:block;overflow:hidden;width:100%;background:#fff}
.product .imglist .img{position:relative;overflow:hidden;padding:65% 1rem 1rem;height:100%;border:1px solid #eee;}
.product .imglist img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;padding:0.5rem;max-width:100%;max-height:100%;}
.product .imglist .swiper-slide:hover .img{ box-shadow: 0 0 15px rgba(0,0,0,.2);}
.product .imglist h3{overflow:hidden;height:4rem;text-overflow:ellipsis;white-space:nowrap;font-weight:400;font-size:1.8rem;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:30%;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; height: auto;}
.advantage .swiper-slide::after{ position: absolute; z-index: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; background: #fff; content: ""; display: block; transition: all 0.5s; border-radius: 1.5rem;}
/* .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}
.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_circle{ width: 100%; padding-top: 100%; border-radius: 50%; background-size: cover; background-position: 50%;}
.advantage .swiper-slide:hover .inner_circle{ transform: rotate(180deg);}

.advantage .swiper-pagination{ text-align: center; bottom: 0;}
.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-image: linear-gradient(to right, var(--mcolor) , var(--hcolor)); box-shadow: 0 0 3rem rgba(0,0,0,.1); overflow: hidden;}
.ad .box::after{ position: absolute; top: 0; left: 0; z-index: 0; width: 100%; height: 100%; content: ""; display: block; background: url(../images/pc-banner1.jpg) no-repeat; background-size: 100% 100%;}
.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{width:100%; height: auto; overflow: hidden; padding: 3rem 0;}
.case .imglist .swiper-slide{ position: relative; padding:1rem;height:auto;background:#fff;text-align:center;font-size:1.8rem}
.case .imglist a{display:block;overflow:hidden;width:100%;background:#fff}
.case .imglist .img{position:relative;overflow:hidden;padding:65% 1rem 1rem;height:100%;border:1rem solid #eee;}
.case .imglist img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:100%;max-height:100%;}
.case .imglist .txt{ position: relative; z-index: 1; margin-top: -2.5rem;}
.case .imglist h3{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:30%;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{ height: auto;}
.new .box ul li a{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center;align-items: center; padding: 1.5rem; margin-bottom: 1.5rem; background: #fff;}
/* .new .box ul li:nth-child(1),.new .box ul li:nth-child(4){ background: #fff;} */
.new .box .img{ width: 30%; border-radius: 1rem; overflow: hidden; background-size: cover; background-position: 50%;}
.new .box .txt{ width: 65%;}
.new .box .txt h3{ font-size: 2rem; line-height: 3;}
.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 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-bottom: 6rem; height: auto; overflow: hidden;}
.message input,.message textarea{ border-radius: 1rem; font-size: 1.6rem;}
.message .box{ display: flex; justify-content: space-between;}
.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%; padding-top: 2rem;}
.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{ text-align: center; position:absolute;left:-16.8rem;top:-2.5rem;width: 16rem;height:auto;background-color: #fff; display:none; border-radius: 1rem; box-shadow:0 0 3rem rgba(0,0,0,.2); padding: 2rem 1rem;}
.floating_left a{ font-size: 1.89rem;}
.triangle{ position: absolute; right: -0.8rem; top: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: 4.5rem; 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: 22rem; background: #fff; 
    box-shadow: 0 0 3rem rgba(0,0,0,.2); border-radius: 1rem; display: none; overflow: hidden;}
.ad_phone h3{ width: 100%; height: 4rem; background-color: var(--mcolor); color: #fff; background-image: url(../images/yq.gif); background-repeat: no-repeat; background-position: center;background-size: auto 100%;}
.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 form{ padding:0 2rem;}
.ad_phone input.phone{ margin-bottom: 1rem; font-size: 1.6rem;}

@media screen and (max-width:1023px){
    .header .company{ width: 100%; display: flex; justify-content: space-between; align-items: center;}
    .header .company img{ max-height: 6rem;}
    .company .online_tel{ width: 30%; max-width: 18rem; height: 5rem; border-radius: 6rem; background: url(../images/qiao.gif) no-repeat center; background-size: 100% auto; background-color: var(--mcolor);}
    .message .lbox, .message .cbox, .message .rbox{ width: 48%;}
    .new .box ul li:nth-child(1), .new .box ul li:nth-child(4){ background: none }
}

@media screen and (max-width:768px){
    .pt_top{ background: #eee; border: 0;}
    .pt_top .lbox{ -webkit-justify-content: space-between; justify-content: space-between; width: 100%;}
    .pt_top .lbox a{ border: 0;}
    .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:not(:nth-child(3n)) {margin-right: calc(4% / 2);}
    .menu a{ width: 32%; background: var(--mcolor); color: #fff; margin: 0.5rem 0; border-radius: 0; padding: 1rem; text-align: center;}
    .product .imglist{ padding: 1rem 0;}
    .product .imglist .img{ border: 0;background: #f5f5f5;}
    .product .imglist img{ padding: 0;}
    .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: 3rem; line-height: 3rem;}
    .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%;}
    .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: -1.5rem;}
    .case .imglist h3{ line-height: 1.8rem;}
    .new .box .txt h3{display: -webkit-box; line-height: 1.5;-webkit-line-clamp: 1;overflow: hidden; text-overflow: ellipsis;-webkit-box-orient: vertical;}
    .new .box ul li{ margin:1rem 0; float: left;}
    .new .box ul li,.new .box ul li a{ padding: 0; background: none}

    .new .box .txt p{-webkit-line-clamp: 2;}
    .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: 4rem;}
    .ad_phone p{ font-size: 2rem;}
    .ad_phone span{ font-size: 3rem;}
    .ad_phone .btn, .ad_phone input.phone{ height: 6rem; 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%}
    
}

/* 分页 */
div.paginationbox{float:left;overflow:hidden;margin:3rem auto; 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)}
@media screen and (max-width:768px){
    ul.pagination li a{ margin: 0.2rem;}
}

/*内页*/
#page.page::after{ background: #fff;}
.page{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 5rem 0; background: transparent; margin-bottom: 5rem;}
.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;}
.page .box p{ font-size: 1.8rem;}
.page .box img{ display: block; margin: auto;}
#new .box ul li{ background: none;}
#new .box ul li:hover a{ background: none;}
.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;}

.content{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 5rem; border: 1px solid #ddd; margin-top: 5rem;}
.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: 15rem; 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;}
    .contact .box ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .contact .box ul li{ width: 100%;}
    .content{padding: 0; border: 0;}
}


ul#pages{display:inline-block;padding:0;margin:0;}
ul#pages li{display:inline}
ul#pages li a{color:#333;float:left;font-size:14px;padding:10px 16px;margin:0 5px;text-decoration:none;border:1px solid #ddd}
ul#pages li span{color:#333;float:left;font-size:14px;padding:10px 16px;margin:0 5px;text-decoration:none;border:1px solid #ddd; cursor: default;}
ul#pages li span:hover{ color: #aaa;}
#pages li:first-child a,#pages li:last-child a{border-radius:0}
ul#pages li.bor0 a{border-color:#fff;cursor:auto}
ul#pages li a.active,ul#pages li.thisclass a{color:#fff;border:1px solid #02639a;cursor:default}
ul#pages li.thisclass a{ background-color:#02639a;}
ul#pages li a:hover:not(.active){background-color:#02639a;color:#fff;border-color:#02639a}
ul#pages li.bor0 a:hover{background:0 0;color:#333;border-color:#fff}
ul.preNext{ width:100%; display: flex; justify-content: space-between; align-items: center; float: left;}
ul.preNext li{ padding: 15px; background: #fff; border: 1px solid #ddd; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden}
ul.preNext li.return{ margin: 0; min-width: 120px; text-align: center;}
ul.preNext li.return a{ color: #333;}
ul.preNext li a{ color:#333;}
ul.preNext li:hover{ background: #02639a;color: #fff;}
ul.preNext li:hover a{ color: #fff;}
ul.preNext li.pre,ul.preNext li.next{ background: #eee;}