@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(files/iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1350px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1350px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n_box{
    width: 1350px;margin: 60px auto;position: relative;
}
.box:after,.n_box:after{
    display: block;content: "";clear: both;
}
.n_boxl{width: 260px;}

.n_boxr{width: 1040px;
    position: relative;
}

.n_boxr_top20{padding-top: 20px;}

/*顶部*/
.top_all{ margin-bottom:5px;text-transform: uppercase;
    width: 100%;background: #f9f9f9;line-height: 45px;min-width: 1400px;
    font-size: 14px;color: #999;
}  
.top_all a{font-size: 14px;color: #999;}
.top_all a:hover{
    color: #0e6eb8;
}
.top_all i{
    display:inline-block;font-size: 17px;color: #999;
}
.top_all a:hover i{
    color: #0e6eb8;
}
.top_r a{display: inline-block;  padding-right: 20px;
    
}
.top_r a{border-right: 1px solid #eee;}
.top_r i{
    padding-left: 20px;
}
.top_r a:nth-of-type(1) i{
    border-left: 1px solid #eee;
}


/*抬头*/
.hlogo{background: #fff; position: relative;  box-sizing: border-box;overflow: hidden; margin: 20px 0 45px 0;}
.hlogo img{position: relative;z-index: 3;  display: block; width:auto;
    padding-top: 3px;
}
  .hlogo a{ display: block;padding-top: 15px;}
 
 .hsecond{

 } 
.hwa{font-size: 0;margin: 40px 0 0 15px;}
.hwa p{ float: left;}
.hwa i{ display: block;font-style: normal;font-size: 44px;line-height: 50px; color: #222;font-weight: bold;
    letter-spacing:2px;
}
.hwa em{ display: block;font-style: normal;font-size:13px;line-height:24px; font-family: "arial"; text-transform: uppercase;color: #999; padding-left: 30px;
   
}
  
 

   
.hline{width: 15px;height: 86px; background: url(images/008.png) left center no-repeat; margin: 0 5px 0 15px ;}
.hmean{font-size: 18px;color: #555;}
.hmean b{display: block;font-size:30px;color: #333;margin-bottom:5px; letter-spacing: 0;}
.hmean b span{color: #58ba49; font-weight:bold;}
.head_img{
    margin: 20px 0 20px 50px; height: 122px;
}
.head_img img{
    display: block;
}
 .head_p{ font-size: 16px; color: #777;text-align: center; line-height: 40px; padding:48px 0 0 0; }
 .head_p p{ font-size:28px; font-family: "impact"; color: #222; line-height: 34px; padding-top: 16px;}
 .head_p p span{
     font-size: 32px;letter-spacing: 1px;
 }
  .hwa a{ font-size: 16px;cursor: pointer;
      display: inline-block;text-align: center;padding: 0 14px;line-height: 34px;color: #333;background: #eee;
  }
.hwa a:hover{
    background: #0e6eb8;color: #fff;
}
 .hwa li{ display: block; position: relative;}
 .head_p b{ font-weight:lighter;
     display: block;float: left;font-size: 55px;color: #58ba49;line-height: 72px;
 }
  .head_p .tel{text-align: left; padding-right: 10px; margin-right: 10px; color: #222;
      font-size: 16px;line-height: 27px;padding-top:7px; position: relative;
  }
  .head_p .tel:after{
      display: block;content: "";width: 1px;height: 51px;background: #eee; position: absolute;right: 0;top: 10px;
  }
  
 /*一站式 */
 .service{
     width: 100%;min-width: 1350px;padding-top: 80px; padding-bottom: 80px;
 }
.service_t{
    text-align: center;font-size: 18px;color: #666; line-height:35px; margin-bottom:30px;
}
.service_t a {
    display: inline-block;
    width: auto;
    margin: 20px auto 0 auto;
    text-align: center;
    padding: 0 30px;
    border-radius: 12px;
    overflow: hidden;
    background: #222;
    line-height: 50px;
    color: #fff;
    font-size: 30px;
    letter-spacing: 5px;
    font-weight: lighter;}
    .service_t a:hover{
        color: #35aa22;
    }
.service_t dl{
    font-size: 44px;color: #222;line-height: 44px;font-weight: bold;
}
.service_t dl strong{
    color: #0e6eb8;
}
.service_t i{display: block;
    font-weight: lighter;
}
.service_b{
    position: relative; margin-top:80px;
}
.service_b li{cursor: pointer;
    width: 425px; box-sizing: border-box;position: relative; background: #fff;border: 1px solid #eee;
}
.service_b li .pic{
    width: 100%;height:280px;overflow: hidden;
}
.service_b li .pic img{transition: all ease 0.5s;
    display: block;width: 100%;height: auto;
}
.service_b li:hover .pic img{
    transform: scale(1.1);
}
.service_b li .txt{text-align: justify; position: relative;z-index: 2;
    padding: 80px 50px 45px 50px;font-size: 16px;color: #666;line-height: 30px;
}
.service_b li .txt .txtt{line-height: 40px;
    font-size: 34px;color: #333;
}
.service_b li .txt .txtt span{
   color: #0e6eb8;
}
.service_b li .txt dl{
    margin-top: 15px;
}
.service_b li .txt p{font-family: "arial";
    font-size: 17px;
    color: #999;
    display: block;
    border-bottom: 1px solid #eee;
    padding-bottom: 17px;
    margin-bottom: 13px;
    
}
.service_b li .txt .icon{ margin: 0 auto;z-index: 2;
    width: 110px;height: 110px;border-radius: 50%;overflow: hidden;position: absolute;left:0;right: 0;top: -55px;line-height: 110px;font-size: 50px;text-align: center;background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,10%);color: #0e6eb8;
}

.service_b li:hover .txt .icon{
    color: #fff;background: #0e6eb8;
}


.service_b li:nth-of-type(3) .txt .icon{
    font-size: 40px;
}
.service_b li:after{color:#fff;line-height: 30px;text-align: center;font-size: 20px; border-radius: 50%;transition: all ease 0.5s;
    display: block;content:"+";width: 30px;height: 30px;background: #35aa22;position: absolute;left: 0;right: 0;margin: 0 auto;top: 273px;
}
.service_b li:hover:after{
    transform: rotate(360deg);
}

.service_b li+li{
    margin-left:37.5px;
}

/*服务项目*/
.item{ margin-top: 0px;
    width: 100%;min-width: 1350px;background: url(images/itembg.jpg)center top no-repeat;padding:60px 0 80px 0;
}

.ys_all .service_t dl,.item .service_t dl{
    margin-bottom: 7px;
}
.item_b{}

    .item_b .picScroll-left{ overflow:hidden; position:relative;  }
.item_b .picScroll-left .hd{ position: relative;
    text-align: center;
    margin: 0 auto;
    box-sizing: border-box;
    height: 60px;
    width: 100%;
    line-height: 60px;
    box-shadow: 0px 0px 5px rgba(34 24 21 / 10%);
    border-radius: 30px;
    overflow: hidden;
    padding: 0 60px;
    background: #fff;
}
.item_b .picScroll-left .hd .prev{ display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    left:15px;
    top:12px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(14,110,184,0.1);
    transform: rotate(180deg);
    color: #0e6eb8;
    font-size: 18px;
    text-align: center;
    line-height: 38px;}
    
    
    
.item_b .picScroll-left .hd .next{ display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    right: 15px;
    top:12px;
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    background: rgba(14,110,184,0.1);
    color: #0e6eb8;
    font-size: 18px;
    text-align: center;
    line-height: 38px;}


.item_b .picScroll-left .hd ul{text-align: center; position: relative;
margin: 0 auto;
    
}
.item_b .picScroll-left .hd ul li{line-height: 60px;cursor: pointer; margin: 0 10px;
    display: inline-block;text-align: center; padding: 0 18px; position: relative;
}
.item_b .picScroll-left .hd ul li a{
   font-size: 16px;color: #333;
}
.item_b .picScroll-left .hd ul li.on{position: relative;
    }
    
    .item_b .picList2 li a{
    transition: all ease 0.5s;
    color: #333;
    position: relative;
    z-index: 2;}
.item_b .picList2 li:hover a,.item_b .picScroll-left .hd ul li.on a{
    color: #fff;
}
.item_b .picList2 li:after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    z-index: 1;
    transition: all ease 0.5s;
    background: #0e6eb8;
    border-radius: 25px;}
    
    
.item_b .picScroll-left .hd ul li.on:after,.item_b .picList2 li:hover:after {
    width: 100%;
    height: 38px;
    top: 11px;
}

.item_b .picList li a{
    display: block;width:23.5%;float: left;box-sizing: border-box;border: 1px solid #eee; margin: 2% 2% 0 0;
}
.item_b .picList li a:nth-of-type(4n){
    margin-right: 0;
}
.item_b .picList li a .pic{
    overflow:hidden;
}
.item_b .picList li a .pic img{transition: all ease 0.5s;
    display: block;width: 100%;height: auto;
}
.item_b .picList li a:hover .pic img{
    transform: scale(1.1);
}
.item_b .picList li a .txt{position: relative;z-index: 2;
    line-height: 50px;background: #fff;font-size: 16px;text-align: center;
}
.item_b .picList li a:hover .txt{
    background: #0e6eb8;color: #fff;
}
.item_b .picList li:after{
    display: block;content: "";clear: both;
}


/*工程案例*/
.case_all{ padding-top: 80px; overflow: hidden;
    width: 100%;min-width: 1350px;background: url(images/case_bg.jpg)center top no-repeat;
}
.case_all .service_t dl{
    color: #fff;
}
.case_all .service_t i{
    color: rgba(255,255,255,0.7);
}

.case_b{
    background: url(images/casepng.png) repeat-y;padding:55px 0 60px 0;
}


 .case_title{
        line-height: 40px; margin-bottom: 35px;
    }
    .case_title i{
        font-size: 32px;color: #333; float: left;
    }
    .case_title a{
        display: block;width: 140px;line-height: 40px;border-radius: 22px;overflow: hidden; background: #0e6eb8;text-align: center;color: #fff;float: right;font-size: 16px;
    }
    .case_title a:hover{
        background: #35aa22;color: #fff;
    }
    .case_title dl{ margin-right:20px;
        display: block;
    }
    .case_title dl dt{
        font-size: 35px;color: #dadada;float: left; padding-right: 5px;
    }
    .case_title dl dd{ float: left;
        font-size:34px;font-family: "impact";color: #333;
    }
.case_all .picScroll-left1{ overflow:hidden; position:relative; }
	.case_all .hd{ overflow:hidden;  height:60px;z-index: 99; width: 400px;margin:50px auto auto auto; position: relative;text-align:center; 
display: none;
		    
		}
	.case_all .hd .prev{ display:block;  width:39px; height:27px; 
			 cursor:pointer; background:url(images/prev.png) 0 0 no-repeat; position:absolute;left:0;top: 10px;}
     .case_all .hd .next{ display:block;  width:39px; height:27px;  position:absolute;right:0; top: 10px;
     cursor:pointer; background:url(images/next.png) 0 0 no-repeat;}
			 

	.case_all .picScroll-left1 .hd ul{ display:inline-block; text-align:center;  overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
	.case_all .picScroll-left1 .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#aaa;border-radius:50%; }
	.case_all .picScroll-left1 .hd ul li.on{ background-position:0 0; background:#0e6eb8; }
	.case_all .picScroll-left1 .bd{ padding:0; position:relative;  }
	.case_all .picScroll-left1 .bd ul{ overflow:hidden; zoom:1; }
	.case_all .picScroll-left1 .bd ul li{ margin:0 30px 0 0; float:left; _display:inline; overflow:hidden; text-align:center; width:430px;box-sizing: border-box;
	display:block;
	    box-shadow: 0 0 5px inset rgba(0,0,0,12%);
	}
	.case_all .picScroll-left1 .bd ul li .pic{ text-align:center; overflow: hidden;
	    position: relative;z-index: 2;
	}
	.case_all .picScroll-left1 .bd ul li .pic img{ width:100%;  height:323px; display:block; transition: all ease 0.5s;}
	.case_all .picScroll-left1 .bd ul li:hover .pic img{
	    transform: scale(1.1);
	}
	.case_all .picScroll-left1 .bd ul li .pic a:hover img{ border-color:#999;  }
	.case_all .picScroll-left1 .bd ul li a {  display: block;position: relative;
	font-size:15px;
	    line-height: 24px;
	}
	.case_all .picScroll-left1 .bd ul li a:after{content:"";
	    display: block;position: absolute;left: 0;right: 0;margin: 0 auto;width: 100%;height: 0;background: #0e6eb8;bottom: 0;transition: all ease 0.5s;
	}
	.case_all .picScroll-left1 .bd ul li:hover a:after{
	    height: 250px;
	}
.case_all .picScroll-left1 .bd ul li .txt{padding:30px 40px; position: relative;z-index: 2;
    
}
	.case_all .picScroll-left1 .bd ul li a .title {font-size:24px; font-weight:bold;color:#333;line-height: 30px; padding-bottom: 15px;transition: all ease 0.5s;
	    display: block;
	}
	.case_all .picScroll-left1 .bd ul li:hover a .title{
	    color: #fff;
	}
	.case_all .picScroll-left1 .bd ul li:hover a dl{transition: all ease 0.5s;}
	.case_all .picScroll-left1 .bd ul li:hover a dl{
	    color: rgba(255,255,255,0.7)
	}
	.case_all .picScroll-left1 .bd ul li a .txt:after{transition: all ease 0.5s;
	    display: block;content: "\67e5\770b\8be6\60c5";line-height: 50px;overflow: hidden;margin: 15px auto 10px auto; font-size: 15px;background: #eee; color: #555; font-weight: normal;
	}

/*公司优势*/
.ys_all{
    width: 100%;min-width: 1350px;margin-top: 80px;
}
.ys_all	#tablit dl dd{ background: #0e6eb8;color: #fff;cursor: pointer;
    width: 23.5%;box-sizing: border-box;float: left;display: block;padding:25px 50px;
}
.ys_all	#tablit dl dd+dd{
    margin-left: 2%;
}

.ys_all	#tablit dl dd:after{
    display: block;content: "";clear: both;
}
.ys_all	#tablit dl dd .pic{float: left; border-radius: 50%;overflow: hidden;
    font-size:35px;height: 70px;width: 70px;text-align: center;line-height: 70px;background: rgba(255,255,255,0.2);
}
.ys_all	#tablit dl dd .txt{
    margin-left: 10px;float: left;
}
.ys_all	#tablit dl dd .txt i{display: block;
    font-size:30px;font-weight: bold;line-height:36px; padding-top:6px;
}
.ys_all	#tablit dl dd .txt em{
    display: block;font-size:13px;color: rgba(255,255,255,0.7);text-transform: uppercase;line-height:26px;
}
.ys_all	#tablit dl dd.on{
    background: #35aa22;
}
.ysb{
    margin-top: 40px;overflow: hidden;
}
.tabcon1{width: 100%; min-width: 1350px;margin: 0 auto;
    background: url(images/ysimg1.jpg)center no-repeat;height:700px;
}
.tabcon2{width: 100%; min-width: 1350px;margin: 0 auto;
    background: url(images/ysimg2.jpg)center no-repeat;height: 700px;
}
.tabcon3{width: 100%; min-width: 1350px;margin: 0 auto;
    background: url(images/ysimg3.jpg)center no-repeat;height: 700px;
}
.tabcon4{width: 100%; min-width: 1350px;margin: 0 auto;
    background: url(images/ysimg4.jpg)center no-repeat;height: 700px;
}
.ysb .box{
    position: relative;
}
.ysb .txt{ top: 150px;
    width: 500px;height: 290px;position: absolute; background: rgba(255,255,255,0.95); border-radius: 5px;overflow: hidden; padding: 60px;
}
.ysb .txt:after,.ysb .txtt:after,.ysb .txt .tel:after{
    display: block;content: "";clear: both;
}
.ysb .txtt dl{ font-size:36px; color: #222;line-height: 50px;font-weight: bold;
    
}
.ysb .txtt dt{
    font-size: 14px;color: #999;text-transform: uppercase;font-family: "arial";line-height: 20px;
}
.ysb .txtt span{
    color: #0e6eb8;
}
.ysb .number{ background: url(images/ysico.jpg)center no-repeat;float: left;
    width: 85px;height: 90px;text-align: center;line-height: 86px;font-size:50px;font-family: "impact";color: #fff;
}
.ysb .txtt .fl{width:400px;
    padding-left:15px;border-bottom: 1px solid #ccc;padding-bottom:19px; margin-bottom: 20px;
}
.ysb .txt span{
    color: #0e6eb8;
}
.ysb .txt .font{
    font-size: 15px;color: #888;line-height: 32px;
}
.ysb .txt .font p{
    padding-top: 5px;
}
.ysb .txt .tel{ line-height: 50px;
    margin-top:15px;
}
.ysb .txt .tel:before{
    display: block;float: left; font-size:24px;color: #0e6eb8;
}
.ysb .txt .tel i{
    display: block;float: left;font-size: 15px;color: #666;
}
.ysb .txt .tel em{
    display: block;float: left;font-size: 26px;font-family: "arial";color: #0e6eb8; font-weight: bold;
}

/*公司简介*/
.about_all{
    width: 100%;min-width: 1350px; padding-top: 80px;
}
.about_b{
    background: #f5f5f5;
}
.about_l{
    width: 675px; overflow: hidden;
}
.about_r{position: relative; height: 400px;
    width: 675px; overflow: hidden; padding: 50px;box-sizing: border-box;
}
.about_r .pic1{
    display: block;margin-bottom: 20px; padding-bottom: 20px;border-bottom: 1px solid #dddd;
}
.about_r .pic1 img{
    display: block;
}

.about_r .pic2{
    display:block;position: absolute;left:50px;bottom:28px;
}

.about_r p{overflow : hidden; font-size: 15px;line-height: 30px; text-align: justify;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:5;
    -webkit-box-orient: vertical;}
.about_r p a{font-size: 15px;}    

/*产品*/
.pr_left{width: 260px;}