@charset "utf-8";
.warp{width:1000px; margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.text-over{text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.over{overflow: hidden;}
.relative{position: relative;z-index: 1;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.inline{display: inline;}
.block{display: block;}
.inline-block{display: inline-block;}
.hide{display: none;}
.max-w100{max-width: 100%;}
.max-h100{max-height: 100%;}
.middle{vertical-align: middle;}
.img{ font-size:0;}
.border-box{ -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.trans{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}

/*新站*/
#warp{width:100%; max-width:1920px; min-width:320px; overflow:hidden; margin:0 auto;}
#warp a{ -webkit-transition:all 300ms ease 0s; -moz-transition:all 300ms ease 0s; -ms-transition:all 300ms ease 0s; -o-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.cw1600{ width:94%; max-width:1600px; margin:0 auto;}
.cw1200{ width:94%; max-width:1200px; margin:0 auto;}

/*公告样式*/
a:hover{color:#7768af;}
.b_pic{overflow:hidden;}
.b_pic img{ -webkit-transition:0.5s; -moz-transition:0.5s; transition:0.5s; }
.b_pic:hover img{ -webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}
.cut{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.clear{margin:0px auto; clear:both; height:0px; font-size:0px; overflow:hidden;}
.clear_both{zoom:1;}
.clear_both::after{content:""; display:block; clear:both;}
.dis{ display:inline-block; *display:inline; zoom:1;}
.loader{top: 0;right: 0;left: 0;bottom: 0;position: fixed;z-index: 99999;background: rgba(255,255,255,.5) url(/static/images/global/loader.svg) no-repeat center 40% / auto auto;}

/*字体*/
.fz10{ font-size:10px; color:#333;}
.fz12{ font-size:12px; color:#333;}
.fz14{ font-size:14px; color:#333;}
.fz16{ font-size:16px; color:#333;}
.fz18{ font-size:18px; color:#333;}
.fz20{ font-size:20px; color:#333;}
.fz22{ font-size:22px; color:#333;}
.fz24{ font-size:24px; color:#333;}
.fz26{ font-size:26px; color:#333;}
.fz28{ font-size:28px; color:#333;}
.fz30{ font-size:30px; color:#333;}
.fz32{ font-size:32px; color:#333;}
.fz34{ font-size:34px; color:#333;}
.fz36{ font-size:36px; color:#333;}
.fz38{ font-size:38px; color:#333;}
.fz40{ font-size:40px; color:#333;}
.fz42{ font-size:42px; color:#333;}
.fz44{ font-size:44px; color:#333;}
.fz46{ font-size:46px; color:#333;}
.fz48{ font-size:48px; color:#333;}

@font-face{ font-family:'font-zi1'; src:url('/font/MyriadPro-BlackSemiCn.otf');}
.font-zi1{ font-family:'font-zi1';}
@font-face{ font-family:'font-zi2'; src:url('/font/MyriadPro-Light.otf');}
.font-zi2{ font-family:'font-zi2';}

/*头部样式*/
#header{ width:100%; max-width:1920px; min-width:320px; text-align:center; background:rgba(255,255,255,.8); position:fixed; left:0; right:0; top:0; z-index:1006; margin:0 auto;}
#header .logo{ width:180px; margin-top:14px;}
#header .logo img{ width:100%;}
#header .nav{}
#header .nav .list{ margin-left:100px;}
#header .nav .list .Zi1{ color:#333; padding:20px 0;}
#header .nav .list .two{ width:220px; line-height:40px; text-align:left; display:none; position:absolute; padding-top:3px;}
#header .nav .list .two .Zi2{ background:#fff; color:#333; border-bottom:1px solid #eee; padding:0 20px;}
#header .nav .list .two .Zi2:hover{ color:#7768af;}
#header .nav .list.in{ margin-left:0;}
#header .nav .list.on .Zi1{ color:#7768af; border-bottom:3px solid #7768af;}
#header .nav .list.on .two{ padding-top:0;}
#header .phone{ background:url(/images/img1.png) no-repeat left center; color:#7768af; padding-left:24px; margin-top:22px;}
#header .target{ width:38px; display:none; cursor:pointer;}
#header .target img{ width:100%;}
#header.in{ background:#fff;}
#phone_nav{ width:100%; max-width:1920px; min-width:320px; text-align:center; display:none; overflow:auto; background:rgba(255,255,255,.8); position:fixed; top:0; left:0; right:0; z-index:1006; margin:0 auto;}
#phone_nav .list{ width:100%; border-bottom:1px solid #fff; padding:16px 0;}

/*弹出视频*/
#video{ width:100%; max-width:1920px; min-width:320px; height:100%; text-align:center; display:none; background:rgba(0,0,0,.8); position:fixed; top:0; left:0; right:0; z-index:1008;}
#video .shutdown{ cursor:pointer; color:#fff; position:fixed; top:2%; right:2%; z-index:1009;}
#video video{ width:60%; margin-top:10%;}


/*广告样式*/
#banner{ width:100%; overflow:hidden; font-size:0; position:relative;}
#banner .db{ width:100%;}
#banner .db .swiper-slide{ width:100%; font-size:0; position:relative;}
#banner .db .swiper-slide .nts{ position:absolute; right:12%; top:32%; z-index:2;}
#banner .db .swiper-slide .nts .xian{ width:30px; height:3px; background:#7768af;}
#banner .db .swiper-slide .nts .fz42{ color:#7768af; margin:10px 0 20px;}
#banner .db .swiper-slide .nts .fz22{ color:#555;}
#banner .db .swiper-slide img{ width:100%;}
#banner .hb{ width:100%; text-align:center; position:absolute; left:0; right:0; bottom:2.5% !important; z-index:3; margin:0 auto;}
#banner .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#666; font-size:0; border-radius:50%; margin:0 4px !important;}
#banner .hb span.swiper-pagination-bullet-active{ background:#7768af;}
#banner.in .db .swiper-slide .nts .fz16{ color:#fff;}

/*手机广告*/
#phone-banner{ width:100%; display:none; overflow:hidden; font-size:0; position:relative;}
#phone-banner .db{ width:100%;}
#phone-banner .db .swiper-slide{ width:100%; position:relative;}
#phone-banner .db .swiper-slide .nts{ width:90%; position:absolute; left:0; right:0; top:44%; z-index:2; margin:0 auto;}
#phone-banner .db .swiper-slide .nts .xian{ width:40px; height:3px; background:#7768af;}
#phone-banner .db .swiper-slide .nts .fz30{ color:#7768af; margin:10px 0;}
#phone-banner .db .swiper-slide .nts .fz20{ color:#555;}
#phone-banner .db .swiper-slide img{ width:100%;}
#phone-banner .hb{ width:100%; text-align:center; font-size:0; position:absolute; left:0; right:0; bottom:3% !important; z-index:3; margin:0 auto;}
#phone-banner .hb span{ width:6px; height:6px; display:inline-block; opacity:1; cursor:pointer; background:#666; font-size:0; border-radius:50%; margin:0 4px !important;}
#phone-banner .hb span.swiper-pagination-bullet-active{ background:#7768af;}

/*底部样式*/
#footer{ width:100%; background:#5d5d5d; padding:2% 0 1%;}
#footer .top{}
#footer .top .list{ width:11%; margin-right:15%;}
#footer .top .list .fz16{ color:#fff; margin-bottom:10px;}
#footer .top .list .fz14{ width:100%; color:#d3d3d3; margin-bottom:10px;}
#footer .top .list .fz14 a{ color:#d3d3d3;}
#footer .top .list .fz22{ width:100%; color:#d3d3d3; font-family:'Myriad Pro'; margin-bottom:20px;}
#footer .top .list.in{ width:32%; margin-right:0;}
#footer .top .ewm{ width:10.5%; text-align:center; margin-right:3%;}
#footer .top .ewm .img{ width:100%;}
#footer .top .ewm .img img{ width:100%;}
#footer .top .ewm .fz14{ width:100%; color:#fff; margin-top:10px;}
#footer .bot{ margin-top:2%;}
#footer .bot .fz14{ color:#fff;}
#footer .bot .fz14 a{ color:#fff;}
#footer .bot .fz14.in{ margin-left:2%;}

/*首页样式*/
#index{ width:100%;}
#index .title{ width:100%; text-align:center;}
#index .title .fz28{ width:100%; color:#7768af; font-weight:bold;}
#index .title .fz22{ width:100%; text-transform:uppercase; color:#555; position:relative; padding-bottom:16px; margin-top:5px;}
#index .title .fz22::before{ width:30px; height:3px; background:#7768af; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto; content:'';}
#index .more{ color:#fff; border:1px solid #fff; border-radius:50px; padding:16px 50px;}
#index .more.video{ display:none; margin-left:20px;}
#index .one{ padding:2.4% 0 3%;}
#index .one .item{ width:100%; margin-top:3%;}
#index .one .item .list{ width:23.5%; position:relative; margin-right:2%;}
#index .one .item .list .img{ width:100%;}
#index .one .item .list .img::before{ width:100%; height:100%; background:rgba(0,0,0,.6); position:absolute; left:0; top:0; z-index:2; content:'';}
#index .one .item .list .img img{ width:100%;}
#index .one .item .list .nts{ width:100%; height:100%; text-align:center; position:absolute; left:0; top:0; z-index:3;}
#index .one .item .list .nts::before{ display:block; padding-top:50%; content:'';}
#index .one .item .list .nts .icon{ width:50px;}
#index .one .item .list .nts .icon img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#index .one .item .list .nts .fz18{ width:100%; text-align:center; color:#fff;}
#index .one .item .list.in{ margin-right:0;}
#index .one .item .navigation{ width:100%; text-align:center; margin-top:4.4%;}
#index .one .item .navigation .prev{ width:37px; height:37px; background:#7768af url(/images/img10.png) no-repeat center; border:1px solid #7768af; border-radius:50%; margin-right:20px;}
#index .one .item .navigation .prev.swiper-button-disabled{ background:#fff url(/images/img12.png) no-repeat center; border:1px solid #c8c8c8;}
#index .one .item .navigation .next{ width:37px; height:37px; background:#7768af url(/images/img11.png) no-repeat center; border:1px solid #7768af; border-radius:50%;}
#index .one .item .navigation .next.swiper-button-disabled{ background:#fff url(/images/img13.png) no-repeat center; border:1px solid #c8c8c8;}
#index .two{ width:100%; background:#7768af;}
#index .two .img{ width:50%; cursor:pointer; position:relative;}
#index .two .img::before{ width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; left:0; top:0; z-index:2; content:'';}
#index .two .img::after{ width:60px; height:60px; background:url(/images/img15.png) no-repeat center; background-size:cover; position:absolute; top:50%; left:0; right:0; z-index:3; margin:-30px auto 0; content:'';}
#index .two .img img{ width:100%;}
#index .two .nts{ width:50%; padding:3% 8.5% 0 3.7%;}
#index .two .nts .title{ text-align:left;}
#index .two .nts .title .fz28{ color:#fff;}
#index .two .nts .title .fz22{ color:#fff; padding:16px 0 0; margin:0 0 5px;}
#index .two .nts .title .fz22::before{ background:#fff; top:0; bottom:auto; right:auto;}
#index .two .nts .name{ width:100%; color:#fff; margin-top:3%;}
#index .two .nts .brief{ width:100%; line-height:30px; color:#fff; margin:2.2% 0 4.2%;}
#index .thr{ text-align:center; padding:4.4% 0 6%;}
#index .thr .list{ width:11.125%; font-size:0; position:relative; margin:0 6%;}
#index .thr .list .img{ width:100%;}
#index .thr .list .img img{ width:100%;}
#index .thr .list .img .img1{ opacity:1; visibility:visible;}
#index .thr .list .img .img2{ opacity:0; visibility:hidden; position:absolute; left:0; top:0; z-index:2;}
#index .thr .list .nts{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:3;}
#index .thr .list .nts::before{ display:block; padding-top:32%; content:'';}
#index .thr .list .nts .icon{ width:29%; position:relative;}
#index .thr .list .nts .icon img{ width:100%;}
#index .thr .list .nts .icon .icon1{ opacity:1; visibility:visible;}
#index .thr .list .nts .icon .icon2{ opacity:0; visibility:hidden; position:absolute; left:0; top:0; z-index:2;}
#index .thr .list .nts .fz16{ width:100%; color:#7768af; font-weight:bold; margin-top:6px;}
#index .thr .list:hover .img .img1{ opacity:0; visibility:hidden; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
#index .thr .list:hover .img .img2{ opacity:1; visibility:visible; transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}
#index .thr .list:hover .nts .icon .icon1{ opacity:0; visibility:hidden;}
#index .thr .list:hover .nts .icon .icon2{ opacity:1; visibility:visible;}
#index .thr .list:hover .nts .fz16{ color:#fff;}
#index .four{ width:100%; height:47vw; background:url(/images/img26.jpg) no-repeat center; background-size:cover; position:relative; padding-top:2.5%;}
#index .four .item{ width:100%; background:rgba(119,104,175,.9); position:absolute; bottom:0; left:0; right:0; z-index:2; padding:2.1% 0; margin:0 auto;}
#index .four .item .list{ width:25%; text-align:center;}
#index .four .item .list .icon{ width:9.5%;}
#index .four .item .list .icon img{ width:100%;}
#index .four .item .list .fz16{ line-height:26px; color:#fff; margin-top:3.4%;}
#index .four .item .list .fz16 span{ color:#fff; font-size:30px;}
#index .five{ padding:2% 0 3.2%;}
#index .five .item{ width:100%; margin:3.8% 0;}
#index .five .item .left{ width:48.5%; position:relative;}
#index .five .item .left .swiper-wrapper .img{ width:100%;}
#index .five .item .left .swiper-wrapper .img img{ width:100%;}
#index .five .item .left .pagination{ width:100%; background:rgba(0,0,0,.5); position:absolute; left:0; bottom:0; z-index:2; padding:20px;}
#index .five .item .left .pagination .name{ color:#fff;}
#index .five .item .left .pagination .hb{ margin-top:3px;}
#index .five .item .left .pagination .hb span{ width:8px; height:8px; display:inline-block; opacity:1; cursor:pointer; background:#fff; font-size:0; border-radius:50%; margin:0 4px !important;}
#index .five .item .left .pagination .hb span.swiper-pagination-bullet-active{ background:#7768af;}
#index .five .item .right{ width:48%;}
#index .five .item .right .list{ width:100%; border-bottom:1px solid #efefef; padding-bottom:4%; margin-bottom:5%;}
#index .five .item .right .list .name{ width:100%; line-height:20px;}
#index .five .item .right .list .name .fz18{ width:80%; color:#333;}
#index .five .item .right .list .name .fz14{ color:#555;}
#index .five .item .right .list .brief{ width:100%; height:60px; line-height:30px; overflow:hidden; color:#666; margin-top:2.6%;}
#index .five .item .right .list.in{ border-bottom:none; padding-bottom:0; margin-bottom:0;}
#index .five .item .right .list:hover .name .fz18{ color:#7768af;}
#index .five .more{ display:table; color:#555; border-color:#e9e9e9; margin:0 auto;}

/*内页样式*/
.inside{}
.inside .title{ width:100%; text-align:center; color:#333; position:relative; padding-bottom:14px;}
.inside .title::before{ width:30px; height:3px; background:#7768af; position:absolute; left:0; right:0; bottom:0; z-index:2; margin:0 auto; content:'';}

/*内页分类栏*/
#InsideCategory{ width:100%; text-align:center; background:#f3f3f3;}
#InsideCategory .cw1600{ font-size:0;}
#InsideCategory .cw1600 .list{ color:#333; padding:20px 22px; margin:0 -2px;}
#InsideCategory .cw1600 .list.on{ background:#7768af; color:#fff;}
#InsideCategory .cw1600 .list:hover{ background:#7768af; color:#fff;}

/*手机版分类栏*/
#PhoneInsideCategory{ width:94%; text-align-last:center; display:none; background:#fff; font-size:20px; padding:1.5% 0; margin:3% auto;}

/*详细页*/
#detail{ padding:4% 0;}
#detail .title{ width:100%; text-align:center; font-weight:bold; color:#333;}
#detail .desc{ width:100%; line-height:24px; font-size:14px; margin-top:2%; max-width:900px; margin:0 auto;}
#detail .desc img{ max-width:100%; height:auto !important;}
#detail .desc table{ width:100% !important;}

/*智慧医疗*/
#products{}
#products .one{ width:100%; text-align:center; padding:1.8% 0 4.2%;}
#products .one .fz28{ width:100%; color:#333;}
#products .one .fz14{ width:100%; line-height:30px; color:#888; margin-top:1.2%;}
#products .one .item{ width:100%; margin-top:3.8%;}
#products .one .item .list{ width:23.5%; text-align:center; position:relative; margin-right:2%; margin-bottom:2%;}
#products .one .item .list .img{ width:100%;}
#products .one .item .list .img::before{ width:100%; height:100%; background:rgba(0,0,0,.5); position:absolute; left:0; top:0; z-index:2; content:'';}
#products .one .item .list .img img{ width:100%;}
#products .one .item .list .nts{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:3;}
#products .one .item .list .nts::before{ display:block; padding-top:24%; content:'';}
#products .one .item .list .nts .icon{ width:46px;}
#products .one .item .list .nts .icon img{ width:100%; -webkit-transform:scale(1); -moz-transform:scale(1); transform:scale(1);}
#products .one .item .list .nts .fz18{ width:100%; color:#fff; margin-top:6px;}
#products .one .item .list.in{ margin-right:0;}
#products .two{ width:100%; position:relative;}
#products .two .img{ width:100%; position:relative;}
#products .two .img::before{ width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; z-index:2; content:'';}
#products .two .img img{ width:100%;}
#products .two .nts{ width:90%; max-width:760px; text-align:center; position:absolute; top:34%; left:0; right:0; z-index:3; margin:0 auto;}
#products .two .nts .fz28{ width:100%; color:#fff;}
#products .two .nts .fz14{ width:100%; line-height:30px; color:#fff; margin-top:12px;}
#products .thr{ padding:2.1% 0;}
#products .thr .item{ width:100%; margin-top:3%;}
#products .thr .item .list{ width:32%; position:relative; margin-bottom:2%; margin-right:2%;}
#products .thr .item .list .img{ width:100%;}
#products .thr .item .list .img img{ width:100%;}
#products .thr .item .list .fz16{ width:100%; background:rgba(0,0,0,.5); color:#fff; position:absolute; left:0; bottom:0; z-index:2; padding:14px 20px;}
#products .thr .item .list.in{ margin-right:0;}
#products .four{ width:100%; background:url(/images/img57.jpg) no-repeat center; padding:1.6% 0 2.4%;}
#products .four .img{ width:100%; text-align:center; margin-top:1%U;}
#products .four .img img{ max-width:100%;}
#products .five{ padding:1.6% 0 2.6%;}
#products .five .desc{ width:100%; margin-top:3.1%;}
#products .five .desc .nts{ width:44%; padding:1.3% 0;}
#products .five .desc .img{ width:46.25%;}
#products .five .desc .img img{ width:100%;}
#products .five .desc.in .nts{ width:100%;}

/*合作案例*/
#case{}
#case .one{ width:100%; padding:2.8% 0 3%;}
#case .one .item{ width:100%;}
#case .one .item .list{ width:32%; text-align:center; margin-right:2%; margin-bottom:2%;}
#case .one .item .list .img{ width:100%; height:20.5vw; overflow:hidden;}
#case .one .item .list .img img{ width:100%;}
#case .one .item .list .fz18{ width:100%; background:#f1f1f1; color:#333; padding:16px 0;}
#case .one .item .list.in{ margin-right:0;}
#case .one .item .list:hover .fz18{ color:#7768af;}

/*关于德澳*/
#about .one{ padding:2.5% 0 3.8%;}
#about .one .item{ width:100%; margin-top:3.8%;}
#about .one .item img{ max-width:100%; height:auto !important;}
#about .one .item .left{ width:55%; padding:10px;}
#about .one .item .left .fz18{ width:100%; color:#333;}
#about .one .item .left .fz14{ width:100%; line-height:34px; color:#333; margin-top:20px;}
#about .one .item .right{ width:40.375%; font-size:0; position:relative; padding-bottom:9px; padding-right:9px;}
#about .one .item .right::before{ width:9px; height:97%; background:#7768af; position:absolute; right:0; bottom:0; z-index:2; content:'';}
#about .one .item .right::after{ width:97%; height:9px; background:#7768af; position:absolute; right:0; bottom:0; z-index:2; content:'';}
#about .one .item .right img{ width:100%;}
#about .one .desc{ width:100%; margin-top:3.8%;}
#about .one .desc img{ max-width:100%; height:auto !important;}
#about .two{ width:100%; background:#f7f7f7; padding:2.5% 0 3.8%;}
#about .two .item{ text-align:center; margin-top:4.8%;}
#about .two .item .list{ width:11.125%; position:relative; margin:0 6%;}
#about .two .item .list .img{ width:100%;}
#about .two .item .list .img img{ width:100%;}
#about .two .item .list .nts{ width:100%; position:absolute; top:24%; z-index:2;}
#about .two .item .list .nts .icon{ width:82px;}
#about .two .item .list .nts .icon img{ width:100%;}
#about .two .item .list .nts .fz18{ color:#fff; margin-top:6px;}
#about .two .item .list .fz16{ width:100%; color:#555; margin-top:16px;}
#about .two .item .list:hover .img{ transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg);}

/*公司动态*/
#info{ padding:3.6% 0;}
#info .one{ width:93.75%; margin:0 auto;}
#info .one .list{ width:23.5%; margin-left:2%;}
#info .one .list .img{ width:100%; height:14.7vw; overflow:hidden;}
#info .one .list .img img{ width:100%;}
#info .one .list .fz16{ width:100%; color:#333; margin-top:4%;}
#info .one .list .fz14{ width:100%; height:48px; line-height:24px; overflow:hidden; color:#757575; margin:3% 0 5.7%;}
#info .one .list .fz12{ width:100%; color:#757575;}
#info .one .list.in{ margin-left:0;}
#info .one .list:hover .fz16{ color:#7768af;}
#info .two{ width:100%; margin-top:3.1%;}
#info .two .item{ width:100%;}
#info .two .item .list{ width:100%; font-size:0; background:#fff;}
#info .two .item .list .nts{ width:93.75%; display:block; border-bottom:1px solid #e5e5e5; padding:3.1% 0; margin:0 auto;}
#info .two .item .list .nts .left{ width:76%;}
#info .two .item .list .nts .left .fz16{ width:100%; color:#353535;}
#info .two .item .list .nts .left .fz14{ width:100%; height:44px; line-height:22px; overflow:hidden; color:#757575; margin-top:1.3%;}
#info .two .item .list .nts .right{ width:13.33%; text-align:center; background:url(/images/img46.png) no-repeat right center; background-size:8.5% !important; border-left:1px solid #eaeaea; padding:10px 0;}
#info .two .item .list .nts .right .fz30{ color:#757575; font-family:'Impact';}
#info .two .item .list .nts .right .fz12{ color:#757575; font-family:'黑体'; margin-top:4px;}
#info .two .item .list.in .nts{ border-top:1px solid #e5e5e5;}
#info .two .item .list:hover{ background:#7768af;}
#info .two .item .list:hover .nts{ border-color:#7768af;}
#info .two .item .list:hover .nts .left .fz16{ color:#fff;}
#info .two .item .list:hover .nts .left .fz14{ color:#fff;}
#info .two .item .list:hover .nts .right{ background:url(/images/img47.png) no-repeat right center;}
#info .two .item .list:hover .nts .right .fz30{ color:#fff;}
#info .two .item .list:hover .nts .right .fz12{ color:#fff;}
#info .two.phone{ display:none;}

/*技术服务*/
#article{ padding:5.8% 0;}
#article .img{ width:46.125%;}
#article .img img{ width:100%;}
#article .brief{ width:48.125%; line-height:30px; color:#333; padding:1.5% 0;}

/*人才招聘*/
#recruitment{ padding:70px 0 140px;}
#recruitment .list{ width:49%; background:#9e9e9e; position:relative; padding:25px 40px; margin-top:30px;}
#recruitment .list .fz18{ width:100%; color:#fff;}
#recruitment .list .Zi1{ width:100%; color:#fff; margin:8px 0;}
#recruitment .list .Zi2{ width:100%; color:#fff;}
#recruitment .list .img{ width:59px; height:100%; background:url(/images/img49.png) no-repeat center; background-size:100%; position:absolute; right:7%; top:0; z-index:2;}
#recruitment .list .img img{ width:100%;}
#recruitment .list .nr{ width:100%; opacity:0; visibility:hidden; background:rgba(255,255,255,.95); box-shadow:0 10px 10px #666; position:absolute; left:0; top:100%; z-index:6; padding:30px 20px;}
#recruitment .list .nr .fz14{ line-height:24px; color:#333;}
#recruitment .list .nr .fz16{ width:126px; height:42px; line-height:42px; text-align:center; background:#7768af; color:#fff; margin-top:30px;}
#recruitment .list.in{ margin-top:0;}
#recruitment .list:hover{ background:#7768af;}
#recruitment .list:hover .nr{ opacity:1; visibility:visible;}

/*在线留言*/
#feedback{ padding:6.3% 0 4.7%;}
#feedback .list{ width:100%; font-size:0;}
#feedback .list img{ height:48px; border:1px solid #eee;}
#feedback .input{ width:32%; height:50px; background:url(/images/img50.png) no-repeat 96%; border:1px solid #e4e4e4; border-radius:4px; padding:0 20px; margin-right:2%;}
#feedback .input.in{ background:none; margin-right:0;}
#feedback .input.code{ width:26%;}
#feedback .text{ width:100%; height:140px; border:1px solid #e4e4e4; border-radius:4px; padding:20px; margin:2% 0;}
#feedback .sub{ width:26%; height:50px; cursor:pointer; background:#7768af; color:#fff; border:none; border-radius:4px; margin-top:2%;}

/*联系方式*/
#contact{}
#contact .one{ text-align:center; padding:4.2% 0 2.4%;}
#contact .one .list{ width:20%; vertical-align:top; margin:0 2%;}
#contact .one .list .img{ width:100px;}
#contact .one .list .img img{ width:100%;}
#contact .one .list .fz20{ width:100%; color:#333; margin:6% 0;}
#contact .one .list .fz14{ width:100%; line-height:30px; color:#666;}
#contact .two{ width:100%; height:480px;}
#contact .two iframe{ width:100%; height:100%; border:none;}

/*H5兼容*/
@media only screen and (max-width:1680px){
	#header .nav .list{ margin-left:70px;}
	#banner .db .swiper-slide .nts .fz42{ font-size:38px; margin:6px 0 16px;}
	#banner .db .swiper-slide .nts .fz22{ font-size:20px;}
	#index .two .nts .name{ font-size:16px;}
	#index .two .nts .brief{ line-height:20px; font-size:12px;}
	#index .more{ font-size:12px; padding:12px 40px;}
}

@media only screen and (max-width:1600px){
	#header .logo{ width:160px; margin-top:10px;}
	#header .nav .list .Zi1{ font-size:16px; padding:16px 0;}
	#header .phone{ margin-top:16px;}
	#recruitment{ padding:5% 0 10%;}
	#recruitment .list{ width:49%; padding:2%; margin-top:2%;}
	#recruitment .list .img{ width:8%;}
	#recruitment .list .nr{ padding:2% 4%;}
	#recruitment .list .nr .fz16{ margin-top:5%;}
	#index .five .item .right .list .name .fz18{ font-size:16px;}
	#index .five .item .right .list .name .fz14{ font-size:12px;}
	#index .five .item .right .list .brief{ height:60px; line-height:20px; font-size:12px; margin-top:2%;}
	#index .five .item .left .pagination .name{ font-size:16px;}
	#index .five .item .left .pagination .hb{ margin-top:0;}
}

@media only screen and (max-width:1440px){
	#header .logo{ width:140px;}
	#header .nav .list{ margin-left:50px;}
	#header .nav .list .two{ line-height:36px;}
	#header .nav .list .two .Zi2{ font-size:12px;}
	#header .phone{ background-size:11%; font-size:16px; padding-left:1.6%;}
	#banner .db .swiper-slide .nts{ top:40%;}
	#banner .db .swiper-slide .nts .fz42{ font-size:34px;}
	#banner .db .swiper-slide .nts .fz22{ font-size:18px;}
	.inside .title{ font-size:24px;}
	#index .title .fz28{ font-size:24px;}
	#index .title .fz22{ font-size:20px; padding-bottom:12px;}
	#index .title .fz22::before{ width:26px; height:2px;}
	#index .one .item .list .nts .icon{ width:40px;}
	#index .one .item .list .nts .fz18{ font-size:16px;}
	#index .two .img::after{ width:50px; height:50px; margin-top:-25px;}
	#index .two .nts{ padding:3% 3% 0;}
	#index .two .nts .title .fz22{ padding-top:12px;}
	#index .two .nts .name{ font-size:14px;}
	#index .thr .list .nts .fz16{ font-size:14px;}
	#index .four .item .list .fz16{ line-height:20px; font-size:14px; margin-top:2%;}
	#index .four .item .list .fz16 span{ font-size:26px;}
	#index .five .item .left .pagination{ padding:14px;}
	#index .five .item .left .pagination .name{ font-size:14px;}
	#index .five .item .left .pagination .hb span{ width:6px; height:6px;}
	#index .five .item .right .list{ padding-bottom:3%; margin-bottom:4%;}
	#footer .top .list .fz16{ font-size:14px; margin-bottom:8px;}
	#footer .top .list .fz14{ font-size:12px; margin-bottom:8px;}
	#footer .top .list .fz22{ font-size:18px; margin-bottom:16px;}
	#footer .top .ewm .fz14{ font-size:12px;}
	#footer .bot .fz14{ font-size:12px;}
	#InsideCategory .cw1600 .list{ font-size:14px; padding:14px 18px;}
	#products .one .fz28{ font-size:24px;}
	#products .one .fz14{ line-height:22px; font-size:12px;}
	#products .one .item .list .nts .icon{ width:40px;}
	#products .one .item .list .nts .fz18{ font-size:16px;}
	#products .two .nts .fz28{ font-size:24px;}
	#products .two .nts .fz14{ line-height:24px; font-size:12px; margin-top:10px;}
	#products .thr .item .list .fz16{ font-size:14px; padding:14px;}
	#case .one .item .list .fz18{ font-size:16px; padding:14px 0;}
	#detail .title{ font-size:20px;}
	#detail .desc{ line-height:20px; font-size:12px;}
	#about .one .item .left{ padding:0;}
	#about .one .item .left .fz18{ font-size:16px;}
	#about .one .item .left .fz14{ line-height:28px; font-size:12px; margin-top:12px;}
	#about .one .item .right{ padding-bottom:6px; padding-right:6px;}
	#about .one .item .right::before{ width:6px;}
	#about .one .item .right::after{ height:6px;}
	#about .two .item{ margin-top:3%;}
	#about .two .item .list .nts .icon{ width:64px;}
	#about .two .item .list .nts .fz18{ font-size:14px; margin-top:4px;}
	#about .two .item .list .fz16{ font-size:14px; margin-top:10px;}
	#article .brief{ line-height:26px; font-size:14px;}
	#contact .one .list .img{ width:80px;}
	#contact .one .list .fz20{ font-size:18px;}
	#contact .one .list .fz14{ line-height:24px; font-size:12px;}
	#info .one .list .fz16{ font-size:14px;}
	#info .one .list .fz14{ height:40px; line-height:20px; font-size:12px;}
	#info .one .list .fz12{ font-size:10px;}
	#info .two .item .list .nts .right .fz30{ font-size:26px;}
}

@media only screen and (max-width:1280px){
	#header .nav .list{ margin-left:40px;}
	#header .nav .list .Zi1{ font-size:14px;}
	.inside .title{ font-size:20px; padding-bottom:10px;}
	.inside .title::before{ width:24px; height:2px;}
	#index .title .fz28{ font-size:20px;}
	#index .title .fz22{ font-size:18px; padding-bottom:10px;}
	#index .title .fz22::before{ width:26px; height:2px;}
	#index .two .nts{ padding:2% 3%;}
	#index .two .nts .title .fz22{ padding-top:10px;}
	#index .two .nts .name{ margin-top:2%;}
	#index .two .nts .brief{ margin:3% 0;}
	#index .more{ padding:10px 34px;}
	#products .thr .item .list .fz16{ font-size:12px; padding:10px;}
	#about .two .item .list .nts{ top:26%;}
	#about .two .item .list .nts .icon{ width:50px;}
	#about .two .item .list .nts .fz18{ font-size:12px;}
	#about .two .item .list .fz16{ font-size:12px;}
	#article .img{ width:49%;}
	#article .brief{ width:48%;}
	#contact .one .list .fz20{ font-size:16px;}
	#contact .one .list .fz14{ line-height:20px;}
}

@media only screen and (max-width:1200px){
	#recruitment .list .fz18{ font-size:16px;}
	#recruitment .list .fz14{ font-size:12px;}
	#recruitment .list .fz12{ font-size:10px;}
	#recruitment .list .img{ right:5%;}
	#recruitment .list .nr .Zi2{ line-height:20px;}
	#recruitment .list .nr .fz16{ width:auto; height:auto; line-height:normal; font-size:14px; padding:8px 18px;}
	#products .one .item .list .nts .icon{ width:36px;}
	#products .one .item .list .nts .fz18{ font-size:14px; margin-top:4px;}
}

@media only screen and (max-width:1120px){
	#header .logo{ margin-top:7px;}
	#header .nav .list{ margin-left:30px;}
	#header .nav .list .Zi1{ padding:12px 0;}
	#header .phone{ font-size:14px; margin-top:14px;}
}

@media only screen and (max-width:1024px){
	#banner .db .swiper-slide .nts .fz42{ font-size:30px; margin:6px 0 10px;}
	#banner .db .swiper-slide .nts .fz22{ font-size:16px;}
	#index .one .item .list .nts .icon{ width:36px;}
	#index .one .item .list .nts .fz18{ font-size:14px;}
	#index .one .item .navigation .prev{ width:32px; height:32px;}
	#index .one .item .navigation .next{ width:32px; height:32px;}
	#index .five .item .left{ width:50%;}
	#products .one .item .list .nts .icon{ width:32px;}
	#products .one .item .list .nts .fz18{ font-size:12px;}
	#case .one .item .list .fz18{ font-size:14px; padding:10px 0;}
	#about .two .item .list{ width:15%; margin:0 3.6%;}
	#about .two .item .list .nts .icon{ width:60px;}
	#about .two .item .list .nts .fz18{ font-size:14px;}
	#about .two .item .list .fz16{ font-size:14px;}
	#article .brief{ line-height:22px; font-size:12px;}
}

@media only screen and (max-width:980px){
	#header{ padding:6px 0;}
	#header .logo{ width:160px; margin:0;}
	#header .phone{ display:none;}
	#header .nav{ display:none;}
	#header .target{ display:block;}
	#index .two .img{ display:none;}
	#index .two .nts{ width:94%; float:none; padding:3% 0; margin:0 auto;}
	#index .more.video{ display:inline-block;}
	#index .thr .list .nts .fz16{ font-size:12px; margin-top:4px;}
	#index .four .item{ padding:2% 0;}
	#index .four .item .list .icon{ width:17%;}
	#index .five .item .left .pagination{ padding:10px;}
	#index .five .item .left .pagination .name{ font-size:12px;}
	#index .five .item .right .list .name .fz18{ font-size:14px;}
	#index .five .item .right .list .name .fz14{ font-size:10px;}
	#index .five .item .right .list .brief{ height:54px; line-height:18px; font-size:10px;}
	#footer .top .list{ width:15%; margin-right:10%;}
	#footer .top .list .fz22{ font-size:16px;}
	#footer .top .list.in{ width:30%;}
	#footer .top .ewm{ width:15%; margin-right:0;}
	#products .five .desc .nts{ width:100%;}
	#products .five .desc .img{ width:100%; margin-top:12px;}
	#detail .title{ font-size:18px;}
	#about .one .item .left{ width:100%;}
	#about .one .item .right{ display:none;}
	#about .two .item .list .nts .icon{ width:40%;}
	#about .two .item .list .nts .fz18{ font-size:12px;}
	#about .two .item .list .fz16{ font-size:12px;}
	#info .two .item .list .nts .left .fz16{ font-size:14px;}
	#info .two .item .list .nts .left .fz14{ font-size:12px;}
	#info .two .item .list .nts .right{ width:20%;}
}

@media only screen and (max-width:860px){
	#banner .db .swiper-slide .nts{ top:40%;}
	#banner .db .swiper-slide .nts .xian{ width:24px; height:2px;}
	#banner .db .swiper-slide .nts .fz42{ font-size:26px; margin:4px 0 8px;}
	#banner .db .swiper-slide .nts .fz22{ font-size:14px;}
}

@media only screen and (max-width:760px){
	#phone_nav .list{ font-size:16px; padding:12px 0;}
	#banner{ display:none;}
	#phone-banner{ display:block;}
	#index .more{ padding:8px 22px;}
	#index .thr .list{ width:20%; margin:0 2%;}
	#index .four .item .list .fz16{ line-height:16px; font-size:12px; margin-top:8px;}
	#index .four .item .list .fz16 span{ font-size:20px;}
	#index .five .item .left{ display:none;}
	#index .five .item .right{ width:100%; margin:0;}
	#index .five .item .right .list{ padding-bottom:2%; margin-bottom:2%;}
	#index .five .item .right .list .brief{ height:auto;}
	#InsideCategory{ display:none;}
	#PhoneInsideCategory{ display:block;}
	#products .one .fz28{ font-size:20px;}
	#products .one .item .list{ width:49%;}
	#products .one .item .list .nts .icon{ width:40px;}
	#products .one .item .list .nts .fz18{ font-size:16px;}
	#products .one .item .list.in{ margin-right:2%;}
	#products .one .item .list.to{ margin-right:0;}
	#products .two .img{ height:50vw;}
	#products .two .img img{ width:auto; height:100%;}
	#products .two .nts{ width:94%; top:40%;}
	#products .thr .item .list{ width:49%;}
	#products .thr .item .list.in{ margin-right:2%;}
	#products .thr .item .list.to{ margin-right:0;}
	#case .one .item .list{ width:49%;}
	#case .one .item .list .img{ height:auto;}
	#case .one .item .list.in{ margin-right:2%;}
	#case .one .item .list.to{ margin-right:0;}
	#about .two .item .list{ width:18%; margin:0 2%;}
	#article .brief{ line-height:18px; font-size:10px; padding:1% 0;}
	#feedback .list img{ height:44px;}
	#feedback .input{ height:46px; font-size:12px; padding:0 10px;}
	#feedback .text{ height:120px; font-size:12px; padding:10px;}
	#feedback .sub{ height:46px; font-size:14px;}
	#contact .two{ height:300px;}
	#info .one{ display:none;}
	#info .two{ display:none;}
	#info .two.phone{ display:block;}
}

@media only screen and (max-width:720px){
	#recruitment .list{ width:100%; padding:3%; margin-top:0; margin-bottom:2%;}
	#recruitment .list .fz18{ font-size:18px;}
	#recruitment .list .fz16{ font-size:16px;}
	#recruitment .list .fz14{ font-size:14px;}
	#recruitment .list .fz12{ font-size:12px;}
	#recruitment .list .nr{ padding:2% 3%;}
	#recruitment .list .nr .Zi2{ line-height:24px;}
}

@media only screen and (max-width:640px){
	#header .logo{ width:140px;}
	#header .target{ width:34px;}
	#phone-banner .db .swiper-slide .nts .xian{ width:30px; height:2px;}
	#phone-banner .db .swiper-slide .nts .fz30{ font-size:24px; margin:10px 0 6px;}
	#phone-banner .db .swiper-slide .nts .fz20{ font-size:16px;}
	.inside .title{ font-size:18px; padding-bottom:8px;}
	#index .title .fz28{ font-size:18px;}
	#index .title .fz22{ font-size:16px; padding-bottom:6px; margin-top:3px;}
	#index .title .fz22::before{ width:26px; height:2px;}
	#index .one .item .list{ width:49%;}
	#index .one .item .navigation .prev{ width:28px; height:28px;}
	#index .one .item .navigation .next{ width:28px; height:28px;}
	#index .four{ height:80vw;}
	#index .four .item .list{ width:50%; margin:2% 0;}
	#index .four .item .list .icon{ width:13%;}
	#footer{ padding:3% 0;}
	#footer .top .list .fz14{ font-size:10px;}
	#footer .top .list .fz16{ font-size:12px; margin-bottom:6px;}
	#footer .top .list .fz22{ font-size:14px; margin-bottom:8px;}
	#footer .top .list.in{ width:50%;}
	#footer .top .ewm{ display:none;}
	#footer .bot{ margin-top:3%;}
	#footer .bot .fz14{ font-size:10px;}
	#PhoneInsideCategory{ font-size:18px;}
	#products .two .nts .fz28{ font-size:20px;}
	#products .two .nts .fz14{ line-height:18px; font-size:10px; margin-top:6px;}
	#about .two .item .list .nts{ top:22%;}
	#about .two .item .list .nts .fz18{ font-size:10px; margin-top:3%;}
	#about .two .item .list .fz16{ font-size:10px;}
	#article .img{ width:100%;}
	#article .brief{ width:100%; line-height:26px; font-size:12px; padding:0; margin-top:3%;}
	#contact .one .list .img{ width:70px;}
	#contact .one .list .fz20{ font-size:14px;}
	#contact .one .list .fz14{ line-height:16px; font-size:10px;}
	#info .two .item .list .nts .left .fz16{ font-size:12px;}
	#info .two .item .list .nts .left .fz14{ height:32px; line-height:16px; font-size:10px;}
	#info .two .item .list .nts .right .fz30{ font-size:20px;}
	#info .two .item .list .nts .right .fz12{ font-size:10px;}
}

@media only screen and (max-width:540px){
	#PhoneInsideCategory{ font-size:16px;}
	#products .one .fz28{ font-size:18px;}
	#products .one .item .list .nts .icon{ width:36px;}
	#products .one .item .list .nts .fz18{ font-size:12px;}
	#case .one .item .list .fz18{ font-size:12px;}
}

@media only screen and (max-width:460px){
	#header .logo{ width:120px;}
	#header .target{ width:28px;}
	#phone_nav .list{ font-size:14px; padding:10px 0;}
	#phone-banner .hb{ bottom:4% !important;}
	.inside .title{ font-size:16px;}
	.inside .title::before{ width:20px;}
	#index .title .fz28{ font-size:16px;}
	#index .title .fz22{ font-size:14px; padding-bottom:6px; margin-top:3px;}
	#index .title .fz22::before{ width:24px; height:2px;}
	#index .one .item .list .nts .icon{ width:32px;}
	#index .one .item .list .nts .fz18{ font-size:12px;}
	#index .two .nts .brief{ font-size:10px;}
	#index .more{ font-size:10px;}
	#index .thr .list .nts .fz16{ font-size:10px;}
	#index .four .item .list .fz16 span{ font-size:16px;}
	#PhoneInsideCategory{ font-size:14px;}
	#products .one .fz28{ font-size:16px;}
	#products .one .item .list .nts .icon{ width:30px;}
	#products .two .nts .fz28{ font-size:16px;}
	#products .two .nts .fz14{ line-height:14px; font-size:10px; margin-top:6px;}
	#products .thr .item .list .fz16{ font-size:10px; padding:8px;}
	#products .five .desc .nts span{ font-size:10px !important;}
	#case .one .item .list .fz18{ font-size:12px; padding:10px 0;}
	#detail .title{ font-size:16px;}
	#about .one .item .left .fz18{ font-size:14px;}
	#about .one .item .left .fz14{ line-height:20px; font-size:10px; margin-top:8px;}
	#about .two .item .list{ width:20%; margin:0 1.5%;}
	#feedback .list img{ height:38px;}
	#feedback .input{ width:100%; height:40px; font-size:10px; padding:0 8px; margin-bottom:2%;}
	#feedback .input.in{ margin-bottom:0;}
	#feedback .text{ height:80px; font-size:10px; padding:8px;}
	#feedback .sub{ width:100%; height:40px; font-size:12px;}
	#contact .one .list{ width:49%; float:left; margin:0 2% 4% 0;}
	#contact .one .list .img{ width:60px;}
	#contact .one .list .fz20{ margin:3% 0;}
	#contact .one .list.in{ margin-right:0;}
	#info .two .item .list .nts .left .fz16{ font-size:10px;}
	#info .two .item .list .nts .left .fz14{ height:28px; line-height:14px; font-size:8px;}
	#info .two .item .list .nts .right .fz30{ font-size:16px;}
	#info .two .item .list .nts .right .fz12{ font-size:8px;}
	#footer .top .list{ width:40%;}
	#footer .top .list.in{ width:100%; margin-top:3%;}
}

@media only screen and (max-width:380px){
	#phone-banner .db .swiper-slide .nts .xian{ width:26px;}
	#phone-banner .db .swiper-slide .nts .fz30{ font-size:20px;}
	#phone-banner .db .swiper-slide .nts .fz20{ font-size:14px;}
	#index .thr .list .nts .fz16{ margin-top:0;}
	#products .one .item .list .nts .icon{ width:26px;}
	#about .two .item .list .nts{ top:18%;}
	#about .two .item .list .nts .fz18{ font-size:8px;}
	#about .two .item .list .fz16{ margin-top:4px;}
	#contact .one .list .img{ width:50px;}
	#info .two .item .list .nts .right .fz30{ font-size:14px;}
}

@media only screen and (max-width:360px){
	.inside .title{ font-size:14px;}
	#index .title .fz28{ font-size:14px;}
	#index .title .fz22{ font-size:12px; padding-bottom:6px; margin-top:3px;}
	#index .title .fz22::before{ width:24px; height:2px;}
	#index .one .item .navigation .prev{ width:24px; height:24px; margin-right:10px;}
	#index .one .item .navigation .next{ width:24px; height:24px;}
	#index .more{ padding:6px 16px;}
	#index .thr .list{ margin:0 1.5%;}
	#case .one .item .list .fz18{ padding:8px 0;}
}

@media only screen and (max-width:320px){
	#phone-banner .db .swiper-slide .nts .xian{ width:24px;}
	#phone-banner .db .swiper-slide .nts .fz30{ font-size:18px;}
	#phone-banner .db .swiper-slide .nts .fz20{ font-size:12px;}
}








