/*公用样式部分*/
html {width: 100%;overflow-x: hidden;}
body {line-height: 2;background: #fff;color: #333;}
.layui-container {width:1230px;}
.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:#e9e9e9;}
#top .float-left{color:#535353;font-size:14px;}
#top .top-right a{font-size:14px;color:#535353!important;}
#top .layui-breadcrumb span[lay-separator]{color:#535353!important;}

/*logo以及电话*/
.logo-dianhua{height:120px;}
.logo-box{margin-top:30px;}
.logo-box .logo-body{height:60px;border-left:1px solid #dbdbdb;margin-left:22px;}
.logo-box .logo-body P{font-size:25px;color:#000;font-weight:bold;line-height: 26px;margin-left:22px;}
.logo-box .logo-body P span{color:#f26b1a;font-size:16px;font-weight:normal;}
.logo-box .logo-body i{font-size:25px;font-weight:bold;color:#f26b1a;font-style:normal;line-height: 25px;padding-left:22px;}
.dianhua-box{margin-top:32px;}
.dianhua-box>img{padding-left:120px;}
.dianhua-text p{font-size:24px;line-height:26px;color:#88b441;font-weight:bold;}
/*nav*/
#nav-box{height:50px;line-height: 50px;background:#0054b7;}
#nav-box ul{width:100%;}
#nav-box ul li{float:left;width:11.11111%;text-align: center;position:relative;}
#nav-box ul li a{display:block;line-height:50px;font-size:14px;color:#fff;}
#nav-box ul li:hover{background:#88b441;}
#nav-box .submenu{position:absolute;display:none;width:100%;z-index:99;background:#88b441;}
#nav-box .submenu li{height:20px;line-height:20px;width:100%;padding:6px 0;text-align: center;background:none;}
#nav-box .submenu li a{color:#FFF;font-size:14px;line-height:20px}
/*banner轮播*/
.banner-box .bd li {height: 500px;}
.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:14px;height:14px;border-radius:50%;background:#fff;overflow: hidden;text-indent: 10em;margin: 0px 5px;}
.banner-box .hd li.on {background:#0054b7;}
/*搜索*/
.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:#0054b7;border:none;}
/*产品展示*/
.index-title{text-align: center;}
.index-title h3{font-size:30px;line-height: 36px;color:#0054b7;}
.index-title p{font-size:14px;line-height: 18px;color:#5c5c5c;background:url(../images/line.png) center center no-repeat;}
.index-title span{font-size:14px;line-height: 18px;color:#8c8b8b;}
.product-box .product-menu{background:#0054b7;height:50px;line-height: 50px;}
.product-box .product-menu a{display:block;width:300px;height:50px;line-height:50px;text-align: center;float:left;font-size:16px;color:#fff;}
.product-box .product-body ul li a{display:block;height:auto;text-align: center; }
.product-body ul li a span{display:block;height:225px;overflow: hidden;text-align:center;display:flex; align-items:center; justify-content:center; overflow:hidden; border:1px solid #d5d4d4;}
.product-body ul li a span img{ max-height:100%; max-width:100%;}
/* .product-body ul li a span{height:225px;margin:auto;} */
.product-body ul li a p{font-size:14px;color:#333;line-height:30px;}
.product-box .product-menu a:hover{background:#88b441;}
/*横条*/
.bar{background:url(../images/bar.jpg) top center no-repeat;width:100%;height:259px;}
.bar .text {width: 365px;padding-top: 135px;margin-left: 835px;font-size: 18px;line-height: 30px;color: #fff;}
/*我们的优势*/
.advant{background:url(../images/dot.gif)repeat;padding-top:40px;padding-bottom: 80px;}
.advant-item .advant-lf .media-body p{font-size:24px;line-height: 24px;color:#333;}
.advant-item .advant-lf .media-body span{color:#88b441;}
.advant-item .advant-lf .advant-txt{font-size:14px;color:#565757;line-height: 30px;margin-top:35px;}
/*横条2*/
.bar2{background:url(../images/bar2.png) top center no-repeat;width:100%;height:153px;padding-top:45px;box-sizing: border-box;}
.bar2 .text {width: 365px;padding-top: 135px;margin-left: 835px;font-size: 18px;line-height: 30px;color: #fff;}
.bar2 a {display: block;text-align: center;width: 150px;height: 30px;line-height: 30px;background: #fff;color: #575757;font-size: 14px;margin-left: 919px;}
.bar2 p {font-size: 30px;line-height: 30px;color: #dcc502;margin-left: 919px;margin-top: 12px;
}
/*关于我们*/
.about .about-body h3{font-size:24px;line-height: 24px;color:#333;}
.about .about-body p{font-size:14px;line-height: 30px;color:#666;margin-top:20px;}
.about .about-body a.more{display: block;width: 130px;height: 24px;line-height: 24px;text-align: center;border: 1px solid #ddd;color: #666;font-size: 14px;margin-top: 20px;}
/*经典案例*/
.anli{width:100%;height:auto;background:#f8f8f8;padding:30px 0;box-sizing: border-box;}
.anli-box {position: relative;margin-top:30px;}
.anli-box .bd li {float: left;width:25%;}
.anli-box .bd li div.anli-item {margin: 0px 10px;}
.anli-box .bd li div.anli-item p{font-size:14px;color:#555151;text-align: center;}
.anli-box a {display: block;text-align: center;height: auto;}
.anli-box a span{display:block;text-align: center;overflow: hidden;border:1px solid #dadada;height:212px;padding:5px;box-sizing: border-box; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.anli-box a span img { max-width:100%; max-height:100%;}
.anli-box .prev,.anli-box .next {position: absolute;top: 70px;}
.anli-box .prev {left: -60px;}
.anli-box .next {right: -60px;}
.anli-box .prev>img,.anli-box .next>img{display:block;width:32px;height:86px;}
/*新闻动态*/
.news-box .news-lf{width:490px;float:left;}
.news-box .news-lf span{display:block;width:490px;height:190px;overflow: hidden;text-align: center;}
.news-box .news-lf h3{font-size:18px;color:#333;line-height: 30px;margin:10px 0;}
.news-box .news-lf h3:hover{color:#88b441;}
.news-box .news-lf p{font-size:14px;color:#666;line-height: 25px;}
.news-box .news-lf span>img{width:100%;height:100%;display:block;}
.news-box .news-rt{float:right;width:600px;}
.news-box .news-rt ul li{width:100%;height:80px;background:#f8f8f8;margin-bottom: 20px;}
.news-box .news-rt ul li .news-time{/*width:100px;*/height:80px;background:#0054b7;text-align: center;padding:8px 0;box-sizing: border-box;}
.news-rt ul li .news-time span{font-size:36px;line-height: 36px;color:#fff;}
.news-rt ul li .news-time p{font-size:14px;line-height: 18px;color:#fff;}
.news-rt .news-text{padding:15px;box-sizing: border-box;}
.news-rt .news-text a{font-size:18px;color:#333;line-height: 18px;}
.news-rt .news-text p{font-size:14px;color:#666;line-height: 20px;}
.news-box .news-rt ul li:hover .news-time{background:#88b441;}
.news-box .news-rt ul li:hover .news-text a{color:#88b441;}
/*友情链接*/
.friendLink{width:100%;height:70px;line-height:70px;background:#eaeaea;}
.friendLink span{display:inline-block;background:url(../images/link.png) left center no-repeat;font-size:16px;color:#1554a2;padding-left:95px;margin-right:25px;}
.friendLink a{font-size:14px;color:#5f5f5f;padding-right:15px;}
/*footer*/
.footer{background:#1554a2;width:100%;height:280px;}
.footer-lf{width:220px;height:280px;background:#fff;}
.footer-lf>img{display:block;width:97px;margin:0 auto;margin-top:15px;}
.footer-lf .erweima{text-align: center;margin-top:10px;}
.footer-lf .erweima>img{display:block;width:143px;height:143px;margin:0 auto;}
.footer-lf .erweima p{font-size:14px;color:#3f3f3f;}
.footer-lf .erweima p b{font-weight:normal;padding-left:5px;}
.footer-rt{width:930px;margin-top:38px;}
.footer-rt>span{display:block;width:860px;border-bottom:1px solid #2c69b5;padding-left:15px;padding-bottom:15px;box-sizing: border-box;}
.footer-rt .layui-breadcrumb a{color:#fff!important;font-size:16px;}
.footer-rt .layui-breadcrumb span[lay-separator]{color:#fff!important;margin:0 12px;font-size:14px;}
.footer-rt .xinxi{margin-top:20px;padding-left:15px;}
.footer-rt p{font-size:14px;color:#fff;}
.footer .zhuying{display:block;font-size:14px;color:#fff;margin-bottom: 15px;}
.footer .zhuying a{font-size:14px;color:#fff;padding:0 5px;}
.copyrights, .copyrights a{color: #fff;}

/*手机端*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {width:auto!important;}
	#nav-box {padding-left: 0;padding-right: 0;background: #0054b7;}
	#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:##88b441;}
	
	.logo-dianhua{height:60px;}
	.logo-box{margin-top:7px;}
	
	.banner-box .bd li{height:160px;}
	.banner-box .hd li{width:8px;height:8px;margin:0 3px;}
	
	.index-product{margin-top:30px!important;}
	.product-box{margin-top:20px!important;}
	.product-box .product-menu a{width:100%;}
	.product-body ul li a span{height:2.5rem;}
	.product-body ul li{margin-top:10px;}
	.product-box .product-menu{height:auto;line-height: auto;background:none;}
	.product-box .product-menu a{margin-bottom: 4px;background:#0054b7;}
	
	.advant{margin-top:30px;padding:15px 0;}
	.advant-item .advant-lf .advant-txt{margin-top:15px;}
	.advant-item{margin-top:20px!important;}
	
	.about{margin-top:30px!important;}
	.about .about-body h3{text-align: center;}
	
	.anli{margin-top:30px!important;padding:15px 0;}
	.anli-box{margin-top:20px;}
	.anli-box .bd li{width:100%;}
	.anli-box a span{height:4.5rem;}
	
	.news{margin-top:30px!important;}
	.news-box{margin-top:20px!important;}
	.news-box .news-rt{width:100%;float:none!important;}
	
	.footer{height:auto;padding:15px 0;box-sizing: border-box;}
	.footer-rt{width:100%;float:none!important;margin-top:0px;}
	.footer-rt .xinxi{margin-top:0;padding-left:0px;}
	.footer-rt p{line-height: 20px;margin-top:0px;}
}