@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:1300px; margin:0 auto;}
.box:after{
    display: block;content: "";clear: both;
}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1300px;}  /*版面宽度*/
.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: 1300px;margin:60px auto;position: relative;
}
.n_boxr{
    width: 980px;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}


/*  抬头*/
.htop{
    border-bottom: 1px solid #f4f4f4;
}
.htop,.htop a{ font-size:14px; color:#999; font-weight:lighter; line-height:59px;}
.htop a:hover{ color:#007b37;}
.htop{background:#f9f9f9;}
.htop span{ display:inline-block; padding-left:21px; position:relative; cursor:pointer;}
.htop span+span{ margin-left:17px;}
.htop span img{ position:absolute; top:110%; left:0; width:100px; z-index:9; height:auto; visibility:hidden; opacity:0; transition:all .3s ease;}
.htop p.fl{ padding-left:30px; background:url(images/005.png) no-repeat left center; font-size:13px;}
.htop span:hover img{ top:100%; visibility:visible; opacity:1;}
.htop span:nth-child(1){ background:url(images/003.png) no-repeat left center;}
.htop span:nth-child(2){ background:url(images/002.png) no-repeat left center;}
.htop span:nth-child(3){ background:url(images/001.png) no-repeat left center;}
.htop span:nth-child(4){ background:url(images/004.png) no-repeat left center;}
.header{background: #fff;}
.hlogo{ overflow: hidden; margin: 20px 0 30px 0;}
.hlogo img{position: relative;z-index: 3;  display: block; margin: 0 auto;}
  .hlogo a{ display: block;padding-top: 11px;}
  
.hwa{font-size: 0;margin: 40px 0 0 10px;}
.hwa p{ float: left;}
.hwa i{ display: block;font-style: normal;font-size: 46px;line-height: 50px; color: #222;font-weight: bold;}
.hwa em{ display: block;font-style: normal;font-size:16px;line-height:34px; font-family: "arial"; text-transform: uppercase;color: #999;}
  
  
.hline{width: 15px;height: 86px; background: url(images/008.png) left center no-repeat; margin: 0 2px 0 17px ;}
.hmean{font-size:18px;color: #555;
    
}
.hmean b{display: block;font-size: 32px;color: #333;margin-bottom: 6px; padding-bottom: 4px; border-bottom: 1px solid #eee;
letter-spacing: 2px;
   
}
.hmean b span{color: #007b37; font-weight:bold;}
 .head_p{ font-size: 16px; color: #777;text-align: center; line-height: 40px; padding:35px 0 0 55px; background: url(images/025.png) left 54px no-repeat;}
 .head_p p{ font-size:30px; font-family: "impact"; color: #222; line-height: 32px;}
 .head_p li{ display: block; position: relative;}
 .head_p li:nth-of-type(2):after{ display: block; content: ""; margin: 10px 15px 0 15px;  float: right;height: 60px; border-left: 1px dashed #dedede;}
 
 
 /*产品展示*/
 .prod_all{
    width: 100%;min-width: 1300px;padding:75px 0 75px 0; background: #fff;
}

.title{ text-align:center; font-size:18px; color:#888888; position:relative; z-index:3;
    margin-bottom:35px;
}
.title b{ position:relative; font-size:44px; color:#323436;line-height: 40px;
 
}
.title b i{color:#007b37;}
.title b:after{ display:inline-block; content:''; position:absolute; bottom:0; left:0; width:74px; height:10px; background:#c1e1cf; z-index:-1; animation:widthchange 2s linear infinite;}
@keyframes widthchange{
	0%{ width:74px}
	50%{ width:150px}
	100%{ width:74px}
	}
.title dl{ display:block; margin-top:15px;}

/*product*/
.colee{overflow: hidden;
    height: 775px;
    width:100%;}

.prodgd{ text-align: center; line-height: 50px;overflow: hidden;float: right;
    
    width:980px;}

.prodgd table td{width: 32%; display: block ;float: left;  margin: 2% 0 0 2%; border: 1px solid #ddd; 
box-sizing: border-box;
    
}
  .prodgd table td:nth-of-type(3n+1){
      margin-left: 0;
  }
.prodgd table td span{line-height:45px;}
.prodgd table tr td a{display: block;overflow: hidden;font-size: 14px;color: #666;
    
}
.prodgd table tr td:hover span a{ background:#007b37; color:#fff;}
.prodgd table tr td>a{width:100%; height:auto; overflow:hidden;}
.prodgd img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:100%; height:auto;}
.prodgd img:hover{-webkit-transform: scale(1.12, 1.12); transform: scale(1.12, 1.12); -moz-transform: scale(1.12, 1.12);  overflow:hidden;}   

/*产品特点*/
.feature{min-height: 900px;
    width: 100%;min-width: 1300px;background: url(images/featurebg.jpg)center bottom no-repeat;padding:75px 0 75px 0;
}
.feature .title{
    color: rgba(255,255,255,0.6);
}
.feature .title b{
    color: #fff;
}
.feature .title b:after{
    background: rgba(255,255,255,0.2)
}
.featureb{
    position: relative; height: 550px;
}
.featureb:after{content:"";
    display: block;width: 556px;height: 556px;background: url(images/featureimg.png)center no-repeat;position:absolute;left: 0;right: 0;
    margin: 0 auto;top: 0;
}
.featureb li{cursor: pointer;background: rgba(255,255,255,1);
    width: 310px;box-sizing: border-box;color: #666;font-size: 15px;top: 0;left: 0;
    line-height:26px;text-align: justify;padding: 30px 40px;border-radius:20px; margin-top:20px;position: absolute;
}
.featureb li:after{
  width: 36px;height:36px;display: block;content: "";background: #fff;position: absolute;right: -16px;top: 115px;transform: rotate(45deg);  
}
.featureb li:nth-of-type(2):after{
    top: 63px;
}
.featureb li:nth-of-type(3):after{
    top: 63px;left:-17px;right: auto;
}
.featureb li:nth-of-type(4):after{
    top: 63px;left:-17px;right: auto;
}
.featureb li:nth-of-type(5):after{
    top: 63px;left:-17px;right: auto;
}

.featureb li dl{
    font-size: 26px;color: #222;line-height: 40px;font-weight: bold;
}
.featureb li:hover dl{
    color: #007b37;
}
.featureb li dl span{
    color: #aaa;font-family: "arial";font-size: 14px;text-transform: uppercase;font-weight: normal;
}
.featureb li:nth-of-type(2){
top:260px;
}
.featureb li:nth-of-type(3){
    right: 0;left: auto;
}
.featureb li:nth-of-type(4){
    right: 0;top:190px;left: auto;
}
.featureb li:nth-of-type(5){
    right: 0;top:381px;left: auto;
}

.featureb .tel{
    position: absolute;top: 480px;left:0;line-height: 40px;
}
.featureb .tel dl{
    font-size: 20px;color: #fff;
}
.featureb .tel dl:before{
    display: block;float: left;font-size: 26px;color: rgba(255,255,255,0.6); margin-right: 5px;
}
.featureb .tel p{
    font-size: 30px;font-weight: bold;color: #fcff00;font-family: "arial";
}

.featureico{text-align: center;
    display: block;background: #fff;border-radius:20px;overflow: hidden;position: relative;padding: 50px 50px 45px 50px;margin-top: 60px;
    box-shadow: 0 0 10px rgba(0,0,0,10%);
}
.featureico li{
    display:inline-block;text-align:center;padding: 0 38px;font-size: 20px;color: #222;line-height: 50px;
}
.featureico li:before{
    display: block;font-size: 50px;color: #007b37;margin: 0 auto;
}


/*优势*/
.youshi{
    width: 100%;min-width: 1300px; background: #f5f5f5; padding-bottom:75px;
}
.youshib{
    padding: 50px;background: #fff;
}
.youshib+.youshib{
    margin-top:10px;
}
.youshibpic{
    width: 575px;height:365px;overflow: hidden;
}
.youshibpic img{
    display: block;width: 100%;height: auto;
}
.youshib .youshibtxt{
    width: 575px;overflow: hidden;
}
.youshib .yst{
    border-bottom: 1px solid #eee;padding-bottom:20px; margin-bottom:20px;
}
.youshib .yst .number{ background: #007b37;
    width: 70px;height:70px;border-radius: 50%;overflow: hidden;color: #fff;border:15px solid #d7e9df;line-height: 70px;
    font-size:46px;font-weight: bold;font-family: "arial";text-align: center;
}

.youshib .yst .ystr{
    line-height:44px;width: 465px; padding-top: 10px;
}
.youshib .yst .ystr dl{
    font-weight: bold;font-size:38px;color: #222;
}
.youshib .yst .ystr span{
    color: #007b37;
}
.youshib .yst .ystr p{
    font-size: 24px;color: #222;
}
.youshib .yst:after{
    display: block;content:"";clear: both;
}
.youshib .ysb p{
    font-size: 16px;line-height: 32px;color: #666;line-height: 36px;text-align: justify;
}
.youshib .ysb p+p{
    padding-top:10px;
}
.youshib .ysb p:before{
font-size: 18px;color: #007b37;
}
.youshib .ysb a{
    display: block;width: 150px;line-height: 44px;background: #007b37;border-radius: 5px;overflow: hidden;text-align: center;
    margin-top: 25px;color: #fff;font-size: 16px;
}
.youshib .ysb a:hover{
    color: #fcff00;
}

/*广告贴*/
.ggt{position: relative; margin-top: -60px;
    width: 100%;min-width: 1300px;background: url(images/ggtbg.png)center no-repeat;height:349px;box-sizing: border-box;
}
.ggt .box{
    position: relative;
}
.ggtcode{text-align: center;font-size: 18px;color: #222;line-height:44px;
    width: 220px;position: absolute;right:38px;top:60px;
}

.ggtcode img{
    display: block;width: 100%;height: auto;
}
.ggt .ggtl{
    width:820px;
    
}

.ggt .ggtl dl{
    display: block;padding-top:112px;font-size:44px;color: #fff;line-height: 44px;
}
.ggt .ggtl dl span{
    color: #fff;font-weight:bold;
}
.ggt .ggtl dt{
    display: block;text-transform: uppercase;color: rgba(255,255,255,0.6);line-height: 40px;
}

.ggt .ggtl li{
    display: block;float:left;position: relative;margin-top:15px;
}
.ggt .ggtl li:before{text-align:center;border-radius: 50%;overflow: hidden;float: left; margin-right: 6px;
    display: block;background:#007b37;color: #fff;width: 55px;height: 55px;line-height: 50px;
    font-size:28px;
}
.ggt .ggtl li .ggttel{
    float: left;color: #fff;
}
.ggt .ggtl li .ggttel i{
    display: block;font-size: 16px;
}
.ggt .ggtl li +li{
    border-left:2px dashed rgba(255,255,255,0.1);margin-left: 50px;padding-left: 50px;
}
.ggt .ggtl li .ggttel em{
    display: block; font-size: 32px;font-family: "arial";font-weight: bold;
}

/*客户案例*/
.case_all{
    width: 100%;min-width: 1300px;padding-top:45px;overflow: hidden; background: url(images/casebg.png)center bottom no-repeat;padding-bottom: 145px;
}
.case_b li{float: left;
   width: 32%;box-sizing: border-box;border: 1px solid #eee;overflow: hidden; 
   margin: 0 2% 2% 0;
}
.case_b li:nth-of-type(3n){
    margin-right: 0;
}
.case_b li .pic{
    overflow: hidden;
}
.case_b li .pic img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.case_b li:hover .pic img{
transform: scale(1.1)
}
.case_b li .txt{
    width: 100%;background: #f5f5f5;font-size: 16px;color: #666;line-height: 50px;text-align: center;
}
.case_b li:hover .txt{
    background: #007b37;color: #fff;transition: all ease 0.5s;
}
.case_link{
    display: block;width: 200px;background: #007b37;border-radius: 10px;overflow: hidden;text-align: center;font-size: 16px;color: #fff;
    margin: 25px auto 0 auto;line-height: 50px;
}
.case_link:hover{
    color: #fff;background: #c21208;
}


/*公司简介*/
.about{
    width: 100%;min-width: 1300px; background: #f5f5f5;padding: 70px 0 70px 0;
}
.aboutbg{
    background: url(images/videobg.png)center no-repeat;height: 450px;box-sizing: border-box;
}
.aboutl{
    width: 640px;text-align: justify;
}
.aboutl dl{
    font-size: 78px;font-family:impact;color: #007b37;line-height:68px;text-transform: uppercase;
}
.aboutl dl span{
    color: #c21208;
}
.aboutl dt{
    display: block;font-size: 40px;line-height: 60px;color: #222;padding-top: 10px;
    
}
.aboutl dd{
    display: block;font-size: 26px;font-weight: bold;color: #333;overflow: hidden;line-height: 40px;margin-top:20px;
}
.aboutl p{
    line-height: 33px;font-size: 15px;color: #888; padding-top:15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
}
.aboutl a{
    display: block;width: 180px;text-align: center;margin-top:35px;font-size: 15px;color: #333;
    background: #e3e3e3;line-height: 46px;
}
.aboutl a:hover{
    background: #007b37;color: #fff;
}