@charset "utf-8";
/* CSS Document */
html{font-size:40px}
@media screen and (max-width:420px){
	html{font-size:25.875px}
}
@media screen and (max-width:375px){
	html{font-size:23.4px}
}
@media screen and (max-width:360px){
	html{font-size:22.5px}
}
@media screen and (max-width:320px){
	html{font-size:20px}
}
body,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,input,select,textarea,form,p,img{margin:0;padding:0;outline:none;font-family:"Microsoft Yahei"}
body{color:#333; margin:0; padding:0;}
ul,li,ol,dl,dt,dd{list-style:none}
img{border:none}

/*href*/
a{text-decoration:none}
a:link,a:visited{color:#333}
a:hover,a:active{color:#a00}
.cfff,.cfff a:link,.cfff a:visited{color:#fff}
.cfff a:hover,.cfff a:active{color:#ddd}
.cccc,.cccc a:link,.cccc a:visited{color:#ccc}
.cccc a:hover,.cccc a:active{color:#ddd}
.c666,.c666 a:link,.c666 a:visited{color:#666}
.c666 a:hover,.c666 a:active{color:#a00}
.c999,.c999 a:link,.c999 a:visited{color:#999}
.c999 a:hover,.c999 a:active{color:#a00}
.img{display:block;margin:0;padding:0;width:100%;height:auto}
.l{float:left !important}
.r{float:right !important}
.o{overflow:hidden}
.c{display:block;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.hidden{display:none}
.center{text-align:center}
#wrapper { width: 100%; overflow: hidden; background:#FFF; position:relative; z-index: 1;}
.swipe ul, .swipe li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
.swipe img { width:100%; height:auto; display: block;}
.swipe { overflow: hidden; position: relative; margin:0px 0 0px; }
.swipe ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; }
.swipe #pagenavi { position: absolute; left: 0; bottom: 7px; text-align: center; width: 100%; }
.swipe #pagenavi a { width:6px; height:6px;  line-height: 99em; background:#999;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #FFF;z-index: 2;}

.nav{ width:100%; height:100%; background-color:#e30000; padding:0.47rem 0;}
.nav ul li{ float:left; width:25%; text-align:center;  height:1.15rem; line-height:1.15rem;}
.nav ul li a{ font-size:0.5rem; color:#ffffff; font-family:"Microsoft Yahei"; display:block;}

.tableCell{ width:100%; margin:0 auto; overflow:hidden; position:relative;}
.tableCell ul li{width:calc(50% - 1px); height:6.7rem; margin-bottom:0.78%; text-align:center;}
.table1{ background-color:#ebebeb;}
.table2{ background-color:#f3f3f3;}
.table_tu{ width:3.27rem; height:2.37rem; margin:0 auto; margin-top:1.25rem;}
.table_zi{font-family:"Microsoft Yahei"; font-size:0.6rem; color:#333333; margin-top:1rem;}
.table_img{ width:1.55rem; height:1.8rem; position:absolute; top:50%; left:50%; margin-top:-0.9rem; margin-left:-0.77rem;}

.case ul li{ float:left; width:49.5%; margin-left:0.3%; margin-top:0.17rem; text-align:center;}
.case_tu{ border:1px solid #e5e5e5; width:93%; height:4.75rem; padding:2.8% 3.1%;}
.case_zi{ height:1rem; line-height:1rem;}
.case_zi a{ font-size:0.42rem; color:#5f5f5f;font-family:"Microsoft Yahei"; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.case_more{ text-align:center; margin-top:1.72rem; margin-bottom:1.47rem;}
.case_more a{ display:inline-block;}
.case_more1{ width:4.47rem; height:1rem;}
.case_more2{ width:1rem; height:1rem;}
.case_more3{ width:4.7rem; height:1rem;}

.brand{ width:100%; margin:0 auto; overflow:hidden; background:url(../images/brand_bg.jpg) no-repeat center center; background-size:cover;}
.brand_nr{ width:90%; margin:0 auto; overflow:hidden; margin-bottom:5%;}
.brand_left{ overflow:hidden; margin-top:5%; text-align:center;}
.brand_right{ width:66%; margin:0 auto; overflow:hidden;}
.zz{font-size:0.95rem;font-weight: bold; font-family:"Microsoft Yahei"; color:#ed1f23;vertical-align: bottom; display: table-cell; height:0.95rem; line-height:0.95rem;}
/*圆环*/
/*--- index page ---*/
.pie-title-center { display: inline-block;position: relative;text-align: center;}
.pie-value {display: block;position: absolute;top: 45%; left: 0;right: 0; margin-top: -20px;font-family:"Microsoft Yahei"; font-size:0.8rem; color:#ed1f23; font-weight:bold;}
/*--- //index page ---*/
.demo_zz{ position:absolute; top:48%; left:0; right:0;}
.demo_zz1{ font-family:"Microsoft Yahei"; font-size:0.35rem; color:#383838; font-weight:bold;}
.demo_zz2{ font-family:"Microsoft Yahei"; font-size:0.3rem; color:#383838;}
/*数字++++++++++*/
.digital{width: 100%;height:auto;}
.main{width: 100%;margin:0 auto;}
.mumping_mun li{width: 100%; overflow:hidden; margin-top:1rem;}
.mumping_mun p{font-size:0.32rem;font-family:"Microsoft Yahei"; color:#313131; margin-top:0.5rem;}
.mun_top1{font-size:0.95rem;font-weight: bold; font-family:"Microsoft Yahei"; color:#ed1f23; line-height:0.95rem;}
.mumping_mun h2{font-size:0.95rem;font-weight: bold; font-family:"Microsoft Yahei"; color:#ed1f23;vertical-align: bottom; display: table-cell;    height: 0.95rem;line-height: 0.95rem;}

.customer{ padding-bottom:11.8%;}
.customer ul li{ float:left; width:33.3%; margin-top:4.6%;}

.d_lx{ background-color:#292929; width:100%; color:#ffffff; padding:1.25rem 0;}
.lx_z{ width:30%; text-align:center; margin-left:4%;}
.lx_z p{font-family:"Microsoft Yahei"; font-size:0.4rem; color:#9d9d9d; margin-top:0.52rem;}
.lx_z img{ width:100%; margin:0 auto;}
.lx_y{ width:60%; margin-right:4%}
.lx_y h1{font-family:"Microsoft Yahei"; font-size:1rem; height:1.45rem; line-height:1.45rem;}
.lx_y p{ font-family:"Microsoft Yahei"; font-size:0.5rem; color:#a3a3a3; line-height:0.85rem; margin-top:0.17rem;}

.footer{ position:fixed; bottom:0; width:100%; left:0; z-index: 11;}
.d1{ width:28.9%;}
.d2{ width:36%;}
.d3{ width:35%;}

.platform{width:100%; margin:auto; padding:1.3rem 0 1rem; overflow:hidden; }
.platform a{ display:inline-block; width:23.6%; height:50px; line-height:50px; text-align:center; border-radius:2px; margin-bottom:0.3rem; }
.platform a{background-color:#f0f0f0; background-repeat:no-repeat; color:#333; font-size:0.5rem;}
.platform a:hover, .platform .act{background-color:#000; color:#fff;}

.emip_li1{ background-color:#4d84f1; color:#ffffff;}
.emip_li2{ background-color:#ffd954; color:#000000;}
.emip_li3{ background-color:#ffffff; color:#f65846;}
.emip_li4{ background-color:#eb4936; color:#dcdac6;}
.emip_li5{ background-color:#1d1d1d; color:#ceccb7;}
.emip_li6{ background-color:#ffd954; color:#000000;}
.emip_x{ width:3.75rem; height:5px; margin-left:3.6%; margin-top:1.52rem;}
.emip_li1 .emip_x{ background-color:#ffffff;}
.emip_li2 .emip_x{ background-color:#000000;}
.emip_li3 .emip_x{ background-color:#f65846;}
.emip_li4 .emip_x{ background-color:#dcdac6;}
.emip_li5 .emip_x{ background-color:#ceccb7;}
.emip_li6 .emip_x{ background-color:#000000;}
.emip_list h1{ font-size:1.7rem; font-weight:normal; margin-left:3.6%; height:3.5rem; line-height:3.5rem;}
.emip_list h2{ font-size:0.75rem; font-weight:normal; margin-left:3.6%; height:2.02rem; line-height:2.02rem;}
.emip_list img{ height:2.57rem; width:2.82rem; margin-left:10%; margin-top:1.77rem;}
.emip_list p{ font-size:0.6rem; line-height:1.07rem; width:90%; margin:0 auto; margin-top:1.77rem;margin-bottom:1.52rem;}

.layout {width: 100%;margin: 0 auto; overflow:hidden;}
.sec-create .bd {font-size: 14px;line-height: 24px}
.mod-boxhd {position: relative;padding-left: 12px;height: 0.7rem;line-height:0.7rem; margin-left:6.5%; margin-bottom:1.2rem;}
.mod-boxhd:before {position: absolute;content: '';width: 0.1rem;height: 0.7rem;background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAcCAMAAABxqu66AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADzUExURRS7qBeuvxqh1hipxxmmzhmoyhmmzRiqxhO8pheswhmnyxmlzxqj0hO9pBqi1Rqj0xetwBirxRO/oBW1shLBnRazthS5qxqg1xuf2hayuBO+oRS6qRevvhaytxaxuhirwxO+ohioyRiswxS7pxO9oxqk0RipyRLCnBLAnjjMqRW3rhevvBS5rBW4rRS8pxO+oxW0szjLqxue2xW4rhug2BawuxW2sBPAnxLBnBLAnxPBnBevvRO9pRmk0RS6qhS4rRLCmyzJpRW3rxTAnxa0tCnHpBue3Bug2UWv4BewuxW1sxW2sTmp4Ra0tT2s4BW3sEWt48YM6x0AAAB+SURBVAjXBcGDAQMBAASwe9t2bdu295+mCfrnfR32rLrDcW4vEJrTGpRuaIJflXJAkVfgRuig3dpE+Da2LqznYYh3z5ogcU4PpEHiYHlPAxBxcwxBJ2IYmaCD4owCmDzFgRWZCiSaFSGXJRqqJq/hkaoG/+qRuAz8EX6vz+0PQGEOeohwrQkAAAAASUVORK5CYII=');background-repeat: no-repeat;top: 0;left: 0}
.mod-boxhd-more {position: absolute;right: 0;bottom: 0;color: #1cbcb4;font-size: 16px;line-height: normal;text-align: right}
.mod-boxhd-tit {display: inline-block;vertical-align: top;color: #383c3b;margin-top: 0; font-size:0.55rem;}
.mod-boxhd-intro {display: inline-block;vertical-align: text-bottom;color: gray;font-size: 16px;line-height: 20px;margin-left: 19px}
.mod-boxhd:before {background: #2ba245}
.mod-boxhd-more {color: #2ba245}
.sec-bd{ width:80.3%; margin:0 auto; overflow:hidden;}
.sec {margin-top: 1rem;overflow: hidden;}
.sec .card {background-color: #fff;position: relative}
.sec-create .hd {color: #fff;overflow: hidden;border: 1px solid #e2e2e2; margin-bottom:0.35rem;height:3.55rem;}
.sec-create .hd i {position: absolute;top: 0.92rem;left: 1.25rem;}
.sec-create .hd h5 {font-size: 0.6rem;margin-top:0.75rem;}
.sec-create .hd p {font-size: 0.4rem;}
.sec-create .hd h5,.sec-create .hd p {line-height: 1;margin-left: 4.6rem;margin-bottom:0.35rem;}
.sec-create .bd {padding: 30px 0 0 27px;color: #323232}
.sec-create .bd .table {display: table}
.sec-create .bd .tr {display: table-row}
.sec-create .bd .td {display: table-cell;vertical-align: top}
.sec-create .bd .td:first-child {color: #9e9e9e;width: 100px}
.sec-create .bd .price {font-size: 18px}
.sec-create .bd .price em {font-style: normal;font-size: 28px}
.sec-create .card-1 .hd {background-color: #2782d7}
.sec-create .card-1 .hd i {background: url(../images/gzh.jpg) no-repeat center center; background-size:100% 100%;width: 2.02rem;height: 1.7rem;}
.sec-create .card-2 .hd {background-color: #605dae}
.sec-create .card-2 .hd i {background:url(../images/wxrz.jpg) no-repeat center center; background-size:100% 100%;width:1.85rem;height:1.85rem;}
.sec-create .card-3 .hd {background-color: #2ba246}
.sec-create .card-3 .hd i { background:url(../images/zfkt.jpg) no-repeat center center; background-size:100% 100%;width:1.8rem;height:1.6rem;}
.sec-build .hd {height: 2.37rem;line-height: 2.37rem;font-size: 0.57rem;text-align: center;color: #fff;display: block}
.sec-build .bd { width:72.5%; margin:0 auto;}
.sec-build .card { width:100%;float:left; border:1px solid #e2e2e2;}
.sec-build .card-1 {margin-left: 0}
.sec-build .card-1 .hd {background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);background-position: 0 0}
.sec-build .card-2 .hd {background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);background-position: 0 -99px}
.sec-build .card-3 .hd {background-image: url(../images/sprite-25db4cb4c8.wx.index.png?max_age=31536000);background-position: 0 -198px}
.sec-build .row {display: block; padding: 0.75rem 0;border-top: 1px solid #e2e2e2}
.sec-build .row:first-child {border-top: none}
.sec-build .row p {font-size:0.35rem;color: #9e9e9e}
.sec-build .row h5 {font-size:0.4rem;color: #323232;margin-bottom: 5px}
.sec-build .row:hover .tit {color: #1cbcb4}
.sec-build .row .price {float: right}
.sec-operate .card {text-align: center;float: left;margin: 0 2.4% 0.82rem; width: 44.6%;height: 5.5rem;box-sizing: border-box; border:1px solid #e2e2e2;}
.sec-operate .icon {height:1.95rem;line-height:1.95rem; width:1.95rem; margin:0 auto;margin-top:0.75rem;}
.sec-operate .icon img {vertical-align: middle; width:100%;}
.sec-operate h5 {font-size:0.45rem;color: #323232; line-height:1rem;}
.sec-operate p {color: #9e9e9e; font-size:0.3rem;}
.mr0 {margin-right: 0!important;}
.sec-service {background-color: #F8F8F8; padding:1rem 0; overflow:hidden; }
.sec-service .nav-tab {position: relative;margin-bottom: 20px; }
.sec-service .nav-tab:after {display: block;content: "";height: 1px;background-color: #E5E5E5;position: absolute;bottom: 0px;left: 0px;right: 0px; }
.sec-service .nav-tab .nav-list {width:100%;margin: 0 auto;display: flex;justify-content: space-between; }
.sec-service .nav-tab .nav-list > li { list-style:none;position: relative; width:25%; }
.sec-service .nav-tab .nav-list > li > a, .sec-service .nav-tab .nav-list > li > a:active, .sec-service .nav-tab .nav-list > li > a:focus, .sec-service .nav-tab .nav-list > li > a:visited { display: inline-block; width:100%;color: #333;font-size:0.45rem;text-align: center;padding-bottom: 0.55rem;text-decoration: none; }
.sec-service .nav-tab .nav-list > li:after {display: block;content: "";height: 2px; background-color: #279ef8; position: absolute;bottom: 0px;left: 50%;right: 50%;z-index: 2;transition: all .2s linear; }
.sec-service .nav-tab .nav-list > li:hover a {color: #279ef8; }
.sec-service .nav-tab .nav-list > li:hover:after {left: 0px;right: 0px; }
.sec-service .nav-tab .nav-list > li.active a {color: #279ef8; }
.sec-service .nav-tab .nav-list > li.active:after {left: 0px;right: 0px; }
.sec-service .tabs-content {background-color: #fff;width: 100%;border-radius: 6px;position: relative; }
.sec-service .tabs-content .tab-list {width: 100%; position: absolute;top: 0px;left: 0px;z-index: 1;opacity: 0;transition: all .3s linear;background-color: #ffffff; padding-bottom: 1rem; }
.sec-service .tabs-content .tab-list.active {z-index: 10;opacity: 1; }
.sec-service .tabs-content .list-msg {padding-top: 1rem;width: 90%; margin:0 auto; overflow:hidden;}
.sec-service .tabs-content .list-msg .list-title { color: #333;font-size: 0.6rem;margin-bottom: 0.6rem; }
.sec-service .tabs-content .list-msg .list-detail {color: #999;font-size: 0.4rem;line-height: 0.75rem; margin-bottom: 1.15rem;word-break: break-all; }
.sec-service .tabs-content .list-msg .list-btn > a {display: inline-block;width: 3rem;height:1rem; line-height:1rem;color: #fff;font-size:0.32rem;border-radius: 4px;text-align: center;background-color: #279ef8; }
.sec-service .tabs-content .list-msg .list-btn > a:hover {background-color: #0099e5; }
.sec-service .tabs-content #zhihui .zh-list {padding-top: 2.5rem;text-align: center; overflow:hidden; }
.sec-service .tabs-content #zhihui .zh-list > li {float: left; width: 37%; margin: 0px 6.5% 5%;border-radius: 50%;position: relative; }
.sec-service .tabs-content #zhihui .zh-list > li:last-child { margin-right: 0px;}
.sec-service .tabs-content #zhihui .zh-list > li > a > img { vertical-align: bottom; border-radius: 50%; }
.sec-body { padding: 1.5rem 0px;width:96.2%;margin: 0 auto;    height: 19rem; overflow:hidden; }
.sec-news-nav {height: 52px;line-height: 52px;color: #739bcc; }
.sec-news-nav .sec-body {padding: 0px;}
.picScroll-left{ width:82.6%; margin:0 auto; overflow:hidden; position:relative;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
.picScroll-left .prev{ position:absolute; left:0; top:50%; margin-top:-0.41rem; width:0.47rem; height:0.82rem; background:url(../images/prev.png) no-repeat; background-size:100% 100%; z-index:9; cursor:pointer}
.picScroll-left .next{ position:absolute; right:0; top:50%; margin-top:-0.41rem; width:0.47rem; height:0.82rem; background:url(../images/next.png) no-repeat;background-size:100% 100%; z-index:9; cursor:pointer}

.ej_jj{ background:url(../images/jj_bg.jpg) no-repeat center center; background-size:100% 100%; overflow:hidden;}
.ej_jj h1{ font-size:1.1rem; color:#d2b988; font-weight:normal; text-align:center; margin:1rem auto;}
.jj{ width:90.6%; margin:0 auto; overflow:hidden; margin-bottom:1.52rem;}
.jj p{ font-size:0.45rem; color:#393939; line-height:0.87rem;}
.jj_tu{ background-color:#f3f3f3; margin-top:0.85rem; text-align:center; padding-top:1rem; padding-bottom:1.4rem;}
.gy_li{ float:left; width:26.7%;margin: 0 3.31%;}
.gy_li .en{ font-size:0.57rem; color:#cdcdcd; line-height:1rem;}
.gy_li .ch{ font-size:0.42rem; color:#3a3a3a;}

.lx_nr{ width:100%; margin:0 auto; overflow:hidden; background-color:#f1f1f5;}
.lx_left{ width:81.4%; margin:0 auto; overflow:hidden; margin-top:43px;}
.lx_adr{ margin-top:18px;}
.lx_adr p{ font-family:"Microsoft Yahei"; font-size:0.68rem; color:#646464; line-height:1.07rem;}
.lx_x{ width:1px; height:338px; float:left; background:url(../images/lx_x.jpg) repeat-y center center; margin-top:13px; margin-left:151px;}
.lx_right{ width:81.4%; margin:0 auto; overflow:hidden; margin-top:1.15rem;}
.zx_tit{ font-family:"Microsoft Yahei"; font-size:0.82rem; color:#3d3d3d; font-weight:bold; line-height:0.82rem; margin-top:1.1rem;}
.zx_tit img{ vertical-align:middle; margin-right:11px;}
.zx_t{ height:0.95rem; margin-bottom:0.6rem;}
.zx_tu{ float:left; width: 0.95rem; height:0.95rem;}
.zx_zi{ float:left;}
.zx_zi h1{ margin-left:7px; font-family:"Microsoft Yahei"; font-size:10px; color:#6c6b6b; line-height:16px; font-weight:normal;}
.zx_zi p{ margin-left:9px; font-family:"Microsoft Yahei"; font-size:0.62rem; color:#282828;font-style:oblique; line-height:19px;}
.lx_time{ margin-top:0.8rem; line-height:1.5rem; font-family:"Microsoft Yahei"; font-size:0.57rem; color:#3d3d3d; margin-bottom:0.9rem;}

.xcx{ background-color:#f5f6f6; width:100%; margin:0 auto; overflow:hidden;}
.xcx h1{ font-size:0.75rem; color:#303445; font-weight:normal; text-align:center;padding: 2rem 0 0.75rem;}
.xcx p{ text-align: center;font-size: 0.45rem;color: #303445; font-weight: 500; margin-top: -0.57rem; line-height:0.75rem;}
.cj_tu1{ background:url(../images/find-app.svg) no-repeat center center; width:0.7rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu2{ background:url(../images/scan-code.svg) no-repeat center center; width:0.8rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu3{ background:url(../images/top-search.svg) no-repeat center center; width:0.8rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu4{ background:url(../images/code-drainage.svg) no-repeat center center; width:0.67rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu5{ background:url(../images/recommend-friend.svg) no-repeat center center; width:1.1rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu6{ background:url(../images/accessory-app.svg) no-repeat center center; width:0.95rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu7{ background:url(../images/share-wx.svg) no-repeat center center; width:0.72rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu8{ background:url(../images/mini-apps.svg) no-repeat center center; width:0.82rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu9{ background:url(../images/WCOA.svg) no-repeat center center; width:1.02rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.cj_tu10{ background:url(../images/article.svg) no-repeat center center; width:0.95rem; height:0.85rem; margin:0 auto; background-size:100% 100%;}
.xcx_cj ul li{ float:left; width:33.3%; font-size:0.45rem; color:#59607b; height:3rem; text-align:center; line-height:2rem;}
.kflc{ background-color:#ffffff;}
.kflc img{ width:0.85rem; height:0.85rem; margin-right:0.2rem; vertical-align:middle;}
.kflc p{ font-size:0.45rem; color:#59607b; float:left; line-height:2.07rem; margin-left:5%; margin-top:0; font-weight:normal;}
.xcx_tu{ width:97.8%; margin:0 auto; overflow:hidden; margin-top:1.1rem;}
.xcx_tu ul li{ float:left; width:44.8%; margin:0 2.5% 5%;}
.xcx_tu img{ display:block;}

.container1{ width:100%; margin:0 auto; overflow:hidden; background-color:#ffffff; padding-top:1.5rem;}
.jiujue{ bordeR:1px solid #f3f3f3; width:44.9%; height:9.5rem; float:left; margin-left:3.4%; padding-bottom:19px; text-align:center; padding-top:0.25rem; margin-top:0.5rem;}
.jiujuetitle{ line-height:32px; height:32px;font-weight:600; font-size:0.35rem;}
.jiujuecontent{ font-size:.3em; line-height:25px; height: 4rem;}
.jiujue_tu{ width:4.2rem; height:4.2rem; margin:0 auto;}
.md_tit{ text-align:center; font-size:0.7rem;}

.light {width: 100%; height: auto;overflow: hidden; margin: 0 auto;text-align: center;}
.light h3 {font-size: 0.75rem;width: 100%;padding-top: 2.12rem;}
.light ul { width: 100%;padding-top: 1.75rem; padding-bottom:2rem;display: flex;flex-wrap: wrap;justify-content: space-around;}
.light ul li { width: 34.3%;text-align: center; margin-bottom:1rem;}
.light ul li img { padding-bottom: 1.05rem; width:2.4rem;}
.light ul li h4 {font-size: 0.5rem;}
.light ul li p {padding-top:0.25rem;font-size:0.35rem;line-height: 1rem;text-align: left;color: #888888;}

.light_part1{ background-color:#fafafa; width:100%; height:auto; overflow:hidden;}
.light_part2{ background-color:#ffffff; width:100%; height:auto; overflow:hidden;}
.light_x{ border-bottom:5px solid #d2d2d2; width:5.57rem; margin-top:0.77rem;margin-left:2.12rem;}
.light_part h1{ line-height:1.92rem; font-size:1rem; color:#19120d; font-weight:normal; width:70.6%; margin-left:2.12rem; text-align:left;}
.light_part p{margin-left:2.12rem; font-size:0.65rem; color:#847d78; text-align:left; padding-top:1.7rem; padding-bottom:1.25rem;}

.gray-col, .sub-gray-col {
    background: #f2f2f2;
}
.mt60 {
    margin-top: 1.5rem!important;
}
.mb60 {
    margin-bottom: 1.5rem;
}
.youyi-tab-body {
    background: #fff;
}
.youyi-tab-body .youyi-tab-tit {
    height: 1.87rem;
    line-height: 1.87rem;
    text-align: center;
}
.youyi-tab-body .youyi-tab-tit li {
    height: 1.65rem;
    border-bottom: 1px solid #eee;
}
.row .col-2-4 {
    width: 20%;
}
.row .col-1, .row .col-1-7, .row .col-2, .row .col-2-4, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12 {
    float: left;
}
.youyi-tab-body .youyi-tab-tit .active .tab-item {
    color: #3db1ea;
}
.youyi-tab-body .youyi-tab-tit .tab-item {
    cursor: pointer;font-size: 0.55rem;line-height: 1.65rem;}
.youyi-tab-body .y-t-con {
    padding: 1.25rem;
}
.row1 .col-4 {
    width: 33.33333333%; float:left;
}
.youyi-tab-body .youyi-tab-content .con-item-col .con-item {
    height: 3.35rem;
    margin: 0 0 0.75rem;
	text-align: center;
}
.icon66x66 {
    width: 1.65rem;
    height: 1.65rem;
}
.yy-icon {
    display: inline-block;
}
.youyi-tab-body .youyi-tab-content .con-item-col .con-item-con h3 {
    margin: 0 0 0px;
    font-size: 0.45rem;
    font-weight: 400;
	line-height:1.7rem;
}

.yy-tab-line-11 {
	background:url(../images/xt_icon1-1.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-14 {
	background:url(../images/xt_icon1-2.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-17 {
	background:url(../images/xt_icon1-3.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-12 {
	background:url(../images/xt_icon1-4.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-15 {
	background:url(../images/xt_icon1-5.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-18 {
	background:url(../images/xt_icon1-6.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-13 {
	background:url(../images/xt_icon1-7.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-16 {
	background:url(../images/xt_icon1-8.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-19 {
	background:url(../images/xt_icon1-9.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-21 {
	background:url(../images/xt_icon2-1.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-24 {
	background:url(../images/xt_icon2-2.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-27 {
	background:url(../images/xt_icon2-3.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-22 {
	background:url(../images/xt_icon2-4.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-25 {
	background:url(../images/xt_icon2-5.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-28 {
	background:url(../images/xt_icon2-6.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-23 {
	background:url(../images/xt_icon2-7.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-26 {
	background:url(../images/xt_icon2-8.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-29 {
	background:url(../images/xt_icon2-9.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-31 {
	background:url(../images/xt_icon3-1.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-34 {
	background:url(../images/xt_icon3-2.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-37 {
	background:url(../images/xt_icon3-3.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-32 {
	background:url(../images/xt_icon3-4.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-35 {
	background:url(../images/xt_icon3-5.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-38 {
	background:url(../images/xt_icon3-6.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-33 {
	background:url(../images/xt_icon3-7.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-36 {
	background:url(../images/xt_icon3-8.png) no-repeat center center; background-size:100% 100%;
}

.yy-tab-line-39 {
	background:url(../images/xt_icon3-9.png) no-repeat center center; background-size:100% 100%;
}



.content-group {padding-top: 1px;}
.content-group .col-main {padding: 2rem 0 0;}
.product-server {padding: 0 0 1.5rem;}
.main-wrap {width:80%;margin: 0 auto;position: relative;}
.content-group .zq-main-head {text-align: center;}
.content-group .zq-main-head h1, .content-group .zq-main-head h2 {color: #373d41;text-align: center;font-size: 0.75rem;}
.mt50 {margin-top: 1.25rem;}
.hei1 {width: 100%;height: 1px;overflow: hidden;clear: both;}
.row .col-4 {width: 100%;}
.row .col-1, .row .col-1-7, .row .col-2, .row .col-2-4, .row .col-3, .row .col-4, .row .col-5, .row .col-6, .row .col-7, .row .col-8, .row .col-9, .row .col-10, .row .col-11, .row .col-12 {float: left;}
.product-server .product-item-con {padding:0.75rem 0;text-align: center;}
.mb30 {margin-bottom: 0.75rem;}
.icon70x65 {width: 1.75rem;height: 1.62rem;}
.yy-icon {display: inline-block;}
.product-server .product-item-con p {color: #999;text-align: center;margin: 0;font-size:0.45rem; line-height:1rem;}
.product-server-icon-1 { background:url(../images/dz_icon1.jpg) no-repeat center center; background-size:100% 100%;}
.product-server-icon-2 { background:url(../images/dz_icon2.jpg) no-repeat center center; background-size:100% 100%;}
.product-server-icon-3 { background:url(../images/dz_icon3.jpg) no-repeat center center; background-size:100% 100%;}
.product-server-icon-4 { background:url(../images/dz_icon4.jpg) no-repeat center center; background-size:100% 100%;}
.product-server-icon-5 { background:url(../images/dz_icon5.jpg) no-repeat center center; background-size:100% 100%;}
.product-server-icon-6 { background:url(../images/dz_icon6.jpg) no-repeat center center; background-size:100% 100%;}

.news_wrap{width:100%; margin:auto; overflow:hidden; margin-top:10%;}
#news_list li{float:left; width:47%; height:auto; margin-left:2%; margin-bottom:2%; background:#fff; -webkit-animation:gfadeIn 0.6s 0.8s both; -moz-animation:gfadeIn 0.6s 0.8s both; animation:gfadeIn 0.6s 0.8s both;}
#news_list li:nth-of-type(2){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
#news_list li:nth-of-type(3){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
#news_list li:nth-of-type(4){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
#news_list li:nth-of-type(5){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
#news_list li:nth-of-type(6){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
#news_list li:nth-of-type(7){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
#news_list li:nth-of-type(8){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
#news_list li:nth-of-type(9){-webkit-animation-delay:2.4s; -moz-animation-delay:2.4s; animation-delay:2.4s;}
#news_list li:nth-of-type(10){-webkit-animation-delay:2.6s; -moz-animation-delay:2.6s; animation-delay:2.6s;}
#news_list li:nth-of-type(11){-webkit-animation-delay:2.8s; -moz-animation-delay:2.8s; animation-delay:2.8s;}
#news_list li a{display:block; height:100%;}
#news_list li picture{display:block; height:auto; width:100%; overflow:hidden;}
#news_list li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li div{position:relative;height: 5.5rem; padding:3%; background:#fff;-webkit-transition:0.3s;-moz-transition:0.3s;transition:0.3s;}
#news_list li h2{margin-bottom:5px; color:#333; font-size:0.65rem;font-weight: normal;display: block;}
#news_list li p{height:44px; color:#999; font-size:12px; overflow:hidden; line-height:1.8;}
#news_list li span{position:absolute;bottom:20px;left: 3%;color:#999;font-size:0.5rem;}
#news_list li a:hover div{background:#112065;}
#news_list li a h2, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li a:hover h2, #news_list li a:hover p, #news_list li a:hover span{color:#fff;}
#news_list li a:hover picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
@-webkit-keyframes gupIn{
	from{opacity:0; -webkit-transform:translate3d(0,-30px,0);}
}
@-moz-keyframes gupIn{
	from{opacity:0; -moz-transform:translate3d(0,-30px,0);}
}
@keyframes gupIn{
	from{opacity:0; transform:translate3d(0,-30px,0);}
}


@-webkit-keyframes gdownIn{
	from{opacity:0; -webkit-transform:translate3d(0,30px,0);}
}
@-moz-keyframes gdownIn{
	from{opacity:0; -moz-transform:translate3d(0,30px,0);}
}
@keyframes gdownIn{
	from{opacity:0; transform:translate3d(0,30px,0);}
}


@-webkit-keyframes gleftIn{
	0%{opacity:0; -webkit-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes gleftIn{
	0%{opacity:0; -moz-transform:translate3d(-30px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes gleftIn{
	0%{opacity:0; transform:translate3d(-30px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes grightIn{
	0%{opacity:0; -webkit-transform:translate3d(80px,0,0);}
	100%{opacity:1; -webkit-transform:translate3d(0,0,0);}
}
@-moz-keyframes grightIn{
	0%{opacity:0; -moz-transform:translate3d(80px,0,0);}
	100%{opacity:1; -moz-transform:translate3d(0,0,0);}
}
@keyframes grightIn{
	0%{opacity:0; transform:translate3d(80px,0,0);}
	100%{opacity:1; transform:translate3d(0,0,0);}
}


@-webkit-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@-moz-keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}
@keyframes gfadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
}


@-webkit-keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-moz-keyframes gfadeOut{

	0%{opacity:1;}
	100%{opacity:0;}
}
@keyframes gfadeOut{
	0%{opacity:1;}
	100%{opacity:0;}
}
.news{width:96%; margin:1rem auto; -webkit-animation:gfadeIn 0.6s 0.6s both; -moz-animation:gfadeIn 0.6s 0.6s both; animation:gfadeIn 0.6s 0.6s both;}
.news h1{margin-bottom:10px; color:#333; font-size:0.8rem; font-weight:normal;}
.news span{margin-right:5%; color:#999; font-size:0.45rem;}
.news article{margin-top:20px; padding:2%;}
.news article img{max-width:100%; margin-bottom:0px;}
.news article p{color:#666; font-size:14px; line-height:1.8; margin-bottom:18px;}

.pagelist { text-align: center; margin: 20px 0 40px; clear:both; padding-top:30px;}
.pagelist span, .pagelist strong, .pagelist a { display: inline-block; border: 1px solid #ddd;padding: 2px 6px; margin-right: 2px; line-height:16px; text-decoration:none; color:#666;}
.pagelist strong { background: #43a2d1; color: #fff;}

#bannerresearch { height: 300px; width: 100%; background-color: #FFF; position: relative; overflow:hidden;}
#bannerresearch .intro { width: 100%; position: absolute; left: 50%; top: 50%; height: 173px;transform: translate(-50%,-50%); text-align: center; color: #636363;}
#bannerresearch .intro .h1 { font-weight: 700; letter-spacing: 0.015em; line-height: 90px;font-size: 30px; }
#bannerresearch .intro p { font-size: 12px;line-height: 80px; }

/*产品与服务*/
.trans1{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}

.idc_fw{width:100%; margin:0px auto;  padding:5% 0 2%; overflow:hidden; position:relative;}

.idc_fw .dli{width:300px;  height:600px; line-height:2; margin:0px auto;-moz-box-shadow:0px 0px 8px #DBDADA; text-align:center; overflow:hidden; -webkit-box-shadow:0px 0px 8px #DBDADA;box-shadow:0px 0px 8px #DBDADA; cursor:pointer; background:url(../images/producet_bg.jpg) no-repeat center center; background-size:cover; position: relative;}

.idc_fw .dli:before{ content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/jiujiu_logo2.png) no-repeat right bottom; background-size: 60%;}

.idc_fw h3{font-size:24px; font-weight:normal; color:#ffffff}

.idc_fw i{width: 57px; height: 53px;background: url(../images/icons.png) no-repeat;    display: block;   margin: 10% auto 2%; background-position: center center;}

.idc_fw .ico1{ background-image:url(../images/pro_icon1_on.png);}

.idc_fw .ico2{ background-image:url(../images/pro_icon2_on.png);}

.idc_fw .ico3{ background-image:url(../images/pro_icon3_on.png);}

.idc_fw .ico4{ background-image:url(../images/pro_icon4_on.png);}

.idc_fw .ico5{ background-image:url(../images/pro_icon5_on.png);}

.idc_fw .ico6{ background-image:url(../images/pro_icon6_on.png);}

.idc_fw .ico7{ background-image:url(../images/pro_icon7_on.png);}

.idc_fw p{height:40px; font-size:14px; color:#ffffff}

.idc_fw .n1_ul{ margin:0px 20px; padding:10px 0px 50px; color:#666666; line-height:40px; font-size:14px}

.idc_fw .n1_ul li{ border-bottom:1px solid #eeeeee; line-height:40px; font-size:16px; color:#7e7770;}

.idc_fw .jg{height:56px; line-height:56px; padding:45px 0px 0px;color:#666666; overflow:hidden;}

.idc_fw .jg span{color:#FF8A00; font-size:40px}

.idc_fw .prev{ position:absolute; left:10px; top:50%; margin-top:-0.41rem; width:0.47rem; height:0.82rem; background:url(../images/prev.png) no-repeat; background-size:100% 100%; z-index:9; cursor:pointer}

.idc_fw .next{ position:absolute; right:10px; top:50%; margin-top:-0.41rem; width:0.47rem; height:0.82rem; background:url(../images/next.png) no-repeat;background-size:100% 100%; z-index:9; cursor:pointer}

.al_select{ background:#f5f5f5;}
.al_select *{ box-sizing: border-box; vertical-align: top;}
.al_select ul{ font-size:0; text-align:center; border-bottom:#e0dfe2 1px solid;}
.al_select ul li{ width:33.3%; display:inline-block; *display:inline; *zoom:1; height:3rem; line-height:3rem; position:relative; overflow:hidden;}
.al_select ul li:after{ content:""; position:absolute; width:0; right:0; bottom:-1px; height:2px; background:#ff0000; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.al_select ul li a{ font-size:.5rem; color:#353536; display:block;}
.al_select ul li a img{ margin-right:.5rem; margin-top:-3px; vertical-align:middle; height:1rem;}
.al_select ul li.on:after{ left:0; width:100%}
.al_select ul li:hover:after{ left:0; width:100%}

.n_case_x{padding: 7.625rem 0 4.25rem;}
.n_case_x *{box-sizing: border-box;vertical-align: top;}
.n_case_x img{ display:inline-block;max-width: 100%; max-height: 100%;}
.n_case_x ul{font-size:0;margin: 0 -1rem;margin-bottom: -3rem;}
.n_case_x ul li{width:20%;display:inline-block; *display:inline; *zoom:1;padding: 0 1rem;margin-bottom: 2rem;text-align:center;}
.n_case_x ul li .img,.n_case_x ul li .img img{overflow:hidden;width:100%;position:relative;}
.n_case_x ul li .con{padding: .66rem 0 0 0;text-align:center;}
.n_case_x ul li .con h5,.n_case_x ul li .con h5 a{font-size: .8rem;height: 1.25rem;line-height: 1.25rem;color: #4d4c51; overflow:hidden;}
.n_case_x ul li .con h6{ margin:0 -0.3125rem; margin-top:.66rem;}
.n_case_x ul li .con h6 span{ display:inline-block; *display:inline; *zoom:1; width:50%; padding:0 0.3125rem; }
.n_case_x ul li .con h6 span a{ display:block; width:100%; height:40px; line-height:38px; border:#dcdcdc 1px solid; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out; cursor:pointer; overflow:hidden;}
.n_case_x ul li .con h6 span a{ font-size:0.2rem; color:#4b4949}

.n_case_x ul li .img .top{ position:absolute; left:0;top:0;width:100%;height:100%; background-color:transparent; z-index:0}
.n_case_x ul li .img .top .table_cell{ position:relative;}
.n_case_x ul li .img .top .table_cell .sj_top{position:absolute;width:100%;top: 4.4%;left:0;text-align:center;z-index: 10;}
.n_case_x ul li .img .top .table_cell .sj_top img{ width:auto; height:.28rem; display:inline-block; margin-top:0}
.n_case_x ul li .img .top img{width:75%;border-radius: .66rem;margin-top: 0.15rem;position: relative;}
.n_case_x ul li .img .top img.on{filter:alpha(opacity=45);opacity:0.45;-moz-opacity:0.45;-khtml-opacity:0.45;}

.n_case_x ul li .img .ewm{position:absolute;left:0;top:0;width:100%;height:100%;display:none;}
.n_case_x ul li .img .ewm img{width:4rem;}

.zixu_web {display: none !important;}

.n_case_x{ position:relative;}

.n_case_x .before{ position:absolute; left:0; top:0; width:100%; height:100%}

.layui-container01 {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 1630px;
}
@media (min-width: 1360px){
.layui-container01{ max-width:1730px !important;}
.layui-container01,.layui-container04 {
    padding: 0 80px !important;

}
}
.table{ display:table; table-layout: fixed; text-align:center; width:100%; height:100%}
.table_cell{ display:table-cell; vertical-align:middle}

@media (max-width: 992px){
  .n_case_x ul li{width:33.333333%;}
}

@media (max-width: 768px){
  .n_case_x ul li{width:50%;}
  .n_case_x{ padding:1rem 0}
}
.layui-container01 {
    position: relative;
    margin: 0 auto;
    padding: 0 15px;
    box-sizing: border-box;
    max-width: 1630px;
}

.jiujiu_logo{position: absolute;top: 20%;left: 50%;margin-left: -60px;}
.jiujiu_logo img{ width: 50%;}