@charset "utf-8";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:lighter}
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,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 'Microsoft YaHei',\5b8b\4f53;color:#333;outline:0}
body{font-family:-apple-system,BlinkMacSystemFont,'Microsoft YaHei',sans-serif;line-height:1.75;font-size:1.6rem;color:#333;line-height:1.75}
a,a:active,a:focus,a:hover,a:visited{color:#333;text-decoration:none}
body,html{width:100%;height:100%;position:relative}
/*公共样式*/
.container{width:100%;max-width:1600px;margin:auto}
.bg-color{ background: var(--color);}
.imgbox{ position: relative; padding-bottom: 75%;}
.imgbox img{ position: absolute; display: block; width: 100%; height: 100%; object-fit: cover;}
.flex{display: flex; display: -webkit-flex;  -webkit-justify-content: space-between; justify-content: space-between;  -webkit-align-items: center;align-items: center;}
/*顶部*/
.topbar{ position: relative; z-index: 999; width: 100%; height: 4rem; line-height: 4rem; padding: 0 15px; background: #f0f0f0;}
.topbar p{float: left; color: #333; font-size: 1.4rem;}
.topbar p.tel{float: right; position: relative; z-index: 1000; height: 5rem; line-height: 5rem; padding-left: 3.5rem; background: url(../images/tel.png) no-repeat left center; color: #fff; text-align: right;}
.topbar p.tel a{ color: #fff; font-size: 2rem; font-weight: bold;}
.topbar::after{ content: ""; position: absolute; top: 0; right: 0; z-index: 999; width: 36rem; height: 5rem; border-bottom-left-radius:5rem; background: var(--color);}
/********************************/
.header{ position: relative; z-index: 998; width: 100%; height: auto; background: #fff;}
.header .container{padding-top: 2rem; padding-bottom: 2rem;}
.logo{ width: 100%; -webkit-justify-content: flex-start; justify-content: flex-start;}
.logo p{min-width: 30rem; line-height: 2.5rem; text-align: left; margin-left: 2rem; padding-left: 2rem; border-left: 1px solid #ddd;}
.logo p span{ display: block; color: var(--color);}
.logo p strong{ display: block; font-size: 1.6rem;}
.navbox{ display: block; width: 100%;}
.nav{height: 5rem;line-height: 5rem;}
.nav ul li{ position: relative; width: 16.66%;}
.nav ul li>a{ position: relative; display: block; width: 100%; text-align: center; font-size: 1.6rem; font-weight: bold;}
.nav ul li:hover,.nav ul li.active{ background:var(--color);}
.nav ul li:hover a,.nav ul li.active a{ color: #fff;}
.nav ul li .subnav{ position: absolute; top: 5.1rem; width: 120%; min-width:15rem; height:auto; max-height: 0; overflow: hidden; transition: all 0.5s; background:var(--color);}
.nav ul li:hover .subnav{max-height: 100rem;}
.nav .subnav a{ display: block; width: 100%; line-height: 2rem; padding: 1rem 2rem; border-bottom: 1px solid rgba(255,255,255,0.2); color:#fff; font-size: 1.4rem; text-align: center;   transition: all 0.5s; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;  -webkit-line-clamp: 1;}
.nav .subnav a:hover{ text-indent: 1rem;}
/*移动端导航样式*/
.menu-handler{position:absolute;z-index:1012;right:0;top:1rem;width:6rem;height:6rem;overflow:hidden;cursor:pointer; background: var(--color);}
.menu-handler .burger{position:absolute;z-index:5;top:1.6rem;left:50%;display:block;width:3.4rem;height:0.5rem;margin:0 0 0 -1.7rem;background:#fff;transform-origin:center;-webkit-transform-origin:center;-moz-transform-origin:center;-o-transform-origin:center;-ms-transform-origin:center}
.menu-handler .burger-2{top:2.7rem}
.menu-handler .burger-3{top:3.8rem}
.menu-handler.active .burger-1{top:2.6rem;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.menu-handler.active .burger-2{opacity:0;-moz-opacity:0;-khtml-opacity:0;-webkit-opacity:0;left:-100%}
.menu-handler.active .burger-3{top:2.6rem;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}
.menuBlack{position:fixed;z-index:999;top:0;bottom:0;right:0;left:0;background:#fff;display:none}
.menuBox{position:fixed;width:100%;top:0;right:-100%;height:100%; z-index:1000;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none}
.navMobile{margin-top:8rem;padding:3rem 0;border-top:1px solid #ddd}
.navMobile dd a{display:block;line-height:6rem;font-weight:400;font-size:2.4rem;text-align:center}
.navMobile dd p a.act{color:var(--color)}
.mtnav a{padding:13px 48px;font-size:16px}
.mtnav{background:#eee;display:none}
.m-wx{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;box-sizing:border-box;padding:15px;margin:auto;border-top:1px solid rgba(255,255,255,.2)}
.m-wx img{margin:auto; border: 1px solid #ddd;}
.m-wx .codebox{max-width:50%;padding:2%;text-align:center;line-height:2rem; font-size: 2.4rem; color:#666}

@media screen and (max-width:1365px){
    .logo p span a{ padding: 0 1rem;}
    .nav ul li > a{ font-size: 1.6rem;}
}
@media screen and (max-width:1199px){
    .header.mhbg{ position: fixed;}
    .header.mhbg+#banner{ padding-top: 8rem;}
    .header .container{ padding: 1rem;}
    .navbox{ width: auto;}
    .logo{ position: relative; z-index: 1002;}
    .logo a{ padding-right: 3rem;}
    .logo p span{ margin: 0;}
    .logo p span a{ line-height: 3rem; font-size: 1.2rem; text-align: center; min-width: 6rem; padding: 0;}
    .logo img{ max-height: 6rem;}
}
@media screen and (max-width:767px){
    .logo{ padding-right: 8rem;}
    .logo img{ max-height: 6rem;}
    .logo p span a{ line-height: 3rem; font-size: 1rem; min-width: 6rem;}
    .navbox{height: 6rem; position: relative;}
    .menu-handler{ top: 0;}
    .navMobile{margin-top:8rem;}
}
/*幻灯大图*/
#banner{position:relative;width:100%;height:auto; padding-bottom: 8rem; overflow:hidden;cursor:pointer;}
#banner .swiper-container{ position: relative; z-index: 2; width:100%;height:auto;margin:0 auto;max-height:900px; overflow: visible;}
#banner .swiper-slide{position:relative}
#banner .img-fix{overflow:hidden}
#banner .swiper-slide img{width:100%;height:auto;transition:1s ease 2s;transform:scale(1.1,1.1)}
#banner .swiper-slide-active img,#banner .swiper-slide-duplicate-active img{transition:5s ease;transform:scale(1,1)}
#banner .swiper-container img{width:100%;height:auto}
#banner .swiper-container .swiper-button-next:hover,#banner .swiper-container .swiper-button-prev:hover{opacity:1}
#banner .swiper-button-next,#banner .swiper-button-prev{width:2rem; height: 4rem; position: absolute; bottom: -6rem; top: auto;}
#banner .swiper-button-prev{background:url(../images/left.png) no-repeat center; background-size:2rem 4rem; left: 10rem;}
#banner .swiper-button-next{background:url(../images/right.png) no-repeat center; background-size:2rem 4rem; right: auto; left: 28rem;}
#banner .bottom-nav{position:absolute; left: 14rem; bottom:-5rem;z-index:999;width:12rem; height: 2rem;}
#banner .swiper-pagination{position:relative;display:block;height:2rem;}
#banner .swiper-pagination-bullet{ display: block; float: left; width:2rem;height:2rem;border:2px solid #fff;border-radius:50%;background:0 0;box-sizing:border-box;margin:0 1rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;opacity:1}
#banner .swiper-pagination-bullet-active{background:#fff}
.banner-bar{ position: absolute; z-index: 1; width: 100%; height: 8rem; bottom: 0; background: #f0f0f0; }
.banner-bar::after{ content: ""; position: absolute; left: 0; top: 0; z-index: 999; width: 35rem; height: 8rem; background: var(--color);}
.banner-bar .dot_btn{ width: auto; margin-right: 5rem; height: 8rem;}
.banner-bar .hot_new{ width: 100%; height: 8rem; line-height: 8rem; padding-left: 30rem;}
.banner-bar .hot_new span{ display: block; float: left; padding-left: 3rem; background: url(../images/hot.png) no-repeat left center;}
.search{ width: 100%; max-width: 23rem; height: 4rem; overflow: hidden; padding-left: 1rem; background:#fff; border-radius: 4rem;}
.search input{ float: left; width: 18rem; height:4rem; line-height: 4rem; padding: 0 1rem; background: none; border: none; font-size: 1.4rem;}
.search input.button{ width: 3rem; height: 3rem; margin-top: .5rem; border-radius: 50%; background: url(../images/search.png) no-repeat center var(--color);}
@media screen and (max-width:1600px){
    .banner-bar::after{width: 35rem;}
    .banner-bar .hot_new{ padding-left: 30rem;}
}
@media screen and (max-width:1199px){
    #banner{ padding-bottom: 0;}
    .banner-bar{ position: relative; height: auto; bottom: 0;}
    .banner-bar .hot_new{ padding-left: 0;}
    #banner .swiper-button-next, #banner .swiper-button-prev,#banner .bottom-nav,.banner-bar::after,.banner-bar .dot_btn{ display: none;}
}
@media screen and (max-width:767px){
    #banner .bottom-nav{ bottom: 1rem;}
    .banner-bar{ margin: 0;}
    .search{ margin: 1rem auto; max-width: 80%; position: relative;}
    .search input{width: 100%;}
    .search input.button{ position: absolute; right: .5rem;}
}
/*首页板块*/
.wrapper{ width: 100%; height: auto; overflow: hidden;}
.tit{ position: relative; text-align: center; padding: 6rem 0;}
.tit span{ position: absolute; top: 3rem; z-index: 0; display: block; width: 100%; text-align: center; font-size: 5rem; font-weight: bold; color: #eee;}
.tit h3{ position: relative; font-size: 3rem; padding-bottom: 3rem; background: url(../images/titbg.png) no-repeat bottom center; background-size: auto 2rem;}
.tit h3 b{ color: var(--color);}
.tit p{ font-size: 1.6rem;white-space:nowrap;text-overflow :ellipsis;overflow : hidden;}
.titbg h3{ color: #fff;}
.titbg span{ color: rgba(255,255,255,.2);}
.titbg p{ color: #fff;}
@media screen and (max-width:767px){
    .tit span{ font-size: 4rem;}
    .tit{ padding-bottom: 2rem;}
}
/*产品*/
.module01{ width: 100%; height: auto; overflow: hidden;}
.module01 .box{ align-items:stretch;}
.module01 .box .sidebar{ position: relative; width: 20%; max-width: 340px; background: rgba(0,0,0,0.5);}
.module01 .box .sidebar::after{ content: ""; position: absolute; z-index: -2; top: 0; left: 0; width: 100%; height: 100%; background:url(../images/bg1.jpg) no-repeat; background-size: cover; background-position: 50%;}
.module01 .box .sidebar .side_tit{ position: relative; padding: 3rem;color: #fff; background: rgba(186,0,0,0.8);}
.module01 .box .sidebar .side_tit h3{ font-size: 3rem; line-height: 4rem;}
.module01 .box .sidebar .side_tit p{ font-size: 1.4rem; text-transform: uppercase;}
.module01 .box .sidebar .side_tit::after{ content: ""; position: absolute; z-index: -1; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg2.jpg) no-repeat; background-size: cover; background-position: 50%;}
.module01 .box .sidebar .side_nav{ padding:2rem; height: auto; overflow: hidden;}
.module01 .box .sidebar .side_nav a{ position: relative; display: block; height: 6rem; line-height: 6rem; color: #fff; padding-left: 4rem; transition: all 0.5s;}
.module01 .box .sidebar .side_nav a::after{ content: ""; position: absolute; left: 2rem; top: 2.6rem; width: 1rem; height: 1rem; border-radius: 50%; border: 2px solid #fff; background: none;}
.module01 .box .sidebar .side_nav a:hover{ background: var(--color);}
.module01 .box .sidebar a.more{ position: relative; bottom: 0; display: block; width: 100%; line-height: 6rem; background: rgba(0,0,0,0.5); color: #fff; text-align: center;}
.module01 .box .sidebar a.more:hover{ background: var(--color);}
.module01 .box .imglist{ width: 80%; padding-left: 5rem;}
.module01 .box .imglist ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -1.5rem;}
.module01 .box .imglist ul li{ width: 25%; padding: 1.5rem;}
.module01 .box .imglist ul li:nth-child(1),.module01 .box .imglist ul li:nth-child(2){ width: 50%;}
.module01 .box .imglist ul li a{ display: block; position: relative; overflow: hidden;}
.module01 .box .imglist ul li .txt{ position: absolute; bottom: 0; width: 100%; height: 4rem; line-height: 4rem; background: rgba(0,0,0,0.5); color: #fff; text-align: center;}
.module01 .box .imglist ul li img{ transition: all 0.5s;}
.module01 .box .imglist ul li:hover img{ transform: scale(1.1);}
.module01 .recommend{ padding: 3rem 0;}
.module01 .recommend .title{ width: 100%; position: relative; height: 5rem; line-height: 5rem; background: #eee;}
.module01 .recommend .title span{ display: block; position: relative; padding: 0 5rem; background: var(--color); color: #fff; font-size: 2rem;}
.module01 .recommend .title span::after{ content: ""; position: absolute; top: 0; right: -5rem;width: 0; height: 0; border-bottom: 5rem solid var(--color); border-right: 5rem solid transparent;}
.module01 .recommend .title a{ display: block; padding:0 1rem; color: var(--color);}
.module01 .imgsrcoll{padding: 3rem 0;}
.module01 .imgsrcoll .swiper-button-next,.module01 .imgsrcoll .swiper-button-prev{ width: 4rem; height: 7rem; margin-top: -3.5rem;}
.module01 .imgsrcoll .swiper-button-prev{ left: 0; background:url(../images/left.png) no-repeat center var(--color); background-size: 30%;}
.module01 .imgsrcoll .swiper-button-next{ right: 0; background: url(../images/right.png) no-repeat center var(--color); background-size: 30%;}
.module01 .imgsrcoll .txt{ line-height: 4rem; text-align: center;}
@media screen and (max-width:1199px){
    .module01 .box{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module01 .box .sidebar,.module01 .box .imglist{ width: 100%; padding: 0;}
    .module01 .box .sidebar{ max-width: 100%; background: #222; margin-bottom: 1rem;}
    .module01 .box .sidebar a.more{ display: none;}
    .module01 .box .sidebar .side_nav{ text-align: center;}
    .module01 .box .sidebar .side_nav a{ display: inline-block; padding-right: 2rem;}
}
@media screen and (max-width:767px){
    .module01 .box .imglist ul{ margin: -0.5rem;}
    .module01 .box .imglist ul li{ padding: 0.5rem; width: 50%;}
    .module01 .box .imglist ul li:last-child{ width: 100%;}
    .module01 .box .sidebar .side_nav a{ width: 50%; box-sizing: border-box; float: left; text-align: left;}
}
/*品牌*/
.module02{ position: relative; z-index: 0; width: 100%; height: auto; padding: 5rem 0; background: var(--color); background-image: repeating-linear-gradient(to right, var(--color), var(--color) 50%,#eee 50%, #eee 100%); }
.module02::after{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: url(../images/bg5.jpg) no-repeat; background-size: cover; background-position: 50%; opacity: 0.1;}
.module02 .left{ width: 50%;color: #fff;}
.module02 .left h3{ font-size: 3rem; font-weight: normal;}
.module02 .left p{ font-size: 1.8rem; line-height: 4rem;}
.module02 .right{ width: 50%; text-align: center;}
.module02 .right ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module02 .right ul li{ width: 50%;}
.module02 .right ul li.phone{ width: 100%;}
.module02 .right ul li.phone a{ display: inline-block; padding-left: 6rem; background: url(../images/tel1.png) no-repeat left center; background-size: 5rem; text-align: left; font-size: 2.4rem;line-height: 3rem; color: var(--color); font-weight: bold; }
.module02 .right ul li.phone small{ display: block; font-size: 1.4rem;line-height: 1.6rem; color: #333;}
.module02 .right ul li a{ display: inline-block; padding:1rem; padding-left: 3rem;}
.module02 .right ul li.email a{ background: url(../images/email.png) no-repeat left center; background-size: 2rem;}
.module02 .right ul li.address a{ background: url(../images/address.png) no-repeat left center; background-size: 2rem;}
.module02 .box ul{ padding: 3rem; background: #fff; -webkit-align-items: stretch; align-items: stretch;}
.module02 .box ul li{ width: 24%; position: relative; background: #eee;}
.module02 .box ul li span{ position: absolute; z-index: 999; top: -3rem; left: 50%; margin-left: -3rem; width: 6rem; height: 6rem; border-radius: 50%; box-shadow: 0 0 1rem rgba(0,0,0,0.2);}
.module02 .box ul li .txt{ position: relative; padding: 1.5rem; padding-top: 5rem; text-align: center;}
.module02 .box ul li .txt h3{ font-size: 2rem;}
.module02 .box ul li .txt p{ font-size: 1.4rem; padding: 1rem 0;}
@media screen and (max-width:1199px){
    .module02{ background-image: none;}
    .module02 .left{width: 100%;}
    .module02 .left h3{ font-size: 3rem;}
    .module02 .box ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module02 .box ul li{ width: 49%; margin: 0.5rem 0;}
}
@media screen and (max-width:767px){
    .module02 .box ul{ padding: 1rem;}

}
/*优势*/
.module03{ height: auto; overflow: hidden; padding-bottom: 12rem; background: url(../images/bg.png) no-repeat bottom center;}
.module03 .box{ position: relative;}
.module03 .tabs{ position: absolute; z-index: 999; bottom: 3rem; right: 3rem;}
.module03 .tabs span{ display: inline-block; width: 1.2rem; height: 1.2rem; margin:0 1rem; border-radius: 50%; background: #aaa; cursor: pointer; }
.module03 .tabs span.on{ position: relative; background: var(--color);}
.module03 .tabs span.on::after{ content: ""; position: absolute; z-index: 1; top: -0.4rem; left: -0.4rem; width: 2rem; height: 2rem; border-radius: 50%; border: 1px solid var(--color); background: none;}
.module03 .tab{ padding-bottom: 6rem;}
.module03 .tab ul li{width: 24%; background: #222; padding: 3rem 0; display: flex; display: -webkit-flex; -webkit-justify-content: center; justify-content: center; }
.module03 .tab ul li.on,.module03 .tab ul li:hover{ background: var(--color);}
.module03 .tab ul li a{ display: inline-block; padding-left: 6rem; color: #fff;}
.module03 .tab ul li:nth-child(1) a{ background: url(../images/ico-youshi5.png) no-repeat left center;}
.module03 .tab ul li:nth-child(2) a{ background: url(../images/ico-youshi6.png) no-repeat left center;}
.module03 .tab ul li:nth-child(3) a{ background: url(../images/ico-youshi7.png) no-repeat left center;}
.module03 .tab ul li:nth-child(4) a{ background: url(../images/ico-youshi8.png) no-repeat left center;}
.module03 .tab ul li span,.module03 .tab ul li small{ display: block; text-transform: uppercase; line-height: 3rem;}
.module03 .tab ul li span{ font-size: 3rem; font-weight: bold;}
.module03 .item-tab{display: none;}
.module03 .item-tab.on{ display: block;}
.module03 .item-tab .left,.module03 .item-tab .right{width: 50%; background: #eee;}
.module03 .item-tab .left{ background: var(--color); padding-bottom: 3rem;}
.module03 .item-tab .imgbox{ width: 100%; padding-bottom: 60%; margin-top: -3rem; margin-left: 3rem;}
.module03 .item-tab .flex{ align-items:stretch;}
.module03 .item-tab .right{ padding: 3rem; padding-left: 8rem;}
.module03 .item-tab .title{padding: 3rem 0;border-bottom: 1px solid #ddd; -webkit-justify-content: start; justify-content: start;}
.module03 .item-tab .title span{ display: block; width: 6rem; font-size: 3rem; text-align: center; background: var(--color); color: #fff;}
.module03 .item-tab .title p{ padding-left: 1rem; font-size: 2rem; line-height: 3rem;}
.module03 .item-tab .title b{ font-size: 3rem;}
.module03 .item-tab .txt{ padding: 3rem 0;}
.module03 .item-tab .txt P{ line-height: 3rem; font-size: 1.8rem; padding-left: 3rem; padding-bottom: 2rem; background: url(../images/dot.png) no-repeat 0 1rem;}
@media screen and (max-width:1199px){
    .module03 .tab ul li{ padding: 1rem 0;}
    .module03 .tab ul li span{ font-size: 2rem;}
    .module03 .tab ul li small{ font-size: 1.2rem;}
    .module03 .item-tab .left,.module03 .item-tab .right{ width: 100%;}
    .module03 .item-tab .flex{  -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module03 .item-tab .imgbox{ margin: 0;}
    .module03 .item-tab .right{ padding-left: 3rem;}
}
@media screen and (max-width:767px){
    .module03 .tab ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module03 .tab ul li{ width: 49%; margin-bottom: 1rem;}
    .module03 .tab ul li a{ background-size: 5rem 5rem!important;}
    .module03 .item-tab .right{ padding: 1rem;}
    .module03 .item-tab .left{ padding-bottom: 0.5rem;}
    .module03 .item-tab .title span{ width: 4rem; font-size: 2rem;}
    .module03 .item-tab .title b{ font-size: 2.4rem; line-height: 2.4rem;}
    .module03 .item-tab .title p{ font-size: 1.6rem;}
    .module03 .item-tab .txt P{  font-size: 1.4rem;}
}

/*案例*/
.module04{ height: auto; overflow: hidden;}
.module04 .box{ padding-bottom: 5rem;}
.module04 .box ul{ align-items:stretch;}
.module04 .box ul li{ width: 27%; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -webkit-justify-content: space-between;flex-direction: column; justify-content: space-between;}
.module04 .box ul li a{ display: block; width: 100%; height: 48%; position: relative; background-size: cover; background-position: 50%;}
.module04 .box ul li.big{ width: 42%;}
.module04 .box ul li.big a{ height: 100%;}
.module04 .box ul li .txt{ padding: 3rem; background: #eee; border-bottom: 0.5rem solid var(--color);}
.module04 .box ul li .txt h3{ font-size: 2.4rem; padding-bottom: 1rem;}
.module04 .box ul li .txt small{ padding: 0 1rem;}
.module04 .box ul li:hover h3{ color: var(--color);}
.module04 .box ul li a:hover{ box-shadow: 0 0 3rem rgba(0,0,0,0.2);}
@media screen and (max-width:1199px){
    .module04 .box ul li .txt{ padding: 1rem;}
    .module04 .box ul li .txt h3{ font-size: 1.6rem;}
    .module04 .box ul li .txt P{ font-size: 1.2rem;}
}
@media screen and (max-width:767px){
    .module04 .box ul{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module04 .box ul li{ width: 100%; flex-direction: row;}
    .module04 .box ul li:not(.big) a{ width: 48%; padding-bottom: 40%;}
    .module04 .box ul li.big{ width: 100%;}
    .module04 .box ul li.big a{ margin:2rem 0;}
    .module04 .box ul li .txt h3{ font-size: 2.4rem;}
    .module04 .box ul li .txt P{ font-size: 1.6rem;}
}
/*伙伴*/
.module05{ height: auto; overflow: hidden; background: url(../images/bg4.jpg) no-repeat; background-size: cover; background-position: 50%;}
.module05 .box{  padding-bottom: 5rem;}
.module05 .box ul{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.module05 .box li{ width: 15%; background: #fff; margin-bottom: 2rem;}
.module05 .box a{ display: block; padding-bottom: 45%;}
@media screen and (max-width:1199px){
    .module05 .box li{ width: 23%;}
}
@media screen and (max-width:767px){
    .module05 .box li{ width: 33%; margin-bottom: 2px;}
}
/*关于*/
.module06{ width: 100%; height: auto; overflow: hidden; padding-bottom: 5rem; background: url(../images/bg3.jpg) no-repeat center top;}
.module06 .item{ width:25%; border-left: 1px solid rgba(255,255,255,.2); padding:1rem 3rem; box-sizing: border-box; cursor: pointer;}
.module06 .item:first-child{ border-left: 0;}
.module06 .item .txt{ text-align: center;}
.module06 .item .txt h3{ transition: all 0.5s; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 5rem;color:#fff}
.module06 .item .txt h3 sup{font-size:1rem; font-weight: normal; padding: 1rem;}
.module06 .item .txt p{ color:#fff; font-size: 1.4rem;}
.module06 .item:hover h3{ color: #ff6600}
.module06 .box{ width: 100%; height: auto; overflow: hidden; margin-top: 3rem; padding: 3rem; background: #fff; box-shadow: 0 0 3rem rgba(0,0,0,0.2);}
.module06 .left,.module06 .right{ width: 50%; height: auto; overflow: hidden;}
.module06 .left h3{ font-size: 3rem; color: #333; line-height: 6rem;}
.module06 .left h3 small{ display: block; font-size: 2rem;}
.module06 .left p{ line-height: 4rem; font-size: 1.8rem; margin: 3rem 0; text-indent: 4rem; text-align: justify; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.module06 .left a{ display: inline-block; padding: 1rem 3rem; background: var(--color); color: #fff;}
.module06 .right{ padding-left: 5rem;}
.module06 .right .imgbox{ padding-bottom: 65%;}
@media screen and (max-width:1199px){
    .module06 .item{ padding:3rem 0;}
    .module06 .item .txt h3{ font-size: 3rem;}
    .module06 .item .txt p{ font-size: 1.2rem;}
    .module06 .box{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module06 .left,.module06 .right{ width: 100%; padding: 1rem 0;}
}
@media screen and (max-width:767px){
    .numCount{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .module06 .item{width: 49%; border: none; display: block; margin-bottom: 0.5rem;}
    .module06 .item .txt h3{ font-size: 5rem;}
    .module06 .item .txt p{ font-size: 1.6rem;}
}
/*新闻*/
.module07{ padding-bottom: 5rem;}
.module07 .new_srcoll .swiper-container{ padding-bottom: 5rem;}
.module07 .new_srcoll .txt{ padding: 2rem; background: #eee;}
.module07 .new_srcoll .txt h3 small{ display: block; font-size: 1.4rem; font-weight: normal;}
.module07 .new_srcoll .txt h3 span{display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical; line-height: 3rem; font-size: 1.8rem;  margin: 1rem 0;}
.module07 .new_srcoll .txt p.des{ color: #666; line-height: 2.4rem; font-size: 1.4rem; display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.module07 .new_srcoll .txt p.bot{ font-size: 1.6rem; width: 100%; margin-top: 1rem; border-top: 1px solid #ddd; color: #aaa;}
.module07 .new_srcoll .swiper-pagination{ bottom: 0;}
.module07 .new_srcoll .swiper-pagination span.swiper-pagination-bullet{ width: 12px; height: 12px;}
.module07 .new_srcoll .swiper-pagination span.swiper-pagination-bullet-active{ background: var(--color);}
.module07 .new_srcoll .swiper-slide:hover .txt{ background: var(--color);}
.module07 .new_srcoll .swiper-slide:hover h3 small,.module07 .new_srcoll .swiper-slide:hover h3,.module07 .new_srcoll .swiper-slide:hover p{ color: #fff;}
@media screen and (max-width:767px){
    .module07 .new_srcoll .txt{ padding: 1rem;}
}
/*底部*/
.footer{ width: 100%; height: auto; overflow: hidden;}
.footer .flink{ background: var(--color); padding: 1rem 0;}
.footer .flink .flex{ -webkit-justify-content: flex-start; justify-content: flex-start;}
.footer .flink h3{ padding-left: 5rem; padding-right: 3rem; background: url(../images/link.png) no-repeat left center; font-weight: normal; text-align: right; line-height: 3rem; color: #fff;}
.footer .flink h3 small{ display: block; font-size: 1.4rem; color: #fff;}
.footer .flink h3 span{ display: block; font-size: 1.8rem;}
.footer .flink p a{ display: inline-block; padding: 0 1rem; color: #fff; font-size: 1.6rem;}
.footer .flink p a:hover{ text-decoration: underline;}
.footer .foot{ width: 100%; height: auto; padding: 5rem 0; overflow: hidden; background: #222; border-bottom: 1px solid rgba(255,255,255,.2);}
.footer .foot .item{ width: 15%;}
.footer .foot .item.slogn{ width: 26% }
.footer .foot .item.contact{ width: 25% }
.footer .foot .item.menu{ width: 18% }
.footer .foot .item h3,.footer .foot .item a,.footer .foot .item p{ color: #aaa;}
.footer .foot .slogn img{ max-width: 20rem; padding-bottom: 2rem;}
.footer .foot .slogn p{ line-height: 3rem; font-size: 1.4rem;}
.footer .foot .item h3{ font-size: 2rem; padding-bottom: 2rem;}
.footer .foot .contact p.icon1{ background-image: url(../images/icon1.png);}
.footer .foot .contact p.icon2{ background-image: url(../images/icon2.png);}
.footer .foot .contact p.icon3{ background-image: url(../images/icon3.png);}
.footer .foot .contact p{ font-size: 1.4rem; line-height: 2rem; padding: 0.5rem 0; padding-left: 3rem; background-size: 2rem 2rem; background-position: left center; background-repeat: no-repeat;}
.footer .foot .menu a{ display: inline-block; padding: 1rem;}
.footer .foot .wechat{ -webkit-justify-content: flex-end; justify-content: flex-end;}
.footer .foot .wechat p{ margin-left: 1rem; text-align: center;}
.footer .foot .wechat img{ max-width: 12rem;}
.footer .foot .wechat span{ display: block; font-size: 1.2rem;}
.footer .copyright{ width: 100%; height: auto; padding: 2rem 0; overflow: hidden; color: #aaa; background: #222;}
.footer .copyright a,.footer .copyright span{ display: inline-block; padding: 0 0.5rem; color: #aaa;}
.footer .copyright a:hover{ color: #fff;}
@media screen and (max-width:1199px){
    .footer .foot .slogn,.footer .foot .menu{ display: none;}
    .footer .foot .item,.footer .foot .item.contact{ width: 50%;}
}
@media screen and (max-width:767px){
    .footer{ padding-bottom: 7rem;}
    .footer .flink .flex,.footer .foot .flex{ -webkit-flex-wrap: wrap; flex-wrap: wrap;}
    .footer .flink p,.footer .flink h3{ width: 100%; text-align: left;}
    .footer .flink h3{ background-size: 4rem 4rem;}
    .footer .copyright{ font-size: 1.6rem;}
    .footer .foot .item,.footer .foot .item.contact{ width: 100%;}
    .footer .foot .contact h3{ font-size: 3rem;}
    .footer .foot .contact p{ line-height: 3rem; font-size: 2rem;}
    .footer .foot .wechat{ margin-top: 3rem; -webkit-justify-content: flex-start; justify-content: flex-start;}
    .footer .foot .wechat img{ max-width: 15rem;}
    .footer .foot .wechat span{ font-size: 1.8rem;}
}
/*侧边客服*/
.floating_ck{position:fixed;right:2rem;top:65%;z-index:9999;display:block}
.floating_ck dl dd{position:relative;width:6rem;height:6rem;margin-bottom:1px;background-color:var(--color);text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;color:#666}
.floating_ck dl dd:hover{background-color:var(--color)}
.floating_ck dl dd:hover .floating_left{display:block}
.consult{background-image:url(../images/qq.png)}
.words{background-image:url(../images/kficon.png)}
.quote{background-image:url(../images/kficon.png)}
.qrcord{background-image:url(../images/erweima.png)}
.return{background-image:url(../images/fanhui.png)}
.floating_ck dd span{display:block;padding-top:4rem;color:#fff;font-size:10px}
.floating_left{position:absolute;left:-120px;top:0;width:120px;height:6rem;background-color:var(--color);border:solid 1px var(--color);display:none}
.floating_left a{color:#fff;line-height:6rem}
.floating_ewm{height:auto;top:-8rem; padding-bottom: 1rem;}
.floating_ewm i{display:block;width:100px;height:100px;margin:auto;margin-top:1rem; background-repeat: no-repeat; background-size:100%}
.floating_ewm p{margin-top:5px;color:#fff}
.floating_ewm .qrcord_p01{font-size:1rem;line-height:2rem}
.floating_ewm .qrcord_p02{font-size:1.2rem}
@media screen and (max-width:767px){
    .floating_ck{display:none}
}
/*移动端底部导航按钮*/
.footer-nav{position:fixed;right:0;bottom:0;left:0;z-index:9999;height:7rem; padding-top: 1rem; background:var(--color); border-top:1px solid rgba(255,255,255,.3);color:#fff}
.footer-nav .nav-item{-webkit-display:flex;display:flex;width:25%;height:100%;vertical-align:middle;flex-shrink:1;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:1.8rem;color:#fff}
.footer-nav .nav-item.active{background-color:var(--color)}
.footer-nav .nav-item .nav-icon{display:block; width:3rem}
.footer-nav .nav-item .nav-icon>img{display:block;max-width:100%}
.show-wx{position:fixed;z-index:1002;bottom:6rem;width:100%;display:none;overflow:hidden;text-align:center}
.show-wx img{display:inline-block;max-width:15rem}

.culture{ padding: 5rem 0; }
.culture h3{font-size: 3rem; line-height: 3}
.culture p{ font-size: 1.8rem; line-height: 1.5 }