@charset "utf-8";
body{
    background:#f8f8f8;
}
.w1200{width:1200px;margin:0px auto;clear: both;position: relative;}
.top{height:95px;overflow: hidden;z-index:1;position:relative;box-shadow:0 2px 8px 0 rgba(0,0,0,0.2);}
.top .logo_img{float:left;width:210px;overflow: hidden;}
.top .logo_img img{margin-top:18px;}
.top .logo_name{
    float:left;
    border-left:#eee 1px solid;
    width:200px;
    height:40px;
    line-height:40px;
    overflow:hidden;
    margin-top:25px;
    position: relative;
    z-index:1;
    padding-left:15px;
}
.top .logo_name{font-size:1.4em;color:#8c8c8c;}
.navbar{height:50px;position:absolute;right:0;top:20px;}
.navbar li{display:inline-block;}
.navbar li a{display:inline-block;height:50px;line-height:50px;color:#000;font-size:18px;padding:0 30px;}
.navbar li a:hover{color:#ff8800;}
.navbar li.on a{color:#ff8800;}
.navbar li.on a:hover{color:#f60;}
/**
*轮播
 */
.layui-carousel{text-align:center;}
.layui-carousel img{margin:0 auto;}
.layui-carousel .slide-item{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height:500px;
    background: url('../img/intro.png') right center no-repeat;
    background-size:auto 86%;
}
.slide-item .intro-desc{
    width:51%;
    text-align: left;
}
.slide-item .intro-desc h1{
    font-size:38px;
    color:#fff;
    padding-bottom:40px;
}
.slide-item .intro-desc .desc{
    font-size:22px;
    color:#fff;
    line-height:180%;
}
.slide-item .intro-desc .intro-btn{
    padding-top:50px;
}
.slide-item .intro-desc .intro-btn .btn-ctr{
    padding:10px 45px;
    border:0;
    margin-right:20px;
    color:#fff;
    border-radius:5px;
    cursor: pointer;
}
.slide-item .intro-btn .orange{
    background-color: #FCA50A;
}
.slide-item .intro-btn .orange:hover{
    background-color: #e9930a;
}
.slide-item .intro-btn .blue{
    background-color: #22bbff;
}
.slide-item .intro-btn .blue:hover{
    background-color: #22acef;
}
.slide-item .intro-btn .green{
    background-color: #00AF83;
}
.slide-item .intro-btn .green:hover{
    background-color: #00a376;
}
.slide-item .intro-img{
    width:40%;
}
.slide-item .intro-img img{
    width:110%;
}
.nav{background-color:#9c9c9c;color:#fff;border-radius:3px;margin:10px auto;height:50px;line-height: 50px;text-indent:15px;}
.nav a{color:#fff;}
.nav a:hover{color:#f00;}
/**
*产品中心
 */

.title{position: relative;height:50px;overflow: hidden;text-align:center;padding:40px 0 25px 0;}
.title span{display:block;}
.title span.eng{color:#9c9c9c;font-size:14px;}
.title span.tags{color:#000;font-size:28px;}

/**
*tabs
 */
.tabs-title{
    text-align: center;
    padding:0 0 50px 0;
    position: relative;
    display:flex;
    display:-webkit-flex;
    align-items: center;
    justify-content: center;
}
.tabs-title span{
    padding:8px 50px;
    border:#00AF83 1px solid;
    border-radius:40px;
    margin-right:20px;
    font-size:18px;
    cursor: pointer;
    color:#6c6c6c;
}
.tabs-title span.on{
    background-color:#00AF83;
    color:#fff;
}

.ui-row{
    position: relative;
    display: -webkit-flex;
    display:flex;
    flex-flow:wrap;
    background-color:#fff;
    padding:30px 0;
}
.ui-row .row-item{
    width:23%;
    margin:0 1%;
    height:200px;

}
.ui-row .row-item span{display:block;}
.ui-row .row-item .icon{width:76px;height:76px;line-height:76px;background-color:#FCA50A;border-radius:15px;margin:0 auto;text-align: center;}
.ui-row .row-item .icon i{color:#fff;font-size:2.5em;}
.ui-row .row-item .title{height:50px;font-size:20px;line-height:50px;color:#000;padding:10px 0 0 0;}
.ui-row .row-item .desc{color:#9c9c9c;font-size:14px;text-align: center}
.ui-row .row-item:nth-of-type(2) .icon{
    background-color:#78ce67;
}
.ui-row .row-item:nth-of-type(3) .icon{
    background-color:#6daef8;
}
.ui-row .row-item:nth-of-type(4) .icon{
    background-color: #ff7c68;
}
.ui-row .row-item:nth-of-type(5) .icon{
    background-color:#ffbe00;
}
.ui-row .row-item:nth-of-type(6) .icon{
    background-color: #a581ff;
}
.ui-row .row-item:nth-of-type(7) .icon{
    background-color:#fa9755;
}
.ui-row .row-item:nth-of-type(8) .icon{
    background-color: #00bc8f;
}

.ui-row2{
    position: relative;
    display: -webkit-flex;
    display:flex;
    flex-flow:wrap;
    background-color:#fff;
    padding:30px 0;
}
.ui-row2 .row-item{
    width:18%;
    margin:0 1%;
    height:180px;

}
.ui-row2 .row-item span{display:block;}
.ui-row2 .row-item .icon{width:76px;height:76px;line-height:76px;background-color:#FCA50A;border-radius:15px;margin:0 auto;text-align: center;}
.ui-row2 .row-item .icon i{color:#fff;font-size:2.5em;}
.ui-row2 .row-item .title{height:30px;font-size:20px;line-height:30px;color:#000;padding:10px 0 0 0;}
.ui-row2 .row-item:nth-of-type(2) .icon{
    background-color:#78ce67;
}
.ui-row2 .row-item:nth-of-type(3) .icon{
    background-color:#6daef8;
}
.ui-row2 .row-item:nth-of-type(4) .icon{
    background-color: #ff7c68;
}
.ui-row2 .row-item:nth-of-type(5) .icon{
    background-color:#ffbe00;
}
.ui-row2 .row-item:nth-of-type(6) .icon{
    background-color: #a581ff;
}
.ui-row2 .row-item:nth-of-type(7) .icon{
    background-color:#fa9755;
}
.ui-row2 .row-item:nth-of-type(8) .icon{
    background-color: #00bc8f;
}
.ui-row2 .row-item:nth-of-type(9) .icon{
    background-color: #e957fb;
}
.ui-row2 .row-item:nth-of-type(10) .icon{
    background-color: #00bc8f;
}
.page1 img{display: block;width:85%;margin:10px auto;}
.page2 img{display: block;width:85%;margin:10px auto;}
.page3 img{display: block;width:85%;margin:10px auto;}
/**
系统价格
 */
.ui-card{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ui-card .ui-card-item{
    border-radius:10px;
    border:#ddd 1px solid;
    background:#fff;
    padding:20px 20px 40px 20px;
    width:25%;
    text-align: center;
    border-top:#00bc8f 10px solid;
}
.ui-card .ui-card-item h3{
    font-size:22px;
}
.ui-card .ui-card-item .desc{
    font-size:14px;
    padding:20px 0;
    line-height: 200%;
}
.ui-card .ui-card-item .price{
    padding:30px 0;
    text-align: center;
    border-top:#eee 1px solid;
    display: flex;
    flex-direction: column;
}
.ui-card .ui-card-item .price .old-price{
    color:#c9c9c9;
    text-decoration:line-through;
    font-size:16px;
}
.ui-card .ui-card-item .price .now-price{
    padding-top:10px;
    color:#2c2c2c;
    font-size:16px;
}
.ui-card .ui-card-item .price .now-price b{
    color:#000;
    font-size:24px;
}
.ui-card .ui-card-item .btn-buy{
    background:#FCA50A;
    color:#fff;
    padding:10px 0;
    width:80%;
    margin:0 auto;
    border-radius:40px;
    cursor: pointer;
}
.ui-card .ui-card-item .btn-buy:hover{
    background: #f59e0a;
}
.abouts{margin-top:10px;}
.abouts .titles{height:25px;line-height:25px;overflow: hidden;font-size:20px;position: relative;color:#333;margin-top:10px;padding-left:10px;border-left:#eb1b13 3px solid;margin-left:10px;}
.abouts .titles i{color:#999;padding-left:5px;font-size:10px;font-style:normal;}
.abouts .titles span{position:absolute;right:10px;}
.abouts .titles span a{font-size:12px;color:#999;}
.abouts .titles span a:hover{color:#eb1b13;}
.news{float:left;clear:left;width:340px;height:415px;border:#ddd 1px solid;overflow: hidden;border-radius:5px;}
.news li{display:block;height:40px;line-height:40px;padding-left:10px;border-bottom:#eee 1px dashed;}
.news li a{font-size:12px;}
.about{float:left;clear:right;width:480px;height:415px;border:#ddd 1px solid;overflow: hidden;margin-left:15px;border-radius:5px;}
.article{padding:10px 15px;line-height:180%;text-indent:2em;color:#666;}
.article p{padding-top:10px;font-size:12px;}
.contact{float:right;clear:right;width:340px;height:415px;border:#ddd 1px solid;overflow: hidden;border-radius:5px;}
.conli{padding:10px 15px;}
.conli li{border-bottom:#eee 1px dashed;font-size:14px;color:#666;padding:10px 0px;line-height:22px; clear: both;}
.conli li span{display:inline-block;color:#666;width:50px;font-size:13px;text-align:center;font-family:"宋体";float:left;}
.conli li em{display:inline-block;width:252px;overflow: hidden;font-style:normal;}
.links{padding:10px 0;margin-top:20px;font-size:12px;color:#086686;text-align: left;}
.links a{color:#086686;}
.links a:hover{color:#f90;}
.footer{
    margin-top:10px;
    width:100%;
    text-align:center;
    padding:15px 0;
    background:#01304A;
    color:#fff;
    line-height:170%
}
.foot-menu{
    display: flex;
    justify-content: space-between;
    padding:20px 0;
}
.foot-menu .abouts{
    width:25%;
    text-align: left;
    padding:0 20px;
}
.foot-menu .abouts .logos{
    padding-bottom:25px;
}
.foot-menu .abouts .logos img{
    width:200px;
}
.foot-menu .abouts .contacts{
    display: flex;
    flex-direction: column;
    color:#7ba5b4;
}

.foot-menu .quick{
    width:20%;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.foot-menu .quick h3{
    font-size:14px;
    padding:25px 0;
}
.foot-menu .quick a{
    color:#7ba5b4;
    padding:5px 0;
}
.foot-menu .qrcode{
    width:40%;
    display: flex;
    justify-content: space-between;
}
.foot-menu .qrcode h3{
    font-size:14px;
    padding:25px 0;
}
.foot-menu .qrcode img{
    width:166px;
}
.copyright{
    border-top: #08435f 1px solid;
    padding-top:15px;
    color: #086686;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
/*内页*/
.pages{margin-top:10px;}
.lmenu{float:left;width:260px;}
.lmenu .tits{height:70px;background:#888;overflow: hidden;border-bottom:#fff 1px solid;}
.lmenu .tits span{display:block;color:#fff;}
.lmenu .tits .tags-c{border-left:#eb1b13 3px solid;height:20px;line-height:20px;font-size:20px;padding-left:10px;margin-left:10px;margin-top:15px;}
.lmenu .tits .tags-e{font-size:12px;padding-left:25px;color:#ccc;margin-top:5px;}
.cmenu{background:#eee;}
.clist li{height:40px;line-height:40px;padding-left:20px;border-bottom:#ddd 1px dashed;}
.clist li a{color:#333;font-family:"微软雅黑";font-size:16px;}
.clist li a:hover{color:#eb1b13;}
.cus{background:#eee;}
.cus ul{}
.cus li{border-bottom:#ddd 1px dashed;line-height:30px;padding:0px 20px;font-size:13px;}
.rmain{float:right;width:920px;}
.rmain .introduce{position: relative;height:30px;padding:10px 0px;border-bottom:#f8f8f8 2px solid;}
.rmain h3{height:30px;line-height:30px;color:#999;font-size:12px;position: absolute;z-index: 1;right:0px;top:10px;}
.rmain h3 a{font-size:12px;}
.rmain h2{height:50px;line-height:50px;font-size:22px;position: absolute;z-index: 1;left:0px;top:0px;}

.rmain h1{height:30px;line-height:30px;padding:10px 0px;text-align:center;font-size:24px;}
.rmain h6{height:40px;line-height:25px;text-align:right;color:#999;}
.rmain h6 em{font-size:12px;padding:0px 10px;font-style: normal;}

.rmain .shows{line-height:180%;font-size:14px;color:#555;padding:10px 20px;}
.rmain .shows img{max-width:100%;display:block;margin:0px auto;}
.newslist{padding:10px 0px;}
.newslist .newsli{position:relative;height:90px;border-bottom:#eee 1px dashed;margin:10px auto;padding:5px 0px;}
.newslist .newsli .imgs{position:absolute;left:5px;top:0px;width:130px;height:90px;}
.newslist .newsli .news-tit{margin-left:140px;color:#222;height:30px;line-height:25px;font-size:14px;}
.newslist .newsli .news-sub{margin-left:140px;color:#999;font-size:12px;}
.newslist .newsli .date{position: absolute;left:140px;bottom:15px;font-size:12px;}
.newslist .newsli .date span{font-size:11px;color:#c9c9c9;}

.caseli li{float:left;width:293px;text-align: center;border:#eee 1px solid;margin:10px 5px 10px 5px;}
.caseli li img{width:293px;}
.caseli li h5{height:40px;line-height:40px;font-size:14px;}
/*留言*/
.message{}
.message h5{height:50px;line-height:50px;font-size:18px;color:#999;padding-left:15px;}
.message p{padding:5px 20px;}
.message .tits{font-size:15px;color:#333;}
.message em{color:#f60;}
.message .inp{border-radius:3px;border:#ddd 1px solid;padding:5px 5px;width:60%;}
.message .txtarea{border-radius:3px;border:#ddd 1px solid;width:60%;padding:5px 5px;}
.message .btn-send{height:40px;line-height:40px;border:0;background:#555;color:#fff;width:60%;border-radius:5px;}
.lianxi{padding:10px 20px;position:relative;}
.lianxi h1{font-size:26px;height:50px;line-height:50px;color:#555;border-bottom:#eee 2px solid;}
.lianxi p{height:40px;line-height:40px;font-size:15px;border-bottom:#eee 1px dashed;padding-left:10px;}
.lianxi p em{color:#888;font-style:normal;}
.maps{padding-left:20px;}
.maps img{border:#ddd 1px solid;border-radius:3px;}
.onpage{height:40px;text-align:center;padding:10px 0px;color:#999;font-size:12px;}
.onpage li{display:inline-block;padding:2px 5px;}
.onpage li strong{font-size:12px;}
.onpage li span{font-size:12px;}
.onpage li.active{color:#f20;}
.onpage li.disabled{color:#ccc;}
.txts{line-height:180%;padding:10px 0px;text-indent:2em;}