@charset "utf-8";
/*
*@Name: 通用企业公司网站模板
*@Author: webdahai
*@Copyright:webdahai.com
*/
.nav.index {
 height:80px;background: rgba(255,255,255,0.8) ;
}
.nav {
    width: 100%;
    height: 80px;
    /*box-shadow: 0 3px 3px 0 #CCC;*/
    background: #FFF;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    transition: 0.3s;
}
.nav.scroll {
    background: rgba(255,255,255,0.98);
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.05);
    transition: 0.3s;
}
.nav-logo{ position:absolute; left:0}
.nav .nav-list button {width: 25px;height: 30px;position: absolute;top: 30px;right: 15px;background-color: transparent;border: none;outline: nonecursor: pointer;
}
.nav .nav-list button span{display: block; width: 25px; height: 2px; background: #2db5a3; margin-bottom: 6px; transition: 0.5s;}
.nav .nav-list button span.spa1{transform: rotate(45deg);}
.nav .nav-list button span.spa3{transform: rotate(-45deg) translate(5px,-5px);}

.nav .layui-nav{width: 100%; position: absolute; top: 80px; right: 0; color: #000; background: transparent;}
.nav .layui-nav .layui-nav-item{display: block; line-height: 60px;}
.nav .layui-nav *{font-size: 18px;}
.nav .layui-nav .layui-nav-item a{padding: 0 13px; color: #000; font-weight:500;  text-shadow:0 0 0.3em #fff,-0 -0 0.3em #fff;}
.nav .layui-nav-bar,
.nav .layui-nav .layui-this:after{height:0px; background-color: #2db5a3;}
.nav .layui-nav .layui-this a
,.nav .layui-nav .layui-nav-item a:hover{color:#1c4dbe;}
.nav .layui-nav .layui-nav-item dd a{font-size: 14px}
.layui-nav .layui-nav-more{content: ''; display:none}

/*首页产品中心*/
.index-product{ text-align:center; margin-bottom:30px; position:relative}
.index-product span{ color: #1c4dbe;}
.index-product p{ padding-top:5px}
.index-product:after{ content:''; display:table; width:50%; height:1px; background-color:#dadada; position:absolute; bottom:-15px; left:50%; margin-left:-25%; z-index:1}
.index-product:before{ content:''; display:table; width:10%; height:1px; background-color:#1c4dbe; position:absolute; bottom:-15px; left:50%; margin-left:-5%; z-index:33}
.index-nav-list{ display:flex; flex-wrap: wrap; justify-content:center; padding:5px 0 20px 0 }
.index-nav-list div{padding:10px 15px 5px 15px}

.pro-title{ text-align:center; background-color:#f9f9f9; padding:10px}

/*关于我们*/
.about-us{ width:100%; background:url(../img/index-banner.jpg) no-repeat center top; padding:40px 0; text-align:center; color:#FFF; margin-top:50px}
.about-us p{ padding-top:20px}
.index-about{ width:100%; background-color:#f0f0f0; padding:40px 0}

/*新闻中心*/
.news-title{background-color:#f9f9f9; padding:10px}
.index-newslist ul li{ line-height:30px; border-bottom:1px solid #dadada}

.mbx{ width:100%; height:50px; border-bottom:1px solid #dadada; line-height:50px}

/*产品左侧*/
.cp{ overflow:hidden; max-height:160px;vertical-align: middle;}
.cp img{ width:100%;max-height:160px; transition:all 1s}
.cp:hover img{ transform:scale(1.2)}	 
.left-title{ display:block; background-color:#1c4dbe; color:#FFF; font-size:24px; padding:15px}
.left-title p{ font-size:14px; padding-top:10px}
.nav-left ul{ background-color:#fbfbfb;padding: 20px 10px;}
.nav-left ul li{ line-height:50px; height:50px; border-bottom: 1px solid #dadada}
.nav-left ul li a{font-size: 16px!important; width: 100%; display: block}
.list p{ text-align:center; padding:10px 0}
.list a{ display:block}

.list ul li{ line-height:30px; display:block; background-color:#fbfbfb; margin-bottom:10px}
.list ul li span{ float:right}

.news-title{ font-size:18px; border-bottom:1px #dadada solid; padding-bottom:10px}
.news-title p{}
.newslist { padding-bottom: 30px; }
.overf { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.list_item { position: relative; padding: 33px 0; transition: all .2s linear 0s; }
.list_item .news_con { position: absolute; width: 605px; padding: 0 30px; }
.list_item .name { padding: 15px 0 5px; font-weight: normal; margin-bottom: 10px; font-size: 18px; color: #343434; }
.list_item .news_con .des { overflow: hidden; height: 72px; font-size: 14px; line-height: 22px; color: #999999; text-align: left; }
.list_item .news_con .xian { position: absolute; top: 16px; height: 16px; width: 4px; background: #999; transition: all .2s linear 0s; }
.list_item .news_others { position: relative; overflow: hidden; width: 160px; padding: 0 40px; height: 126px; }
.list_item .news_others .inform { position: absolute; width: 100%; top: 10px; }
.list_item .news_others .date { margin-bottom: 10px; font-size: 40px; line-height: 1; font-family: 'PingFang-Light'; opacity: 0.7; color: #999; display: block; padding-bottom: 5px; }
.list_item .news_others .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color: #999; }
.list_item .news_others .more { display: block; width: 42px; height: 20px; opacity: 0; transform: translateX(-20px); border-bottom: 2px solid #1c4dbe; padding-bottom: 8px; font-size: 12px; transition: all .2s linear 0s; }
.list_item .news_xian { display: block; width: 1px; height: 192px; background: #e3e3e4; position: absolute; left: 210px; margin-left: -0.5px; top: 0; z-index: 0; }
/*wap*/
.wap .date { margin-bottom:2px; font-size:23px; line-height: 1; font-family: 'PingFang-Light'; opacity: 0.7; color: #333; display: block; padding-top:5px; }
.wap .year { margin-bottom: 5px; font-size: 14px; opacity: 0.6; color:#333; }
.wap li{ border-bottom:1px dashed #ddd}

/*文章详情页*/
.news-content-title{border-bottom:1px #dadada solid; padding-bottom:10px}
.news-content-title h2{ font-size:24px; text-align:center; padding-bottom:15px}
.news-content-title p{ text-align:center; color:#888}

#gallery .swiper-slide{height:240px; overflow:hidden; text-align:center}
#gallery .swiper-slide img{ max-height:236px;}
#thumbs .swiper-slide{ max-height:74px; overflow:hidden; position:relative; text-align:center}
#thumbs .swiper-slide img{max-height:74px;}
.layui-elem-quote{border-left: 5px solid #1c4dbe !important;}	



.odd .list_item { padding-left: 50%; }
.odd .list_item .news_con { left: 0; }
.odd .list_item .news_con .xian { right: -2px; }
.even .list_item .news_con { right: 0; }
.even .list_item .news_con .xian { left: -2px; }
.list_item:hover { box-shadow: 0 0 20px #1c4dbe; }
.list_item:hover .news_con .xian { height: 80%; background: #1c4dbe; }
.list_item:hover .news_con .name { color: #1c4dbe; font-weight: normal; }
.list_item:hover .news_others .date, .list_item:hover .news_others .year { opacity: 1; color: #1c4dbe; }
.list_item:hover .news_others .more { opacity: 1; transform: translateX(0); color: #1c4dbe; }
.list_item:hover .news_others .img { opacity: 1; }
.nav-mobile-left{ display:flex; flex-flow:}
.ct{ line-height:40px}

/*底部*/
footer{ background-color:#06C; padding:20px 0; margin-top:30px}
footer p{ color:#b6c6e6; line-height:36px}

@media screen and (min-width: 1200px){
	.layui-container {
    width: 1200px;
}
	}

/*小屏幕*/
@media screen and (min-width: 768px){
	.nav .layui-nav { width: auto;position: absolute;top: 0;padding: 0 5px; border-radius: 0;margin: 0;}
	.nav .nav-list button {display: none}
	.nav .layui-nav .layui-nav-item {display: inline-block;margin: 0 10px;line-height: 80px;}
	}
@media screen and (max-width: 768px){
		.nav {/*overflow:hidden;*/ height: 80px;}
		.imgbox{ margin-top:80px} 
		.nav-logo img{ height:60px; padding:10px 0 0 10px} 
		.nav .layui-nav{ background-color:#FFF; display:none}
		.nav .layui-nav .layui-nav-item{ line-height:50px}
		.mt50{ margin-top:20px !important}
		
	}	
@media screen and (max-width:1200px){
	.list_item .news_con{ width:70% !important}
	.list_item .news_others{ width:30% !important}
	.list_item .news_xian{ display:none}
	}