@charset "utf-8";
/*------------------------------------------------------------------*/
/*  首页式样代码可以写在这里
/*-----------------------------------------------------------------*/

:root {
  /*BANNER 设置*/
  --primary-height: auto; /*高度*/
  --second-width: 100%; /*宽度*/
}
/*------------------------------------------*/
/*  公共式样
/*------------------------------------------*/
.vk-pub-title {
	height: 40px;
	font-weight: bold;
	line-height: 40px;
	box-sizing: border-box;
	padding: 0 20px 0 40px !important;
	cursor: pointer;
	border-bottom: 0 !important;
	position: relative;
	text-align: center;
	font-size: 28px;
	color: #333;    
}
.vk-pub-title b{color: #439b2d;}
.vk-pub-subTitle{
	font-size: 17px;
  color: #888;
  margin-top: 10px;
	text-align: center;
}
.vk-pub-title:before {
    content: '';
    height: 24px;
    width: 24px;
    background-image: url(/assets/app/imgs/bgs/bg-jinghui.png);
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 7px;
    background-size: 100% 100%;
}

.hr {
    clear: both;
    display: block;
    width: 100%;
    height: 25px;
    line-height: 25px;
    position: relative;
    margin: 30px 0;
    float: left;
    border-color: #e1e1e1;
}
.hr:after {
	content: '';
    border-radius: 20px;
    height: 9px;
    width: 9px;
    border-width: 2px;
    border-style: solid;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -5px;
    margin-top: 4px;
    background-color: #fcfcfc;
    border-color: #e1e1e1;	
}
.hr-short {
    height: 20px;
    line-height: 20px;
    margin: 30px 0;
    float: none;
}
.hr-inner {
    width: 100%;
    position: absolute;
    height: 1px;
    left: 0;
    top: 50%;
    width: 100%;
    margin-top: -1px;
    border-top-width: 1px;
    border-top-style: solid;
    border-color: #e1e1e1;
}
.hr-short .hr-inner {
    width: 32%;
    left: 50%;
    margin-left: -16%;
}

/* SuperSlide格式 */
#vk-slideBox{ width:var(--second-width); height:var(--primary-height); overflow:hidden; position:relative;}
#vk-slideBox .hd{width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    height: 30px;
    line-height: 30px;
    text-align: center; }
#vk-slideBox .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(/assets/vkes/imgs/slide/dot-black.png) 0 0; overflow:hidden; 
	line-height:9999px; filter:alpha(opacity=40);opacity:0.4; 
}
#vk-slideBox .hd ul .on{ filter:alpha(opacity=100);opacity:1;  }
#vk-slideBox .bd{ position:relative; height:100%; z-index:0;background: url(/assets/app/imgs/base/banner_bg.png) 100% 100%;}
#vk-slideBox .bd li{ zoom:1; vertical-align:middle; }
#vk-slideBox .bd img{ width:var(--second-width); height:var(--primary-height); display:block;  }

/* 下面是前/后按钮代码，如果不需要删除即可 */
#vk-slideBox .prev,
#vk-slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(/assets/vkes/imgs/slide/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
#vk-slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
#vk-slideBox .prev:hover,
#vk-slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
#vk-slideBox .prevStop{ display:none;  }
#vk-slideBox .nextStop{ display:none;  }

