﻿/*公用样式部分*/
html{width:100%;overflow-x:hidden;}
body{line-height:2;}
.undisplay {display: none;}
.layui-container {}
.displaynone{display:none;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt140{margin-top:140px;}

.layui-container:after {content: '';display: block;clear: both;}
.bordernone{border:none !important;}
.margin-center{margin-left:auto;margin-right:auto;}
.main-body{transform: translateX(0px); transition: all 0.5s;}
.media-body{margin-top:0;}

/*top*/
.top{height:32px;line-height:32px;font-size:14px;color:#333;border-bottom:1px solid #ddd;}
.top .top-right a{padding:0 10px;font-size:14px;color:#333;}
/*****logobox*****/
.logobox{height:120px;padding-top:.3rem;position:relative;}
.logo img{padding-right:15px;}
.logori{border-left:1px solid #ddd;height:70px;padding-left:25px;}
.logo strong{font-size:22px;line-height:40px;color:#333;}
.logo p{color:#016139;line-height:20px;font-size:18px;}
.logobox .logoright .media-body{padding-left:15px;}
.logobox .logoright p{color:#333;font-size:14px;line-height:20px;}
.logobox .logoright b{font-size:26px;color:#016139;line-height: 36px;display:block;}
.logobox button{cursor:pointer;border:none; color:#007bd3; font-size:22px;display:none;z-index:20000;background:none;float:left !important;z-index:2;}
/*nav*/
#nav{background:#016139;height:52px;}
#nav ul>li{float:left;width:14.1111%;text-align:center;position:relative;line-height:52px;/*background:url(../images/nav_line.png) right center no-repeat;*/}
#nav ul>li>a{display:block;font-size:16px;color:#fff;}
#nav ul>li:hover{background:linear-gradient(to right,#e5a350,#f7df8b);}
#nav ul .submenu{position:absolute;display:none;width:100%;top:52px;z-index:99;background:linear-gradient(to right,#e5a350,#f7df8b);}
#nav ul .submenu li{border-bottom:1px solid #870707;line-height:25px;padding:10px 0;}
#nav ul .submenu li a{color:#FFF;}
/*banner*/
.banner{position: relative; width:100%;}	
.banner .pic{position:relative; z-index:2;}	
.banner .pic li{height:550px;}	
.banner .hd{position:absolute;bottom:10px;left:0;z-index:3;text-align:center;margin:auto;width:100%;}
.banner .hd li{width:20px;height:10px;background:#fff;display:inline-block;margin-left:5px;border-radius:50px;}
.banner .hd li.on{background:#016139;}

/*search*/
.search-box{line-height:60px;height:60px;border-bottom: 1px solid #ddd;}
.search-box .link span{font-size:16px;padding-right:5px;color:#000;}
.search-box .link a{padding:0 5px;font-size:14px;color:#000;}
.search{margin-top:15px;border-radius:5px;background:#000;}
.search .sousu{width:270px;line-height:30px;padding-left:5px;color:#a0a0a0;border:none;border:1px solid #ddd;font-size:12px;font-family: "宋体";}
.search .sou-zi{width:55px;line-height:32px;background:#016139;font-size:16px;color:#fff;border:none;cursor:pointer;}
/********product********/
.product-left{width:260px;float:left;border:1px solid #ccc;background:#e9e9e9;}
.product-left .pro-tit{height:114px;text-align:center;background:#016139;padding-top:32px;box-sizing: border-box;}
.product-left .pro-tit h3{color:#fff;font-size:24px;font-weight:bold;line-height:26px;}
.product-left .pro-tit p{line-height: 24px;text-align: center;font-size: 14px;color: #fff;text-transform: uppercase;}
.product-lf-group{margin:15px 0;}
.product-lf-group ul li{padding:0 12px;box-sizing:border-box;margin-bottom: 14px;height:40px;line-height:40px;background:#cacaca;border-left:4px solid #016139;}
.product-lf-group ul li:hover{background:#016139;}
.product-lf-group ul li:hover a{color:#fff;}
.product-lf-group ul li a{color:#504f4f;font-size:16px;}
.product-right{width:860px;float:right;}
.product-right li a{display:block;text-align:center;overflow:hidden;}
.product-right li a span{display:block;height:200px;overflow:hidden;border:1px solid #ccc;}
.product-right li a span img{margin:auto;height:200px;transition: all 0.5s;}
.product-right li a span img:hover{transform: scale(1.2,1.2);}
.product-right li a p{font-size:14px;color:#fff;background:#575757;text-align:center;height:30px;line-height:30px;}
.product-right li:hover a p{background:#016139;color:#fff;}
.product-right li:nth-of-type(4),.product-right li:nth-of-type(5),.product-right li:nth-of-type(6){margin-top:30px;}
/*hengtiao*/
.hengtiao{background:url(../images/xb1_02.png) top center no-repeat;height:204px;}
.hengtiao-lf{width:800px;float:left;}
.hengtiao-lf h2{padding-top: 48px;padding-left: 270px;font-size: 26px;line-height: 26px;font-weight: 100;color: #FFF;}
.hengtiao-lf h3{padding-top: 20px;padding-left: 270px;line-height: 20px;font-size: 20px;font-weight: 100;color: #FFF;}
.hengtiao-lf p{padding-left:270px;padding-top:34px;color:#016139;}
.hengtiao-lf p span{display: inline-block;font-size: 15px;padding:5px 15px;background:#fff;border-radius:50px;margin-right:5px;}
.hengtiao-rt{padding-top:100px;float:right;}
.hengtiao-rt p{font-size:14px;line-height: 16px;color:#fff;}
.hengtiao-rt span{font-size:24px;line-height: 24px;color:#fff;}
.hengtiao-rt a{display:block;margin-top:8px;font-size:14px;color:#fff;width:150px;height:34px;text-align:center;line-height:34px;background:#016139;border-radius:10px 0 10px 0;}
/*我们的6大优势*/
.indexadvant-item1{background:url(../images/6-y01.jpg) top center no-repeat;/*height:722px;*/}
.indexadvant-tit{width:725px;height:125px;margin:50px auto 0;overflow: hidden;}
.indexadvant-tit-rt h3{color: rgb(7, 108, 66);font-size: 62px;height: 72px;line-height: 72px;font-style: oblique;font-weight:bold;}
.indexadvant-tit-rt .six-core{font-size: 16px;color: rgb(180, 180, 180);font-style: oblique;margin-left: 15px;display: block;}
.indexadvant-tit-rt .xuanz{font-size: 32px;line-height:32px;color: rgb(51, 52, 52);font-style: oblique;display: block;font-weight:bold;}
.indexadvant-tit-rt .indexadvant-tit-botm{background:url(../images/ys-t01.png) no-repeat;width: 557px;height: 38px;line-height: 38px;color: rgb(131, 75, 7);font-size: 24px;text-align: center;margin-top: 5px;}
.indexadvant-box .indexadvant-box-lf{width:526px;float:left;}
.indexadvant-box-txt{margin-bottom: 63px;}
.indexadvant-box-txt .xuhao{width:74px;height:74px;background:url(../images/ys-icon.png) center center no-repeat;font-size:30px;color:#fff;font-weight:bold;line-height: 74px;font-weight:bold;text-align: center;}
.indexadvant-box-txt .media-body{padding-left:15px;box-sizing: border-box;}
.indexadvant-box-txt .media-body>b{color:#0153a7;font-size:25px;display:block;line-height: 35px;color:#016139;}
.indexadvant-box-txt .media-body>span{display:block;height: 2px;border-top: 1px solid rgb(211, 211, 211);border-bottom: 1px solid rgb(211, 211, 211);margin: 15px 0px 20px;}
.indexadvant-box-txt ul{margin-top:20px;}
.indexadvant-box-txt ul li{background:url(../images/list.png) left 6px no-repeat;padding-left:25px;font-size:14px;color:#6f6f6f;line-height: 25px;margin-top:10px;}
.indexadvant-rt{float:right;}
.indexadvant-item2{background:url(../images/6-y02.jpg) top center no-repeat;height:488px;}
.indexadvant-item2 .indexadvant-box .indexadvant-box-lf{padding-top:20px;box-sizing: border-box;}
.indexadvant-item2 .indexadvant-box .indexadvant-rt{padding-top:80px;box-sizing: border-box;}
/*公共标题*/
.indextit{text-align: center;}
.indextit h3{font-size:28px;font-weight:bold;line-height:30px;color:#016139;}
.indextit p{font-size:16px;color:#333;line-height: 16px;margin-top:10px;text-transform: uppercase;}
/*案例展示*/
.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:#333;text-align: center;line-height: 30px;}
.anli-box a {display: block;text-align: center;height: auto;}
.anli-box a span{display:block;text-align: center;overflow:hidden;border:1px solid #ddd;height:200px;}
.anli-box a span img {height: 100%;width: 100%;}
.anli-box .prev,.anli-box .next {position: absolute;top: 79px;}
.anli-box .prev {left: -60px;}
.anli-box .next {right: -60px;}
.anli-box .prev>img,.zjqt-box .next>img{display:block;width:42px;height:42px;}
/*关于我们*/
.about{background:url(../images/about_bj.png) top center no-repeat;height:593px;padding:40px 0;box-sizing: border-box;}
.about-box{margin-top:30px;}
.about-box .about-img{width:600px;height:444px;float:left;overflow: hidden;}
.about-box .about-img>img{width:100%;height:100%;}
.about-txt{width:540px;background:#fff;float:right;height:444px;padding:40px 20px;box-sizing: border-box;}
.about-txt b{font-size:16px;color:#333;line-height: 18px;}
.about-txt p{font-size:14px;color:#666;line-height: 25px;margin-top:15px;}
.about-txt a.more{display:block;width:120px;height:35px;background:#016139;line-height: 35px;text-align: center;font-size:14px;color:#fff;border-radius:10px 0 10px 0;margin-top:15px;}
/*新闻动态*/
.indexnews-menu{height:40px;border-bottom: 2px solid #e1e1e1;box-sizing: border-box;}
.indexnews-menu a{font-size:20px;font-weight:bold;color:#333;height:40px;line-height: 40px;display: inline-block;padding-left: 40px;padding-right: 30px;}
.indexnews-box{margin-top:20px;}
.indexnews-lf{width:620px;float:left;}
.indexnews-lf .indexnews-img{height:237px;overflow: hidden;}
.indexnews-lf .indexnews-tt{margin-top:20px;}
.indexnews-lf .indexnews-tt .indexnews-tt-tlt a{font-size:16px;color:#333;font-weight:bold;line-height: 18px;}
.indexnews-lf .indexnews-tt .indexnews-tt-tlt span{font-size:14px;color:#666;float:right;}
.indexnews-lf .indexnews-tt p{font-size:14px;color:#666;line-height: 25px;margin-top:15px;}
.indexnews-rt{width:480px;float:right;}
.indexnews-rt ul li a{font-size:14px;color:#333;}
.indexnews-rt ul li{border-bottom: 1px dashed #ccc;padding-bottom: 15px;margin-top:15px;}
.indexnews-rt ul li:nth-of-type(1){margin-top:0px;}
.indexnews-rt ul li span{font-size:14px;color:#666;}
.line{border-bottom:2px solid #016139;}
/*友情链接*/
.flink{background:#f2f2f2;padding:10px 0;}
.layui-tab-brief>.layui-tab-title .layui-this{color:#515151!important;}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{border-bottom: 2px solid #016139!important;}
/*footer*/
.footer{width:100%;background:#016139;}
.footer-txt{padding:25px 0;border-bottom:1px solid #034a2c;}
.footer-txt dl{float:left;color:#fff;margin-right:90px;}
.footer-txt dl dd a,.footer-txt dl dd{color:#fff;}
.copy{color:#fff;text-align:center;padding:10px 0;}
.copy p a{color:#fff;}

@media only screen and (min-width: 320px) and (max-width: 640px) {
	.layui-container {}
	.banner .pic li,.product-right li a span img{height:140px;}
	.logobox{text-align:center;height:auto;padding-top:.3rem;padding-bottom:.3rem;}
	.logobox .logo{text-align:center;}
	.logobox .logo img{width:1.8rem;margin-top:0;float:none !important;}
	.logobox button{display:block;margin-top:5px;}
	#nav ul .submenu li{padding:0;}
	#nav{position:fixed;width:100px;top:0;left:-100px;bottom:0; background:#242424;z-index:10000;height:100%;padding-top:50px;transition:all .5s;box-sizing: border-box;}
	#nav .layui-container{padding:0;}
	#nav ul>li{width:100%;line-height:25px;height:auto;border:none;background:none;}
	#nav ul>li>a{color:#fff;font-size:16px;font-weight:normal;border-right:none;background:none;}
	#nav ul li a{line-height:30px;padding:5px 0;}
	#nav ul li a:hover,#nav ul li a:active,#nav ul li a.current{background:#016139;color:#FFF;border-bottom:none;}
	
	.banner .hd li{width:10px;height:5px;}
	
	.product{margin-top:30px!important;}
	.product-left{width:100%;float:none!important;}
	.product-left .pro-tit{height:60px;padding-top:5px;}
	.product-right{width:100%;float:none!important;}
	.product-right li a span{height:9.5em;}
	.product-right li:nth-of-type(4), .product-right li:nth-of-type(5), .product-right li:nth-of-type(6){margin-top:10px;}
	.product-right li{margin-top:10px;}
	
	.indexadvant{margin-top:30px!important;}
	.indexadvant-item1{background:none;}
	.indexadvant-tit{width:100%;margin:0;}
	.indexadvant-box .indexadvant-box-lf{width:100%;float:none!important;}
	.indexadvant-box-txt .xuhao{background-size:70% 70%;font-size:18px;}
	.indexadvant-box-txt .media-body>b{font-size:16px;font-weight:normal;}
	.indexadvant-box-txt .media-body{padding-left:5px;}
	.indexadvant-box-txt{margin-bottom: 10px;}
	.indexadvant-item2{background:#016139;height:auto;}
	.indexadvant-box-txt ul li{line-height: 20px;}
	
	.anli{margin-top:30px!important;}
	.anli-box{margin-top:20px;}
	.anli-box .bd li{width:100%;}
	
	.about{margin-top:30px!important;height:auto;padding:20px 0;background:#333;}
	.about-txt{width:100%;float:none!important;height:auto;padding:15px;}
	.indexnews{margin-top:30px!important;}
	.indexnews-menu a{padding-left:0px;}
	.indexnews-lf{width:100%;float:none!important;}
	.indexnews-rt{width:100%;float:none!important;}
	.indexnews-rt ul li a{width:70%;display:block;float:left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	
	.flink{margin-top:30px;padding:0;}
}
