@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;}.p40-0{padding:40px 0px 40px;}.ml30{ margin-left:30px;}
input,a:hover,select{outline:none;}
.font-color{ color: #B20000;}
.mt50{ margin-top: 50px;}

/*宽度、高度、行高*/
.w260{ width:260px;}
.w560{ width:560px;}
.w900{width:900px;}
.h40{height:40px;}
.h50{height:50px;}
.h100{height:100%;}

/*更多、详情、文本框、按钮*/

/*头部*/
.header{height:150px; position:relative; z-index:10; background-color: #fff;}
.header .logo{ display:block; width:212px;height:78px; position:absolute; left:0px; top:50%; margin-top:-40px;}
.header .telephone{height:60px; color:#af8b5a; position:absolute; right:30px; top:40px;}
.header .telephone dt{ width:50px; height:50px; position:absolute; left:0; top:0px;}
.header .telephone dt img{ display:block;}
.header .telephone dd{ margin-left:65px;}
.header .telephone dd p{ color:#B20000; font-size:22px; font-family:"Arial"; line-height:28px;}

/*导航*/
#nav{display: inline-flex;gap:30px;position: absolute;left:22%;top:45px;}
#nav .nLi{  display:block; float:left; position:relative; z-index:100; }
#nav .nLi h3{ float:left;}
#nav .nLi h3 a{display: inline-block;height:40px;line-height: 40px;font-size: 16px;color: #333;text-align: center;font-weight: normal;vertical-align: middle;}
#nav .nLi h3 a:hover,#nav .nLi.on h3 a{color:#B20000; text-decoration:none; border-bottom:2px solid #B20000;}
#nav .sub{ display:none; width:100%;  top:50px;  position:absolute; background-color:#4A4444; line-height:40px; text-align:center;padding-bottom:5px;}
#nav .sub li{ zoom:1; }
#nav .sub a{ display:block; padding:0 5px; color:#fff;}
#nav .sub a:hover{ background:#2b2727; color:#fff; text-decoration:none;}

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

/*标题*/
.title2{display:block; position:relative; font-family:'arial','microsoft yahei'; font-weight:normal;background: url(../image/title-bg.png) no-repeat center center; background-size:470px 105px;width: 1200px;height: 105px; margin: 0 auto 50px;}
.title2 em{ display:inline-block; padding:30px 30px 5px 30px; margin-top:10px;position: relative;}
.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; }

.more{ background: url(../image/more.png) no-repeat left center; background-size: 172px 52px; width: 172px; color: #fff; display: inline-block; line-height: 52px; text-align: center; margin-top: 20px;cursor: pointer;}
.more:hover{background: url(../image/more-hover.png) no-repeat left center; background-size: 172px 52px; width: 172px; color: #ffffff;}

/*边框*/
.border-1{border:1px solid #dddddd;}
.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;}
.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 #B20000; border-top:none; background-color:#fff;}
.pic_list li a:hover p{ background-color:#B20000; color:#fff; border:1px solid #B20000; 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:#B20000;}

/*资质荣誉*/
.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: #fff;}
.about{display: flex;gap:40px;}
.about div{flex:1;  position:relative;}
.about div p{ margin-top:20px; color:#666; font-size:14px; line-height:30px; max-height:540px; overflow:hidden;}

/*新闻动态*/
.news{position:relative;}
.news a{ display:block;}
.news dl{ height:97px; overflow:hidden; position:relative; padding:10px 10px 10px 0;}
.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:#B20000;}
.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:#af8b5a;}
.news_index{width:1280px;}
.news_index dl{width:560px; float:left; padding:20px 80px 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{  padding-bottom:40px;}

/*产品详情*/
/*相册*/
.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 #B20000; position:absolute; left:5px; top:0;}


/*联系我们、二维码*/
.contact-bg{ background-color:#F5F5F5; padding:30px 0; position:relative;}
.contact{ display: flex;justify-content: center;align-items: center;align-self: stretch; border: 1px solid #ddd; border-right: none;}
.contact .icon{display: flex;width: 58px;height: 58px;justify-content: center;align-items: center;gap: 10px;flex-shrink: 0; border-radius: 58px; overflow: hidden;}
.contact .contact-address,.contact .contact-phone,.contact .contact-email{display: flex;width: 400px;height: 180px;justify-content: center;align-items: center;gap: 10px; border-right: 1px solid #ddd;}
.contact-details{display: flex;width: 262px;flex-direction: column;align-items: flex-start;flex-shrink: 0; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4; overflow: hidden; text-overflow: ellipsis; }
.wechat-bg{ background-color: #222222; padding: 30px 0px;}

/*网站底部*/
.footer{ padding:10px 0; color:#999; background-color:#1D1D1D;  font-size:14px; line-height:28px;}
.footer a,.footer a:hover{color:#999;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;}
.address-li{display: flex;width: 215px;align-items: flex-start;gap: 5px;}
.address-li span{ width: 45px; overflow: hidden;}
.address-li p{flex: 1 0 0;}
/*内页二级导航*/
.sub_menu{background-color:#B20000; 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:#B20000;}

/*内页列表*/
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:#C80900; 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:#B20000; border:1px solid #B20000; 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;}