@charset "utf-8";
html{font-size: 62.5%;max-width: 640px; margin: 0 auto; }
/*导入字体库*/
@font-face {
  font-family: 'siyuanheiti';
  src: url('../fonts/SourceHanSansCN-Regular_0.eot');
  src:
    url('../fonts/SourceHanSansCN-Regular_0.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/SourceHanSansCN-Regular_0.woff') format('woff'),
    url('../fonts/SourceHanSansCN-Regular_0.ttf') format('truetype'),
    url('../fonts/SourceHanSansCN-Regular_0.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*--------------------------- 通用样式 ----------------------------------- */
/*初始化样式*/
*{margin: 0;padding: 0;list-style:none;font-family:"微软雅黑",楷体,STHeiti;border:none;text-decoration: none;text-indent: 0;}
table { }
address,caption,cite,code,dfn,em,th,var,i,h1,h2,h3,h4{font-style: normal;font-weight: normal ; }
ol,ul{list-style: none;}
del,ins,a{text-decoration: none;}
caption,th{text-align: left;}
input,button,textarea,select{font-size: 100%; border:none;}
i,b,span,a{display:inline-block;}
a:hover{color: #fe8402;cursor: pointer;}
body{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{outline: none;-moz-outline-style: none; }
li{}
/*常用样式*/
/*清浮动*/
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .clearfix { height: 1%; }
/*补白*/
.pl10{padding-left: 10px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt60{padding-top: 60px!important;}
.pb25{padding-bottom: 25px;}
/*边距*/
.mt-5{margin-top: -5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt25{margin-top: 25px!important;}
.mt30{margin-top: 30px!important;}
.mt40{margin-top: 40px!important;}
.mt50{margin-top: 50px!important;}
.mt60{margin-top: 60px!important;}
.mt70{margin-top: 70px!important;}
.mt100{margin-top: 100px!important;}
.mb-5{margin-bottom: -5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}
.mb40{margin-bottom: 40px!important;}
.mb50{margin-bottom: 50px!important;}
.mb60{margin-bottom: 60px!important;}
.mb100{margin-bottom: 100px!important;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
/*----  文字样式 ------- */
.textov1{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;}
.textov2{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;}
.textov3{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
.textov4{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical; overflow: hidden;}
.textov5{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical; overflow: hidden;}
.textov6{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical; overflow: hidden;}
.textov7{text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical; overflow: hidden;}
.txtl{text-align: left!important;}
/*背景*/
.bgeee{background: #eee;}
.bgfff{background: #fff;}
.bge8{background: #e8e8e8;}
.bgf3{background: #f3f3f3;}
.bgfe{background: #fefefe;}
/*动画*/
img{width: 100%;transition: all 0.5s;}
/*其他*/
.hidden{overflow: hidden;}
.none{display: none;}
.block{display: block;}
.d-in{display: inline-block;}
.content{padding:0 3%;}
.fenge{background: #ebebeb;height: 10px;width: 100%;}
/*--------------------------- 通用样式 结束----------------------------------- */
/*--------------------------- 公共样式 开始----------------------------------- */
/*header 部分修饰*/
body{font-size: 14px;}
.header{width: 100%;height: 70px;background:#fff;box-shadow:0 1px 5px #cdcccc;position: fixed;top: 0;z-index: 999;max-width: 640px; margin: 0 auto;padding: 10px 10px;}
.logol img{width: auto;height: 40px;margin-top: 7px;}
.logom em{font-size: 14px;color: #1b2a74;}
.logor{position: relative;}
.logor .fang{background: url(../images/nav.png) no-repeat;background-size: 100%;width: 30px;height: 30px;display: inline-block;margin-top: 15px;}
/*顶部隐藏导航栏部分*/
.topnav {position: fixed;top: 0;top:66px;background: #f2f2f2;max-width: 640px; width: 100%;box-shadow: -3px 5px 10px #706d6d;z-index: 999;border-radius: 7px;padding: 10px 0;}
.centent{width: 100%;padding:0 3%;}
.treebox{width: 100%;overflow: scroll;}
.tree{width: 100%!important;}
.tree a{color: #373737;font-size: 14px;overflow: hidden;height: 25px;line-height: 28px;width: 90%;}
.tree a:hover{color: #18C0DF;cursor: pointer;}
.tree ul{margin-top: 4px;}
.tree ul li div{background: #dfdfdf;margin-top: 5px;padding-left: 10px;}
.tree ul li ul{opacity: 2;}
.tree ul li ul li{float: left;width: 25%;text-align: center;}
.tree ul li ul li a{font-size: 13px;height: 20px;line-height: 20px;margin-top: 5px;color: #221816;}
.close_menu,.open_menu{width: 100%;}
.tree ul ul{display: none;}
.close_menu span,.open_menu span{width: 28px;height: 28px;display: block;float: right;cursor: pointer;text-align: center;line-height: 28px;font-size: 20px;background:#b9b8b8;color: #4d4d4d;}
/*.close_menu span{background: url(../images/close_07.png) no-repeat left top;    background-position: -12px -5px;background-size: 156%;}
.open_menu span{background: url(../images/open_10.png) no-repeat left top;    background-position: -14px -5px;background-size: 156%;}*/
.close_menu span:hover,.open_menu span:hover{opacity: 1;}
.topnav .sanjiao{position: absolute;top: -16px;right: 9px;}
/*遮罩*/
.cover{background: rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 998;}
/*banner 部分修饰*/
.banner {width: 100%;overflow: hidden;position: relative;z-index: 888;margin-top: 70px;}
.banner img{width: 100%;height: 100%;}
/*轮播小圆点*/
.swiper-container-horizontal>.swiper-pagination{bottom: 18px!important;}
.swiper-pagination-bullet{width: 27px!important;height: 7px!important;background: #fff!important;border-radius: 0!important;}
.swiper-pagination-bullet-active{background: #019ef8!important;}
/*版权 地址部分修饰*/
.inbqman{padding: 20px 3% 25px 3%;font-size: 14px;color: #e4e3e3;margin-bottom: 65px;line-height: 1.8em;background: #292929;}
/*.inbqman h3{font-size: 14px;color: #e4e3e3;}*/
.inbqman a{color: #e4e3e3;}
.inbqman em{color: #019ef8;}
/*固定底部导航修饰*/
.footer{width: 100%; background: #019ef8;height: 65px;position: fixed;bottom: 0;max-width: 640px; margin: 0 auto;z-index: 9999;text-align: center;}
.footer a{width: 33.3%;height: 65px;line-height: 65px;float: left;text-align: center;color: #f1f1f1;display: inline-block;font-size: 15px;border-right: 1px solid #64c7ff;}
.footer a:last-child{border-right: none;}
.footer a i{width: 24px;height: 24px;background: url(../images/footer1.png) no-repeat;background-size: 100%;position: relative;top: 7px;margin-right: 10px;}
.footer a:nth-child(2) i{background: url(../images/footer2.png) no-repeat;width: 22px;background-size: 100%;position: relative;}
.footer a:nth-child(3) i{width: 25px;background: url(../images/footer3.png) no-repeat;background-size: 100%;position: relative;}
/*.footer a:nth-child(4) i{width: 35px;background: url(../images/footer4.png) no-repeat;background-size: 100%;position: relative;top: 2px;}*/
/*面包屑导航*/
.mbx{height: 52px; margin-top: 70px;border-bottom:1px solid #018cf0;border-top:1px solid #018cf0;position: relative;color: #fff;font-size: 16px;}
.mbxnav{height: 46px;background: #019ef8;line-height: 46px;margin-top: 2px;padding-left:3%;}
.mbxnav a{color: #fff;}
.mbxri a{font-size: 15px;border-bottom: 2px solid #ffdb01;line-height: 44px;}
.mbxnav  i.fang2{float: right;width: 25%;background: #0087d5;text-align: center;}
.topnav2{z-index: 9998;position: absolute;top: 52px;right: 0;background: #0087d5;padding: 10px 30px;}
.topnav2 ul li{line-height: 35px;}
.topnav2 ul li:last-child{border: none;}
.topnav2 ul li a{font-size: 15px;text-align: center;line-height: 32px;color: #fff;}
/*手机正文*/
.ChannelContent {font-size: 14px;color: #636363;line-height:1.8em;max-width: 100%;display: block;margin-bottom: 20px;}
.ChannelContent img{max-width: 100%;height: auto!important;margin: 10px 0;}
.ChannelContent p{font-size: 14px;color: #636363;line-height:1.8em;text-indent: 2em;display: block;margin: 10px 0;}
.ChannelContent p img{margin-left: -2em;}
.ChannelContent p span img{margin-left: -2em;display:inline-block;}
.ChannelContent span img{margin-left: 0em;display:inline-block;}
.ChannelContent span {margin-left: 0em;line-height:1.8em;}
.ChannelContent p span {display: initial;}
.ChannelContent li p{text-indent: 0em;margin: 0px;}
.ChannelContent li a {display: block;}
.ChannelContent table{width: 100%!important;margin-left: 0px!important;}
.ChannelContent table p{    text-indent: 0em!important   ;}
.ChannelContent .MsoTableGrid{width: 100%!important;}

/*列表页加载更多*/
.showMorehandle{text-align: center;}
.showMorehandle span{margin-top: 30px;margin-bottom: 30px; width: 150px;line-height: 40px;height: 40px;font-size: 18px;color: #fff;background: #019ef8;border-radius: 20px;letter-spacing: 1px;}
.showMorehandle span:hover{cursor: pointer;}
/*上下*/
.fanye{width: 100%;}
.fanye a,.fanye b{display: inline;font-weight: normal;}
.Previous,.Next{font-size: 14px;color: #676767;line-height: 25px;/*background: #e4e4e4;margin-bottom: 10px;*/padding: 5px 0px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;line-height: 1.8em;}
.Next{color: #676767;}
.Next a,.Previous a{font-size: 14px;color: #676767;border: 1px solid #c5c5c6;display: inline-block;width: 90px;height: 35px;line-height: 33px;text-align: center;border-radius: 10px;}
/*.Next b,.Next a{color: #2976e6;}*/
.Next:hover b,.Next:hover a,.Previous:hover b,.Previous:hover a,.Previous a{color: #019ef8;border-color: #019ef8;}
/*-----------------   公共样式 结束--------------- */
/*-----------------   首页修饰 开始 ---------------*/
/*首页模块1 关于我们*/
.indexTit a{display: block;color: #858585;font-size: 14px;text-align: center;}
.indexTit h2{font-size: 18px;color: #191919;margin-bottom: 5px;}
.indexTit p:before,.indexTit p:after{content: "";width: 16px;height: 1px;background: #858585;display: inline-block;margin-bottom: 5px;margin-right: 10px;}
.indexTit p:after{margin-right: 0;margin-left: 10px;}
.index1Con{font-size: 14px;color: #474747;line-height: 1.8em;}
.index1Con h3{font-size: 16px;color: #019ef8;text-align: center;}
.knowmore{display: block;width: 100px;height: 35px;line-height: 35px;text-align: center;border: 1px solid #019ef8;color: #019ef8;font-size: 16px;border-radius: 35px;margin: 0 auto;}
/*首页模块2 产品中心方案*/
.index2con li{float: left;width: 48%;border: 1px solid #e0dfdf;color: #585858;margin-bottom: 10px;margin-right: 4%;}
.index2con li:nth-of-type(2n){margin-right: 0;}
.index2con li a{color: #585858;}
.index2con li img{height: 125px;object-fit: cover;}
.index2con li .main{padding: 0 5px;}
.index2con li p{height: 30px;line-height: 30px; border-bottom: 1px dashed #d4d3d3;}
.index2con li span{display: inline-block;width: 45px;height: 20px;line-height: 20px; background: #ececec;text-align: center;color: #3d3d3d;margin-right: 6px;}
.index2con li h4{height: 26px;line-height: 30px;color: #585858;}
.index2con li:hover h4{color: #019ef8;}
.index2con li:hover span{background: #019ef8;color: #fff;}
/*首页模块3 案例展示*/
.index3con li{float: left;width: 48%;margin-right: 4%;background: #f8f7f7;margin-bottom: 10px;}
.index3con li:nth-of-type(2n){margin-right: 0;}
.index3con li a{color: #424242;}
.index3con li img{margin-right: 0;}
.index3con li p{height: 30px;line-height: 30px;padding: 0 6px;}
/*首页模块4 新闻中心*/
.index4con li{padding-bottom: 10px;border-bottom: 1px dashed #868686;margin-bottom: 10px;}
.index4con img{width: 40%;height: 98px;}
.index4con .main{position: relative;width: 60%;height: 98px;padding: 10px;}
.index4con .main h4{color: #030303;font-size: 16px;margin-bottom: 10px;}
.index4con .main p{color: #424242;font-size: 14px;}
.index4con .more{position: absolute;left: 0;bottom: 0px;color: #f13a3a;}
/*-----------------   首页修饰 结束 ---------------*/
/*-----------------   内页修饰 开始 ---------------*/
/*关于我们*/
.h2channelCon{border-bottom: 1px solid #969696;}
.h2channelCon span{font-size: 16px;color: #212121;border-bottom: 4px solid #019ef8;margin-bottom: -1px;padding: 0 5px 10px 5px;}
/*产品中心*/
.prosearch h2{color: #332c2b;font-size: 16px;font-weight: bold;}
.prosearchTCon{border-bottom: 1px dashed #bebebe;padding: 15px 0;}
.prosearchTCon ul li{float: left;height: 30px;line-height: 30px;margin-right: 20px;}
.prosearchTCon ul li a{color: #2f2f2f;font-size: 14px;}
.prosearchTCon ul li:hover a,.prosearchTCon ul li.current a{color: #019ef8;}
.prosearchBCon label{display: block;width: 250px;height: 40px;line-height: 40px;border: 1px solid #c7c7c7;border-radius: 40px; color: #adadad;}
.prosearchBCon input{float: left;width: 190px;height: 38px;border-radius: 40px 0 0 40px;padding: 0 15px;}
.prosearchBCon button{float: right;width: 58px;height: 40px;background: #019ef8 url(../images/search.png) no-repeat center center;border-radius: 0 40px 40px 0;margin-top: -1px;}
/*产品中心详情*/
.chanProTCon{border: 1px solid #d6d6d6;padding: 5px 5px 20px 5px;font-size: 14px;}
.chanProTCon h2{font-size: 18px;color: #282727;font-weight: bold;background: #f0f0f0;height: 35px;line-height: 35px;padding: 0 10px;margin: 10px 0;}
.chanProTCon img{height: 165px;object-fit:cover;}
.chanProTCon .main{padding: 0 15px;color: #676767;line-height: 1.8em;}
.chanProTCon .tel{margin-top: 10px;width: 180px;height: 45px;padding-top: 3px;background: #64b703 url(../images/tel.png) no-repeat 10px center;padding-left: 50px;color: #fff;line-height: 1.5em;}
.chanProTCon .tel em{font-family: Arial;display: block;font-size: 16px;}
.h3prodX{background: url(../images/channel2.png) no-repeat left center;background-size: 120px;border-bottom: 3px solid #019ef8;height: 35px;line-height: 35px;padding-left: 15px;font-size: 16px;color: #fff;}
/*新闻详情*/
.nyh2 h2{font-size: 18px;color: #1a1a1a;padding: 10px 0;}
.nyh2 p{font-size: 12px;color: #898989;margin-top: 10px;}
.nyh2 .abstract{border-top: 1px solid #e1e0e0;border-bottom: 1px solid #e1e0e0;color: #636363;padding: 10px 25px;}
.nyh2 .abstract li{float: left;width: 50%;line-height: 1.8em;}
/*案例展示*/
.chanCaseCon li{float: left;width: 48%;margin-right: 4%;padding: 5px 5px 10px 5px;border: 1px solid #d0cfcf;margin-bottom: 10px;}
.chanCaseCon li:nth-of-type(2n){margin-right: 0;}
.chanCaseCon li img{height:140px;}
.chanCaseCon li h4{color: #333;font-size: 16px;margin: 5px 0;}
.chanCaseCon li p{color: #474747;font-size: 14px;}
/*下载中心*/
.chanDownCon li{width: 100%;height: 35px;border-bottom: 1px dashed #747575;}
.chanDownCon li a{position: relative;display: block;width: 100%;color: #424141;font-size: 14px;height: 34px;line-height: 34px;}
.chanDownCon li i{position: absolute;top: 0;right: 0;background: #fff url(../images/download1.png) no-repeat right center;width: 35px;height: 35px;}
.chanDownCon li:hover a{color: #019ef8;}
.chanDownCon li:hover i{background: #fff url(../images/download2.png) no-repeat right center;}
/*招贤纳士*/
.chanJobCon li{margin-bottom: 10px;}
.chanJobCon li h3{padding: 15px 0;font-size: 18px;font-weight: bold;color: #000;border-bottom: 1px dashed #676767;}
.chanJobCon li dl{margin-top: 10px;line-height: 1.8em;}
.chanJobCon li dt{color: #fe040a;}
/*联系我们*/
.chanContact h2{color: #019ef8;font-size: 16px;font-weight: bold;margin-bottom: 10px;}
.chanContact p{color: #424242;line-height: 1.8em;}
.ditu{width: 100%;height: 240px;}
/*-----------------   内页修饰 结束 ---------------*/