@charset "utf-8";
/* CSS Document */

/*背景图片、背景颜色*/
body{overflow-x: hidden;background-color:#f2f2f2;}.bg-f{background-color:#FFF; }.bg-f5{background-color:#f5f5f5; padding:50px 0;}

/*png图片透明、零散样式*/
.p10-0{padding:10px 0px;}.p60-0{padding:60px 0!important;}.ml30{ margin-left:30px;}
input,a:hover,select{outline:none;}

/*宽度、高度、行高*/
.w260{ width:260px;}
.w560{ width:560px;}
.w900{width:900px;}
.h40{height:40px;}
.h50{height:50px;}
.h100{height:100%;}
@media screen and (max-width: 991px) {
  .wrap{width:100%;padding:0 10px;}
}

@media screen and (min-width: 992px) {
  .wrap{width:100%;padding:0 20px;}
}
@media screen and (min-width: 1200px) {
  .wrap{width:1240px; margin-left:auto; margin-right:auto;}
}

/*更多、详情、文本框、按钮*/
.moreBtn{display:block; width:176px; height:56px; line-height:56px; text-align:center; font-size: 16px;color:#957259; background-image:url(../image/moreBtn.png); border-radius:5px; cursor:pointer;margin: 50px auto 0;}
.moreBtn:hover{background-color:#957259;color: #fff;}

/*头部*/
.header{height:120px;  background-color: #fff;}
.header .headerRow{display: flex;align-items: center;justify-content: space-between;height: 100%;}
.header .logo{ display:block; width:168px;height:56px; }
.header .telephone{height:60px; color:#957259; position:relative;}
.header .telephone dt{ width:50px; height:50px; position:absolute; left:0; top:0px;}
.header .telephone dd p{ color:#957259; font-size:22px;font-weight: bold; font-family:"Arial"; line-height:28px;}
@media screen and (max-width: 991px) {
  .header .telephone{ display:none;}
  }
@media screen and (min-width: 992px) {
.header .telephone dt img{ display:none;}
.header .telephone dd{ margin-left:0;}
}
@media screen and (min-width: 1200px) {
.header .telephone dt img{ display:block;}
.header .telephone dd{ margin-left:65px;}
}
/*导航*/
@media screen and (max-width: 768px) {
#webNav{display: none;}
#mobileNav{display: block;}
}
@media screen and (min-width: 769px) {
#webNav{gap:10px;display: inline-flex;}
#mobileNav{display: none;}
}
@media screen and (min-width: 992px) {
#webNav{gap:20px;}
}
@media screen and (min-width: 1200px) {
#webNav{gap:40px;}
}
#webNav .nLi{  display:block; float:left; position:relative; z-index:100; }
#webNav .nLi::after{content:''; position:absolute;bottom:0;left:0;width:100%;height:2px;background-color:#957259;transform:scaleX(0);transform-origin:center;transition:transform 0.3s ease-in-out;}
#webNav .nLi:hover::after,#webNav .nLi.on::after{transform:scaleX(1);}
#webNav .nLi h3{ float:left;}
#webNav .nLi h3 a{display:block; font-size:16px; color:#333333; font-weight:bold; text-align: center;line-height: 48px;  letter-spacing: 2px;}
#webNav .nLi h3 a:hover,.nLi.on h3 a{color:#957259!important; text-decoration:none; }
#webNav .sub{ display:none; width:100%;  top:50px;  position:absolute; background-color:#4A4444; line-height:40px; text-align:center;padding-bottom:5px;}
#webNav .sub li{ zoom:1; }
#webNav .sub a{ display:block; padding:0 5px; color:#fff;}
#webNav .sub a:hover{ background:#2b2727; color:#fff; text-decoration:none;}
/* 小屏幕导航 */
#mobileNav{ background-color:#957259;}
#mobileNav .nav_icon,#mobileNav .nav_icon{ display:inline-block; width:73.6px; height:73.6px; background:url(../image/nav_list_icon_w.png) no-repeat center; background-size:35.2px;}
#mobileNav{ background-color: #fff;}
#mobileNav .nav_icon{background:url(../image/nav_list_icon.png) no-repeat center; background-size:35.2px;}
.nav_inner{width:336px; display:table; background-color:#3a3a3a; z-index:4; position:absolute; top:0; right:-100%; height:100%; padding-top:12px; box-sizing:border-box;}
.nav_inner li{display:inline-block; width:100%;}
.nav_inner li a{ display:block; text-align:left; text-indent:2em; line-height:72px; font-size:24px; color:#fff;}	
.nav_inner li a i{ display:inline-block; width:0; height:0; border-width:6.4px 6.4px 0 6.4px; border-color:#fff transparent transparent transparent; border-style:solid; vertical-align:middle; margin-left:9.6px;}
.nav_inner li:nth-child(3n+0) a{border-right:none;}
.nav_inner li dl{ background-color:#252525; display:none;}
.nav_inner li dl dd a{ display:block; line-height:72px; text-indent:2em;}
.nav_cover{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:3;}
.nav_cover em{display:block; width:100%; height:100%; background-color:#fff; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); z-index:3; position:absolute; top:0;}
.navClose{ display:inline-block; width:72px; height:72px; text-align:center; line-height:72px; border-radius:4.8px; background-color:transparent; font-size:60px; color:#000; position:absolute; right:336px; z-index:5; opacity:0;}

/*banner图*/
.banner{height:700px; overflow:hidden;}

/*标题*/
.title1,.title2{display:block; position:relative; font-family:'arial','microsoft yahei'; font-weight:normal;}
.title2 em{ display:inline-block; padding:0 30px 5px 30px; margin-top:10px;position: relative;}
.title2 em::after{content:''; position:absolute;bottom:20px;left:50%;transform:translateX(-50%);background: url(../image/cloud.png);width: 312px;height: 19px;display: block;}
.title2 em p{padding:0 10px; font-size:30px; position:relative; top:-10px;}
.title1 a:hover,.title2 a:hover{ color:#4a4444;}
.title3{ padding-bottom:15px; border-bottom:1px dotted #4a4444; }


/*边框*/
.border-1{border:1px solid #e5e5e5;}
.border-nt{border:1px solid #e5e5e5; border-top:none;}
.border-tb{border-top:1px solid #EEE; border-bottom:1px solid #EEE; padding:20px;}

/*图片样式*/
.pic_list{ clear:both}
.pic_list li{display:block; float:left; _display:inline; padding:10px; position:relative; text-align:center;}
.pic_list li a{ display:block;overflow: hidden;}
.pic_list li a img{ display:block;}
.pic_list li a p{ display:block; height:68px; line-height:68px; overflow:hidden; text-align:center; z-index:2; border:1px solid #D8BFA0; border-top:none; background-color:#fff;}
.pic_list li a:hover p{ background-color:#957259; color:#fff; border:1px solid #957259; border-top:none;}
.pic_list_inner li a p,.pic_list_inner li a:hover p,.honor li a p,.honor li a:hover p{ background-color:transparent; border:none;}
.pic_list_inner li a:hover p,.honor li a:hover p{ color:#957259;}

/*资质荣誉*/
.honor li a div{width:273px; height:204px;}
.honor li a img{max-width:100%; max-height:100%; margin:0 auto; vertical-align:middle; display:inline-block}
.honor li a div .verticalAlign{ display:inline-block; width:1px; height:100%; position:relative; margin-left:-1px; vertical-align:middle;}

/*关于启航*/
.block-container{background-color: #f5f5f5;}
.about{display: flex;gap:40px;}
.about div{flex:1;  position:relative;}
.about div i{ display:inline-block; width:50px; height:5px;background-color: #957259; position:absolute; left:0;top:0;}
.about div p{ margin-top:20px; color:#666; font-size:14px; line-height:30px; max-height:540px; overflow:hidden;}

@media screen and (max-width: 991px) {
  .about{flex-direction: column;align-items: center;}
  .about>div{order:2;}
}
@media screen and (min-width: 992px) {
  .about{flex-direction: row;}
}


/*新闻动态*/
.news{position:relative;}
.news a{ display:block;}
.news dl{ overflow:hidden; position:relative;}
.news dl dt{width:130px; height:97px; float:left;}
.news dl dd{ margin-left:140px;}
.news dl dd h3{font-size:16px; margin-bottom:5px; overflow:hidden; font-weight:normal;}
.news a:hover dl dd h3{ color:#957259;}
.news dl dd div{ height:40px; overflow:hidden; line-height:20px; color:#999; font-size:12px;}
.news dl dd p{ padding-left:24px; background:url(../image/timer.png) no-repeat left center; color:#957259;}
.news_index{display: flex;flex-flow: wrap;}
.news_index a{width:100%;  padding:20px 0;}
@media screen and (max-width: 991px) {
  .news_index a{width:100%;  padding:10px 0;}
}
@media screen and (min-width: 992px) {
  .news_index a{width:50%;  padding:20px 0;}
}
/*新闻详情页*/
.newsHd{ text-align:center; line-height:40px; border-bottom:1px solid #D6D6D6; padding-bottom:10px; margin-bottom:40px;}
.newsHd p span{ margin:0 10px;}
.newsBd{ border-bottom:1px solid #D6D6D6; padding-bottom:40px;}
.preNext_News{ padding:40px 10px; border-bottom:1px solid #e3e3e3; margin-bottom:40px;}
.preNext_News p,.preNext_News p a{ color:#957259; line-height:30px;}
.preNext_News p a:hover{text-decoration:underline;}
.msg_list li{ margin:10px 0; border-bottom:1px solid #e2e2e2; padding-bottom:10px;}
.ding,.cai{ display:block; height:20px; line-height:20px; cursor:pointer; padding-left:25px; float:left; margin-left:20px; background-image:url(../image/ding_cai.png); background-repeat:no-repeat; color:#666}
.ding{ background-position:0 -47px; padding-left:28px;}
.cai{ background-position:0 -3px;}
.ding:hover,.cai:hover,.ding_on,.cai_on{background-image:url(../image/ding_cai_on.png);  color:#957259}
.pinglun{ background-color:#fff;}
.pinglun,.tu-list.tu-list-1{border:1px solid #e2e2e2;}
.pinglun .login{ background:#f7f8f9; height:45px; line-height:45px; padding-left:10px;font-family:微软雅黑; font-size:14px;}
.pinglun .text-1{ background:#fff; border:1px solid #e2e2e2; height:22px; line-height:22px;font-family:微软雅黑; font-size:12px; width:160px; padding:0 5px; margin-top:10px; margin-left:5px; float:left;}
.pinglun .login img{ display:block; padding-top:10px; padding-left:10px;}
.pinglun .cnt-box{height:72px;resize: none; border: none; border:0; width: 98%;bottom:0px;box-sizing: border-box;font-size: 14px;line-height: 24px;padding: 4px 1%;}
.pinglun .button-1{text-align:center;width:112px;height:40px; line-height:40px;background-color:#bb0000;border:none;font-size:14px;color:#fff;font-family:微软雅黑;cursor:pointer;}
.tu-list.tu-list-1 li{ padding:8px 27px;}

/*产品详情*/
/*相册*/
.album{ position: relative; overflow: hidden; width: 628px; }
.album .bigImg{ height: 470px; position: relative;}
.album .bigImg li img{ vertical-align:middle; width:628px; height:470px;   }
.album .smallScroll{ height: 56px; margin-top:13px;}
.album .sPrev,.album .sNext{ float: left; display: block; width: 15px; height: 56px; text-indent: -9999px; background:url(../image/album.png) no-repeat;}
.album .sPrev,.album .sPrev:hover{ background-position: 0 0;}
.album .sNext,.album .sNext:hover{ background-position: -21px 0;}
.album .smallImg{ float:left;  margin: 0 5px!important; display:inline; width: 588px; overflow: hidden;}
.album .smallImg ul{ height:56px;  width:9999px; overflow: hidden; }
.album .smallImg li{ float: left; padding: 0 5px; width:74px; cursor:pointer;  display: inline; position:relative; }
.album .smallImg img{ width:74px; height:56px;}
.album .smallImg .on i{ display:inline-block; width:70px; height:52px; border:2px solid #ff6600; position:absolute; left:5px; top:0;}

/*调查问卷*/
.survey dl{ padding:20px 5px; border-bottom:1px solid #EFEFEF;}
.survey dt{ font-size:16px; font-weight:bold; margin-bottom:5px;}
.survey dd{ font-size:14px}
.survey dd label{ margin-right:20px; padding:3px 0; display:inline-block;}
.surveyTxt{ width:90%; border:none; border-bottom:1px solid #e3e3e3; background-color:transparent; border-bottom:1px solid #d1d1d1;}
.upload{ display:inline-block; position:relative;}
.upload input[type=file]{ width:70px; height:30px; position:absolute; right:0; top:0; opacity:0;}
.uploadBtn{width:70px; height:30px; background-color:#989898; border:none; color:#fff; }

/*联系我们、二维码*/
@media screen and (max-width: 991px) {
  .contact_index{flex-direction: column;gap:20px;}
  .contact_index>div{padding: 24px;}
  .contact_content>div{width: 100%;}

}
@media screen and (min-width: 992px) {
  .contact_index{flex-direction: row;gap:0;}
  .contact_index>div{padding: 0 36px;border:1px solid #e3e3e3}
  .contact_index>div:not(:last-child){border-right:none;}
  .contact_content>div{max-width: 50%;}
}
.contact_index{display: flex;align-items: center;justify-content: center;}
.contact_index>div{border:1px solid #e3e3e3; height:120px;gap:10px;align-self: stretch;flex:1;display: flex;align-items: center;}
.contact_wechat{ background-color:#1E2128; padding:30px 0; position:relative;}
.contact_wechat .line{ display:inline-block; width:100%; height:1px; overflow:hidden; font-size:0; background-color:#f6f4f0;opacity: 0.08; position:absolute; width:100%; top:100px; z-index:1;}
.contact_wechat div i{ display:inline-block; width:120px; height:2px; overflow:hidden; background-color:#957259; position:relative; z-index:2;}
.contact_info p{line-height: 30px;}
.wechat dt{width:90px; height:90px; float:left;}
.wechat dt img{ width:100%;height:100%;}
.wechat dd{ margin-left:115px; font-size:14px; line-height:30px; }
.contact_map{width: 100%;}
/*网站底部*/
.footer{ padding:10px 0; color:#fff; background-color:#21242b;  font-size:14px; line-height:28px;}
.footer a,.footer a:hover{color:#fff;margin:0 5px; display:inline-block;}

/*内页左侧_联系我们*/
.address{ border:1px solid #DFDFDF; background-color:#fff; border-radius:3px; padding:15px;}
.address .addr-title{ height:45px; margin-bottom:10px; padding-left:60px; background:url(../image/map.png) no-repeat left top; font-weight:normal; line-height:20px;}

@media screen and (max-width: 991px) {
.inner_box{display:flex;gap:20px;margin-top: 20px;}
.inner_box .w260{display:none;}
}
@media screen and (min-width: 992px) {
.inner_box{display:flex;gap:40px;margin-top: 50px;}
}
/*内页二级导航*/
.sub_menu{background-color:#4A4444; border-radius:3px; padding:0 10px 10px 10px;}
.sub_menu_hd{ padding:15px 0 15px 10px; font-size:18px; color:#fff;}
.sub_menu_bd{ background-color:#fff; padding:10px 20px;}
.sub_menu_bd li{ line-height:51px; height:51px; border-bottom:1px dotted #CCCCCC;}
.sub_menu_bd li i{ display:inline-block; width:16px; height:16px; background:url(../image/icon.png) no-repeat; background-position:0 0; margin:-5px 10px 0 5px; vertical-align:middle;}
.sub_menu_bd li a{ font-size:14px;}
.sub_menu_bd li a:hover{ color:#957259;}

/*内页列表*/
ul#menu, ul#menu ul {list-style-type:none;  margin: 0;  padding: 0;  width: 100%;}
ul#menu a { display: block;  text-decoration: none; font-size:14px; font-family:'microsoft yahei';}
ul#menu li { margin-top: 2px;}
ul#menu li a { color: #333; padding: 0.7em; padding-left:40px; background-color:#f1f1f1;}
ul#menu li a i { display:inline-block; width:0; height:0; border-width:5px 0px 5px 5px; border-style:solid; border-color:transparent transparent transparent #999; margin-right:10px;}
ul#menu li a:hover,ul#menu li a.active { color:#fff; background-color:#073F8A;}
ul#menu li a:hover i,ul#menu li a.active i{border-color:transparent transparent transparent #fff;}
ul#menu li ul li{border:none;}
ul#menu li ul li a { background-color:#f9f9f9;  color: #999;  padding-left: 55px; font-size:12px;}
ul#menu li ul li a:hover {background: #f9f9f9; text-decoration:none; color:#00583A; border-left:5px solid #00583A; text-indent:-5px;}

/*面包屑导航*/
.location_box{height:32px; line-height:32px; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3;}
.location{font-size:12px;  padding-right:10px; font-weight:normal; color:#666; font-family:宋体}
.location i{display:inline-block; width:0; height:0; line-height:0; border-style:solid; border-width:4px 0 4px 4px; border-color:transparent transparent transparent #666666; margin:0 10px;}
.location a{ color:#666666;}.location a:hover{ color:#957259; text-decoration:underline;}

/*分页*/
.pageNo{ text-align:center; padding:40px 0;}
.pageNo a,.pageNo span{ display:inline-block; width:34px; height:34px; line-height:34px; text-align:center; border:1px solid #e3e3e3; font-size:14px; margin:0 5px;}
.pageNo a:hover,.pageNo a.active{ background-color:#957259; border:1px solid #957259; color:#fff;}
.pageNo a.fpage,.pageNo a.epage{ width:56px;}
.pageNo a.prePage,.pageNo a.nextPage{width:68px;}
.pageNo a.disable{ cursor:not-allowed; background-color:transparent; color:#bbbbbb; border:1px solid #e3e3e3;}


/*分页*/
.pageNo{ text-align:center; padding:40px 0;}
.pageNo a,.pageNo span{ display:inline-block; width:34px; height:34px; line-height:34px; text-align:center; border:1px solid #e3e3e3; font-size:14px; margin:0 5px;}
.pageNo a:hover,.pageNo a.active{ background-color:#957259; border:1px solid #957259; color:#fff;}
.pageNo a.fpage,.pageNo a.epage{ width:56px;}
.pageNo a.prePage,.pageNo a.nextPage{width:68px;}
.pageNo a.disable{ cursor:not-allowed; background-color:transparent; color:#bbbbbb; border:1px solid #e3e3e3;}



/*新闻和产品详情页*/
.conHd{ text-align:center; line-height:40px; border-bottom:1px solid #e3e3e3; padding-bottom:10px; margin-bottom:40px;}
.conHd p span{ margin:0 10px;}
.conBd{ border-bottom:1px solid #e3e3e3; padding-bottom:40px;}
.conBd img{ max-width:100%}
.preNext_News{ padding:40px 10px; margin-bottom:40px;}
.preNext_News p,.preNext_News p a{ color:#282828; line-height:30px;}
.preNext_News p a:hover{text-decoration:underline;}

/*产品详情*/
/*相册*/
.album{ position: relative; overflow: hidden; width: 628px; }
.album .bigImg{ height: 470px; position: relative;}
.album .bigImg li img{ vertical-align:middle; width:628px; height:470px;   }
.album .smallScroll{ height: 56px; margin-top:13px;}
.album .sPrev,.album .sNext{ float: left; display: block; width: 15px; height: 56px; text-indent: -9999px; background:url(../image/album.png) no-repeat;}
.album .sPrev,.album .sPrev:hover{ background-position: 0 0;}
.album .sNext,.album .sNext:hover{ background-position: -21px 0;}
.album .smallImg{ float:left;  margin: 0 5px; display:inline; width: 588px; overflow: hidden;}
.album .smallImg ul{ height:56px;  width:9999px; overflow: hidden; }
.album .smallImg li{ float: left; padding: 0 5px; width:74px; cursor:pointer;  display: inline; position:relative; }
.album .smallImg img{ width:74px; height:56px;}
.album .smallImg .on i{ display:inline-block; width:70px; height:52px; border:2px solid #ff6600; position:absolute; left:5px; top:0;}


/* 在线客服主要css样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:999999;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url(../image/qq-icon-bg.png) no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px; border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url(../image/weixing-icon.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:142px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-96px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:115px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:113px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url(../image/totop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url(../image/close_im.png) no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url(../image/open_im.png) no-repeat left top;}