@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;}
/* -- 内页布局 -- */
.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_box:after{
    display: block;content: "";clear: both;
}


/*抬头*/
.head_all{
    padding:35px 0 25px 0;
}
.head_all .logo img{
    padding-top: 5px;display: block;height:74px;
}
.head_w{ margin-left:15px; padding-top:8px;
    background: url(images/headico.png) right center no-repeat; padding-right: 29px;
}
.head_w dl{ 
    font-size: 34px;font-weight: bold;color: #222; line-height: 40px;
}
.head_w p{ line-height:34px;
    font-size: 14px;text-transform: uppercase;font-family: "arial";color: #ccc;

}
.head_f{
    margin-left: 2px; line-height: 36px;
}
.head_f img{ margin-right: 15px;
display: block;float: left;
}
.head_f i{
    display:block; font-size: 28px;font-weight: bold;padding-top: 8px;color: #222;
}
.head_f span{
    color: #008f30;
}
.head_f em{
    display: block;color: #888;font-size: 18px;
}

 .head_p{ font-size: 16px; color: #777;text-align: center; line-height: 40px;}
 .head_p p{ font-size:30px; font-family: "arial"; color: #333;  display: inline-block;vertical-align: bottom; font-weight: bold;
     text-overflow: clip;
    white-space: nowrap;text-align: right;max-width: 190px; overflow: hidden;
 }
  .head_p dl{display: inline-block;vertical-align: bottom;}
 .head_p li{ display: block; position: relative;
     font-size: 16px;
 }
 

/*优势*/
.adv_all{
    width: 100%;min-width: 1300px;padding-top: 90px;overflow:hidden;
}    
.adv_t{ margin-bottom: 30px;
    text-align: center;font-size: 18px;color: #888;line-height: 50px;
}
.adv_t p{
    font-size: 40px;color: #333;line-height: 40px;padding-bottom: 5px;
}

.adv_t dt{
    font-weight: lighter;display: block;text-align: center; line-height: 32px;

    padding: 10px 0;
}
.adv_t dl{
    line-height: 18px;
}
.adv_t dl:before{content:""; margin-right:5px; line-height: 10px;
    display:inline-block;text-align: center;width: 10px;height: 10px;border-radius:10px;overflow: hidden;
    background: #ddd;
}

.adv_t dl:after{content:"";line-height: 10px;
    display:inline-block;text-align: center;width:50px;height: 10px;border-radius: 10px;overflow: hidden;
    background: #eee;
}
.adv_l{
    width:580px;background: #fff;height:622px;overflow: hidden;
}
.adv_l img{
    display: block;
}
.adv_r{
    width: 680px;
}
.adv_r li{cursor: pointer;transition:  all ease 0.5s;
    display: block;border-radius: 0 50px 0 50px;height: 185px;overflow: hidden; box-sizing: border-box; border: 1px solid #eee; background: #f9f9f9;
   
}
.adv_r li:hover{
box-shadow: 0 0 10px #d3e3ff;background: #fff; border-radius: 0;
}
.adv_r li:hover .li_l{ background:#008f30;
}
.adv_r li:after{
    display: block;content: "";clear: both;
}
.adv_r li+li{
    margin-top: 25px;
}
.adv_r li .li_l{ background:#0f67ff; height: 100%;padding:40px 30px;
    width: 120px;text-align: center;box-sizing: border-box;
}
.adv_r li .li_l i{
    display: block;font-size:44px;color:rgba(255,255,255,0.6);-ms-color:rgba(255,255,255,0.6);-moz-color:rgba(255,255,255,0.6);
}
.adv_r li .li_l em{ padding-bottom: 10px;display: block;
    font-size:44px;color: #fff; font-family: "arial"; line-height: 44px;
}


.adv_r .li_r{ padding: 30px 30px; box-sizing: border-box;
    width: 558px;
}
.adv_r .li_r i{ display: block;
    font-size:26px;color: #222;font-weight: bold;line-height:55px;
}
.adv_r .li_r em{
    font-size: 15px;font-weight: lighter;color: #666;line-height:32px;
}

/*合作伙伴*/
.partner{margin-top:75px;padding:90px 0 80px 0;
    width:100%;min-width: 1300px;background: url(images/partner_bg.jpg)center top no-repeat;
}    
.partner .adv_t p{
    color: #fff;
}
.partner .adv_t dt{
    color: #b1ceff;
}
.partner .adv_t dl:before,.partner .adv_t dl:after{
  background: #b1ceff;  
}

.hz_bg {padding-bottom:20px;
    width: 1329px;margin: 0 auto;position: relative;
}
.pproul li {position: relative;width:413px;float: left;text-align: center;cursor: pointer;height:auto; overflow: hidden; border: 10px solid #f5f5f5;
    margin:0 15px 0 15px; box-sizing: border-box; padding-bottom: 35px;background: linear-gradient(to bottom,#eee,#fff);
}
.pproul li:after{content:""; background: #008f30;
    display: block;position: absolute;z-index: 1;width: 100%;height: 0;left: 0; bottom: 0;
    transition: all ease 0.5s;
}
.pproul li:hover:after{
  height: 100%;  
}
.pproul li a{
    display: block;width: 100%;
}

.pproul_lj {width: 19px;height: 19px;margin: 25px auto;transition: all .3s ease;}
.pproul li:hover img{ transform: scale(1.2);transition: 0.3s all;
    display: block;
}
.pproul_lj a{ color:#fff;}
.ppbtn{ width:260px; height:38px; cursor:pointer; margin:0 auto;
    margin-top: 30px;
}
.ppbtn>div{ float:left; width:38px; height:100%; background:url(images/zuo.png) no-repeat left top;}
.ppbtn>div:nth-child(2){background:url(images/dlan.png) no-repeat left top; margin:0 73px;}
.ppbtn>div:nth-child(3){background:url(images/you.png) no-repeat right top;}
.caseright .divdgweb_new_div_item .divdgweb_new_div_item_body {font-size: 16px;color: #ffffffe0;font-weight: lighter;height: 60px;width: 819px;display: block;line-height: 30px;letter-spacing: 1.25px;}
.casemore {width: 160px;height: 46px;display: block;background: #15172c;font-size: 15px;line-height: 44px;text-align: center;color: #fff;border-radius: 23px;transition: 0.3s ease all;}


.pproul_tp{width: 100%; overflow:hidden;}
.pproul_tp .pic{  background: #fff; position: relative;z-index: 1; position: relative;z-index:3;
    width: 100%;height: 220px; padding: 20px;overflow: hidden; box-sizing: border-box;
}

.pproul_tp .pic img {width: 100%; display:block; overflow: hidden;transition: 0.3s all;}
.pproul_tp .txt{
   position: relative;z-index:3;
}

.pproul_tp span {display: block;width: 100%;color: #333;line-height: 50px;font-size: 20px;margin-top:25px;
    position: relative;z-index: 3; transition: all ease 0.5s;
}
.pproul_tp .txt em{ font-weight: lighter;color: #666; font-size: 15px; transition: all ease 0.5s;
    display: block;padding: 0 30px;text-align: center;line-height: 28px;
}
.pproul li:hover .txt em,.pproul li:hover .txt span{
    color: #fff;
}

/*工程案例*/
.case_all{
    width: 100%;min-width: 1300px;padding:90px 0;
}   

.case_b{
    
}
.hidden{
    display: none;
}

 .case_l{
   width: 450px;
 }
 .case_l>div{ margin-bottom: 5px; border-left: 5px solid #ddd;
     display: block;background: #fff;padding: 18px 40px 18px 40px; box-shadow: 0 0 10px rgba(0,0,0,0.1);
 }
 
  .case_l>div a{
      display: block; line-height: 40px;
  }
  .case_l>div a i{
      display: block;font-size: 22px;color: #333;
  }
   .case_l>div a em{ line-height: 28px;
       display: block;color: #999; font-size: 15px;font-weight: lighter;
   }
   .case_l>div a .fl{
       width: 275px;
   }
   .case_l>div a .fr{ font-size:56px;font-family: "airal";color: #dfdfdf;
       width:75px;text-align: right;line-height: 70px;
   }
 .case_r{
   width:800px; overflow:hidden;
 }

.case_l .nep01{border-left: 5px solid #195fab;
    display: block;background: #0f67ff;color: #fff;
}
.nep01 a i{
    color: #fff !important;
}
.nep01 a em{color: #b1ceff !important;}
.nep01 a .fr{color: #b1ceff !important;}

.case_r>div{
   position: relative;overflow: hidden;
}
.case_r>div li{ position: relative;
    width: 48.5%;height: auto; float: left;
}
.case_r>div li:nth-of-type(1){ margin-bottom:25px;
    width: 100%;height: auto;display: block;
}
.case_r li:nth-of-type(1) .pic{
    height: 455px;overflow: hidden;
}
.case_r>div li:nth-of-type(1) .pic img{
    margin-top: -70px;
}
.case_r>div li img{ width: 100%;height: auto;
    display: block;
}
.case_r>div li .txt{color: #fff; font-size: 15px;
    display: block;background: rgba(0,0,0,0.3);text-align: center;bottom: 0;left: 0;width: 100%;line-height: 50px;position: absolute;
}
.case_r li:nth-of-type(3) {
    margin-left: 3%;
}


/*设备展示*/
.prod_all{
    width: 100%;min-width: 1300px;background: url(images/prod_bg.jpg)top center no-repeat; padding: 80px 0;
}
.prod_all .adv_t{
    margin-bottom: 0;
}
.prod_all .adv_t p{
    color: #fff;
}
.prod_all .adv_t dt{
    color: #b1ceff;
}
.adv_t b{ line-height: 18px;
    display: block;color: #666; padding-bottom: 25px;
}
.prod_all .adv_t dl:before,.prod_all .adv_t dl:after{
  background: #b1ceff;  
}



  .prod_b{  background: #fff; margin-top:75px;
      width: 1300px;margin: 0 auto;
  }
  .w1400px{  width: 1300px;margin: 0 auto; position:relative;}
 
     .prod_all .picScroll-left{ overflow:hidden; position:relative; }
	.prod_all .picScroll-left .hd{ overflow:hidden;  height:60px;z-index: 99;  position: relative;text-align:center; width:78%;margin: 0 auto;
top:210px;
		    
		}
	.prod_all	.picScroll-left .hd .prev{ display:block;  width:60px; height:60px; 
			 cursor:pointer; background:url(images/013.png) 0 0 no-repeat; position:absolute;left:0;top: 0;}
     .prod_all    .picScroll-left .hd .next{ display:block;  width:60px; height:60px;  position:absolute;right:0; top: 0;
     cursor:pointer; background:url(images/014.png) 0 0 no-repeat;}
			 
	.prod_all .picScroll-left .hd .prevStop{ background-position:-60px 0; }
	.prod_all .picScroll-left .hd .nextStop{ background-position:-60px -50px; }

	.prod_all .picScroll-left .bd{ padding:0; position:relative; overflow:hidden; margin-top:-25px; }
	.prod_all .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.prod_all .picScroll-left .bd ul li{ margin:0 26px 0 3px; float:left; _display:inline; overflow:hidden; width:410px;box-sizing: border-box;
	 display:block; background:#f5f5f5;position: relative;z-index: 99;
	}
	.prod_all .picScroll-left .bd ul li:after{z-index:1;width: 0%;height: 0%;background: #3d7dea;content: "";display: block; bottom: 0;left: 0; position: absolute; transition: all ease 0.5s;
	}
	.prod_all .picScroll-left .bd ul li:hover:after{
	    width: 100%;height: 100%;
	}
	.prod_all .picScroll-left .bd ul li .pic{ text-align:center; padding:20px 20px 0 20px;
	position: relative;z-index: 2;
	    
	}
	.prod_all .picScroll-left .bd ul li .pic img{ width:100%;  height:auto; display:block; }
	.prod_all .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.prod_all .picScroll-left .bd ul li .title{ line-height:40px; padding:20px 163px 20px 50px; font-size:16px; color:#333;
	    display: block;
	}
	.prod_all .picScroll-left .bd ul li:hover .title{ color:#fff;
	    transition: all ease 0.5s;
	}
	
		.prod_all .picScroll-left .bd ul li .div_item_body{ width: 150px;line-height:40px;border-radius: 20px;text-align: center;color: #555;position: absolute;top: 20px;right: 20px;
		box-sizing: border-box;background: #fff;
		}
	
			.prod_all .picScroll-left .bd .txt{
			   position: relative;z-index: 2;
			}
			
	.prod_all .picScroll-left .bd ul li:hover .div_item_body{
	   transition:  all ease 0.5s; background: #21a64d;color: #fff;
	}
	
	/*合作流程*/
	.process{
    width: 100%;min-width: 1300px;background: #fff;margin-top: 80px; overflow: hidden;box-sizing: border-box;
}    
	.process ul{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; position:relative;}
.process ul:after{ content:''; display:block; position:absolute; width:200vw; height:36px; background:url(images/20210315173822_1645981446.png) repeat-x center; left:-100vw; bottom:20px;}
.process ul li{ width:150px;text-align:center;position: relative; z-index: 3;}
.pctop{ height:212px; background:#f1f1f2; position:relative; transition:all .3s ease; font-size:18px; color:#666666; line-height:30px; font-weight:lighter; margin-bottom:60px;}
.pctop .pcicon{ display:inline-block; margin:40px 0 3px 0; width:52px; height:62px; 
position: relative;z-index: 33;
background:url(images/process_ico.png) no-repeat left top; transition:all .3s ease;}

.pc_t{position: relative;z-index: 33;}
.process ul li:nth-child(2) .pctop .pcicon{ background-position-x:-72px; width:57px;}
.process ul li:nth-child(3) .pctop .pcicon{ background-position-x:-170px;}
.process ul li:nth-child(4) .pctop .pcicon{ background-position-x:-260px;width:62px;}
.process ul li:nth-child(5) .pctop .pcicon{ background-position-x:-368px; width:65px;}
.process ul li:nth-child(6) .pctop .pcicon{ background-position-x:-463px; width:69px;}
.process ul li:nth-child(7) .pctop .pcicon{ background-position-x:-570px; width:70px;}
.pctop:before{ content:''; display:block; position:absolute; width:100%; height:0; transition:all .3s ease; top:0; left:0;background:#0f67ff;}
.pctop:after{ content:''; display:block; position:absolute; left:0; right:0; top:100%; transition:all .3s ease; width:0; height:0; margin:0 auto; border-left:17px solid transparent; border-right:17px solid transparent; border-top:17px solid #f1f1f2;}
.pcnum{ display:inline-block; position:relative; z-index:3; width:76px; height:76px; border:2px solid #f1f1f1; font-family:'fontMd'; font-size:34px; color:#0f67ff; font-weight:bold; line-height:76px; border-radius:50%; background:#fff;}
.process ul li:hover .pcicon{background-position-y:-80px;}
.process ul li:hover .pctop:after{ border-top-color:#0f67ff; }
.process ul li:hover .pctop{ color:#fff;}
.process ul li:hover .pctop:before{height:100%;}
	
/*公司简介*/
.about{
    width: 100%;min-width: 1300px;background: url(images/about_bg.jpg)center top no-repeat; padding-top: 80px;margin-top: 80px;
}    

.about .adv_t p{
    color: #fff;
}
.about .adv_t dt{
    color: #b1ceff;   
}
.about .adv_t dl:before,.about .adv_t dl:after{
  background: #b1ceff;  
}

.about_w{
  font-size: 18px;text-align: center;font-size: 15px;color: #b1ceff;
    line-height: 32px;
}
.about_w a{
    display: block;width: 180px;line-height: 50px;background:#3d7dea;color: #fff;margin:35px auto;text-align: center;
    font-size: 16px;
}
.about_w a:hover{
    background: #008f30;color:#fff;
}

/*企业形象*/
.about_cj{ width: 1300px;position: relative;overflow: hidden;  border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.2);

    margin-top: 50px; background: #fff;padding: 50px; box-sizing: border-box;
}
.about_b{
    width: 1200px;overflow: hidden;
}
 .about_b li {
        float: left;
        margin-right: 20px;
        width: 360px;position: relative;overflow: hidden;
    }
   .about_b li .about_pic {
        width: 360px;
        height: 270px;
     
    }
   .about_b li .about_pic img {
        display: block;
        width: 100%;
        height: 100%;
    }
   .about_b li .about_txt {
        position: relative;
        width: 360px;
        height: 50px;
        text-align: center;
        font-size: 15px;
        color: #555;
        line-height: 50px;
        background: #f5f5f5;
    }
   .about_b li .about_txt span {
        position: relative;
        display: block;
        z-index: 9;
    }
   .about_b li .about_txt:after {
        display: block;
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 0;
        height: 50px;
        transition: all 0.3s;
        background:#0f67ff;
    }
   .about_b li:hover .about_txt:after {
        width: 360px;
    }
    .about_b li:hover .about_txt {color: #fff; }
    
    /*新闻列表*/
    .news{width:100%;min-width: 1300px; margin-bottom: 130px;
        margin-top:80px;}
.newstab{ font-size:0; margin:30px 0; text-align:center;}
.newstab a{ display:inline-block; width:160px; line-height:48px; border-radius:6px; background:#f5f5f5; text-align:center; font-size:18px; color:#222; transition:all .3s ease;}
.newstab a.on{ background:#1859b5; color:#fff;}
.newstab a+a{ margin-left:30px;}

.newscon{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:flex-start; margin-top:10px;}
.newsleft{ width:49%; float:left;}
.newsright{ width:50%; float:right}
.newsright .news_div_item_a{ position:relative;}
.news .newsleft .news_div_item_body{ margin:5% 0 10% 0;}
.news .news_div_item{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;flex-direction: row-reverse;     }
.newsleft .news_div_item{ padding:26px; background:#f5f5f5; position:relative;}
.newsright .news_div_item_content{ width:65%; padding:0 97px 0 20px;}
.newsleft .news_div_item_content{ width:65%; padding-left:40px;}
.newsleft .news_div_item+.news_div_item{ margin-top:2%;}
.newsleft .news_div_item_pic{ overflow:hidden;width:35%;}
.news .news_div_item_pic img{ width:100%; height:auto; transition:all .6s ease;
    display: block;
}
.news .news_div_item:hover .news_div_item_pic img{ transform: scale(1.1);}
.news_div_item:hover .news_div_item_a{color:#0849a3;}
.news .news_div_item_a{ display:block; white-space:nowrap;text-overflow:ellipsis; font-size:18px; color:#666666;}
.news .news_div_item_body{ font-size:14px; color:#666666; font-weight:lighter; line-height:30px; height:64px; overflow:hidden; margin-top:10px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.newsleft .news_div_item_a:after{ content:''; display:block; position:absolute; bottom:26px; right:30px; width:25px; height:25px; background:url(images/20210121160500_2137042453.png) no-repeat center;}
.newsright .news_div_item{ padding:15px; background:#f5f5f5; position:relative;}
.newsright .news_div_item_pic{ width:22%;overflow:hidden;}
.newsright .news_div_item_body {
    height: 60px;
    -webkit-line-clamp: 2;
    line-clamp: 2;
}
.newsright .news_div_item+.news_div_item{ margin-top:2%;}
.newsright .news_div_item_date{ position:absolute; padding-left:20px; text-align:center; height:85px; 
border-left:1px solid #ddd; top:0; margin:auto 0; bottom:0; right:15px; font-size:16px; color:#666666; line-height:26px;font-family: 'FuturaBT2';
    box-sizing: border-box;
}
.newsright .news_div_item_month,.newsright .news_div_item_day{ display:inline-block;}
.newsright .news_div_item_year{ font-size:25px;}
.newsright .news_div_item_a:after{ content:''; display:block; position:absolute; right:-80px; bottom:-68px; width:25px; height:25px; background:url(images/20210121160500_2137042453.png) no-repeat center;}
.newsleft .news_div_item_date{ font-size:0; position:absolute; bottom:30px;left: calc(36% + 28px);}
.newsleft .news_div_item_date>div{ display:inline-block; font-size:18px; color:#999; font-family: 'FuturaBT2';}


/*内页代码*/
.n_boxr{
    width: 1010px;overflow: hidden;position: relative;
}