@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
BODY {FONT:13px/1.75 "Microsoft YaHei", arial,sans-serif; COLOR: #666;  background:#fff;min-width: 1200px; overflow-x: hidden; margin:auto;}
A {COLOR: #666; TEXT-DECORATION: none}
P{COLOR: #333;}
A:hover {TEXT-DECORATION: none}
A IMG {BORDER-BOTTOM-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-TOP-STYLE: none; BORDER-LEFT-STYLE: none}
DIV {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
UL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
LI {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
P {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
EM {FONT-STYLE: normal; FONT-WEIGHT: normal}
TABLE {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DT {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DL {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
DD {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
FORM {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
TR {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
.cl{HEIGHT: 0px; CLEAR: both;}
.jz{margin:0 auto;}
.fl{FLOAT: left}
.fr{FLOAT: right}
.container00{width:1600px; margin:0 auto}
.c{*zoom:1;}
.c:after{content: ""; display: block; height: 0; clear: both;}
.txt-c{text-align: center;}
.txt-ccc{text-align: center; color:#CCC; font-size:16px; width:900px;}
.txt-r{text-align: right;}
.col-white{color: #fff;}

/* CSS Document */






/*科技 — 智能语音系统多场景应用*/
.title{padding: 1px 0 50px;}
.title h3{display: block; font-size: 30px; line-height: 30px; color: #333;}
.app{margin-bottom: 70px; margin:0 auto; margin-left:180px;}
.app-list ul li{float: left; width: 520px; height: 450px; margin-right: 1px; position: relative; overflow: hidden;}
.app-list ul li .info{position: absolute;top:0; background: rgba(0,0,0,0.3); height: 100%; width: 100%;}
.app-list ul li .info .icon img{display: block; margin: 129px  auto  20px; transition: 0.6s;}
.app-list ul li .info strong{display: block; font-size: 20px; line-height: 20px; height: 42px; position: relative; margin-bottom: 15px;}
.app-list ul li .info strong:after{position: absolute;content: ''; bottom: 0; width: 70px; height: 2px; background: #fff; left: 50%; margin-left: -35px; z-index: 2;}
.app-list ul li .info p{display: block; font-size: 14px; line-height: 24px; opacity: 0; color: #fff; width: 240px; margin: 0 auto;}
.app-list ul li:hover .info{background: rgba(46,74,125,0.9); }
.app-list ul li:hover .info .icon img{margin: 54px  auto  20px;}
.app-list ul li:hover  .info p{opacity: 1}


/*完善的服务体系，全天候为您提供帮助*/
.system{background: url(../images/system.jpg) no-repeat center top; height: 381px; background-attachment: fixed;}
.system .title{padding: 130px 0 43px; }
.system .title h3{color: #fff;font-size:50px; font-weight:800;}
.system .title h30{color: #fff; line-height:90px; font-size:14px;}
.system .title h31{color: #fff; line-height:20px; font-size:18px;}
.system-list{margin-bottom: 46px;}
.system-list ul li{float: left; width: 240px; margin-right: 80px;}
.system-list ul li .icon{width: 114px; height: 114px; overflow: hidden;background-position: top center; margin: 0 auto 31px;}
.system-list ul li .icon1{background: url(../images/system-icon1.png);}
.system-list ul li .icon2{background: url(../images/system-icon2.png);}
.system-list ul li .icon3{background: url(../images/system-icon3.png);}
.system-list ul li .icon4{background: url(../images/system-icon4.png);}
.system-list ul li em{display: block; font-size: 18px; line-height: 18px; height: 36px; position: relative; margin-bottom: 12px;}
.system-list ul li em:after{position: absolute;content: ''; bottom: 0; width: 50px; height: 2px; background: #fff; left: 50%; margin-left: -25px; z-index: 2;}
.system-list ul li p{display: block; font-size: 14px; line-height: 22px; text-align: center; color: #fff;}
.system-list ul li:hover .icon{background-position: bottom center;-ms-transition-duration: 0.2s;transition-duration: 0.2s;}
.system-list ul li:hover em:after{background: #8aaaff; }
.system-list ul li:hover em{color: #8aaaff;}
.system-info strong{display: inline-block; background: url(../images/system-tel.png) no-repeat left center; padding-left: 61px; font-size: 18px; line-height: 46px; margin-right: 30px;}
.system-more{display: inline-block; width: 160px; background: #d61834; font-size: 16px; line-height: 46px; color: #fff; transition: 0.6s all;}
.system-more:hover{ border-radius: 18px;}