@charset "utf-8";
/* 基础样式 */
html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6,small{font-size:100%;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
h1,h2,h3,h4,h5,h6,em,strong,b{font-weight:bold;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/1.14 'Microsoft YaHei',sans-serif; outline:0;}
a,a:hover,a:active,a:visited,a:focus{color:#333; text-decoration: none;}
img{ display: block; max-width: 100%; margin: auto;}
body{min-width: 1280px; line-height: 1.75; background: #fff;}
.container{width: 1200px; margin: auto;}
/* 返回顶部 */
#rollTop{position:fixed;z-index:9999;right:10px;bottom:10px;width:40px;height:40px}
#rollTop a{display:inline-block;width:100%;height:100%;background:url(../images/rollTop.png) no-repeat center;background-size:50%}

/*图像*/
.imgcut1{position:relative;padding-bottom:75%;overflow:hidden}
.imgcut1 img{position:absolute;display:block;width:100%;height:100%;object-fit:cover}
.imgcut2{position:relative;padding-bottom:75%;;overflow:hidden}
.imgcut2 img{position:absolute;display:block;width:100%;height:100%;object-fit:contain}



/* 客服样式 */
#kefu{position:fixed;width:186px;top:25%;z-index:9999;}
.kbtn{width:30px;height:146px;background-repeat:no-repeat;background-position:center 120px;border-radius:5px;font-size:16px;text-align:center;color:#fff;margin-top:120px;cursor:pointer}
.kbtn span{background:url(../images/xrn.png) no-repeat 2px 5px;padding-top:35px;display:block;line-height:18px}
.kren span{display:block;background:url(../images/ren.png) no-repeat 0 0;width:100px;height:100px;border-radius:50%;overflow:hidden;margin:10px auto;margin-top:30px}
.kbox .con{padding:0;padding-bottom:30px;}
.kbox .con p{text-align:center;line-height:20px;color:#fff;font-size:12px}
.kbox .con p a{font-size:12px; color:#fff}
.kbox .ewm{text-align:center;font-size:14px;padding:10px 0;background:url(../images/line.png) no-repeat top;color:#fff}
.kbox .ewm img{width:110px;height:110px;padding-top:10px}
.lkefu{left:0}
.lkefu .kbtn{float:right;background-image:url(../images/jt.png)}
.lkefu .kbox{width:155px;float:left;position:relative;border-top-right-radius:50px;border-bottom-left-radius:50px;overflow:hidden;float:right;position:relative}
.rkefu{right:0}
.rkefu .kbtn{float:left;background-image:url(../images/jt1.png)}
.rkefu .kbox{width:155px;border-top-left-radius:50px;border-bottom-right-radius:50px;overflow:hidden;float:right;position:relative}

/* 框架样式 */
#header{width:100%;height:auto;}
#banner{width:100%;height:auto;cursor:pointer;position:relative}
#wrapper{width:100%;height:auto;padding:30px 0;overflow:hidden}
.module01,.module02,.module03,.module04{width:100%;height:auto;overflow:hidden;float:left;margin:20px 0}
#footer{width:100%;height:auto;overflow:hidden;float:left;background:#222}

/* 顶部信息 */
.top{width:100%;height:35px;overflow:hidden;border-bottom:1px solid #ddd}
.head .container,.search .container,.top .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}
.top p{font-size:12px;width:100%;color:#666;line-height:35px}
.top p a{display:block;position:relative;float:right;padding:0 15px}
.top p a::before{content:'';display:block;width:1px;height:35px;background:#ddd;position:absolute;right:0;top:0}
.top p span{display:inline-block;height:20px;line-height:20px;padding:0 5px;margin:0 5px;color:#fff}
.top p i{display:block;width:20px;height:36px;float:left}
.top p i.iconinfo{background:url(../images/iconinfo.png) no-repeat left}
.top p i.iconmsg{background:url(../images/iconmsg.png) no-repeat left}

/* 头部样式 */
.head{width:100%;padding:15px 0}
.head .logo{width:100%;display:flex;align-items:center}
.head .logo a{display:block;float:left;padding-right:20px;margin-right:20px;border-right:1px solid #ddd}
.head .logo h1{font-size:24px;line-height:35px;font-weight:700}
.head .logo .hd_txt small{font-size:16px}
.head .tel{width:auto;min-width:450px;line-height:22px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.head .tel small{font-size:12px;}
.head .tel a{font-size:18px;font-weight:700;}

/* 顶部导航 */
.nav{position:relative; z-index: 999; width:100%; height:50px}
.nav ul{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.nav ul li{position:static;line-height:50px}
.nav ul > li > a{position:relative; display:inline-block;padding:0 35px;font-size:16px; color: #fff;}
.nav ul > li:hover > a,.nav ul > li.active > a{ background: #000;}
.nav ul > li .submenu{position:absolute; width:auto; max-height: 0; overflow:hidden; background:rgba(156,126,45,.8);padding:0 15px; top:100%;transition:all .5s; -webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}
.nav ul > li .submenu a{display:block;font-size:14px;line-height:40px; color: #fff;}
.nav ul > li:hover .submenu{max-height:400px; min-width:120px}
.nav ul > li:hover .submenu a:hover{  text-decoration: underline;}

/* 幻灯大图 */
#banner .swiper-container{margin:0 auto;width:100%;height:auto}
#banner .swiper-slide{position:relative}
#banner .img-fix{overflow:hidden}
#banner .swiper-container img{display:block;width:100%;height:100%}
#banner .bottom-nav{position:absolute;bottom:30px;z-index:10;width:100%;text-align:center}
#banner .swiper-pagination{position:relative;display:inline-block;height:29px;vertical-align:middle}
#banner .swiper-pagination-bullet{position:relative;margin:0 12px;width:12px;height:12px;border-radius:50%;background:#fff;vertical-align:middle;opacity:1}
#banner .swiper-pagination-bullet-active::after{position:absolute;top:-4px;left:-4px;display:block;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.5);content:""}


/*首页产品模块*/
.module_product{ width: 100%; height: auto; overflow: hidden; }
.module_product .lbox{ width: 260px; height: auto; float: left;}
.module_product .rbox{ width: 940px; float: left; padding-left: 40px; box-sizing: border-box;}
.module_product .lbox .tit{ width: 100%; height: 125px; padding: 15px; box-sizing: border-box; background: url(../images/titbg01.jpg) no-repeat center; text-align: center;}
.module_product .lbox .tit h1{ color: #fff; font-size: 35px;}
.module_product .lbox .tit p{ color: #fff; font-size: 12px;}
.module_product .lbox .menu{ float: left; width: 100%;}
.module_product .lbox .menu .side_nav{ border: 1px solid #ddd; border-top: 0;}
.module_product .lbox .menu .side_nav h3{ position: relative; line-height: 50px; width: 100%; box-sizing: border-box; padding: 0 10px; border-bottom: 1px solid #ddd;}
.module_product .lbox .menu .side_nav h3 a{ display: inline-block; width: 100%; font-size:16px;}
.module_product .lbox .menu .side_nav h3 span{ display: block; text-align: center; font-weight: normal; width: 50px; height: 50px; cursor: pointer; border-left: 1px solid #ddd; position: absolute; right: 0; top: 0;}
.module_product .lbox .menu .side_nav h3 span::before{ content: "+";}
.module_product .lbox .menu .side_nav h3 .add::before{ content: "-";}
.module_product .lbox .menu .side_nav h3 a:hover{ color: #da0000;}
.module_product .lbox .menu .side_nav ul{ width: 100%; height: 0; overflow: hidden;}
.module_product .lbox .menu .side_nav ul.on{ height: auto;}
.module_product .lbox .menu .side_nav ul.on li:last-child{ border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.module_product .lbox .menu .side_nav ul.on li:first-child{margin-top: 15px;}
.module_product .lbox .menu .side_nav ul li{ line-height: 30px; box-sizing: border-box; padding-left: 35px; background: url(../images/dot.png) no-repeat 20px 15px;}
.module_product .lbox .menu .side_nav ul li a{ display: inline-block; width: 100%; font-size: 15px; color: #666;}
.module_product .lbox .menu .side_nav ul li:hover a{ color: #da0000;}

.module_product .lbox .txt{ float: left; color: #fff; padding: 30px 10px; box-sizing: border-box; width: 100%; text-align: center;}
.module_product .lbox .txt h2{ font-size: 30px; line-height: 1.5;}
.module_product .lbox .txt p:last-child{ padding: 20px 10px 20px 40px; line-height: 1.2; background: url(../images/tel01.png) no-repeat left center; text-align: left;}
.module_product .lbox .txt p b{ font-size: 16px;}
.module_product .lbox a.more{ display: inline-block; width: 100%; padding: 15px 0; color: #fff; text-align: center; margin: 10px 0;}
  
.module_product .rbox li{ width: 33.33%; float: left; padding-left: 20px; padding-bottom: 20px; box-sizing: border-box;}
.module_product .rbox li a{ display: inline-block; width: 100%; padding: 5px; border: 1px solid #ddd;}
.module_product .rbox li .img{ position: relative;}

.module_product .rbox li .txt{ line-height: 30px; text-align: center; background: #eee;}

/*企业文化*/
.module_ad{ padding: 20px 0; }
.module_ad .tit{ text-align: center;}
.module_ad .tit h3{ font-size: 30px; line-height: 1.5; color:#fff; margin-top:20px}
.module_ad .box1 ul,.module_ad .box2 ul{ display: flex; justify-content: space-between;flex-wrap: wrap;}
.module_ad .box1 ul li{ width:23.5%;margin-top:20px;}
.module_ad .box1 ul li .txt{color:#fff}
.module_ad .box1 ul li .txt{ padding:5px; background:#9C7E2D; width:100%;box-sizing:border-box; text-align:center}
.module_ad .box2{ margin:20px 0;}
.module_ad .box2 ul li{ width:100px;height:100px; padding:15px; background:rgba(0,0,0,0.5);color:#fff; text-align:center}
.module_ad .box2 ul li span{ font-size:30px}
.module_ad .box2 ul li p{font-size:18px}
/* 模块二 */
.module02{position:relative;background:#eee;padding:30px 0}
.module02::before{display:block;content:"";width:45%;height:100%;position:absolute;top:0;left:0;background:url(../images/about_bg.jpg) no-repeat center}
.module02::after{display:block;content:"";width:45%;height:100%;position:absolute;top:0;left:0;opacity:.9}
.module02 .container{position:relative;z-index:1}
.module02 .box{display:flex;justify-content:space-between;align-items:center}
.module02 .img{width:100%}
.module02 img{display:block}
.module02 .txt{width:100%;padding-left:50px;box-sizing:border-box;text-align:justify;text-justify:inter-ideograph}
.module02 .txt h3{font-size:24px;border-bottom:1px solid #ddd;color:#0061b3;color:var(--color);position:relative}
.module02 .txt h3::before{content:"ABOUT US";display:block;position:absolute;color:#ddd;top:-30px}
.module02 .txt p{color:#666;line-height:30px;padding:20px 0}
.module02 .txt a{display:inline-block;padding:5px 25px;color:#fff}

/* 优势模块 */
.advantage{ width: 100%; padding: 30px 0; height: auto; overflow: hidden; float: left;}
.advantage .tit{ text-align: center; padding-bottom: 30px;}
.advantage .tit h3{ font-size: 24px;}
.advantage .tit p{font-size: 14px; color: #666;}
.advantage .item{ width: 100%; padding: 10px 0; float: left;}
.advantage .txt{ width: 50%; padding: 15px; box-sizing: border-box; float: left;}
.advantage .txt span,.advantage .txt b,.advantage .txt small{ display: inline-block; height: auto; line-height: 40px; text-align: center; font-size: 18px;}
.advantage .txt span{ width: 40px;margin-right: 10px; color: #fff; background: #9C7E2D;}
.advantage .txt b{ padding:0 30px; color: #fff;}
.advantage .txt small{ font-size: 12px; font-weight: normal; line-height: 20px;}
.advantage .txt p{ color: #666;}
.advantage .txt li{ padding: 15px 0;}
.advantage .img{ width: 50%; float: left;}

/* 模块三 */
.module03{ margin: 0; margin-bottom: 30px;}
.module03 .tit{ width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; background: #eee;}
.module03 .tit h3{ font-size: 18px;}
.module03 .tit h3 span{ display: block; padding: 0 30px; float: left; color: #fff;}
.module03 .tit h3 a{ display: block; float: right; font-size: 12px; padding: 0 15px;}
.module03 .swiper-slide a{display:block;position:relative}
.module03 .swiper-slide .img{width:100%;overflow:hidden}
.module03 .swiper-slide p{width:100%;bottom:0;left:0;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;background:rgba(0,0,0,.7);transition:all .5s}
.module03 .swiper-slide a:hover p{height:50%}

/* 模块三 七 */
.module07{ margin:30px 0;}
.module07 .tit{ width: 100%; height: 50px; line-height: 50px; margin-bottom: 10px; background: #eee;}
.module07 .tit h3{ font-size: 18px;}
.module07 .tit h3 span{ display: block; padding: 0 30px; float: left; color: #fff;}
.module07 .tit h3 a{ display: block; float: right; font-size: 12px; padding: 0 15px;}
.module07 .swiper-slide a{display:block;position:relative}
.module07 .swiper-slide .img{width:100%;overflow:hidden}
.module07 .swiper-slide p{width:100%;bottom:0;left:0;height:40px;display:flex;align-items:center;justify-content:center;color:#fff;position:absolute;background:rgba(0,0,0,.7);transition:all .5s}
.module07 .swiper-slide a:hover p{height:50%}

/* 模块四 */
.module04{background:#eee;padding:30px 0;margin-bottom:0}
.module04 .box{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.module04 .item{margin:10px 0;width:49%}
.module04 .item a{display:block;display:flex;align-items:center;justify-content:space-between;background:#fff;transition:all .5S}
.module04 .item .img{width:40%;overflow:hidden}
.module04 .item img{transition:all .5s}
.module04 .item .txt{width:60%;padding:15px;box-sizing:border-box}
.module04 .item h3{padding-bottom:10px}
.module04 .item p{font-size:14px;color:#666}
.module04 .item span{font-size:12px;color:#aaa;padding:15px 0}
.module04 .item a:hover img{transform:scale(1.1)}
.module04 .item a:hover H3,.module04 .item a:hover P,.module04 .item a:hover span{color:#fff}

/* 模块五 */
.module05{width:100%;height:auto;padding:50px 0;float:left;background:#fff;position:relative}
.module05::after{content:"";display:block;position:absolute;right:0;top:0;width:50%;height:100%;background:url(../images/mbg.jpg) no-repeat center;}
.module05 .container{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:relative;z-index:1}
.module05 .lbox,.module05 .rbox{width:48%}
.module05 .lbox{text-align:center}
.module05 .lbox h3,.module05 .rbox h3{position:relative;font-weight:400;font-size:20px;line-height:40px;padding-top:60px;text-align:center}
.module05 .lbox h3::before,.module05 .rbox h3::before{content:"";display:block;position:absolute;top:0;left:50%;margin-left:-30px;width:60px;height:60px;border-radius:50%}
.module05 .lbox h3::before{background-image:url(../images/phone.png);background-repeat:no-repeat;background-position:center}
.module05 .lbox h1{text-align:center;font-size:30px;padding-bottom:30px}
.module05 .lbox p{text-align:left;border-left:1px solid #ddd;padding:0 50px}
.module05 .lbox a{display:inline-block;padding:10px 80px;border-radius:30px;margin-top:30px; color:#fff}
.module05 .rbox h3{color:#fff}
.module05 .rbox h3::before{background:url(../images/message.png) no-repeat center #fff}
.module05 .form .item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
.module05 input,.module05 textarea{width:100%;border:0;height:40px;line-height:40px;padding:5px 10px;margin:5px}
.module05 input.btn{text-align:center;color:#fff;background:rgba(0,0,0,.5);font-size:18px;cursor:pointer}
.module05 input.btn:hover{background:rgba(0,0,0,.7)}
.module05 textarea{height:100px}

/* 分站样式 */
.area{padding:15px 0;line-height:40px}
.area a{display:inline-block;padding:0 5px}

/* 底部样式 */
#footer .ftop{height:auto;width:100%;color:#fff;font-weight:700;font-size:14px;float:left}
#footer .ftop .container{height:auto;overflow:hidden}
#footer .ftop span{display:block;width:auto;float:left;font-size:18px;font-weight:400;line-height:18px;text-align:right;padding:10px 25px;padding-left:60px;background-image:url(../images/link.png);background-repeat:no-repeat;background-position:15px 10px;background-color:rgba(0,0,0,.3)}
#footer .ftop a{display:inline-block;color:#fff;padding:0 15px;font-weight:400;height:47px;overflow:hidden;line-height:54px}
#footer .lbox{width:100%;padding-top:30px;height:auto;overflow:hidden;float:left}
#footer .lbox .item{padding:0 25px;border-left:1px solid rgba(255,255,255,.1);float:left;min-width:20%}
#footer .lbox .item a{color:#eee}
#footer .lbox .item h3{padding-bottom:15px;font-weight:400}
#footer .lbox .item p{font-size:14px;color:#aaa}
#footer .lbox .item p a{color:#aaa}
#footer .lbox .item p a:hover{color:#fff}
#footer .rbox{float:right;color:#fff}
#footer .rbox img{max-width:120px}
#footer .bbox{width:100%;margin-top:50px;text-align:center;padding:15px 0;font-size:14px;color:#888;border-top:1px solid rgba(255,255,255,.1);float:left}
#footer .bbox a{color:#888}

/*移动端底部拨号按钮*/
.footer-nav{ display: none; border-top: 1px solid rgba(255,255,255,0.3); position:fixed;right:0;bottom:0;left:0;z-index:9999;height:140px;background:#b9823d;color:#fff;align-items:center;justify-content:space-around}
.footer-nav .nav-item{display:flex;width:25%;height:100%;color:#fff;vertical-align:middle;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:50px;flex-shrink:1;align-items:center;flex-direction:column;justify-content:center}
.footer-nav .nav-item.active{background-color:#b9823d}
.footer-nav .nav-item .nav-icon{display:block;margin-bottom:2px;width:24px; width: 100%; height: 50px;}
.footer-nav .nav-item .nav-icon>img{display:block;width: 15%;}
.show-wx{position: fixed; bottom: 54px; z-index: 1002; width: 100%; display: none; overflow: hidden; text-align: center;}
.show-wx img{ display: inline-block;max-width: 150px;}


/*移动端样式*/
@media screen and (max-width: 768px) {
    .footer-nav{display:block;display:flex;}
    
}