﻿/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: #fff;color: #333;}
.layui-container {}
.text-white,.text-white a,.text-white a:hover {color: #fff!important;}
.text-red,.text-red a,.text-red a:hover {color: #c00!important;}
.undisplay {display: none;}
.margin-top10 {margin-top: 10px!important;}
.margin-top15 {margin-top: 15px!important;}
.margin-top20 {margin-top: 20px!important;}
.margin-top30 {margin-top: 30px!important;}
.margin-top40 {margin-top: 40px!important;}
.margin-top50 {margin-top: 50px!important;}
.margin-top60 {margin-top: 60px!important;}
.margin-top70 {margin-top: 70px!important;}
.margin-top80 {margin-top: 80px!important;}
.margin-center {margin-left: auto;margin-right: auto;}
.line-height {line-height: normal;}
.layui-container:after {content: '';display: block;clear: both;}

#menu-btn {display: inline-block;float: right;width: 30px;height: 30px;border:1px solid #ccc;border-radius: 4px;text-align: center;color: #999;background: #fff;margin-top: 14px;}

/*本项目首页样式部分*/
/*top*/
#top{width:100%;height:40px;line-height: 40px;background:#781e21;}
#top .float-left{color:#fff;font-size:14px;}
#top .top-right a{font-size:14px;color:#fff!important;}
#top .layui-breadcrumb span[lay-separator]{color:#fff!important;}

/*logo以及电话*/
.logo-dianhua{height:120px;}
.logo-box{margin-top:30px;}
.dianhua-box{margin-top:32px;}
.dianhua-box>img{padding-left:120px;}
.dianhua-text p{font-size:24px;line-height:26px;color:#781d22;font-weight:bold;}
/*banner轮播*/
.banner-box .bd li {height: 639px;}
.banner-box {position: relative;}
.banner-box .hd {position: absolute;z-index: 1;left: 0;right: 0;bottom: 10px;text-align: center;}
.banner-box .hd li {display: inline-block;width:30px;height:3px;border-radius:5px;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 5px;}
.banner-box .hd li.on {background:#d70b14;}
/*nav*/
#nav-box{height:60px;line-height: 60px;background:#781e21;}
#nav-box ul{width:100%;}
#nav-box ul li{float:left;width:12.5%;text-align: center;position:relative;}
#nav-box ul li a{display:block;line-height:60px;font-size:16px;color:#fff;}
#nav-box ul li:hover{background:#e60404;}
#nav-box .submenu{position:absolute;display:none;width:100%;z-index:99;background:#d41313;}
#nav-box .submenu li{height:20px;line-height:20px;width:100%;padding:6px 0;text-align: center;background:none;border-bottom: 1px solid #d70b14;}
#nav-box .submenu li a{color:#FFF;font-size:14px;line-height:20px}
/*搜索*/
.search{width:100%;height:60px;line-height:60px;border-bottom:1px solid #ddd;}
.search-box .link span{display:inline-block;font-size:14px;color:#333;text-align: center;}
.search-box .link a{font-size:14px;color:#333;padding:0 6px;}
.sousuo{margin-top:10px;}
.sousuo .searchForm{width:294px;height:40px;border:1px solid #e2e2e2;}
.sousuo .searchForm .sousu{width:254px;height:40px;border:none;background:#fff;padding-left:10px;font-size:12px;color:#616161;box-sizing: border-box;font-family:"宋体";}
.sousuo .searchForm .sou-zi{width:40px;height:40px;font-size:20px;color:#fff;line-height:40px;text-align:center;background:#d70b14;border:none;}

/*产品展示*/
.index-title{text-align: center;}
.index-title h3{font-size:24px;font-weight:bold;color:#781e21;line-height: 24px;margin-bottom: 10px;}
.index-title span{font-size:18px;line-height: 18px;color:#333;text-transform: uppercase;}
.index-product .product-box{margin-top:20px;}
.product-box .product-menu{height:54px;text-align: center;}
.product-box .product-menu a{display:inline-block;width:170px;height:52px;border:1px solid #ddd;font-size:18px;color:#333;line-height: 52px;text-align: center;margin:0 8px;}
.product-box .product-menu a:hover{background:#781e21;color:#fff;}
.product-box .product-body{margin-top:30px;}
.product-box .product-body li a{display:block;height:auto;text-align: center;}
.product-box .product-body li a span{display:block;height:240px;overflow: hidden;text-align: center;border:1px solid #ddd;}
.product-box .product-body li a span>img{width:100%;height:100%;margin:auto;}
.product-box .product-body li a span:hover img{transition:all .5s ease;transform:scale(.95,.95);}
.product-box .product-body li a p{font-size:14px;color:#333;line-height: 40px;}
.product-box .product-body li a:hover p{color:#d70b14;}
/*我们的优势*/
.advant .advant-top{background:url(../images/jd_15.jpg) top center no-repeat;width:100%;height:181px;}
.advant .advant-box{margin-top:30px;}
.advant .advant-box li{width:20%;float:left;text-align: center;}
.advant .advant-box li>img{padding-bottom: 15px;}
.advant .advant-box li b{display:block;color:#d70b14;text-transform: uppercase;font-size:20px;text-align: center;line-height: 24px;}
.advant .advant-box li p{font-size:16px;color:#333;line-height: 16px;text-align: center;margin:8px 0;}
.advant .advant-box li span{display:block;font-size:14px;color:#666;line-height: 14px;text-align: center;}
.advant .advant-box li:hover img{transform:rotateY(180deg);}
/*关于我们*/
.about .about-box{margin-top:20px;}
.about .about-box p{font-size:14px;color:#333;line-height: 30px;text-indent:2em;margin-bottom:20px;}
.about .about-box .more{display:block;border:1px solid #ddd;width:150px;height:40px;line-height:40px;text-align:center;font-size:16px;color:#333;margin:0 auto;}
.about .about-box .more:hover{background:#d70b14;color:#fff;}
/*横条1*/
.hengtiao1{background:url(../images/bj1.jpg) top center no-repeat;width:100%;height:230px;}
.hengtiao1-text{padding:50px 0 50px 150px;}
.hengtiao1-text b{font-size:20px;color:#fff;line-height: 20px;}
.hengtiao1-text p{font-size:20px;color:#fff;line-height: 20px;margin:10px 0;}
.hengtiao1-text span{font-size:14px;color:#fff;line-height: 14px;}
.hengtiao1-text i{display:block;width:80px;height:20px;border:1px solid #fff;line-height: 20px;text-align: center;font-size:14px;color:#fff;font-style:normal;margin-top:10px;}
/*资讯中心*/
.news .news-box{margin-top:30px;;}
.news .news-box .news-lf{background:#f7f7f7;height:auto;padding:20px;box-sizing: border-box}
.news .news-box .news-lf span{display:block;height:305px;overflow: hidden;}
.news-box .news-lf span>img{width:100%;height:100%;}
.news-box .news-lf .tit{margin-top:10px;}
.news-box .news-lf .tit a{font-size:16px;color:#333;line-height: 18px;}
.news-box .news-lf .tit a:hover{color:#FBAB00;}
.news-box .news-lf .txt{font-size:14px;color:#666;line-height: 20px;}
.news-box .news-lf .time{font-size:14px;color:#666;line-height: 14px;font-style:normal;}
.news-box .news-rt ul li{background:#f7f7f7;height:80px;}
.news-rt ul li .news-l{font-size:20px;font-weight:700;color:#bbb;line-height: 80px;text-align: center;}
.news-rt ul li .news-r{padding:9px 0;box-sizing: border-box;}
.news-rt ul li .news-r h3 a{font-size:16px;color:#333;line-height: 16px;}
.news-rt ul li .news-r p{font-size:14px;color:#666;line-height: 30px;}
.news-box .news-rt ul li:not(:first-child){margin-top:9px;}
.news-box .news-rt ul li:hover{background:#781e21;}
.news-box .news-rt ul li:hover h3 a{color:#fff;}
.news-box .news-rt ul li:hover .news-l{color:#fff;}
.news-box .news-rt ul li:hover p{color:#fff;}
/*横条1*/
.hengtiao2{background:url(../images/bj2.jpg) top center no-repeat;width:100%;height:230px;}
.hengtiao2-text{padding:50px 0;text-align: right;}
.hengtiao2-text b{font-size:20px;color:#fff;line-height: 20px;}
.hengtiao2-text p{font-size:20px;color:#fff;line-height: 20px;margin:10px 0;}
.hengtiao2-text span{display:block;font-size:14px;color:#fff;line-height: 14px;}
.hengtiao2-text i{display:block;width:80px;height:20px;border:1px solid #fff;line-height: 20px;text-align: center;font-size:14px;color:#fff;font-style:normal;margin-top:10px;float:right;}
/*设备展示*/
.shebei .shebei-box{margin-top:30px;position: relative;}
.shebei-box .bd li {float: left;width:25%;}
.shebei-box .bd li div.shebei-item {margin: 0px 10px;}
.shebei-box .bd li div.shebei-item p{font-size:14px;color:#333;text-align: center;}
.shebei-box a {display: block;text-align: center;height: auto;}
.shebei-box a span{display:block;text-align: center;overflow: hidden;border:1px solid #dadada;height:212px;padding:5px;box-sizing: border-box;}
.shebei-box a span img {height: 100%;width: 100%;}
.shebei-box a span:hover img{transition:all .5s ease;transform:scale(.95,.95);}
.shebei li{margin-top:30px;}
.shebei li h3{font-weight: bold;font-size: 16px;}
.shebei li p{color:#888;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/*footer*/
.footer{width:100%;height:auto;background:#eee;padding:20px 0;box-sizing: border-box;}
.footer .flink{display:block;}
.footer .flink b{color:#333;font-size:16px;}
.footer .flink a{color:#333;font-size:14px;padding:0 8px;}
.footer .layui-breadcrumb a{color: #333!important;}
.layui-breadcrumb span[lay-separator]{color:#333!important;margin: 0 10px;}
.footer p{text-align: center;color:#333;font-size:14px;line-height: 35px;}
.footer p span{padding-left:8px;}
.zhuying{text-align: center;color:#333;}
.zhuying span a{color:#333;font-size:14px;padding:0 8px;}
/*手机端*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
	#nav-box {padding-left: 0;padding-right: 0;background: #333;}
	#nav-box .layui-container {padding-left: 0; padding-right: 0;}
	#nav-box {position:absolute; top:60px;width:100%; height:auto;left:0; display:none; z-index:20;}
	#nav-box ul>li{width:100%!important;background:none;height:34px;}
	#nav-box ul>li>a{color:#fff!important;}
	#nav-box ul li a{line-height:34px;font-weight: normal;font-size: 14px;}
	#nav-box ul li a:hover{background:#d70b14;}
	
	.logo-dianhua{height:60px;}
	.logo-box{margin-top:6px;}
	
	.banner-box .bd li{height:160px;}
	
	.index-product{margin-top:30px!important;}
	.product-box .product-menu{height:auto;}
	.product-box .product-menu a{width:100%;margin:4px 0;height:30px;line-height: 30px;font-size:14px;}
	.product-box .product-body li a span{height:2.5rem;}
	
	.advant{margin-top:30px!important;}
	.advant .advant-box{margin-top:20px;}
	.advant .advant-box li{width:100%;border-bottom: 1px dashed #ddd;padding-bottom: 15px;}
	
	.about{margin-top:30px!important;}
	.about .about-box p{line-height: 20px;}
	
	.news{margin-top:30px!important;}
	.news-rt ul li .news-l{font-size:14px;}
	
	.shebei{margin-top:30px!important;}
	.shebei .shebei-box{margin-top:20px;}
	.shebei-box .bd li{width:100%;}
	
	.footer{margin-top:30px!important;padding:15px 0;}
	.footer p{line-height: 20px;}
}
