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


/*抬头*/
.headerbg{z-index:11; 
    width: 100%;box-sizing: border-box;min-width: 1360px;background: #fff;margin: 0 auto;position: relative;
}
.htop{
   
    line-height: 34px;font-size: 13px;color: #aaa;font-weight: lighter;border-bottom: 1px solid #eee; 
}
.htop h1{
    display: inline-block;font-weight: normal;color: #0174c5;font-size: 14px;vertical-align: center; font-weight: bold;
}
.htop a{font-size: 13px;color: #aaa;}
.htopr a{font-size:14px;
    display: inline-block; float: left;
}
.htopr a:after{
    display: block;content: "";clear: both;
}
.htop a span{float:left;display:block;}
.htopr a:before{float:left;
    font-size: 18px;padding-right:5px;vertical-align: revert;display: inline-block;
}
.htopr a.alibb:before{font-size:22px;}

.htopr i{float:left;
   height: 13px;border-left: 1px  dotted #bbb;margin: 11px 20px 0 20px;vertical-align: inherit;}
.htopr em{float:left;
    font-size: 20px;font-family: "arial";color: #0174c5;font-weight: bold;display: inline-block;
    vertical-align: bottom;
} 
.header{box-shadow: 0 5px 10px rgba(0,0,0,10%); width:100%;background:#fff;min-width: 1360px;}
.header.navtop{
    position: fixed;top: 0;
}
.header .box{
    height: 100px;    display: flex;
    display: -webkit-flex;
    position: relative;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
}
.headerl .logo{ height:100px;border-right: 1px solid #eee;line-height:1.2; padding-right:10px;}
.headerl .logo img{
    display: block;padding:25px 15px 0 0;
}
.headerl .logo dl{font-size:36px;font-weight:bold;color:#0174c5; padding-top:22px;}
.headerl .logo p{font-size:12px;text-transform:uppercase;letter-spacing: 0.1px;
    transform: scale(0.9);margin-left:-10px;
}
.headerlw{
    font-size: 16px;color: #666;line-height: 1.2;padding:25px 0 0 15px;
}
.headerlw h1{font-size:20px;color:#222;}
.headerlw h1 span{color:#0174c5;}

/*导航*/
.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{ position:relative; margin-left:32px;}
.headerbg .nav>ul>li.on>a {
    color: #0174c5;font-weight: bold;
}
.top20{
    margin-top: 20px;
}
.top50{
    margin-top: 50px;
}

  

.nav>ul>li>a{ font-size:17px; color:#222; display:block; line-height:100px; position:relative; 
} 
.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(2) i,.nav>ul>li:nth-of-type(3) i,.nav>ul>li:nth-of-type(6) i{ display:block;}

.dropmenu{position:absolute; border-radius:5px; overflow:hidden; transition:all .3s ease; top:100px; left:-20%; width:140%; background:rgba(255,255,255,0.98); 
box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transform:rotateY(90deg);
    padding:10px 0;
}

.nav>ul>li:nth-of-type(3) .dropmenu{left:-50%; width:200%;}
.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:36px; font-size:15px; color:#666; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ color:#fff;
    background: #0174c5;
}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}


.hidden{
    display: none;
}

/*优势*/
.ysall{
    width: 100%;min-width: 1360px; border-bottom: 1px solid #eee;background: #fff;display: flex;overflow: hidden;
}

.ysall li{position: relative;cursor: pointer;
    width: 25%; box-sizing: border-box;padding: 2vw 2vw;text-align: center;font-size: 16px;line-height: 1.6;color: #999;background: linear-gradient(to right,#fff,#f5f5f5);
}
.ysall li .pic{line-height: 1.2;position: relative;z-index: 2;transition:all ease 0.5s;
    font-size:46px;color: #0174c5;
}
.ysall li:before{z-index: 2;
    display: block;content:"";width: 10px;height: 10px;border-radius: 50%;overflow: hidden;/*background: #f08000;*/position: absolute;left: 0;right: 0;top:47px; margin: 0 auto;
}

.ysall li dl{ font-size:26px; color:#222;padding:3px 0 5px 0;position: relative;z-index: 2;transition:all ease 0.5s;}
.ysall li p{font-weight:lighter;position: relative;z-index: 2;transition:all ease 0.5s;}
.ysall li:after{content:"";
    display: block;width: 100%;height:0;background: #0174c5;position: absolute;left: 0;right: 0;bottom: 0;z-index: 1;transition: all ease 0.5s;
}
.ysall li:hover:after{
    height: 100%;
}
.ysall li:hover dl{color:#fff;}
.ysall li:hover .pic,.ysall li:hover p{color:#fff7;}




/*产品展示*/
.prodall{
    width: 100%;min-width: 1360px;background: #fff;padding: 80px 0;
}
.prodt{
    text-align: center;font-size: 18px;color: #666;line-height: 2; margin-bottom:15px;
}
.prodt dl{ font-size:40px;color:#222;line-height:1; padding-bottom:5px;
    font-weight: bold;
}
.prodt dl span{color:#0174c5;}
.prodt em{
    display: inline-block;text-align: center;width: 10px;height: 10px;border-radius: 50%;overflow: hidden;background: #f08000;margin: 5px;
}

		.proqh .picScroll-leftcp{ overflow:hidden; position:relative;   }
	
	
.proqh .picScroll-leftcp .bd{   }
.proqh .picScroll-leftcp .bd ul{ overflow:hidden; zoom:1; }
.proqh .picScroll-leftcp .bd ul li{ width:100%; float:left; _display:inline; overflow:hidden; text-align:center; }
.proqh .picScroll-leftcp .bd ul li a{box-sizing: border-box;border: 1px solid #eee; margin-right: 2%;position: relative;
    width: 23.5%;float: left;}
   .proqh .picScroll-leftcp .bd ul li a:nth-of-type(4n){ margin-right:0;}
.proqh .picScroll-leftcp .bd ul li a:nth-of-type(n+5){ margin-top:2%;}

.proqh .picScroll-leftcp .bd ul li .pic{ text-align:center; overflow:hidden; padding:15px 20px;}
.proqh .picScroll-leftcp .bd ul li .pic img{ width:100%; height:auto; display:block;transition:all ease 0.5s;   }
.proqh .picScroll-leftcp .bd ul li a:hover img{ transform:scale(1.15);  }
.proqh .picScroll-leftcp .bd ul li .txt{line-height:1.6;background:#f9f9f9;padding:0 10px;
}
.proqh .picScroll-leftcp .bd ul li .txt dl{
    display: none;
}
.proqh .picScroll-leftcp .bd ul li .txt span{display:block;font-size:15px;line-height:50px;}
/*.proqh .picScroll-leftcp .bd ul li a:nth-of-type(1){ margin-left:0; 
    width:48%; 
} 
.proqh .picScroll-leftcp .bd ul li a:nth-of-type(1) .txt{ padding:15px 20px 20px 20px;}
.proqh .picScroll-leftcp .bd ul li a:nth-of-type(1) dl{display: -webkit-box; color:#888;}

.proqh .picScroll-leftcp .bd ul li a:nth-of-type(1) .txt span{ font-size:20px;color:#222;}

*/
.cpqh{text-align:center;  margin-bottom:35px;}
.cpqh li{
    display: inline-block;
}
.cpqh li a{
    display: block;font-size: 17px;background: #f5f5f5;border-radius: 25px;line-height: 45px;color: #222;padding: 0 40px;margin: 0 20px;
}
.cpqh li.on a{background:#0174c5; color:#fff;}
.proqh .picScroll-leftcp .bd ul li a:hover .txt{ background:#0174c5;}
.proqh .picScroll-leftcp .bd ul li a:hover .txt span{color:#fff;}
.proqh .picScroll-leftcp .bd ul li a:nth-of-type(1):hover dl{color:#fff7;}



/*产品特点*/
.feature{overflow: hidden;
    width: 100%;min-width: 1360px;background: url(images/featurebg.jpg)center top no-repeat; padding-top: 80px; color: #fff;
}
.feature .prodt dl{ color:#fff;}
.feature .prodt p{color:#fff7;}
.feature .prodt em{ background:#fff4;}
.featureb{
    margin-top: 150px; height:380px;
}
.featureb li{position: relative;
    display: block;text-align: center;font-size: 20px;color: #fff;
}
.featureb li .pic{ margin: 0 auto;cursor: pointer;
    width: 90px;height: 90px;line-height: 90px; background: #fff;border: 10px solid #1b84cf;border-radius: 50%;font-size: 40px;color: #0174c5;
}
.featureb li dl{ padding-top:10px;}
.featureb li+li{ margin-left:80px;}
.featureb li:nth-of-type(3){ margin-left:720px;}
.tdtel{
    width: 100%;min-width: 1360px;background:#f5f5f5 url(images/tdtel.png)center top no-repeat;height: 250px;box-sizing:border-box;padding-top: 50px;
}

.tdtell{
    font-size: 18px;
}
.tdtell dl{ font-size:36px;font-weight:bold;line-height:40px;}
.tdtell dt{
    display: block;font-size: 15px;text-transform: uppercase;font-family: "arial"; color: #fff6;letter-spacing: 1px;
    border-bottom: 1px solid #fff2;padding-bottom: 10px;margin-bottom:14px;line-height: 30px;}
.tdtell dd{
    font-size:19px; letter-spacing: 0.8px;
}    

 .arrow1{ animation: arrow1  3s infinite linear;    -moz-animation: arrow1 3s infinite linear;    -ms-animation: arrow1 3s infinite linear;    -o-animation: arrow1 3s infinite linear;    -webkit-animation: arrow1 3s infinite linear;}
@-webkit-keyframes arrow1
{
0% {top:20px;}
50% {top:-50px;}
100%{top:20px;}
}
@-moz-keyframes arrow2
{
0% {top:20px;}
50% {top:-50px;}
100%{top:20px;}
}
  

@-o-keyframes arrow2
  
{
0% {top:20px;}
50% {top:-50px;}
100%{top:20px;}
    
}


 .arrow2{ animation: arrow2  3s infinite linear;    -moz-animation: arrow2 3s infinite linear;    -ms-animation: arrow2 3s infinite linear;    -o-animation: arrow2 3s infinite linear;    -webkit-animation: arrow2 3s infinite linear;}
@-webkit-keyframes arrow2
{
0% {top:-50px;}
50% {top:20px;}
100%{top:-50px;}
}
@-moz-keyframes arrow2
{
0% {top:-50px;}
50% {top:20px;}
100%{top:-50px;}
}
  

@-o-keyframes arrow2
  
{
0% {top:-50px;}
50% {top:20px;}
100%{top:-50px;}}





.tell{ margin-top: 20px;
    margin-right:80px; font-size:17px; line-height:36px;}
.tell dl{font-size:36px; border-top: 1px solid #fff1;padding-top:10px;margin-top:10px; line-height:38px;
    font-weight: bold;font-family: "Arial";
}   
.tell i{font-size:18px}
 
    
.tdtelr{
    position: relative;
}
.tdtelr .code{
   width: 130px;border:8px solid #fff2; margin-top: 24px;
}
.tdtelr .code img{
    display: block;width: 100%;height: auto;
}


/*应用案例*/
.case{
    width: 100%;min-width: 1360px;padding:70px 0 80px 0;background: #f5f5f5; 
}
.caseb a{transition: all ease 0.5s;overflow: hidden; border-radius: 8px;
    display: block;width: 32%;box-sizing: border-box;float: left;margin-right: 2%;
}
.caseb a:nth-of-type(3n){
    margin-right: 0;
}
.caseb a:nth-of-type(n+4){ margin-top:2%;}
.caseb a .pic{
    overflow: hidden;
}
.caseb a .pic img{display:block;width:100%;height:auto;transition:all ease 0.5s;}
.caseb a .txt{
    line-height: 60px;background: #fff;text-align: center;font-size: 18px;color: #333;
}
.caseb a:hover .pic img{
    transform: scale(1.1);
}
.caseb a:hover .txt{ background:#0174c5;color:#fff;transition: all ease 0.5s;}
.caseb a:hover{ border-radius:15px;
    box-shadow: 0 0 10px rgba(0,0,0,40%);
}

/*合作流程*/
.process{
    width: 100%;padding: 80px 0 40px 0;background: #fff;
}
.processb li{ border-radius: 10px;border: 1px solid #eee;
    width: 200px;text-align: center;background: #f9f9f9;box-sizing:border-box;line-height: 1.5; padding:30px 20px;
}
.processb li .pic{font-size:50px;color:#0174c5;}
.processb li dl{font-size:22px; color:#222;}
.processb li dt{font-size:12px;text-transform:uppercase;color:#888;}
.processb .arrow{
    line-height: 180px;font-size: 30px;color: #888;width: 90px;text-align: center;
}

.proc_pho{display: flex;background: #0174c5;width:830px;height: 60px;align-items: center;justify-content:center;border-radius: 30px;margin:60px auto 0;}
.proc_pho b{font-size: 24px;color: #fff;}
.proc_pho p{width: 290px;height: 100%;background: #333;color: #fff;font-size: 18px;text-align: center;line-height: 60px;border-radius: 30px;margin:0 16px;}
.proc_pho>span{color: #fff;font-size: 36px;font-family: "Arial";font-weight: bold;}
.proc_pho p span{display: inline-block;margin-right:3px;
    font-size: 22px;
}


/*公司简介*/
.about{
    width: 100%;min-width: 1360px;background:#f5f5f5 url(images/about.jpg)center top no-repeat; box-sizing: border-box;padding:125px 0 80px 0;
}
.aboutt dl{font-size:90px;font-weight:bold;font-family:"arial";color:#ddd; line-height:1;text-transform:uppercase;}
.aboutt dt{font-size:50px;font-weight:bold;color:#0174c5; line-height:1.4;}
.aboutt dd{ font-size:36px;color:#222;line-height:1.4;  margin-bottom: 31px;
    letter-spacing: 2px;
}
.aboutb{
    width: 900px;background:rgba(255,255,255,95%);box-sizing: border-box;padding: 50px; font-size: 16px;line-height: 2; border: 1px solid #eee;
}
.aboutb dl{font-size:30px;color:#222;line-height:1;padding-bottom:20px;}
.aboutb a{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; color: #666;
    -webkit-box-orient: vertical;}
    
.aboutb a:hover{color:#666;}   

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


/*版权*/
.copy{
    width: 100%;min-width: 1300px;background: #222 ;position: relative;
}
.copy:after{
    display: block;content: "";width: 100%;height: 220px;background: #0174c5;top: 0;position: absolute;left: 0;right: 0;z-index: 1;
}
.copytel{
    background: #0174c5;font-size:16px;color: #fff;line-height:130px; position: relative;z-index: 2;
}
.copytel .box{    display: -webkit-flex;position: relative;z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    
}
.copytel .box li i{ width: 36px;height: 36px;border: 1px solid #fff4;border-radius: 50%;overflow: hidden;text-align: center;line-height: 36px;font-size: 20px;margin-right: 5px;float: left;
    margin-top: 45px;
}
.copytel .box li em{
    display: block;float: left;
}
.copytel .box li span{font-size:19px; }
.copytel .box li:after{
    display: block;content: "";clear: both;
}
.font16{font-size:16px;}

.copynav{ background:#fff; 
    padding:50px 50px 13px 50px ;position: relative;z-index: 2;
}

.cylogo{
    font-size: 19px;line-height:36px;color: #999;
}
.cylogo dl{letter-spacing: 2.5px;
    padding-top: 5px;
}
.cylogo img{
    display: block;
}
.cylogo .code{width:160px; border:1px solid #eee;color:#333;
    text-align: center;font-size: 15px;
}
.cylogo .code img{
    width: 100%;
}
.cylogo .code p{
    background: #f5f5f5;
}
.cylogo .code+.code{ margin-left:20px;}

.copynavr{
    width: 800px;display: -webkit-flex; 
    display: flex;text-align: center;
    justify-content: space-between;color: #fff;
    flex-wrap: nowrap;
   
}

.copynavr dl{font-size:20px;font-weight:bold;line-height:2;color:#222; margin-bottom:5px;}
.copynavr a{
    display: block;line-height:34px;font-size: 16px;color: #888;
}

 
  .copyly .czhi{ margin-left:27px;
   
  }
.copyly .text-center{ 
 width: 10%;
  }
  
 .copyW{
     line-height: 60px;color: #888;font-size: 15px; margin-top: 10px;
 } 
 .copyW a{color: #888;font-size: 15px;}