@charset "utf-8";

/*

 * CSS Document

 * name   :base.css v1.0

 * author :tonjay

 * url    :www.duoguan.com

 * time   :2018-07-11

 */

@import url("http://at.alicdn.com/t/font_303668_en7cru01eyv.css");

body #newBridge .nb-customer-icon-style .nb-icon-groups{ border:none; border-radius:24px 24px 6px 6px; padding:6px 0;}

body #newBridge .nb-customer-icon-style .nb-icon-groups-item{ border:none;}

body #newBridge .nb-icon-group .nb-group-text{ height:32px; line-height:32px;}

body #newBridge .nb-icon-group .nb-group-icon{height:32px;width:32px;}

body #newBridge .nb-customer-icon-style .nb-icon-groups-item .nb-group-icon{background-position:center center;}

body #newBridge .nb-customer-icon-style .nb-icon-groups-item .nb-group-icon{ background:url("../dgimages/home/b/join.png"); background-size:cover; border-radius:50%;}

body #newBridge .nb-icon-group .icon-disable .nb-group-icon{ background:url("../dgimages/home/b/join-grey.png"); background-size:cover; border-radius:50%;}

.iconfont{ font-size: inherit;}



html{background:#fff;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-rendering:optimizelegibility}

html.borderbox *,html.borderbox :after,html.borderbox :before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}

a,abbr,acronym,address,applet,big,blockquote,body,caption,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,iframe,ins,kbd,label,legend,li,object,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,ul,var{border:0;font-family:inherit;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}

audio,canvas,video{display:inline-block}

body,button,input,select,textarea{font:1em/1.8 arial,'microsoft yahei ui','microsoft yahei',simsun,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased}

button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}

table{border-collapse:collapse;border-spacing:0}

fieldset,img{border:0}

blockquote{position:relative;color:#9494a9;font-weight:400;border-left:3px solid #eae5cc;padding-left:1em;margin:1em 3em 1em 2em}

@media only screen and (max-width:640px){blockquote{margin:1em 0}

}

abbr,acronym{border-bottom:1px dotted;font-variant:normal}

abbr{cursor:help}

del{text-decoration:line-through}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}

ol,ul{list-style:none}

caption,th{text-align:left}

q:after,q:before{content:''}

sub,sup{font-size:75%;line-height:0;position:relative}

:root sub,:root sup{vertical-align:baseline}

sup{top:-.5em}

sub{bottom:-.25em}

