@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;
}

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

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.fl_11{color:#999;
}
.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;
}


body{margin:0 auto; font-family:"microsoft yahei"; color:#525252; font-size:14px; min-width:1300px; overflow-x: hidden;}
div,dl,ul,li,span,p,img,h1,h2,dl,p,em,i,h6{margin:0px; padding:0px; list-style:none; border:0px; font-weight: normal; font-style: normal;}
.clear{clear:both; height:0px; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}

.cp img{border:1px solid #ccc; background-color:#fff; padding:2px; background-color:#fff;}
.cp a:hover img{border:1px solid #0069ca; background-color:#fff; padding:2px;}
a{color:#525252; text-decoration: none; cursor:pointer;}
.trans1 img{transition:all 0.8s linear; -webkit-transition:all 0.8s linear; -moz-transition:all 0.8s linear; -ms-transition:all 0.8s linear;}
.trans1 img:hover{ transform: rotate(360deg);-webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -moz-transform: rotate(360deg);}
		
.trans2 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.trans2 img:hover{ transform: scale(1.2); -o-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -wbkit-transform: scale(1.2);}
	
 .trans3 img{transition:all 0.5s linear; -webkit-transition:all 0.5s linear; -moz-transition:all 0.5s linear; -ms-transition:all 0.5s linear;}
.trans3 img:hover{ transform: rotateY(360deg);}
 
 a:hover{text-decoration: none; color:#3c86f5;}
.box,.head_all,#news,.page,#nav_all,#adv,#workshop,#link{width:1300px; height:auto; margin:0 auto; position: relative;}
  .box:after,head_all:after{ display: block; clear: both; content: "";}
  
   /*顶部*/
.top_all{ width:100%; min-width:1300px;color:#999;  background:#f9f9f9;line-height:45px; font-size: 13px; border-bottom: 1px solid #f2f2f2;}
	 .top_all .box{ position: relative;}
.top_all .fr a{color:#999; font-size: 13px;}
.top_all .fr a:hover{ color:#999;}
.top_all .fr span{padding:0 20px;}

  
  /*抬头*/
.hsecond{height: 150px;}
.hleft{font-size: 0; margin-top: 30px;}
.hleft p{display: inline-block;vertical-align:middle;}
.htitle{font-size: 40px;color: #0072ff;position: relative; margin-top:5px; }
.htitle b{font-size: 44px;color:#222; line-height: 44px; position: relative;z-index: 2;}
.htitle em{display: block;position: absolute;width:250px;background: url(images/logo_bg.png);border-radius: 150px;height: 54px; z-index: 1; top: 17px;left: 0;  overflow: hidden;}
.hline{ margin: 0 15px 0 15px; width: 2px;height: 60px;border-left: 2px dotted rgba(22,126,255,0.2);     margin-top: 10px;}
.hmean{font-size: 18px;color:#555;font-weight: lighter; margin-top:5px;}
.hmean span{display: block; margin-bottom:8px; font-size: 28px; font-weight: bold; color: #333;line-height:28px;
 
}
.hsecond .code{
    text-align: center;font-size: 14px;line-height:1.3;width: 110px; margin: 10px 0 0 60px;
}
.hsecond .code img{
    display: block;width: 100%;height: auto;
}


.hmean i{color:#0072ff;
    font-weight: bold;
}
.htel{font-size: 16px;color: #838c85;line-height: 28px;padding-left: 52px;background: url(images/004.png) no-repeat left 12px;margin-top:45px;}
.htel span{font-size: 32px;color: #222;font-family: times; font-weight:bold;display:block;}
.htel i{display: block;font-weight:bold}

/*产品展示*/
.prod_all{
    width: 100%;min-width: 1300px;padding: 80px 0;overflow: hidden;
}    
.prod_t{ margin-bottom: 40px;
    text-align: center;font-size: 18px;line-height: 40px; color: #888;font-weight: lighter;
}
.prod_t dl{ font-weight: normal;
    font-size: 40px;color: #222; padding-bottom: 5px;
}
.prod_t dl strong{
    color: #0072ff;
}
.prod_t p{
    padding-bottom: 8px;
}
.prod_t .icon{ position: relative;
    display: block;margin: 0 auto;width: 80px;height: 4px;
}
.prod_t .icon:before{ display:block;content: "";position: absolute;top: 0;left: 0;
    width: 50%;height: 4px;background: #0072ff;
}
.prod_t .icon:after{ display:block;content: ""; position: absolute;top: 0;right:0;
    width:50%;height: 4px;background: #ffa800;
}

.prod_b{
    position: relative;
}
.prod_r{
    width: 980px;
}
.colee{overflow: hidden;
    height: 640px;
    width: 980px;}

.colee table td{width: 32%; height: auto;display: block ;float: left;  margin: 2% 2% 0 0; border: 1px solid #ddd; 
    box-sizing: border-box;
    }
    .colee table td:nth-of-type(3n){
        margin-right: 0;
    }
.colee table td span{line-height:50px;}

.prod_b table tr td a{display: block;overflow: hidden}
.prod_b table tr td:hover span a{ background:#0072ff; color:#fff;}
.prod_b table tr td>a{width:100%;overflow:hidden;
}
.prod_b table tr td br{display: none;}
.prod_b img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; width:100%; height:auto;
    display: block;width: 100%;
}
.prod_b 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{ padding-top: 80px; position: relative; padding-bottom: 83px;
    width: 100%;min-width: 1300px;background:#f5f5f5 url(images/feature_bg.jpg) top center no-repeat;
}
.feature:after{ display:block; content: "";height:600px ; background:url(images/feature_bbg.png) center top no-repeat;
    position: absolute;z-index:1 ;left: 0;right: 0;bottom: 10px;
}
.feature .prod_t dl,.feature .prod_t dl strong{
    color: #fff;
}
.feature .prod_t .icon:before{ background:#fff;}
.feature .prod_t p{
    color: rgba(255,255,255,0.6)
}
.feature_b{ position: relative;z-index: 2;
    background: #fff;border-radius:66px 66px 0 0;overflow: hidden;
}
.feature_b li{ padding:60px 50px;height:300px;transition: all 0.5s ease;
    display: block;width: 50%;box-sizing: border-box;border-right: 1px solid #eee;
}
.feature_b li:nth-of-type(n+3){border-top: 1px solid #eee; 
}
.feature_b li:nth-of-type(2n){
    border-right: none;
}
.feature_b li .img{ box-sizing: border-box;padding: 20px;
    width: 100px;height: 100px;overflow: hidden;border-radius: 50%;background: #f5f5f5; float: left;margin-right: 10px;
animation:mymove1 3s infinite; -moz-animation:mymove1 3s linear infinite;-ms-animation:mymove1 3s linear infinite; -o-animation:mymove1 3s linear infinite; -webkit-animation:mymove1 3s linear infinite;}
  
    @-webkit-keyframes mymove1
{
0% { transform: rotate(0)}
100%{transform: rotate(360deg)}
}
@-moz-keyframes mymove1
{
0% { transform: rotate(0)}
100%{transform: rotate(360deg)}
}
.feature_b li:hover{
    box-shadow: 0 0 20px rgba(0,0,0,15%);
}
.feature_b li .txt{ width: 420px; font-size: 15px;font-weight: lighter;color: #888; line-height: 32px;
}
.feature_b li .txt dl{
    font-size: 30px;color: #222;line-height: 40px;
}
.feature_b li .txt dt{ font-family:"arial";font-size: 14px;color: #ccc;text-transform: uppercase; 
    display: block;
}
.feature_b li .txt dt:after{
    display: block;width: 50px;height: 2px;background: #0072ff;content: "";margin: 30px 0 25px 0;
}

/*公司优势*/
.adv_all{
    margin-top: 80px;
    width: 100%;min-width: 1300px; position: relative;
}    
.adv_b{
    
}
.advtitl{ text-align:center; font-size:45px; color:#ffffff; }
.advtitl span{ display:block; font-size:20px; color:#bac3d7; font-weight:lighter; margin-top: 10px;}
.advtab{ font-size:0; margin:50px 0 25px 0;}
.advtab li{ display:inline-block; vertical-align:top; cursor:pointer;}
.advtab li+li{ margin-left:20px;}
.advtab li i{ display:inline-block; height:100px; vertical-align:top; background:#eee; position:relative; border-radius: 20px 0 0 0;}
.advtab li span{box-sizing:border-box; display:inline-block; vertical-align:top; padding-left:20px; line-height:100px; font-size:30px; color:#222;  width:222px; background:#f5f5f5; border-radius: 0 0 20px 0;}
.advtab li i:after{ content:''; display:block; position:absolute; width:23px; height:12px; background:url(images/001.png) no-repeat center; bottom:-20px; opacity:0; visibility:hidden; transition:all .3s ease; left:0; right:0; margin:0 auto;}
.advtab li.on i:after{ bottom:-12px; opacity:1; visibility:visible;}
.advtab li.on i{ background: #0072ff;
}
.advtab li.on i img{filter: brightness(0) invert(1);
}
.advtab .on span{color: #fff;background: #006cf1;
    
}
.advcon{ padding:0; background:#f5f5f5; height: 500px;
    box-sizing: border-box;
}
.adv_c{ margin:45px 0 0 0;}
.adv_c p{ font-size:16px; color:#3a3c40; font-weight:lighter; padding-left:25px; line-height:35px; position:relative;}
.adv_c p+p{ margin-top:25px;}
.advleft{ width:550px; text-align:justify; padding:50px;}
.adv_c p:after{ content:''; display:block; position:absolute; left:0; width:8px; height:8px; background:#0072ff; border-radius:50%; top:13px;}

.adv_t{ font-size:14px; color:#ccc; white-space:nowrap; text-transform:uppercase; line-height:38px;}
.adv_t span{ vertical-align:top; display:inline-block; width:87px; height:79px; background:#0072ff; line-height:79px; text-align:center; font-size:60px; color:#ffffff; font-family:arial;
    font-weight: bold;
}
.adv_t p{ display:inline-block; vertical-align:top; margin-left:25px;}
.adv_t p b{ display:block; font-size:35px; color:#222; padding:3px 0 5px 0;}
 .adv_tel{width:460px; box-shadow: 0 0 0 rgba(0,0,0,10%);margin-top: 35px; background:#fff url(images/adv_tel.png) 50px center no-repeat; padding-left: 90px;
     line-height: 70px;
 } 
  .adv_tel em{font-size: 30px;font-family: "arial"; color: #222;
      display: block;float: left;
  }
  .adv_tel i{font-size: 16px; display: block;float: left;
  }
  .adv_tel:after{
      display: block;content: "";clear: both;
  }
  
 /*简介 */
 .about_all{ margin-top: 80px;
    width: 100%; min-width: 1300px;background: url(images/about_bg.jpg) center top no-repeat;
}    
.about_l{ padding-top:80px;}
   
.about_l p{ font-size: 40px;color: #222;line-height: 40px;
}
.about_l a{ background: #0072ff;text-align: center;color: #fff; font-size: 16px;
    display: block;width: 180px; line-height: 50px;margin-top: 35px;
}
.about_l a:hover{ background:#ffa800; color:#fff;}
.about_c{ margin-top: 50px; background: #fff;
    box-sizing: border-box;padding: 50px 60px;text-align: justify;box-shadow: 0 0 10px rgba(0,0,0,8%)
}
.about_c p{text-indent: 2em;
    font-weight: lighter;color: #888; line-height: 32px;font-size: 15px;padding:8px 0;
}

.n_box{
    width: 1300px;margin: 60px auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}
.prod_n{
    width: 980px;
}
.column_content_page_content{
    width: 100% !important; background: #f9f9f9;padding: 50px;box-sizing:border-box;
}
.mod1061 .pro_content_con p strong{
    font-weight: normal;font-size: 15px;line-height: 32px;
}