body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,i,button,input,p,span{margin:0; padding:0; list-style:none;}
body{font:12px "微软雅黑",Helvetica,Arial,sans-serif; margin:0 auto; background:#eff0f1;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{border:0;}
.flex{display:flex;}
.flex-col-center{justify-content:center;}
.flex-col-lr{justify-content:space-between;}
.flex-row-center{align-items:center;}
.bg-w{background:#fff;}
.wrap{width:1250px; margin:0 auto;}
.index-wrap{width:1240px; margin:0 auto;}
.pt30{padding-top:30px;}
.pl20{padding-left:20px;}
.mb30{margin-bottom:30px;}

/*头部*/
.head{width:100%; height:140px; background:#fff;}
.logo{padding-top:35px;}
.logo img{width:229px; height:82px;}
.menu{padding-top:40px; position:relative;}
.menu>li{margin:0 20px; height:100px;}
.menu>li>a{color:#333; font-size:18px; line-height:100px;}
.menu>li>a:hover, .menu>li.active a{color:#36a1dd;}
.head-d{width:100%; height:72px; background:rgba(0,0,0,0.8); position:absolute; top:140px; left:0; z-index:999; display:none;}
.menu>li ul{height:72px; position:absolute; z-index:9999; top:140px;right:0; margin-left:-50px; display:none;}
.menu>li ul li{margin-right:40px; line-height:72px; float:left;}
.menu>li ul li a{font-size:18px;color:#fff;}
.menu>li ul li a:hover{color:#e93c3c;}

/*banner*/
.slideBox{width:100%; overflow:hidden; position:relative; border:1px solid #ddd;}
.slideBox .hd{width:100%; height:15px; overflow:hidden; position:absolute; right:0; bottom:20px; z-index:1;}
.slideBox .hd ul{width:100%; overflow:hidden; zoom:1;}
.slideBox .hd ul li{margin:0 5px; width:15px; height:15px; background:#fff; cursor:pointer; border-radius:50%;}
.slideBox .hd ul li.on{background:#f00; color:#fff;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd li{zoom:1; vertical-align:middle;}
.slideBox .bd img{width:100%; display:block;}

/*首页第一部分*/
.index-1{padding:35px 0 90px;}
.index-1 img{width:374px; height:205px;}

/*首页通用标题*/
.index-t{}
.index-t i{width:8px; height:34px; display:inline-block; background:#e93c3c;}
.index-t span{font-size:20px; color:#666; display:inline-block; margin-left:10px;}
.index-t a{font-size:14px; color:#e93c3c;}

/*首页最新产品*/
.index-product{padding:30px 0 26px;}
.index-product-l{width:298px; height:614px;}
.index-product-r{width:942px; flex-wrap:wrap;}
.index-product-r li{width:calc(33.3% - 14px); height:300px; margin:0 0 14px 14px; background:#fff; text-align:center; padding:30px 10px;}
.index-product-r li img{width:190px; height:190px;}
.index-product-r li dl{}
.index-product-r li dl dt{font-size:16px; color:#333;}
.index-product-r li dl dd{font-size:14px; color:#999;}
.index-product-r li:hover{background:#ccc;}

/*首页新闻*/
.index-news{margin-bottom:50px;}
.index-news li{width:calc(25% - 10px); margin:0 5px;}
.index-news li img{width:100%;height:200px;}
.index-news li dl{width:100%; height:188px; padding:30px 35px 0; background:#f3f3f3;}
.index-news li dl dt{display:flex; align-items:center; font-size:15px; color:#333; padding-bottom:10px;}
.index-news li dl dt i{width:43px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:12px; display:inline-block; background:#f66161; margin-right:10px; font-style:normal;}
.index-news li dl dt span{width:calc(100% - 53px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.index-news li dl dd{color:#8c8c8c;}
.index-news li dl p{color:#999; padding-top:15px;}
.index-news li:hover dl{background:#ccc;}

/*合作客户*/
.customer{padding:50px 40px; flex-flow:row wrap;}
.customer a{width:calc(16.66% - 20px); margin:0 10px 20px; display:inline-block; text-align:center;}

/*二级页面banner*/
.banner{width:100%; position:relative; overflow:hidden;}
.banner img{width:100%; float:left;}
.banner-btn{width:100%; position:absolute; bottom:30px;}
.banner-btn li{margin-right:20px;}
.banner-btn li a{width:240px; height:78px; display:flex; align-items:center; justify-content:center; color:#333; border-radius:10px; background:#fff; font-size:22px;}
.banner-btn li.active a{background:#e93c3c; color:#fff;}

/*路径导航*/
.location{font-size:18px; margin:25px auto;}
.location img{margin:0 18px 0 5px;}
.location a{ color:#333;}
.location i{margin:0 7px; display:inline-block; font-style:normal;}
.location span{color:#0096dc;}

/*二级页主体*/
.main{width:100%; padding:30px 25px; background:#fff; margin-bottom:30px; overflow:hidden;}

/*左侧导航*/
.leftnav{width:262px; background:#f8f8f8; float:left;}
.leftnav h2{height:66px; line-height:66px; padding-left:30px; font-size:22px; color:#fff; background:#a9a9a9;}
/*.leftnav .panel{border:none; background:none; box-shadow:none;}
.leftnav .panel-title a, .leftnav .panel-body a{display:flex; justify-content:space-between; align-items:center;}
.leftnav .panel-title a{height:78px; font-size:18px; padding:10px 20px 10px 30px;}
.leftnav .panel-body{padding:0;}
.leftnav .panel-body a{height:68px; padding:0 20px; font-size:18px; color:#9b9b9b; border-left:8px solid #f8f8f8;}
.leftnav .panel-title a i, .leftnav .panel-body a i{font-size:16px;}
.leftnav .panel-default>.panel-heading{border:none; background:none; padding:0;}
.leftnav .panel-default>.panel-heading+.panel-collapse>.panel-body{border:none;}
.leftnav .panel-body li.active a{background:#fff; border-left:8px solid #0096dc; color:#0096dc;}
*/
.left-product{}
.left-product li{}
.left-product li a{display:inline-block; font-size:18px; width:100%; height:72px; display:flex; justify-content:space-between; align-items:center; border-left:8px solid #f8f8f8; padding:10px 20px 10px 30px; color:#000;}
.left-product li a i{font-size:16px;}
.left-product li a p{display:flex; align-items:center;}
.left-product li a span{font-size:16px; margin-right:5px;}
.left-product>li>ul{display:none;}
.left-product>li:hover>a, .left-product>li.active>a{color:#0096dc;}
.left-product>li>ul>li.active a, .left-product>li>ul>li:hover a{background:#fff; border-left:8px solid #0096dc; color:#0096dc;}
.left-product>li:hover ul{display:block;}


.left-knowledge{padding:10px 0 30px;}
.left-knowledge li{}
.left-knowledge li a{display:inline-block; font-size:18px; width:100%; height:72px; display:flex; justify-content:space-between; align-items:center; border-left:8px solid #f8f8f8; padding:10px 20px 10px 30px; color:#000;}
.left-knowledge li a i{font-size:16px;}
.left-knowledge li.active a{background:#fff; border-left:8px solid #0096dc; color:#0096dc;}


/*右侧列表*/
.list-right{width:calc(100% - 292px); float:right;}

/*新闻列表*/
.list-news-t, .list-product-t, .list-content-t{line-height:70px; font-size:22px; border-bottom:1px solid #e0e0e0;}
.list-news{padding:25px 0;}
.list-news li{padding:20px; background:#f8f8f8; margin-bottom:20px;}
.list-news li a{display:flex; justify-content:space-between;}
.list-news li img{width:300px;height:200px;}
.list-news li dl{width:calc(100% - 328px); position:relative;}
.list-news li dl dt{font-size:20px; color:#000; padding:10px 0 15px;}
.list-news li dl dd{font-size:16px; color:#4b4b4b;}
.list-news li dl span{display:inline-block; position:absolute; left:0; bottom:10px; color:#9b9b9b; font-size:14px;}
.list-news li:hover{background:#ccc;}

/*新闻内容页*/
.content-t{}
.content-t h2{font-size:28px; padding:30px 0; text-align:center;}
.content-t p{width:1106px; height:60px; display:flex; align-items:center; justify-content:center; border-radius:30px 0 30px 0; margin:0 auto; background:#f8f8f8;}
.content-t p span{display:flex; align-items:center; margin:0 30px; font-size:18px; color:#555;}
.content-t p span img{width:18px; margin-right:5px;}
.content{width:1106px; margin:0 auto;}

/*产品列表*/
.list-product{padding-top:30px;}
.list-product li{background:#f8f8f8; padding:20px; display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.list-product li .list-product-img{width:255px; padding:0 20px;}
.list-product li .list-product-img img{width:100%;height:215px;}
.list-product li dl{width:calc(100% - 285px); height:206px; position:relative;}
.list-product li dl dt{font-size:20px; color:#0096dc; padding:10px 0 20px;}
.list-product li dl dd{font-size:14px; color:#9b9b9b; display:flex; padding-bottom:10px;}
.list-product li dl dd span{display:inline-block; width:48px;}
.list-product li dl dd p{}
.list-product li dl dd p i{font-style:normal; display:block;}
.list-product li dl a{width:100px; height:32px; line-height:32px; text-align:center; font-size:14px; color:#fff; background:#e93c3c; position:absolute; display:inline-block; right:10px; bottom:10px;}

/*产品内容页*/
.list-content-t{color:#0096dc; padding-left:25px; margin-bottom:20px;}
.list-content{width:100%; overflow:hidden;}
.list-content img{max-width:100%;}

/*应用案例列表*/
.list-case{overflow:hidden; padding:30px 0;}
.list-case li{width:calc(33.33% - 14px); margin:0 0 20px 21px; padding:15px 15px 20px; background:#f3f3f3; text-align:center; float:left;}
.list-case li:nth-child(1), .list-case li:nth-child(4), .list-case li:nth-child(7), .list-case li:nth-child(10), .list-case li:nth-child(13){margin-left:0;}
.list-case li:hover{background:#ccc;}
.list-case li img{width:100%;height:300px;}
.list-case li p{font-size:20px; padding:15px 0;}
.list-case li a{width:100px; height:34px; line-height:34px; font-size:14px; display:inline-block; color:#fff; background:#e93c3c;}

/*知识库列表*/
.list-knowledge{padding:20px 0 40px 20px;}
.list-knowledge li{border-bottom:dashed 1px #0096dc; padding:25px 0;}
.list-knowledge li a{display:flex; justify-content:space-between; align-items:center; font-size:20px; color:#333;}
.list-knowledge li a p{display:flex; align-items:center;}
.list-knowledge li a i{display:inline-block; width:8px; height:8px; background:#0096dc; margin-right:10px;}
.list-knowledge li a span{display:inline-block; font-size:16px; color:#9b9b9b;}

/*知识库内容*/
.knowledge-content-t h2{font-size:28px; padding:30px 0; text-align:center;}
.knowledge-content-t p{width:100%; height:60px; display:flex; align-items:center; justify-content:center; border-radius:30px 0 30px 0; margin:0 auto; background:#f8f8f8;}
.knowledge-content-t p span{display:flex; align-items:center; margin:0 30px; font-size:18px; color:#555;}
.knowledge-content-t p span img{width:18px; margin-right:5px;}
.knowledge-content{width:100%; padding:20px;}

/*联系我们*/
.contact-t{font-size:26px; text-align:center; padding:50px 0;}
.contact-t p{font-size:20px; color:#9b9b9b; padding-top:5px;}
.contact-map{width:100%;}
.contact-map img{width:100%;}
.contact-d{padding:90px 0 0 60px;}
.contact-d dt{font-size:18px; color:#0096dc; padding-bottom:30px;}
.contact-d dd{font-size:16px; display:flex; align-items:center; margin-bottom:15px;}
.contact-d dd img{width:18px; height:18px; margin-right:5px;}
.contact-d dd span{display:inline-block; margin-left:50px}



/*翻页*/
.page{padding:10px 0 20px;}
.page a{display:flex; width:38px; height:38px; margin:0 5px; background:#e1e1e1; font-size:20px; color:#767676; justify-content:center; align-items:center;}
.page a.active{background:#d45050; color:#fff;}

/*底部*/
.foot{width:100%; height:186px; background:#5a5a5a;}
.foot-l{width:440px; padding-right:30px; text-align:right;}
.foot-r{width:calc(100% - 440px); font-size:14px; color:#adadad;}