@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;min-width: 1300px;}
/* -- 内页布局 -- */
.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; min-width: 1300px;
}
.n_box:after{
    display: block;content: "";clear: both;
}
.nboxr{
    width: 980px; position: relative;
}

/*抬头*/
.headerbg{z-index: 11;width: 100%;
   box-sizing: border-box;min-width: 1300px;background: #fff;margin: 0 auto;position: relative;/*box-shadow: 0 5px 10px rgba(0,0,0,10%);*/
}


.header{
    height: 110px;    display: flex;box-sizing: border-box;
    display: -webkit-flex;
   
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;min-width: 1300px;
}

.headerl .logo{
    margin-right: 15px;float:left;
}
.headerl .logo img{ 
    display: block;
}
.headerlw{ 
    font-size: 17px;color: #666;line-height: 1.4;padding: 10px 0 0 0;
}
.headerlw dl{font-size:25px;font-weight:bold;color:#0055a8;}
.headerlw dl span{ color: #ffa800;}

/*导航*/
.nav{}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;}
.iser_box:after{
    display: block;content: "";clear: both;
}
.nav>ul>li{margin-left:47px;}
.headerbg .nav>ul>li.on>a {
    color: #0055a8;
}
.top20{
    margin-top: 20px;
}
.top50{
    margin-top: 50px;
}

  

.nav>ul>li>a{ font-size:17px; color:#222; display:block; line-height:110px; position:relative; 
} 
.nav>ul>li.on>a:before{
    display: block;content: "";width: 100%;height: 2px;background: #0055a8;position: absolute;bottom: 30px;left: 0;
}
.nav>ul>li>a i{display: none;
    margin-left:8px;font-size: 0.8rem;opacity: 0.7;transform: rotate(0);transition: all ease 0.5s;float: right;
}
.nav>ul>li.on>a:after,.nav>ul>li:hover>a:after{ width:100%;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{  color: #fff;}
.nav>ul>li:nth-of-type(3) i,.nav>ul>li:nth-of-type(6) i{ display:block;}

.dropmenu{position:absolute;  overflow:hidden; transition:all .3s ease; top:110px; left:0;right:0;margin: 0 auto;  width:100%; background:rgba(255,255,255,0.95 ); 
 opacity:0; transform:rotateY(90deg);box-shadow:0 5px 10px rgba(0,0,0,.2);text-align: center; border-top: 3px solid #ebebeb;
   padding:50px 0 40px 0;box-sizing: border-box;
    
}
.dropmenu .dhcpfl{padding: 25px; box-sizing: border-box;
    line-height:32px;box-shadow: 0 0 10px rgba(0,0,0,15%);display: block;margin: 0 auto  30px auto;background: #fff;border-radius:10px; display: none;
}
.dropmenu .dhcpfl a{
    display: inline-block;font-size: 16px;color: #333; margin: 0 1.3vw;
}
.dropmenu .dhcpfl a:before{ 
    display: inline-block;content: "";width: 8px;height: 8px;border-radius: 50%;border: 3px solid #ccc; margin-right: 5px;
}
.dropmenu .dhcpfl a:hover{ color:#0055a8;}
.dropmenu .dhcpfl a:hover:before{border: 3px solid #0055a8;}

.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu .dhzdylm a{ display:inline-block; line-height:40px; font-size:15px; color:#666; text-align:center; transition:all .3s ease;  margin:0 0.6vw; overflow:hidden; color:#666;}

.dropmenu .dhzdylm a .pic{  border: 1px solid #eee;
    overflow: hidden;
}
.dropmenu .dhzdylm a img{transition: all ease 0.5s;
    width:134px;display: block;height: auto;
}

.nav>ul>li:nth-of-type(6) .dropmenu .dhzdylm a img{
    width: 200px;
}


.dropmenu .dhzdylm a:hover{color:#0055a8;}

.dropmenu .dhzdylm a:hover img{
    transform: scale(1.1);
}
.nav>ul>li:nth-of-type(3) .dropmenu .dhcpfl.cp{ display: block;}
.nav>ul>li:nth-of-type(5) .dropmenu .dhcpfl.lm{ display: block;}


.hidden{
    display: none;
}


/*语音切换*/
.language{
    width: 130px;color: #fff;text-align: center; position: relative;cursor: pointer; margin: 35px 0 0 37px;
}
.language .bbqh{border-radius: 8px;
    line-height: 40px;background: #0055a8;color: #fff;text-align: center; font-size: 15px; height:40px;}
.language .bbqh em{
    color: #fff6;display: inline-block;
}

.language .bbqh i{
    color: #fff6;display: inline-block; font-size: 0.8rem;
}

.language .bbqh span{
    padding: 0 2px;
}
.language .qhan{width: 100%;
    position: absolute;height: 0;top: 40px;line-height: 40px;overflow: hidden;transition: all ease 0.5s;
}
.language .qhan a{font-size: 15px; border: 1px solid #eee;border-top:none;
    display: block;background: #fff;color: #222;}
.language .qhan a:hover{background: #f2f2f2; color:#0055a8;}    

.language:hover .qhan{
    height: 246px;
}

.language .qhan a img{display: inline-block;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;}


/*产品展示*/
.probg{background: #f5f5f5;}
.prodall{ 
    width: 80%;padding: 100px 0;text-align: center; min-width: 1300px; margin: 0 auto;
}
.prodt { margin-bottom:45px;text-align:center;}
.prodt dl{ font-size:40px;color:#222;line-height:1;padding-bottom:10px;font-weight:bold;}
.prodt span{color:#0055a8;}
.prodt p{
    text-transform: uppercase;color: #666;font-size: 17px;
}
.prodmore{
    display:inline-block;padding: 0 50px;background: #fff;color: #888;font-size:16px;line-height: 48px; border-radius:10px; margin-top: 60px;transition: all ease 0.5s;
}
.prodmore:hover{color: #fff;background: #0055a8;
    border-radius: 10px 0 10px 0;padding: 0 80px;
}

.prodall .picScroll-leftcp{ overflow:hidden; position:relative; }
.prodall .picScroll-leftcp .hd{ overflow:hidden;  height:50px; width: 100%;top: 165px;
		position: absolute;
		    
		}
	.prodall .picScroll-leftcp .hd .prev{ display:block;  width:80px; height:50px; 
			 cursor:pointer; text-align: center;color: #888;line-height: 50px;font-size:32px;
		position:absolute; right:0;top:0;}
     .prodall .picScroll-leftcp .hd .next{ display:block;  width:80px; height:50px; 
			 cursor:pointer; text-align: center;color: #888;line-height: 50px;font-size: 32px;
		position:absolute; left:0;top:0;
	}
	
.prodall .picScroll-leftcp .hd .prev:hover,.prodall .picScroll-leftcp .hd .next:hover{color:#0055a8;}	

	.prodall .picScroll-leftcp .bd{   }
	.prodall .picScroll-leftcp .bd ul{ overflow:hidden; zoom:1; }
	.prodall .picScroll-leftcp .bd ul li{ margin:0 ; float:left; _display:inline; overflow:hidden; text-align:center; 
width:calc(100% / 3);-webkit-width:calc(100% / 3);-ms-width:calc(100% / 3);		display:block;}
	.prodall .picScroll-leftcp .bd ul li a{ overflow: hidden;border-radius:10px;
		display: block;margin: 0  15px; background: #fff;
	}
	.prodall .picScroll-leftcp .bd ul li .pic{ overflow: hidden;position: relative;transition: all ease 0.5s;
	    
	}

	.prodall .picScroll-leftcp .bd ul li .pic img{ width:100%;  height:auto; display:block; transition: all ease 0.5s;}
	.prodall .picScroll-leftcp .bd ul li:hover .pic img{transform:scale(1.1);}
	.prodall .picScroll-leftcp .bd ul li .txt { line-height:1.6;padding:10px 25px 40px 25px;font-size: 15px;color: #333; transition: all ease 0.5s; 
	    
	}
	.prodall .picScroll-leftcp .bd ul li .txt span{color:#666;}
	.prodall .picScroll-leftcp .bd ul li .txt h3{
	    display: block;font-size: 20px;color: #222;line-height: 1; margin-bottom: 15px;
	}
	.prodall .picScroll-leftcp .bd ul li:hover .txt h3{ color:#0055a8;}
	
	
	
/*公司简介*/
.about{
    width: 100%;min-width: 1300px;background: url(images/aboutbg.jpg)center top no-repeat; padding: 90px 0; border-bottom: 1px solid #eee;
}


.aboutt,.aboutb{
    display: flex;justify-content: space-between;
}
.aboutt .topword{ font-size:16px; color:#fff;
    line-height: 2;
}
.aboutt .topword h3{display:block;
    font-size: 40px;color: #fff;line-height: 1.4;
}
.aboutt .topword dl{ font-size:16px;text-transform:uppercase;
    letter-spacing: 1px;
}




.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; width: 820px;
font-size:18px; color:#555555; text-align:center; }
.num span,.num i{ display:inline-block; vertical-align:top;}
.num span{ font-size:60px; color:#000000; font-family:impact; position:relative; z-index:3;}
.num i{ border-radius:50%; width:30px; height:30px; font-size:16px; font-family:impact; line-height:30px; color:#fff; background:#0055a8; margin-left:5px;}
.num p+p{ margin-top:5px;}

.aboutb{
   margin-top:50px;
}
.aboutbl{ width: 620px;box-sizing: border-box;  position: relative;
    overflow: hidden;border-radius: 10px;overflow: hidden; border: 10px solid #f5f5f5;
}

	.about .picScroll-left3 .bd{  }
	.about .picScroll-left3 .bd ul{ overflow:hidden; zoom:1; }
	.about .picScroll-left3 .bd ul li{width:100%; margin:0 ; float:left; _display:inline; overflow:hidden; text-align:center; 
	
	 display:block;}
	 .about .picScroll-left3 .bd ul li a{
	     display: block;
	 }
	.about .picScroll-left3 .bd ul li .pic{ text-align:center; 
	    height: 100%; box-sizing: border-box; height: 415px;
	}
	.about .picScroll-left3 .bd ul li .pic img{ width:100%;  height:auto; display:block; margin-top:-50px;}

.aboutbl .hd{
    display: block;text-align: center;position: absolute;bottom:10px;left: 0;right: 0;width:100%;
}
.aboutbl .hd li{display: inline-block;border-radius: 50%;overflow: hidden;cursor: pointer;
    width: 10px;height:10px;background: #0055a8;border: 2px solid #fff; margin: 0 3px;color: transparent;
}
.aboutbl .hd li.on{
    background: #ffd900;
}


.aboutbr{width:620px; font-size:16px;line-height:2; position: relative;color: #666;text-align: justify; padding-top:25px;
    
}
.aboutbr p{ overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;}
    
   .aboutbr em{font-weight: bold;font-size: 130px;z-index: 2;letter-spacing: 1px;
       display: block;position: absolute;bottom: -35px;right: 0;line-height: 1;text-transform: uppercase;color: #eaeaea;font-family: "Arial";
   } 
  .aboutbr a{text-align: center;transition: all ease 0.5s;
      display: block; margin-top:65px;width: 180px;line-height: 50px;color: #fff;background: #0055a8;border-radius:8px;
  }  
  
  .aboutbr a:hover{color:#fff; background:#f4a20f;border-radius:0 25px 0 25px;}
  
  /*核心优势*/
  .youshi{
      width: 100%;min-width: 1300px;padding-top: 100px;
  }
    .youshib{
        display: flex;justify-content: space-between;
    }
  .youshib li{ border-radius: 10px;cursor: pointer;
      width: 23%;box-sizing: border-box;text-align: center;padding: 35px;background: #f5f5f5; font-size:15px;line-height: 2;
  }
   .youshib li .pic{border-radius: 50%;
       width: 80px;line-height: 80px;background: #0055a8;color: #fff;font-size: 40px; margin: 0 auto 20px auto;
   }
  .youshib li h3{ font-size:20px;color:#222;}
  .youshib li p{
      margin-top:10px;
  }
  
  .youshib li:hover{
      background: #0055a8;color: #fff7;
  }
  .youshib li:hover .pic{ background:#fff;color:#0055a8;}
    .youshib li:hover h3{color:#fff;}
  
  /*留言*/
  .syliuyan{ margin-top: 100px;
      width: 100%;min-width: 1300px;background: #eee url(images/liuyanbg.jpg)top no-repeat; height: 600px;box-sizing: border-box; padding-top: 140px;
  }
  .syliuyanr{
      width: 615px;position: relative; box-sizing: border-box; padding-right: 50px;
      
  }
  .syliuyanr h3{
      font-size:34px;color:#222; line-height: 1.3;
  }
  .syliuyanr dl{ font-size:20px; color:#222; line-height:2;}
  
  .shouyely{ margin-top:13px;}
.shouyely .feedback_content li{ width:32%;
    box-sizing: border-box;float: left;
}
.shouyely .feedback_content li+li{ margin-left:2%;}
.shouyely .feedback_content li input{ box-sizing: border-box;font-size: 15px;
    width: 100%;line-height: 44px;border: 1px solid #eee;outline: transparent; padding-left: 20px;
}
.shouyely .feedback_content li.fb_message{ width:100%;margin-left:0; margin-top:2%;}
.shouyely .feedback_content li.fb_message .wbf-textarea{width:100%;padding: 20px; line-height:1.4;border: 1px solid #eee;outline: transparent;  min-height:66px;
    box-sizing: border-box;font-size: 15px;
}
.xiamtj{
    text-align: center;margin-top: 15px;
}
.xiamtj li{
    display: inline-block;margin: 0 10px;
}
.xiamtj li input{border:none;outline:transparent; line-height:40px;padding:0 15px; width:90px;}
.xiamtj li.yzma{
    background: #f5f5f5;padding: 8px;
}
.xiamtj li.yzma img{
   display: inline-block;
    margin: 0px 0 0 10px;
    vertical-align: middle;
}
.xiamtj li.chongzhi input{
    line-height: 46px;background: #f2f2f2;color: #333;width: auto;padding: 0 30px;font-size: 15px;
}
.xiamtj li.tijiao a{
    line-height: 46px;background: #0055a8;color: #fff;padding: 0 30px;font-size: 15px;display: block;
}

/*版权*/
 .copyright{
     width: 100%;min-width: 1320px;padding-top: 50px; background: #333;
     position: relative;
 }

 .copyright .cynav { 
     display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    line-height: 2.2;width:670px;
    
   }
    
    .copyright .cynav dl{
        font-size: 20px;color: #fff;display: block;
    }
.copyright .cynav a{
    display: block;font-size: 15px;color: #fff7;
}    
.copyright .cynav a:hover,.cyrightel p a:hover{
    color: #fff;
}
.cyrightel p:before{
    display: inline-block;padding-right:8px;
}

.copyright .cynav li:nth-of-type(2){width:320px;}
.copyright .cynav li:nth-of-type(2) a{
    display: block;float: left;width: 150px;
}
.copyright .cynav li:nth-of-type(2) a:nth-of-type(2n){ margin-left:20px;}
.copyright .cynav li:after{
    display: block;content:"";clear: both;
}







.cyrightel{    line-height: 2.2; color: #fff; margin-left:4%;
    width: 350px;font-size: 1rem;
}
.cyrightel dl{font-size: 20px;}
.cyrightel dt{
    display: block;font-size: 30px;line-height: 1; padding-bottom: 5px;padding-top: 5px;
}
.cyrightel dt em{
    display: inline-block;font-size: 16px;color: #fff7;
}
.cyrightel p{    line-height: 1.6;padding-top: 10px; color:#fff7;}
.codebq dl{font-size: 22px;text-transform: uppercase;
    color: #fff;text-align: center;
} 
.cyrightel p a{font-size: 1rem;color:#fff7;}

.codebq img{ margin-top: 18px;
    display: block;width: 180px;height: auto;
}
.copyright .bottom{ margin-top:30px;
    line-height: 10vh;font-size: 15px;color: #fff7; border-top: 1px solid #424141;
}
.copyright .bottom a{
    color: #fff7;font-size: 15px;
}
.copyright .bottom a:hover{color:#fff;}


/*左边分类*/
.cpfl{width:270px;box-sizing:border-box;border:15px solid #0055a8;background:#fff;}
.cpflt{color:#fff;background:#0055a8;line-height: 1.4;text-align: center;
    padding: 20px 20px 30px 20px;
}
.cpflt h3{font-size:28px;}
.cpflt dl{color:rgba(255,255,255,0.6);
    text-transform: uppercase;font-size: 16px;letter-spacing: 1px;
}
.cpflc{
    padding:10px 20px;
}

.cpflc a{
    display: block;border-radius: 25px;line-height: 46px;margin: 15px 0;text-align: left;font-size: 15px;background: #f5f5f5;color: #222; padding-left: 30px;
}
.cpflc li.on a{
    background:#0055a8;color:#fff;
}

.cpflb{background: #0055a8;padding:30px 0 20px 0;
    color: #fff; font-size: 16px;line-height:36px;
}
.cpflb dl{ font-size:28px;font-weight:bold; }

.category-link.active {
    background-color: #0055a8; 
    color: #fff; 
  
  }

.danyeimg {
    border: 1px solid #eee;padding: 3vw;
}
.danyeimg img{
    display: block;max-width: 100%;height: auto; margin: 0 auto;
}

/*内页幻灯片*/

.mod1019 .banner .ban_bg{ overflow: hidden;display: flex;    justify-content: center; align-items: center;
   
    text-align: center;color: transparent;position: relative;
}
 .banner_w {   width:auto;  font-size: 20px;    color: #fff; line-height:1.6;text-align:center;  margin-top:-60px;}
.banner_w b {    display:block; color: #fff; font-size:50px; letter-spacing:2px; font-weight:normal; font-weight:bold;}
.banner_w b span{   display: block;} 
.textright{ text-align: right !important;}
 
 .miaoshu .banner_w {display:none;}