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

/*抬头*/

.htop{
    line-height: 34px;font-size: 14px;color: #aaa;font-weight: lighter;border-bottom: 1px solid #eee; 
}
.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 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: #11519b;font-weight: bold;display: inline-block;
    vertical-align: bottom;
}

.header{
    
}
.header .logo{
    border-right: 1px solid #ddd;padding-right: 20px; margin-top:32px;
}
.header .logo img{
    display: block;
}
.headerf{ margin-left: 20px;margin-top: 36px;
    font-size: 26px;line-height: 1.4;color: #222;
}
.headerr:before{ margin-right:8px;
    display: block;float: left;font-size: 60px;color: #444;line-height: 1;
}
.headerr{ margin-top:40px;}
.header .code{
    width: 100px;margin:20px 50px 20px 0;
}
.header .code img{
    display: block;width: 100%;height: auto;
}

.headerr .tel{ font-size:28px;font-family:"arial";line-height:30px;font-weight:bold; color:#11519b;}
.headerr .tel span{
font-size: 29px;
}



/*产品展示*/
.prodall{
    width: 100%;min-width: 1200px; padding: 60px  0;
}
.prodt{
    text-align: center;line-height: 1; margin-bottom: 35px;
}
.prodt:after{
    display: block;content: "";width: 50px;height: 2px;background: #11519b;margin: 30px auto 0 auto;
}
.prodt dl{ font-size:70px;font-family:"arial";color:#11519b; opacity:0.2;text-transform: uppercase;font-weight: bold;
    
}
.prodt h2{font-size: 40px;color: #222;}
.prodt h2 b{color:#11519b;}
.linkmore{display: block;margin: 40px auto 0 auto;width:200px;font-size: 16px;line-height: 45px;color: #fff;background: #11519b;text-align: center;
 }
.linkmore:hover{
    background: #ff7200 ;color: #fff;
}
.prodb a{ margin-right: 2%;
    display: block;width: 32%;float: left;box-sizing: border-box;border: 10px solid #f5f5f5;
    
}
.prodb a:nth-of-type(3n){margin-right:0;}
.prodb a:nth-of-type(n+4){margin-top:2%;}
.prodb a .pic{overflow: hidden;
}
.prodb a .pic img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.prodb a:hover .pic img{
    transform: scale(1.1)
}
.prodb a .text{ font-size:14px;color:#999;padding: 25px; border-top: 1px solid #f5f5f5;
    line-height: 1.6;
}
.prodb a .text p{ font-size:18px;color:#222; padding-bottom:3px;}
.prodb a .text em{
    display: block;font-size: 12px;color: #999; text-transform: uppercase;margin-top: 15px;
}

.prodb a:hover .text{background:#11519b;color:#fff7;}
.prodb a:hover .text p{color:#fff;}
.prodb a:hover .text em{color:#fff7;}
/*公司简介*/
.about{
    width:100%;min-width: 1200px;padding-top: 150px; position: relative;
}
.about:before{position:absolute;left: 0;top: 0;right: 0;margin: 0 auto;z-index: 1;
    display: block;width: 100%;height:380px;content: "";background: url(images/aboutbg.jpg)center top fixed no-repeat;
}
.aboutny{position: relative;z-index: 2;
    background: #fff;box-sizing: border-box;padding: 50px;box-shadow: 0 0 10px rgba(0,0,0,15%);font-size: 16px;line-height: 2;color: #666;
}
.aboutr{
    width: 530px;overflow: hidden; height: 340px;
}
.aboutr img{
    display: block;width: 100%;height: auto;
}
.aboutl{
    width: 530px;text-align: justify;font-size: 16px;line-height: 2;
}
.aboutl dl{font-size:40px;color:#222;line-height:1.2;}
.aboutl dt{
    font-size: 24px;color: #222;
}
.aboutl dt:after{
    display: block;content:"";width: 50px;height: 2px;background: #11519b; margin: 15px 0 20px 0;
}
.aboutl p{overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;}
.aboutl a{
    display: block;width: 150px;background: #eee;color: #333;line-height: 45px;text-align: center; margin-top:30px;
}    
.aboutl a:hover{
    background: #ff7200;color: #fff;
}


/*数字滚动*/
.num{display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center;font-size:16px; color:#666; text-align:center; margin-top:45px; line-height: 1;
}
.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:22px; font-family:impact; line-height:30px; color:#fff; background:#11519b; margin-left:-10px;}
.num p+p{ margin-top:10px;}


/*应用领域*/
.case{
    width: 100%;min-width: 1200px; background: #f5f5f5;padding: 60px 0; margin-top: 75px;
}
.caseb li{ width: 23.5%;float: left;margin-right: 2%;text-align: center; font-size: 12px;line-height: 2; background: #fff;border: 1px solid #eee;box-sizing: border-box; padding:35px 0 35px 0;
border-radius: 10px;cursor: pointer;
}
.caseb li:nth-of-type(4n){ margin-right:0;}
.caseb li:nth-of-type(n+5){ margin-top:2%;}
.caseb li .pic{width: 70px;height: 70px;line-height:70px;background: #fff; border:10px solid #f2f2f2;color: #222;border-radius: 50%; margin: 0 auto;font-size: 34px;
transition: all ease 0.5s;
}
.caseb li:hover .pic{background: #11519b; border:10px solid #dde6f1;color: #fff;
    transform: rotateY(180deg)
}
.caseb li dl{font-size:18px;padding-top:10px;color:#222;}
.caseb li dt{ line-height:1;
    text-transform: uppercase;
}

/*版权*/
.copyright{
    width: 100%;min-width: 1200px;background: #333;padding-top:35px; line-height: 30px; color: #888;font-size: 16px;border-top: 8px solid #11519b;
}
.copyright a{ color: #888;font-size: 15px;}
.copyright a:hover{
    color: #fff;
}
.navbottom{
     position: relative;
}
.navbottom li {
    display: block;float: left;
}



.navbottom li:after{
    display: block;content: "";clear:both;
}
.navbottom li+li{ margin-left:3vw;}
.navbottom li dl,.bottomtel .tel dl{ font-size:20px;color:#fff;}
.navbottom li dl:after,.bottomtel .tel dl:after{
    display: block;content: "";width: 20px;height: 2px;background: #777;margin:15px 0;
}
.navbottom li:after{
    display: block;content: "";
}
.navbottom li a{font-size:15px;color:#888;display:block; line-height:30px;}

.bottomtel{
position: relative;
}
.bottomtel .tel{
    font-size: 16px;color: #888;
}
.bottomtel .tel:before{
    display: block;float: left;color: #888;font-size:25px;margin-right: 5px;
}

.bottomtel .tel p{ font-size:30px;color:#fff; line-height:36px; height: 36px;
    font-family: "arial";
}
.bottomtel .tel p em{color: #fff; font-size:16px;
    display: inline-block;vertical-align:bottom;
}
.bottomtel .tel p em:before{
    padding-right:10px;color: #888; font-size: 18px;
}
.bottomtel .tel:after,.bottomtel .code:after{
    display: block;content: "";clear: both;
}

.top100{
    margin-top: 100px;
}

.copyright .code .codefl{
    background:rgba(255,255,255,0.05);padding:6px; border: 1px solid rgba(255,255,255,0.05);
}
.copyright .code .codefl img{
    display: block;width: 150px;height: auto;
}
.copyright .code .codefl p{ font-size:15px;text-align: center;line-height: 1.6; padding:8px 5px 0 5px;
    color: #fff;
}
.copyright .code .codefl+.codefl{ margin-left:50px;}

.copyright .copyw{ border-top:1px solid #3c3b3b; padding:20px 0 20px 0; margin-top:25px;font-size:15px;}
.copyright .copyw a{font-size:15px;}