/*------------------------------------------*/
/*  主题导航
/*------------------------------------------*/
.vk-holder { background-color: #fff; border: 1px solid #eee; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); border: 1px solid #f5f5f5; padding: 30px 15px; display: block; }
.vk-holder-icon{ margin-bottom: 20px; text-align: center; }
.vk-holder p{ text-align: center; font-size: 0.8rem; font-size: 0.975rem; font-weight: 400; margin-bottom: 10px; }
.b-right { border-right: 1px dashed #e9e9e9; }
.vk-title{color:#004861;font-size:1.75rem;margin-bottom:0.5rem;font-weight:700;}
/*------------------------------------------*/
/*  产品中心
/*------------------------------------------*/
#vk-leader-o{padding:40px 0; background-color: #FAFAFA;}  
#vk-product{padding:20px 0;}
#vk-product .layui-btn{
	background-color:var(--primary-color);
}
#vk-product .vk-leader-box{
	border-right-style: dashed;
    border-right-width: 1px;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    padding: 20px;
}
#vk-product .vk-img-box{height:540px;overflow: hidden;border: 1px #ddd solid;margin-top:30px;cursor: pointer;}
#vk-product .img-box{
    padding: 0;
    margin: 0;
    height: 450px;
    width: 100%;
    overflow: hidden;
}
#vk-product .vk-img-box img{
    height: 100%;
    width: 100%;
    transition: all 0.7s;
}
#vk-product .vk-img-box .title{
	color: var(--primary-color);
	width: calc(100% - 40px);
	height: 50px;
	line-height: 50px;
	margin: 20px;
	background: #fff;
	overflow: hidden;
	text-align: center;
	font-size: 16px;
	box-sizing: border-box;
}
#vk-product .vk-img-box:hover img{
	transform: scale(1.1);
}
#vk-product .vk-img-box:hover .title{
	background: var(--primary-color);
  color: #fff;
}

#vk-product .intro{
	color:#828282;
	font-size:14px;
	font-weight: 400;
	margin-bottom: 12px;
	margin-top:10px;
}

#vk-product .duties{
	color:#a0a0a0;
	font-size:14px;
}
#vk-leader .vk-leader-box:nth-child(even){border-right:none;}
#vk-leader .vk-leader-box:nth-child(3){border-bottom:none;}
#vk-leader .vk-leader-box:nth-child(4){border-bottom:none;}

/*------------------------------------------*/
/*  质量说明
/*------------------------------------------*/
#zhiliang{height:980px; background:url(/assets/app/imgs/base/zl_bg.jpg) no-repeat top center;margin-top:60px;background-size: cover;}
#zhiliang ul{width:1200px; margin:0 auto; margin-top:40px; overflow:hidden;}
#zhiliang ul li{width:190px; height:250px; background:url(/assets/app/imgs/base/zl_item.png) no-repeat; text-align:center; overflow:hidden; float:left; margin:0 25px;}
#zhiliang ul li b{font-size:30px; color:#fff; display:block; margin-top:15px;}
#zhiliang ul li h2{color:#333; margin-top:50px; font-size:20px;}
#zhiliang ul li p{font-size:12px; color:#888; line-height:21px; margin-top:10px;}
#zhiliang ul .zl_mt1{margin-top:80px;}
#zhiliang ul .zl_mt2{margin-top:40px;}
.zl_mtp{margin-top:80px;}
.zl_mtp img{display:block; width:1020px; margin:0 auto; margin-top:30px;}