a{color:#1abc9c}

a:hover{text-decoration:underline}

.typo a{border-bottom:1px solid #1abc9c}

.typo a:hover{border-bottom-color:#555;color:#555;text-decoration:none}

a,ins{text-decoration:none}

.typo-u,u{text-decoration:underline}

mark{background:#fffdd1;border-bottom:1px solid #ffedce;padding:2px;margin:0 5px}

code,pre,pre tt{font-family:Courier,'Courier New',monospace}

pre{background:#f8f8f8;border:1px solid #ddd;padding:1em 1.5em;display:block;-webkit-overflow-scrolling:touch}

hr{border:none;border-bottom:1px solid #cfcfcf;margin-bottom:.8em;height:10px}

.typo-small,figcaption,small{font-size:.9em;color:#888}

b,strong{font-weight:700;color:#000}

[draggable]{cursor:move}

.clearfix:after,.clearfix:before{content:"";display:table}

.clearfix:after{clear:both}

.clearfix{zoom:1}

.textwrap,.textwrap td,.textwrap th{word-wrap:break-word;word-break:break-all}

.textwrap-table{table-layout:fixed}

.serif{font-family:Palatino,Optima,Georgia,serif}

.typo dl,.typo form,.typo hr,.typo ol,.typo p,.typo pre,.typo table,.typo ul,.typo-dl,.typo-form,.typo-hr,.typo-ol,.typo-p,.typo-pre,.typo-table,.typo-ul,blockquote{margin-bottom:1.2em}

h1,h2,h3,h4,h5,h6{line-height:1.35;font-weight:400}

.typo h1,.typo h2,.typo h3,.typo h4,.typo h5,.typo h6,.typo-h1,.typo-h2,.typo-h3,.typo-h4,.typo-h5,.typo-h6{margin-top:1.2em;margin-bottom:.6em;line-height:1.35}

.typo h1,.typo-h1{font-size:1.8em}

.typo h2,.typo-h2{font-size:1.6em}

.typo h3,.typo-h3{font-size:1.4em}

.typo h4,.typo-h4{font-size:1.2em}

.typo h5,.typo h6,.typo-h5,.typo-h6{font-size:1em}

.typo ul,.typo-ul{margin-left:1.3em;list-style:disc}

.typo ol,.typo-ol{list-style:decimal;margin-left:1.9em}

.typo li ol,.typo li ul,.typo-ol ol,.typo-ol ul,.typo-ul ol,.typo-ul ul{margin-bottom:.8em;margin-left:2em}

.typo li ul,.typo-ol ul,.typo-ul ul{list-style:circle}

.typo table caption,.typo table td,.typo table th,.typo-table td,.typo-table th{border:1px solid #ddd;padding:.5em 1em;color:#666}

.typo table th,.typo-table th{background:#fbfbfb}

.typo table thead th,.typo-table thead th{background:#f1f1f1}

.typo table caption{border-bottom:none}

.typo-input,.typo-textarea{-webkit-appearance:none;border-radius:0}

.typo em,.typo-em,caption,legend{color:#000;font-weight:inherit}

.typo-em{position:relative}

.typo-em:after{position:absolute;top:.65em;left:0;width:100%;overflow:hidden;white-space:nowrap;content:"・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・"}

.typo img{max-width:100%}





html { font-size: 93.75%;}

a { color: #000; text-decoration: none; }

a:hover{ text-decoration: none; }

img {vertical-align: middle; }

button, input, select, textarea { font-size: 100%;  margin: 0; padding: 0;  vertical-align: baseline;  *vertical-align: middle; -webkit-appearance:none; appearance:none; border: none; outline: none; background: inherit;}

textarea { overflow: auto; vertical-align: top;}

.float-box{position:fixed; left: 0; top: 0; right: 0; bottom: 0;}

.fl { float:left; }

.fr { float:right; }

.tl { text-align:left; }

.tc { text-align:center; }

.tr { text-align:right; }

.max-font { font-size: 2rem }

.large-font { font-size: 1.8rem }

.mid-font { font-size: 1.4rem }

.small-font { font-size: 1.2rem }

.min-font { font-size: 1rem }

.mt5{ margin-top:5px;}

.mt8{ margin-top:8px;}

.mt10{ margin-top:10px;}

.mt12{ margin-top:12px;}

.mt15{ margin-top:15px;}

.mt16{ margin-top:16px;}

.mt18{ margin-top:18px;}

.mt20{ margin-top:20px;}

.mr5{ margin-right:5px;}

.mr8{ margin-right:8px;}

.mr10{ margin-right:10px;}

.mr12{ margin-right:12px;}

.mr15{ margin-right:15px;}

.mr16{ margin-right:16px;}

.mr18{ margin-right:18px;}

.mr20{ margin-right:20px;}

.mb5{ margin-bottom:5px;}

.mb8{ margin-bottom:8px;}

.mb10{ margin-bottom:10px;}

.mb12{ margin-bottom:12px;}

.mb15{ margin-bottom:15px;}

.mb16{ margin-bottom:16px;}

.mb18{ margin-bottom:18px;}

.mb20{ margin-bottom:20px;}

.ml5{ margin-left:5px;}

.ml8{ margin-left:8px;}

.ml10{ margin-left:10px;}

.ml12{ margin-left:12px;}

.ml15{ margin-left:15px;}

.ml16{ margin-left:16px;}

.ml18{ margin-left:18px;}

.ml20{ margin-left:20px;}

.pt5{ padding-top:5px;}

.pt8{ padding-top:8px;}

.pt10{ padding-top:10px;}

.pt12{ padding-top:12px;}

.pt15{ padding-top:15px;}

.pt16{ padding-top:16px;}

.pt18{ padding-top:18px;}

.pt20{ padding-top:20px;}

.pr5{ padding-right:5px;}

.pr8{ padding-right:8px;}

.pr10{ padding-right:10px;}

.pr12{ padding-right:12px;}

.pr15{ padding-right:15px;}

.pr16{ padding-right:16px;}

.pr18{ padding-right:18px;}

.pr20{ padding-right:20px;}

.pb5{ padding-bottom:5px;}

.pb8{ padding-bottom:8px;}

.pb10{ padding-bottom:10px;}

.pb12{ padding-bottom:12px;}

.pb15{ padding-bottom:15px;}

.pb16{ padding-bottom:16px;}

.pb18{ padding-bottom:18px;}

.pb20{ padding-bottom:20px;}

.pl5{ padding-left:5px;}

.pl8{ padding-left:8px;}

.pl10{ padding-left:10px;}

.pl12{ padding-left:12px;}

.pl15{ padding-left:15px;}

.pl16{ padding-left:16px;}

.pl18{ padding-left:18px;}

.pl20{ padding-left:20px;}

.p5{ padding: 5px;}

.p8{ padding: 8px;}

.p10{ padding:10px;}

.p15{ padding:15px;}

.p20{ padding:20px;}

.m5{ margin: 5px;}

.m8{ margin: 8px;}

.m10{ margin:10px;}

.m15{ margin:15px;}

.m20{ margin:20px;}



html .delay2{-webkit-animation-delay: 0.2s;animation-delay: 0.2s;}

html .delay3{-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}

html .delay4{-webkit-animation-delay: 0.4s;animation-delay: 0.4s;}

html .delay5{-webkit-animation-delay: 0.5s;animation-delay: 0.5s;}

html .delay6{-webkit-animation-delay: 0.6s;animation-delay: 0.6s;}

html .delay7{-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}

html .delay8{-webkit-animation-delay: 0.8s;animation-delay: 0.8s;}

html .delay9{-webkit-animation-delay: 0.9s;animation-delay: 0.9s;}

html .delay10{-webkit-animation-delay: 1s;animation-delay: 1s;}

html .delay11{-webkit-animation-delay: 1.1s;animation-delay: 1.1s;}

html .delay12{-webkit-animation-delay: 1.2s;animation-delay: 1.2s;}

html .delay13{-webkit-animation-delay: 1.3s;animation-delay: 1.3s;}

html .delay14{-webkit-animation-delay: 1.4s;animation-delay: 1.4s;}

html .delay15{-webkit-animation-delay: 1.5s;animation-delay: 1.5s;}

html .delay16{-webkit-animation-delay: 1.6s;animation-delay: 1.6s;}

html .delay17{-webkit-animation-delay: 1.7s;animation-delay: 1.7s;}

html .delay18{-webkit-animation-delay: 1.8s;animation-delay: 1.8s;}

html .delay19{-webkit-animation-delay: 1.9s;animation-delay: 1.9s;}

html .delay20{-webkit-animation-delay: 2s;animation-delay: 2s;}

html .delay21{-webkit-animation-delay: 2.1s;animation-delay: 2.1s;}

html .delay22{-webkit-animation-delay: 2.2s;animation-delay: 2.2s;}

html .delay23{-webkit-animation-delay: 2.3s;animation-delay: 2.3s;}

html .delay24{-webkit-animation-delay: 2.4s;animation-delay: 2.4s;}

html .delay25{-webkit-animation-delay: 2.5s;animation-delay: 2.5s;}

html .delay26{-webkit-animation-delay: 2.6s;animation-delay: 2.6s;}

/*color*/

.green{ color: #09bb07;}

.red{ color: #E64340;}

.grey{ color: #9494a9;}

.blank{ color:white;}

/*公用css动画效果*/

a,.menu a:after,.fea i,.fea li:after,.app a img,.scenes li span,.daicon li span,.app span.demo,.tab li,.case-box,.test-app,.test-app img,.daili-list i,.daili-list,.ganyan .text,.ganyan img,.daicon ol li,a.uline:after,.more:after,.apply input,.lifesCaseCode{transition: all .3s ease;}

a.uline{ position: relative;}

a.uline:hover{text-decoration: none; margin-left:3px;}

a.uline:after{ content: ""; display:block; position:absolute; left:0; bottom: 0; width: 0; /*border-bottom: 1px solid #9c9c9c;*/}

a.uline:hover:after{ width: 100%;}

/*a:hover, a:focus, a:active{ color:#fdd000;}*/

html{ background: #fff;}

html,body{ min-width: 1280px;    padding-top: 32px;}

.wrap{ width: 100%; max-width: 1280px; margin-left: auto; margin-right: auto;}





.caselist li{ width: 23%; background: #fff; margin-right: 1.25%; margin-top:2%; float: left; position: relative;    box-shadow: 5px 10px 27px rgba(39,44,49,0.06); overflow: hidden; border-radius: 3px;}

.caselist li .grey{ opacity: 0.6; font-size: 14px;}

/* .caselist li:nth-child(5n){ margin-right: 0;} */

.caselist li h2,.case-use{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size: 16px;}

.case-use span{background: #e9f1f7;vertical-align: middle;cursor:default;border-radius: 100px;font-size: 12px;padding:1px 8px;max-width: 130px;overflow: hidden;display: inline-block;text-overflow: ellipsis;}

.case-use span:hover{ background: #09BB07; color: #fff;}

.casema{ position: absolute; left: 0; top:0; right: 0; bottom: 0; background: #fff; z-index: 1; opacity: 0; transition: all ease 0.3s;}

.casema img{ position: absolute; left: 50%; top: 50%; margin: -75px 0 0 -75px; width: 150px;height: 150px; transition: all ease 0.3s;}

.caselist li:hover .casema{ opacity: 1;}

/* .case{border: 1px solid red;} */



@media (max-device-width:640px) {

.caselist{ padding:0 4%;}

.caselist li{ width:44%; margin-right:4%; margin-top:4%;}

/* .caselist li:nth-child(2n){ margin-right:0;} */

}

























/* .banner {

	background: url(images/news/news-banner.png) no-repeat;

	background-size: cover;

    height: 320px;

    background-position: center;

} */

.news-tit {

	justify-content: center;

	height: 86px;

	align-items: center;

}

.news-tit div {

	font-size: 14px;

	color: #3B426B;

	width: 88px;

	height: 30px;

	line-height: 30px;

	text-align: center;

	border-radius: 15px;

	margin: 0 10px;

	cursor: pointer;

}

.news-tit div.active {

	color: #fff7f5;

	background: linear-gradient(-45deg, #28a7ff, #345eff);

}

.detail-btn {

	background: #3b426b;

	width: 86px;

	height: 24px;

	line-height: 24px;

	color: #fff;

	border-radius: 4px;

	font-size: 12px;

	margin-left: 40px;

	text-align: center;

}

.news-item {

	width: 1100px;

	margin: 0 auto;

	/*height: 260px;*/

	align-items: center;

	box-shadow: 2px 2px 20px rgba(63,130,231,.1);

	padding: 35px 40px;

	box-sizing: border-box;

	margin-bottom: 32px;

}

.news-item img {

	width: 320px;

	height: 190px;

	border-radius: 4px;

	margin-right: 50px;

}

.item-tit {

	font-size: 16px;

	color: #3B426B;

	font-weight: 500;

}

.news-subtit {

	font-size: 12px;

	color: #7d88a2;

	padding: 26px 0;

	white-space: nowrap;

	text-overflow: ellipsis;

	overflow: hidden;

	max-width: 650px;

}

.pages {

	width: 1100px;

	margin: 0 auto;

	justify-content: flex-end;

	padding-bottom: 40px;

}