/*公用样式部分*/
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-top25 {margin-top: 25px!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-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: 22px;}

/*本项目首页样式部分*/
/*top*/
#top{background:#40bfbb;height:30px;width:100%;}
.top-box .top-box-lf p{line-height: 30px;font-size:14px;color:#fff;} 
.top-box-rt span a{line-height: 30px;font-size:14px;color:#fff!important;}
.top-box-rt .layui-breadcrumb span[lay-separator]{color:#fff!important;}
.top-box-rt .layui-breadcrumb a:hover{color:#fff!important;}
/*logo以及电话*/
.logo-dianhua{height:130px;}
.logo-box{margin-top:35px;}
.dianhua-box{margin-top:35px;}
.dianhua-box>img{float:right;}
.kouhao {font-size: 18px;border-left:1px solid #ddd; padding-left:20px;margin-top:45px;margin-left:-70px;}
/*nav*/
#nav-box{height:64px;width:100%;background:#80c8ca;}
#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:64px;font-size:18px;color:#fff;}
#nav-box ul li:hover,#nav-box ul li.active{background:#40bfbb;}
#nav-box .submenu{position:absolute;display:none;width:100%;z-index:99;background:#40bfbb;}
#nav-box .submenu li{line-height:35px;width:100%;text-align: center;}
#nav-box .submenu li a{color:#FFF;font-size:12px;line-height:35px;display:block;}
#nav-box .submenu li a:hover{background:#fff;color:#333;}
/*banner*/
.banner-box .bd li {height: 550px;}
.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: 12px; height: 12px;border-radius:6px;border:1px solid #40bfbb;overflow: hidden;text-indent: 10em;margin: 0px 5px;}
.banner-box .hd li.on {background:#40bfbb;}
/*搜索*/
.search{background:#fff;width:100%;height:60px;line-height:60px;}
.search-box .link span{font-size:14px;color:#333;padding-left:10px;}
.search-box .link a{font-size:14px;color:#333;padding:0 8px;}
.sousuo{margin-top:10px;}
.sousuo .searchForm{width:224px;height:40px;border:2px solid #f3f3f3;}
.sousuo .searchForm .sou-zi{width:192px;height:40px;border:none;background:none;padding-left:10px;color:#666;box-sizing: border-box;}
.sousuo .searchForm .sou-btn{width:32px;line-height:40px;font-size:16px;color:#666;background:none;border:none;}
/*关于我们*/
.about{width:100%;height:auto;background:#cbdeed;padding:60px 0;box-sizing: border-box;}
.about-box .about-box-lf{width:504px;height:464px;overflow: hidden;}
.about-box .about-box-lf>img{height:100%;width:100%;}
.about-box .about-box-center{width:385px;height:464px;background:#fff;padding:0 20px;box-sizing: border-box;}
.about-box .about-box-center h3{font-size:24px;line-height:24px;font-weight:bold;color:#000;margin-top:25px;}
.about-box .about-box-center p{font-size:18px;color:#333;line-height:35px;text-transform: uppercase;}
.about-box .about-box-center .about-text{margin-top:30px;}
.about-box .about-box-center .about-text p{font-size:14px;color:#666;line-height: 25px;text-indent:1em;}
.about-box .about-box-center .about-more{font-size:14px;color:#40bfbb;display:block;margin-top:30px;}
.about-box .about-box-rt{width:251px;height:464px;}
.about-box .about-box-rt ul li{height:150px;width:100%;background:#40bfbb;margin-top:7px;}
.about-box .about-box-rt ul li.first{margin-top:0px;}
.about-box .about-box-rt ul li a{display:block;width:100%;height:100%;text-align: center;padding:20px 0;box-sizing: border-box;}
.about-box .about-box-rt ul li a p{font-size:18px;color:#fff;margin-top:8px;}

.index-title h3{font-size:24px;line-height:24px;color:#40bfbb;text-align: center;}
.index-title p{font-size:18px;color:#333;text-align: center;text-transform: uppercase;line-height: 35px;background:url(../images/title-line.png) center center no-repeat;}
.news .index-title p{background:url(../images/title-line2.png) center center no-repeat;}
/*产品中心*/
.index-pro-box .index-pro-box-lf {width:254px;height:auto;background:#40bfbb;padding:0 30px;padding-bottom:25px;box-sizing: border-box;}
.index-pro-box .index-pro-box-lf .index-pro-box-title{text-align: center;}
.index-pro-box .index-pro-box-lf .index-pro-box-title h3{font-size:24px;color:#fff;line-height:24px;padding-top:15px;}
.index-pro-box .index-pro-box-lf .index-pro-box-title span{font-size:18px;color:#fff;line-height:35px;text-transform: uppercase;}
.index-pro-box .index-pro-box-lf ul{margin-top:30px;}
.index-pro-box .index-pro-box-lf ul li{height:48px;width:100%;border:1px solid #8dcbcd;margin-top:16px;}
.index-pro-box .index-pro-box-lf ul li>a{display:block;height:48px;width:100%;line-height: 48px;font-size:14px;color:#fff;padding-left:25px;box-sizing: border-box;}
.index-pro-box .index-pro-tel{margin-top:35px;font-size:14px;color:#fff;text-align: center;}
.index-pro-tel b{display:block;font-size:18px;font-weight:bold;margin-top:10px;}
.index-pro-tel p>a{display:block;width:140px;height:44px;border:1px solid #fff;text-align: center;line-height: 44px;font-size:18px;color:#fff;margin:0 auto;margin-top:10px;}
.index-pro-box .index-pro-box-rt ul li{height:226px;margin-bottom:20px;}
.index-pro-box .index-pro-box-rt ul li a{display:block;width:100%;border:1px solid #ddd;height:inherit;padding:15px;overflow: hidden;box-sizing: border-box;}
.index-pro-box .index-pro-box-rt ul li a span {display: block;height:176px;overflow: hidden;text-align: center;}
.index-pro-box .index-pro-box-rt ul li a>img{display:block;height:100%;}
.index-pro-box .index-pro-box-rt ul li a p{font-size:14px;color:#333;text-align: center;}
/*hengtaio1*/
.hengtiao1{background:url(../images/hengtiao1.png) center center no-repeat;background-size:cover;width:100%;height:168px;line-height: 168px;}
.hengtiao1-box>img{padding-left:50px;}
.hengtiao1-box b{font-size:30px;color:#8f8f8f;font-weight:bold;margin-left:110px;}
.hengtiao1-box i{font-size:22px;color:#8f8f8f;font-style:normal;font-weight:bold;margin-left:42px;}
/*我们的优势*/
.advantage .advantage-box .advantage-box-item{height:140px;background:#cbdeed;padding:30px 20px;box-sizing: border-box;}
.advantage-box .advantage-box-item .advantage-box-item-img{width:74px;height:74px;}
.advantage-box .advantage-box-item .advantage-box-item-img>img{width:100%;height:100%;display:block;}
.advantage-box .advantage-box-item .advantage-box-item-zi{width:70%;}
.advantage-box .advantage-box-item .advantage-box-item-zi h4{font-size:18px;color:#333;}
.advantage-box .advantage-box-item .advantage-box-item-zi p{font-size:14px;color:#666;line-height: 20px;}

/*hengtaio2*/
.hengtiao2{background:url(../images/hengtiao2.png) center center no-repeat;background-size:cover;width:100%;height:168px;line-height: 168px;}
.hengtiao2-box>img{padding-left:50px;}
.hengtiao2-box b{font-size:30px;color:#8f8f8f;font-weight:bold;margin-left:50px;}
.hengtiao2-box span{border:1px solid #8f8f8f;width:100px;display:inline-block;margin:0 5px;margin-bottom: 8px;}
.hengtiao2-box i{font-size:30px;color:#8f8f8f;font-style:normal;font-weight:bold;}
/*工程案例*/
.gcal-box {position: relative;}
.gcal-box .bd li {float: left;width:25%;}
.gcal-box .bd li div.gcal {margin: 0px 10px;position:relative;}
.gcal-box .bd li div.gcal p{font-size:14px;color:#fff;text-align: center;height:30px;width:100%;background:rgba(0,0,0,.5);position: absolute;;bottom:0;left:0;display:none;}
.gcal-box .bd li div.gcal a:hover p{display:block;}
.gcal-box a {display: block;text-align: center;overflow: hidden;height: 236px;}
.gcal-box a img {height: 100%;width: 100%;}
/*新闻资讯*/
.news{height:auto;background:#cbdeed;padding:40px 0;box-sizing: border-box;}
.news-box .news-menu{text-align: center;margin-bottom:40px;}
.news-box .news-menu a{display:inline-block;width:110px;height:52px;background:#7e7e7e;text-align: center;line-height: 52px;font-size:18px;color:#fff;margin-right:15px;}
.news-box .news-menu a:hover{background:#40bfbb;}

.news .news-l{overflow:hidden;}
.news .news-l img{height:355px;}
.news .news-r .newscen-l{text-align:center;color:#FFF;height:auto;background:#7e7e7e;/*padding:20px;box-sizing: border-box;*/}
.news .news-r .newscen-l span{display:block;font-size:24px;font-weight:bold;line-height:20px;/*padding:10px 0;*/padding:20px;box-sizing: border-box;padding-bottom: 0px;}
.news .news-r .newscen-l p{font-size:14px;line-height: 14px;padding:20px 0;box-sizing: border-box;padding-top:15px;}
.news .news-r .newscen-r{padding-left:10px;}
.news .news-r .newscen-r h3{font-size:16px;line-height:20px;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news .news-r .newscen-r p{font-size:14px;line-height:18px;color:#666;margin-top:10px;}
.news .news-r li{padding-bottom:44px;overflow:hidden;}
.news .news-r li.last{padding-bottom:0px;}
.news .news-r li a:hover{color:#40bfbb;}
.mF_expo2014 .num{right:22px!important;}
/*友情链接*/
.layui-tab-brief>.layui-tab-title .layui-this{color:#40bfbb!important;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #40bfbb!important;}
/*footer*/
#footer{background:#f7f5ed;width:100%;height:auto;text-align: center;padding:34px 0;box-sizing: border-box;}
.layui-breadcrumb a{font-size:14px;color:#333!important;}
.layui-breadcrumb span[lay-separator] {margin: 0 10px;color: #333!important;}
.layui-breadcrumb>* {font-size: 1px;}
.dibu .xinxi p{font-size:14px;color:#333;/*margin-top:20px;*/}
.dibu .xinxi p >b{font-size:14px;color:#333;font-weight:normal;padding-left:10px;}
/*手机端*/
@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {width:auto;}
	#nav-box {padding-left: 0;padding-right: 0;background: #80c8ca;height:auto;}
	#nav-box .layui-container {padding-left: 0; padding-right: 0;}
	#nav-box {position:absolute; top:80px; width:100%; left:0; display:none; z-index:20;}
	#nav-box ul>li{width:100%;}
	#nav-box ul>li>a{color:#fff;}
	#nav-box ul li a{line-height:34px;font-weight: normal;font-size: 14px;}
	#nav-box ul li a:hover,#nav-box ul li a:active,#nav-box ul li a.current{background:#40bfbb;color:#fff;}
	
	.logo-dianhua{height:80px;}
	.logo-box{margin-top:25px;}
	
	.banner-box .bd li {height: 240px;}
	
	.about{padding:20px 0;margin-top:40px!important;}
	.about-box .about-box-center{float:none!important;}
	.about-box .about-box-center{width:100%;height:auto;}
	.about-box .about-box-center h3{padding-top:15px;text-align: center;}
	.about-box .about-box-center>p{text-align: center;}
	.about-box .about-box-center .about-text{margin-top:10px;}
	.about-box .about-box-center .about-text p{line-height: 20px;}
	.about-box .about-box-center .about-more{padding:20px 0;margin-top:0px;text-align: center;}
	.about-box .about-box-rt{float:none!important;width:100%;height:auto;margin-top:20px;}
	.about-box .about-box-rt ul li{width:32%;float:left;height:80px;margin-top:0px;margin-left:2%;}
	.about-box .about-box-rt ul li.first{margin-left:0;}
	.about-box .about-box-rt ul li a{height:auto;width:100%;display:block;padding:0px;}
	.about-box .about-box-rt ul li a>img{display:block;width:40%;display:block;margin-left:30%;margin-top:5px;}
	.about-box .about-box-rt ul li a p{font-size:14px;margin-top:5px;}
	
	.index-pro-box .index-pro-box-lf{width:100%;}
	.index-pro-box-rt ul li{margin-top:15px!important;}
	.index-pro-box .index-pro-box-rt ul li{height:145px;}
	.index-pro-box .index-pro-tel{margin-top:15px;}
	.index-pro-box .index-pro-box-rt ul li a span {display: block;height:106px;overflow: hidden;text-align: center;}
	.advantage .advantage-box .advantage-box-item{margin:10px 0;}
	.advantage-box .advantage-box-item .advantage-box-item-zi h4{line-height: 30px;}
	.advantage-box .advantage-box-item .advantage-box-item-zi p{line-height: 15px;}
	
	.gcal-box .bd li{width:100%;}
	.gcal-box a{height:300px;}
	
	.news .news-r .newscen-l p{padding-left:0px;padding-right:0px;}
	.news .news-r .newscen-r p{line-height: 14px;margin-top:0;}
	
	#footer{padding:15px 0;}
	.dibu .xinxi p{margin-top:5px;}
}