@charset "utf-8";
/* CSS Document */

@media(min-width:750px){
    .chanpin .chanpin-list .chanpin-item {
        width: 32.5%;
    }
    .jiejue .jiejue-list .jiejue-item {
        width: 23%;
    }
}

@media(max-width:750px){
    .chanpin .chanpin-list .chanpin-item {
        width: 100%;
    }
    .jiejue .jiejue-list .jiejue-item {
        width: 100%;
    }
}

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, legend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
    border: 0px;
}

button, input, select, textarea{ outline:none;}

/* 重置文本格式元素 */
a { text-decoration: none;color:#333; cursor:pointer;}
a:hover { text-decoration:none; color:#005BAC; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}

body::-webkit-scrollbar { width:8px; height:2px; background:#F0F0F0;}
body::-webkit-scrollbar-thumb{ display:block; width:6px; margin:0 auto; border-radius: 10px; background:#666666;}
body::-webkit-scrollbar-thumb:hover{background:#2E2E2E;}

.notScroll {overflow: hidden;}

.header{width: 100%; height: 60px; box-sizing:border-box;}
.header .header-neirong{width: calc(100% - 80px); max-width: 1312px; padding: 0 40px; height: 100%; margin: 0 auto;}
.header .header-neirong .header-content{width: 100%; height: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.header .header-neirong .header-content .logo{width:160px; height:30px; background:url(../images/lidig.png) -230px -10px no-repeat;z-index:999;}
.rel{position:fixed;z-index:999;}
.header-jf{position:absolute; top:8px; right:0;}
.header-rss{position:absolute; top:29px; right:0;}
.header-tag{position:absolute; top:50px; right:0;}
.header-jf .jf-btn, .header-rss .rss-btn, .header-tag .tag-btn{width:36px; height:16px; line-height:16px; display:inline-block; background-color:#24a5ff; border:1px solid #24a5ff; font-size:12px; color:#fff; text-align:center; border-top-left-radius:9px; -moz-border-top-left-radius:9px; -o-border-top-left-radius:9px; -webkit-border-top-left-radius:9px; border-bottom-left-radius:9px; -moz-border-bottom-left-radius:9px; -o-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px;}
.header-rss .rss-btn{background-color:#ff9000; border:1px solid #ff9000;}
.header-tag .tag-btn{background-color:#a500b9; border:1px solid #a500b9;}
.header-jf .jf-btn:hover{background-color:#fff; color:#24a5ff;}
.header-rss .rss-btn:hover{background-color:#fff; color:#ff9000;}
.header-tag .tag-btn:hover{background-color:#fff; color:#a500b9;}

/*nav*/
.nav{z-index:1;}
.nav > .menu li{float:left; height: 100%; line-height:100%; margin-right:60px;}
.nav > .menu li:last-child{margin-right: 30px;}
.nav > .menu li a{font-size:14px; cursor:pointer; color:#E0E0E0; transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;}
.nav > .menu li a:hover{color:#FFFFFF; transition-duration:300ms; -moz-transition-duration:300ms; -webkit-transition-duration:300ms; -o-transition-duration:300ms;}
.nav > .menu li.on a{color:#E0E0E0;}
.nav > .menu li.more{ position:relative; margin-right:55px;}
.nav > .menu li.more:before{content:''; position:absolute; right:-20px; top:13px; display:inline-block; width:12px; height:7px; background-image:url(../images/xiala.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav > .menu li.more:hover:before{transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.nav > .menu li > .menu-child{display:none; background: #FAF9FE; color:#999999;filter:alpha(opacity=90); position:absolute; width:120px; z-index:9999; left:-20px;top:46px;}
.nav > .menu li > .menu-child li{float:none; margin-right:0; line-height:40px; text-indent:20px; }
.nav > .menu li > .menu-child li a{color:#999999;}
.nav > .menu li > .menu-child li a:hover{color:#555555;}
.nav > .menu li.more:hover > .menu-child{ display:block;}

ul, ol, li { list-style: none; }

/*search*/
.header-r{display: flex; align-items: center; z-index: 1;}
.header-r .search{width:45px; height:14px; border-left:1px solid #FFFFFF;}
.header-r .search .searchCon{width:206px; float:left; background:none; line-height:30px; text-indent:5px; outline:none; font-size:12px;}
.header-r .search .searchMenu{float:right; width:14px; height:14px; background:url(../images/lidig.png) -303px -60px no-repeat; outline:none; cursor:pointer;}

.header-r .login{float:left; line-height:30px; margin-left:20px; color:#979797; font-size:12px;}
.header-r .login a{color:#444; font-size:16px;}
.header-r .login a:hover{text-decoration:underline;}

/*搜索条*/
.sousuo{width: 100%;height: 24px;padding: 18px 0;background: #FFFFFF;position: fixed;z-index: 99999;}
.sousuo .findMenu{position: fixed;left: 30px;top: 22px;width:16px; height:16px; background:url(../images/lidig.png) -267px -60px no-repeat; outline:none; cursor:pointer;}
.sousuo .findCon{width: calc(100% - 120px);width:-webkit-calc(100% - 120px);width:-moz-calc(100% - 120px);background: none;margin-left: 55px;font-family: '微软雅黑';color: #999999;font-size: 16px;}
.sousuo .findeClose{position: fixed;right: 30px;top: 24px;width:16px; height:16px; background:url(../images/lidig.png) -230px -60px no-repeat; outline:none; cursor:pointer;}

.sousuo .findCon::-webkit-input-placeholder{color: #999999;font-size: 16px;}
.sousuo .findCon:focus::-webkit-input-placeholder { color: transparent; }
.sousuo .findCon:focus::-moz-placeholder{ color: transparent; }
.sousuo .findCon:focus:-moz-placeholder{ color: transparent; }

.shadow{width: 100%;height: 100%;position:fixed;left:0;top:0;z-index:998;background:rgba(0,0,0,0.48) no-repeat;display:none;}

/*首页核心产品*/
.chanpin{width: 100%;padding:100px 0;text-align: center;}
.chanpin .chanpin-title{width: 100%;height: 30px;margin-bottom: 80px;text-align: center;}
.chanpin .chanpin-title > p{font-family: '微软雅黑';font-weight:bold;color: #333333;font-size: 28px;font-weight: bold;}
.chanpin .chanpin-list{max-width: 1312px;margin:0 auto;display: flex;flex-wrap: wrap;justify-content: center;}
.chanpin .chanpin-list .chanpin-item{text-align: center;border: 1px solid rgba(0, 0, 0, 0);padding:40px 0;}
.chanpin .chanpin-list .chanpin-item:hover{border-color: rgba(255,255,255,1);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 6px;}
.chanpin .chanpin-list .chanpin-item > a img{height: 86px;}
.chanpin .chanpin-list .chanpin-item > p:nth-child(2){font-family: '微软雅黑';color: #333333;font-size: 20px;line-height:90px;}
.chanpin .chanpin-list .chanpin-item > p:nth-child(3){width: 68.8%;overflow: hidden;text-overflow: ellipsis;font-family: '微软雅黑';color: #999999;font-size: 14px;text-align: center;line-height: 28px;margin: 0 auto;}

/*首页长条图*/
.shouyetu{width: 100%;}
.shouyetu > img{width: 100%;display: block;}

/*首页解决方案*/
.jiejue{width: 100%;padding:100px 0 60px 0;text-align: center;}
.jiejue .jiejue-title{width: 100%;height: 30px;margin-bottom: 60px;text-align: center;}
.jiejue .jiejue-title > p{font-family: '微软雅黑';font-weight:bold;color: #333333;font-size: 28px;font-weight: bold;}
.jiejue .jiejue-list{max-width: 1312px;margin:0 auto;display: flex;flex-wrap: wrap;text-align: center;justify-content: center;}
.jiejue .jiejue-list .jiejue-item{text-align: center;border: 1px solid rgba(0, 0, 0, 0);padding-bottom:40px;margin:0 5% 40px 5%;}
.jiejue .jiejue-list .jiejue-item:hover{border-color: rgba(255,255,255,1);box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.2);border-radius: 6px;}
.jiejue .jiejue-list .jiejue-item > a img{width: 100%;}
.jiejue .jiejue-list .jiejue-item > p:nth-child(2){font-family: '微软雅黑';color: #333333;font-size: 20px;line-height:60px;width: 81%;text-align: left;margin: 0 auto;}
.jiejue .jiejue-list .jiejue-item > p:nth-child(3){width: 81%;overflow: hidden;text-overflow: ellipsis;font-family: '微软雅黑';color: #999999;font-size: 14px;text-align: left;line-height: 28px;margin:0 auto;}

/*footer*/
.footer{width:100%;}
.footer .ft-neirong{display:flex;flex-wrap:wrap;justify-content:space-between;max-width: 1312px;padding: 40px;margin: 0 auto;}
.footer .ft-neirong .ft-left, .footer .ft-neirong .ft-right, .footer .ft-bottom .ft-l, .footer .ft-bottom .ft-r{display: inline-block;}
.footer .ft-neirong .ft-left .ft-left1 .top-item > p{font-family: '微软雅黑';margin-top: 20px;color: #FFFFFF;font-size: 20px;}
.footer .ft-neirong .ft-left .ft-left2{font-family: '微软雅黑';color: #999999;font-size: 14px;margin-top: 20px;}
.footer .ft-neirong .ft-left .ft-left2 .center-item{height:30px;line-height:30px;display:flex;flex-wrap:wrap;}
.footer .ft-neirong .ft-left .ft-left2 .center-item:last-child{hegiht:auto;}
.footer .ft-neirong .ft-left .ft-left2 .center-item > img{height: 12px;line-height: 30px;margin: auto 10px auto 0;}
.footer .ft-neirong .ft-right .jiejue-item{float: right;margin: 0 10px;text-align: center;}
.footer .ft-neirong .ft-right .jiejue-item > img{height: 120px;margin-bottom: 10px;}
.footer .ft-neirong .ft-right .jiejue-item > p{font-family: '微软雅黑';color: #FEFEFE;font-size: 14px;}
.footer .ft-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;max-width: 1312px;padding: 13px 40px;margin: 0 auto;}
.footer .ft-bottom .ft-l{font-family:'微软雅黑';color: #999999;font-size: 14px;}
.footer .ft-bottom .ft-r{font-family:'微软雅黑';font-size:14px;}
.footer .ft-bottom .ft-r p{display: inline-block;width: 80px;height: 14px;line-height: 14px;border-right: 1px solid #999999;text-align: center;}
.footer .ft-bottom .ft-r .ft-guanli{border-left: 1px solid #999999;}
.footer .ft-bottom .ft-r p > a{color: #999999;}
.footer .ft-bottom .ft-r p > a:hover{color: #ffffff;}

/*right-fixed*/
.right-fixed{position:fixed; right:0px; bottom:150px;z-index:500;}
.right-fixed li{width:40px; height:40px; background-color:#005bac; border:1px solid #005bac; margin:-1px 0; cursor:pointer; position:relative;}
.right-fixed .app{}
.right-fixed .li{width:40px; height:40px; background-color:#ffffff; border:1px solid #E4E4E4; margin:-1px 0; cursor:pointer; position:relative;}
/*.right-fixed .li .ceshi{opacity:0.75;}*/
/*.right-fixed .li .ceshi:hover{opacity:1;}*/
.right-fixed .li .logo{width:auto;display:none; position:absolute; bottom:0; left:-196px; border:1px solid #ccc; box-sizing:border-box;}
.right-fixed .li .ceshi:hover + .logo{display:block;}

.right-fixed .wap{background-image:url(../images/q.png); background-repeat:no-repeat;background-position:center center;}
.right-fixed .jiameng{background-image:url(../images/jiameng.png); background-repeat:no-repeat;background-position:center center;}
.right-fixed .dianhua{background-image:url(../images/shouji.png); background-repeat:no-repeat;background-position:center center;}
.right-fixed .weixin{background-image:url(../images/wx.png); background-repeat:no-repeat;background-position:center center;}
.app-logo{}
.weixin-logo{background-image:url(../images/wx.png); background-repeat:no-repeat; transition-duration:400ms; -moz-transition-duration:400ms; -webkit-transition-duration:400ms; -o-transition-duration:400ms;}
.right-fixed .back-top{background-image:url(../images/top-white.png);background-repeat:no-repeat;background-position:center center;}
.right-fixed .back-top:hover{background-color:#ffffff;background-image:url(../images/top-blue.png);background-repeat:no-repeat;background-position:center center;border-color:#005bac;}
.right-fixed .back-top{display:none;}
.right-fixed .app:hover{}
.right-fixed .wap:hover{background-image:url(../images/q1.png);}
.right-fixed .jiameng:hover{background-image:url(../images/jiameng1.png);}
.right-fixed .dianhua:hover{background-image:url(../images/shouji1.png);}
.right-fixed .weixin:hover{background-image:url(../images/wx1.png);}
.app-logo, .wap-logo, .jiameng-logo, .dianhua-logo, .weixin-logo{width:auto;display:none; position:absolute; bottom:0; left:-196px; border:1px solid #ccc; box-sizing:border-box;}
.app-logo{height:180px; background-position:-180px -229px;}
.right-fixed .app:hover .app-logo{display:block;}
.right-fixed .wap:hover .wap-logo{display:block;}
.right-fixed .jiameng:hover .jiameng-logo{display:block;}
.right-fixed .dianhua:hover .dianhua-logo{display:block;}
.right-fixed .weixin:hover .weixin-logo{display:block;}