/*common*/
body,p,form,input,textarea,ul,li,h1,h2,h3,h4,dl,dt,dd,table,td,th { margin: 0; padding: 0;  }
table,td,th { border-collapse: collapse }
ul,li { list-style: none }
h1,h2,h3,h4 { font-size: 100% }
img { border: 0 }
a { text-decoration: none; color: #515f74; outline: 0 }
a:hover { text-decoration:none; }
body { font: 14px/1.5 "Microsoft YaHei", Verdana, Geneva, sans-serif; color: #333333; position: relative }

.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden }
.clearfix { zoom: 1 }
.fl { float: left }
.fr { float: right }

.greenword {font-size: 12px;line-height: 18px;color: #009933;}
.redword {font-size: 12px;line-height: 18px;color: #FF0000;font-weight: bold;}
.redword12 {font-size: 12px;line-height: 18px;color: #FF0000;}
.blueword {font-size: 12px;line-height: 18px;color: #0033FF;}
.BigWord {font-size: 18px;font-weight: bold;color: #FF0000;line-height: 22px;}
.BigWordBlue {font-size: 36px;color: #0033CC;font-weight: bold;line-height: 80px;}
.BigWordgreen {font-size: 25px;color: #006633;line-height: 40px;}
.title_black_Bold {font-size: 14px;line-height: 24px;font-weight: bold;color: #000000;}

.hide{ display:none;}
/*common end*/

.top-wrap{ width: 100%; }
.top { height: 80px; width: 1170px; margin: 0 auto; }
.top h1 { float: left; height: 60px; width:200px; margin-top:10px; }
.top h1 img{ max-height:60px; width:auto;}

.nav { margin-top: 20px }
.nav li { float: left; height: 40px; line-height:40px; padding:0 20px; }
.nav li a{ font-family:"Microsoft YaHei"; font-size: 17px; color:#333; }
.nav li a:hover{ color:#f30; }
.nav li.cur { }
.nav li.cur a { color: #f30;}

/* 首页轮播 */
.fader {cursor: pointer;position: relative;height: 500px;font-family: "futura", arial;overflow: hidden;}
.fader .slide {position: absolute;width: 100%;height: 100%;top: 0;z-index: 1;opacity: 0;background-position: center top;background-repeat: no-repeat;background-size: cover;background-attachment:scroll;}
.fader .prev,.fader .next {position: absolute;height: 80px;line-height: 55px;width: 50px;font-size: 100px;text-align: center;color: #717171;top: 50%;left: 0;z-index: 4;margin-top: -25px;cursor: pointer;opacity: .7;transition: all 150ms;}
.fader .prev:hover,.fader .next:hover {opacity: 1;}
.fader .next {left: auto;right: 0;}
.fader .pager_list {position: absolute;width: 100%;height: 40px;padding: 0;line-height: 40px;bottom: 0;text-align: center;z-index: 4;}
.fader .pager_list li {display: inline-block;width: 15px;height: 15px;margin: 0 7px;background: #fff;opacity: .7;text-indent: -9999px;border-radius: 999px;cursor: pointer;transition: all 150ms;}
.fader .pager_list li:hover,
.fader .pager_list li.active {opacity: 1;}

.container-full {
    width: 100%;
    margin: 0 auto;
}
.container {
    width: 1170px;
    margin: 0 auto;
}
.main { min-width: 960px; width: 1000px; margin: 0 auto; }/*del*/

.bg-pad-bt-m{ padding-bottom:20px;}

.sys-intro
{
    background: #fff;
    border-radius: 5px;
    height: 150px;
    box-shadow: 0px 6px 70px 1px rgba(0,0,0,.1);
    margin-top: 30px;
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
    padding:15px;
}
/*
.sys-intro { margin:20px auto; padding:15px; width:1000px; border-left:5px solid red;}
*/
.sys-intro h2 { color:red;font-family: '微软雅黑',arial; font-size:24px; font-weight:normal; line-height:40px; }
.sys-intro p { position:relative; line-height:26px; padding:15px; font-size:15px;}


.tit{ margin:15px auto; padding:10px; line-height: 36px; text-align:center; font-family: 微软雅黑;color: #333;font-size: 36px; }
.tit2{font-size: 16px;color: #777; margin-top:10px;}

.intro{margin:20px auto; padding:10px 0;border-bottom:#eee solid 1px;}
.intro .left{ float:left; }
.intro .right{ float:right; }
.intro .tit{ margin-left:10px; margin-top:80px; font-family: 微软雅黑;color: #000000;font-size: 24px; height:30px; line-height: 30px;}
.intro .desc{ margin-left:10px; margin-top:10px; font-family: '微软雅黑','宋体',arial;color: #777;font-size:16px; line-height: 26px;}
.intro img{ margin:0;}
.intro .word{ width:500px; text-align:left; }
.intro .pic{ width:600px; text-align:center; }
.intro .red{ color:red; }

.footer { background: #323232; border-top: 1px solid #bbe1ff; margin-top: 0; color:#ffffff; }
.footer a{ color:#ffffff; text-decoration:none;}
.footer a:hover{color:#999;}
.footer p { }

.footerNav{ text-align:center; width:100%; margin:0 auto; padding:10px 0; border-bottom:1px solid #4a4a4a; }
.footerNav ul{ margin:10px auto;}
.footerNav ul li{display:inline-block;*display:inline; *zoom:1; margin:0 20px; font-size:16px;}

.foot-contact{ margin:25px auto; font-size:14px; color:#fff; }

.contact-company{ float:left; width:380px;}
.contact-company h3{ font-size:24px; }
.contact-company p{ margin:10px 0 20px 0; }
.contact-company h4{ font-size:16px; }

.contact-tel{ margin-right:30px; }
.contact-tel h4{ }
.contact-tel p{ font-size:30px;}

.contact-qq{ margin-right:30px; }
.contact-qq p{ padding:5px; }

.contact-wx{ margin-right:15px; }
.contact-wx h4{ }
.contact-wx img{ width:100px; height:100px; }

a.qqbtn,a.qqbtn:visited
{ display:inline-block;
    width: 150px;
    height: 38px; line-height:38px;
    background: #138ddb url(../images/icon/qq2.png) no-repeat 10px 5px;
    background-size:28px 28px;
    border-radius: 5px;
    text-indent:50px;
    font-size: 18px;
    color: #fff;
    cursor: pointer;}
a.qqbtn:hover{ background-color:#f60; color:#fff; }

.foot-copyright{ background-color:#000; text-align:center; padding:15px; color:#dddddd;}

.gototop{ width:50px; height:50px; background:transparent url(/images/2top.jpg) no-repeat; position:fixed; bottom:150px; right:0; z-index:10; cursor:pointer;border-radius: 5px;}

.btn-buy{ text-align:center; margin:60px auto;}
.btn-buy a{ display:inline-block;*display:inline; *zoom:1; margin:15px 15px; width:280px; height:60px; line-height:60px; text-align:center; background-color:#e13838; color:#fff; font-size:24px; text-decoration:none;border-radius: 5px;  }
.btn-buy a:hover{ background-color:#f39b2a; color:#000;}
.btn-buy .demo{ background-color:#3978c7;}

.dataTable{ width:95%; margin:15px auto;border-collapse: collapse;border-spacing: 0;background-color:#ffffff; }
.dataTable th,.dataTable td{ padding: 9px 10px;min-height: 20px;line-height: 20px;border: 1px solid #e2e2e2;font-size: 14px;}
.dataTable th{ background-color:#f2f2f2;}

.td-left td{ text-align:left;}

.tit3{ margin:15px auto; width:95%; height:40px; line-height:40px; background-color:#eee; text-align:left; text-indent:30px;  font-weight:bold; font-size:16px; }

.mg15{ margin:15px auto;}

.main2{ margin:15px auto; border:1px solid #ddd; padding:50px; text-align:center; line-height:24px;}

.left{ text-align:left;}

.red{ color:Red;}
.blue{ color:#1c87e1; }

.yes,.no {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: -5px;
	background: url(../images/buy_bg_ico.png) no-repeat 0 0;
}
.yes{background-position: -1141px 0;}
.no{background-position: -1162px 0;}

.word_import{ font-weight:bold; color:red; font-style:normal;}
.word_import2{ font-weight:bold; color:#fff; font-style:normal;}

.grid5{}
.grid5 li{ float:left; width:226px; height:220px; text-align:center; margin-right:10px; margin-bottom:10px; overflow:hidden; background-color:#fff; }
.grid5 li:nth-child(5n){margin-right:0;}
.grid5 li i{ display:block; margin:30px auto;}
.grid5 li i img{ height:50px; width:auto; }
.grid5 li h3{display:block; font-size:18px;}
.grid5 li p{ font-size:14px; color:#888; line-height:24px; padding:10px 20px; }

.bg-gray{ background-color: #eceff1; padding-top:1px; }
.bg-green{ background-color: #44b549; padding-top:1px; }

.grid2{ margin:5px auto; }
.grid2 li{ float:left; width:568px; height:150px; margin:15px 30px 15px 0; 
           border-radius: 5px;background: #fff;box-shadow: 0px 3px 6px 0px rgba(0,108,255,0.1);}
.grid2 li:nth-child(2n){margin-right:0;}
.grid2 li img{ width:100px; height:100px; margin:25px 20px auto 20px; float:left; }
.grid2 li h3{ float:left; width:400px; margin-top:25px;  font-size: 22px;
    font-weight: normal;
    color: #648535;
    font-family: "Microsoft YaHei";}
.grid2 li p{ float:left;width:400px;  }


.grid5s{}
.grid5s li{ float:left; width:224px; height:70px; text-align:center; margin-right:10px; margin-bottom:15px; overflow:hidden; background-color:#fff; border:1px solid #ececec; padding:10px 0; }
.grid5s li:nth-child(5n){margin-right:0;}
.grid5s li img{ max-height:70px; width:auto; vertical-align:middle; }

.kf-bar{ width:64px; height:271px; position:fixed; right:0; top:0; bottom:0; z-index:9999; margin:auto; }
.kf-bar li{ width:64px; height:64px; background-color:#5d6174; color:#fff; font-size:12px; line-height:18px; text-align:center; margin-bottom:5px; position:relative; cursor:pointer; }
.kf-bar li span{ margin:0;  padding:0;}
.kf-bar li img{ width:24px; height:24px; margin:10px 20px 0 20px; }

.kf-bar .tel{ width:250px; height:80px; padding:10px; background-color:#fff; border:1px solid #ececec; box-shadow: 0px 5px 10px 0px rgba(0,108,255,0.1);position:absolute; top:0; left:-275px;}
     .kf-bar .tel p{ font-size:24px; color:#333; line-height:40px; }
.kf-bar .qq{ width:200px; height:110px; padding:10px; background-color:#fff; border:1px solid #ececec; box-shadow: 0px 5px 10px 0px rgba(0,108,255,0.1);position:absolute; top:0; left:-225px; text-align:left; }
     .kf-bar .qq .qqbtn{ margin:10px; }
.kf-bar .wx{ width:110px; height:220px; padding:10px; background-color:#fff; border:1px solid #ececec; box-shadow: 0px 5px 10px 0px rgba(0,108,255,0.1);position:absolute; top:-110px; left:-135px; }
    .kf-bar .wx img{width:110px; height:110px; margin:0; }

.sub-banner{ height:360px; background:#fff url(../images/new/css2-sub-bn2.jpg) center center; }

.keyword{margin:5px auto;text-align:center; }
.keyword h2{ font-size:12px; font-weight:normal; color:#4a4a4a; text-align:center;}

.contact-left{ float:left; width:400px;margin:10px auto auto 50px; text-align:left;}
.contact-tit{ font-size:16px; line-height:35px; }
.contact-tit img{ width:35px; height:35px; vertical-align:middle;margin-right:10px;  }
.contact-con{ margin:10px auto 40px 60px; }
.contact-con:last-child{ margin-bottom:15px;}
.telnum{ font-size:30px; line-height:40px; }

.contact-right{ float:right; width:550px; margin:15px 30px; text-align:left;}
.contact-right img{ border:1px solid #ccc; }
.contact-right .com-name{ font-size:24px; margin-top:30px; }
.contact-right .addr{ font-size:14px; }

.demo-list{ text-align:center; }
.demo-list li{ float:left; width:50%; min-height:450px; }
.demo-list li a{ display:inline-block; padding:5px;border-radius:5px; }
.demo-list li a:hover{ box-shadow: 0px 6px 70px 1px rgba(0,0,0,.1);  }
.demo-list li p{ font-size:16px; margin:10px 0; }

.demo-list-m{ text-align:center; }
.demo-list-m li{ float:left;
                 display:block;
                 width:30%;
                 height:620px;
                 padding:0 5px;
                 margin:5px 10px;
                 text-align:center;
                 background:#fff;
                 border:2px solid #fff;
                 -moz-border-radius:5px;
                 -webkit-border-radius:5px;
                 border-radius:5px;
                 -moz-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
                 -webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
                 box-shadow:0 2px 10px 0 rgba(0,0,0,0.1);
                 border-color:#f3f3f3;
                 *border-color:#f3f3f3;
                 position:relative;
                 }
.demo-list-m li:hover{border-color:#1c87e1;}
.demo-list-m li span{ display:block; font-size:18px; font-weight:bold; }
.demo-list-m li .tips{ font-size:13px; font-weight:normal; color:#d3d3d3; }
.demo-list-m li .demo-list-btn{ position:absolute; bottom:0; right:0; display:block; width:64px; height:64px; background:transparent url(../images/qrbtn2.jpg) right bottom no-repeat; cursor:pointer;}
.demo-list-m li .demo-list-mask{ position:absolute; top:0; bottom:0; left:0; right:0; z-index: 99;background-color: rgba(0,0,0,.5); }
.demo-list-m li .qr{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }

.center{ text-align:center; }

.sys-intro-name{
    color: #999;
    font-family: '微软雅黑',arial;
    font-size: 18px;
    font-weight: normal;
    line-height: 40px;
}

.bg10{ background:#fff url(/images/new/bg10.png) top center no-repeat; background-size:100% 100%; }
.bg11{ background:#fff url(/images/new/bg11.png) top center no-repeat; background-size:100% 100%; }
.w100{ width:100%; }
.mt30{ margin-top:30px; }
    
    .bg-white{ background-color:#ffffff; }
    
    .big-tit{ font-family: 微软雅黑, arial, sans-serif; font-size:30px; text-align:center; margin:30px auto;}
    
    .pro-list{display: flex; flex-wrap: wrap; justify-content: space-between; margin:30px 0;}
    .pro-item 
    {
         transition: transform 0.3s ease; /* 添加过渡动画使变大更平滑 */
        width: 360px; 
        min-height:360px;
    background: #FFFFFF;
    box-shadow:1px 1px 12px 0px rgba(0, 0, 0, 0.13);
    border-radius: 10px; margin-bottom:30px; overflow:hidden; padding-bottom:15px; 
    }
    .pro-item:hover{
    transform: scale(1.1); /* 鼠标悬停时，图片变大1.1倍 */
    }
    
    .pro-item > img{ width:100%; height:auto; }
    .pro-item > h2{ padding:5px 15px; font-size:22px; }
    .pro-item > p{ padding:5px 15px; font-size:14px; }
    .pro-item > p > span{ font-weight:bold;}
    .pro-item > p > i{ padding:3px 8px; margin:0 3px; background-color:#fff; color:#f60; border:1px solid #f60; font-style:normal; border-radius:5px; }
    .pro-item > div{}
    .btn-zx{ display:block; float:right; margin-right:15px; padding:5px 8px; background-color:#f60; color:#fff; cursor:pointer; }
    
    .tit3{ width:100%; }
    
    .mg30{  margin:30px; }
    
    .dataTable{ width:100%; }