/*------------------------------------------*/
/*  工程案例
/*------------------------------------------*/
#gongcheng{margin-bottom: 40px;}
.m30{margin-top:30px;}
.anli_1{}
.anli_1 li{overflow:hidden; margin-top:10px; position:relative;}
.anli_1 li img{display:block; width:100%; height:200px; transition: all 0.7s;}
.anli_1 li p{width:100%; height:40px; line-height:40px; text-align:center; color:#fff; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0;}

.anli_1 li:hover img{transform: scale(1.1);}
.anli_1 li:hover p{ background:rgba(67,155,45,0.7);}

.anli_2{}
.anli_2 dl dt{margin-top:10px; overflow:hidden;height:480px;}
.anli_2 dl dt img{width:100%; height:auto; overflow:hidden; display:block; transition: all 0.7s;}
.anli_2 dl dd{height:130px; background:#439b2d; padding:0 20px; overflow:hidden; text-align:left; border-top:10px #fff solid; transition: all 0.7s;}
.anli_2 dl dd h2 a{display:block; font-size:22px; color:#fff; font-weight:normal; margin-top:25px;}
.anli_2 dl dd p{line-height:22px; height:44px;width: 100%; overflow:hidden; color:#bef8b0; margin-top:15px;}

.anli_2 dl:hover dt img{transform: scale(1.1);}
.anli_2 dl:hover dd{border-top:10px #439b2d solid;}

/*------------------------------------------*/
/*  优势
/*------------------------------------------*/
#youshi{height:870px; background:url(/assets/app/imgs/base/ys_bg.jpg) no-repeat bottom center;background-size: cover;}

/* 本例子css */
.slideTxtBox2{width:100%; margin:0 auto; margin-top:30px; overflow:hidden;}
.slideTxtBox2 .hd{width: calc(100% - 10px); margin:0 auto; overflow:hidden; height:100px; background:#fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); margin-top:10px;}

.slideTxtBox2 .hd ul{width:1200px; margin:0 auto; overflow:hidden;}
.slideTxtBox2 .hd ul li{width:300px; height:100px; text-align:center; font-size:22px; overflow:hidden; float:left;}
.slideTxtBox2 .hd ul li a{display:inline-block; height:97px; line-height:97px; border-bottom:3px #fff solid; padding:0 20px; color:#333;}	
.slideTxtBox2 .hd ul li.on a{border-bottom:3px #439b2d solid; color:#439b2d; font-weight:bold;}

.slideTxtBox2 .bd{ width: calc(100% - 10px); height:450px; background:#fff; margin:0 auto; margin-top:50px; overflow:hidden; box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); margin-bottom:10px;}
.slideTxtBox2 .bd .ys_tu{padding:30px;height: 390px;}
.slideTxtBox2 .bd .ys_tu img {
	display: block;
	overflow: hidden;
	width: 100%;
	height: 100%;
	transition: all 0.7s;
}
.slideTxtBox2 .bd .ys_con{padding:30px;overflow: hidden;padding-left: 0;}
.slideTxtBox2 .bd .ys_con h2{font-weight:normal; font-size:30px; color:#333; line-height:40px;}
.slideTxtBox2 .bd .ys_con h2 b{color:#d32626;}
.slideTxtBox2 .bd .ys_con p{font-size:14px; color:#888; border-bottom:1px #ddd solid; overflow:hidden; padding:10px 0;}
.slideTxtBox2 .bd .ys_con dl{width:560px; margin:0 auto; overflow:hidden; margin-top:25px;}
.slideTxtBox2 .bd .ys_con dl dt{float: left;
    margin-right: 10px;
    line-height: 25px;
}
.slideTxtBox2 .bd .ys_con dl dt img{width:11px; float:left; margin-right:19px; display:block; margin-top:6px;}
.slideTxtBox2 .bd .ys_con dl dd{width:530px; float:left; line-height:25px; color:#666; font-size:15px; overflow:hidden;}
.slideTxtBox2 .bd .ys_con a{display:block; width:150px; height:40px; line-height:40px; text-align:center; font-size:18px; color:#439b2d; border:1px #439b2d solid; margin-top:30px;float:right;}
.slideTxtBox2 .bd .ys_con a:hover{color:#fff; border:1px #439b2d solid; background:#439b2d;}

.jj dl{width:1200px; margin:0 auto; margin-top:50px; overflow:hidden;}
.jj dl dt{width:540px; float:right;}
.jj dl dt img{display:block; width:270px; height:200px; float:left;}
.jj dl dd{width:600px; float:left; text-align:left; line-height:35px; font-size:16px; overflow:hidden;}
.jj dl dd a{display:block; width:600px; border-top:1px #ddd solid; padding-top:20px; margin-top:30px; color:#439b2d;}


/*------------------------------------------*/
/*  走进
/*------------------------------------------*/
#zoujin p{text-align: left; line-height: 35px; font-size: 16px; overflow: hidden;color:#444444;}
#zoujin .r-out-box a{width: 100%;}
#zoujin .r-out-box img{width: 100%;height: auto;}

/*------------------------------------------*/
/*  走进
/*------------------------------------------*/
.vk-ads{}
.vk-ads #ad1 img{width: 100%;height: auto;}

/*------------------------------------------*/
/*  信息中心
/*------------------------------------------*/
#vk-news{background-color: #FFFFFF;margin:40px 0;}
#vk-news .xw_bt h5{
	font-weight: normal;
  font-size: 40px;
  color: #333;	
}
#vk-news .xw_bt h5 span{
	display: block;
  font-size: 16px;
  color: #888;
  margin-top: 10px;
}
.slideTxtBox3{width:1200px; margin:0 auto; overflow:hidden;}
.slideTxtBox3 .hd{width:1200px; margin:0 auto; position:relative;}
.slideTxtBox3 .hd ul{overflow:hidden; float:right; text-align:right;padding-right: 15px;}
.slideTxtBox3 .hd ul li{ width:140px; line-height:40px; height:40px; display:inline-block; overflow:hidden; background:#fff; font-size:16px; text-align:center; margin:15px 0 10px 15px; border-radius:300px; box-shadow: 0 0 8px rgba(0,0,0,0.3);}
.slideTxtBox3 .hd ul li a{ color:#333; display:block;}
.slideTxtBox3 .hd ul li.on{ background:#439b2d;}
.slideTxtBox3 .hd ul li.on a{ color:#fff;}

.slideTxtBox3 .bd { width:1200px; margin:0 auto; margin-top:20px; overflow:hidden;}

.news_z{ overflow:hidden; margin-top:40px;}

.news_z .news_zuo{width:640px; float:left; overflow:hidden; border-bottom:1px #ddd solid; padding-bottom:37px;}
.news_z dl{float:left; width:290px; overflow:hidden; margin-right:30px; text-align:left;}
.news_z dl dt{width:290px; height:290px; overflow:hidden;}
.news_z dl dt img{width:290px; height:290px; transition: all 1.6s; display:block; overflow:hidden;}
.news_z dl dd h2 a{width:270px; margin:0 auto; display:block; margin-top:25px; font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.news_z dl dd p{width:270px; margin:0 auto; margin-top:10px; line-height:24px; height:72px; overflow:hidden; color:#888;}

.news_z dl:hover dt img{transform: scale(1.2);}
.news_z dl:hover h2 a{color:#439b2d;}


.news_z ul{ width:560px; float:right; overflow:hidden;}
.news_z ul li{width:558px; height:153px; float:left; border:1px #ddd solid; background:#fff; overflow:hidden; transition: all ease 0.5s;}
.news_z ul li .date{width:109px; height:93px; margin-top:30px; float:left; text-align:center; border-right:1px #ddd solid; margin-right:28px;}
.news_z ul li .date b{
    font-size: 47px;
    line-height: 52px;
    display: block;
    font-weight: bold;
    color: #439b2d; margin-top:10px;
}
.news_z ul li .date span{color: #439b2d;
    font-size: 14px;
    line-height: 16px;}

.news_z ul li .ny_news_con{width:390px; float:left; text-align:left; overflow:hidden;}
.news_z ul li .ny_news_con h2 a{
    font-size: 18px; display:block;
    color: #222; font-weight:normal;
     margin-top:30px;
}
.news_z ul li .ny_news_con p{
    font-size: 14px;
    color: #888;
    height: 52px;
    line-height: 26px; margin-top:10px;
}
.news_z ul li:hover{background:#439b2d; border:1px #439b2d solid;}
.news_z ul li:hover .date b{color: #fff;}
.news_z ul li:hover .date span{color: #fff;}
.news_z ul li:hover .ny_news_con h2 a{color: #fff;}
.news_z ul li:hover .ny_news_con p{ color:#fff; opacity:0.7;}


/*------------------------------------------*/
/*  友情链接
/*------------------------------------------*/
#vk-links { padding: 40px 0; }
#vk-links{overflow:hidden; line-height:30px;}
#vk-links dt{ float: left; font-size:16px; color:#439b2d; font-weight:bold;width: 100px;}
#vk-links dd{ overflow:hidden;}
#vk-links dd a{ margin-right:20px; color:#888; float:left;}
#vk-links dd a:hover{text-decoration:underline; color:#439b2d;}


/*------------------------------------------*/
/*  BANNER 图
/*------------------------------------------*/
#vk-banner .layui-carousel-ind { top: -60px; }

@media screen and (min-width: 768px){
	#vk-news li .caption{margin-right:100px;}
	#vk-news li .date{display: block;}
}

/*440分辨率以下（小于479px）*/
@media only screen and (max-width: 479px) {
	#vk-slideBox .bd .img-box{width:100%;}
	#vk-slideBox .bd .img-box a{width:100%;}
	#vk-slideBox .bd img {height:150px;width:auto;margin-left: calc(50% - 288px);}
}