/*---头部---*/
















/*网站基本定义*/

div,form,img,ul,ol,li,dl,dt,dd,p,tr,td,body,strong,span,pre,input{margin:0; padding:0; border:0; background-repeat:no-repeat;}

h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0; font-weight:normal;}


img{border:0px;}

ul,li{ list-style:none;}

em,i{ font-style:normal;}

a{ text-decoration:none; color:#333; outline:none;}

a:hover{ background-repeat:no-repeat; color:#03a5e3;}

.del_float{ clear:both; line-height:0; height:0; font-size:0;}

a,area{blr:expression(this.onFocus=this.blur())}



/*网站基本定义*/



.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.clearfix{*zoom:1;}



.webbox{ width:1180px; margin:0px auto; min-height:500px; height:auto !important; height:500px;}










/*---感兴趣吗？---*/



.Areyouinterestedin{ border-top:1px solid #e6e6e6; text-align:center;background:#f5f5f5; padding:40px 0px; color:#1a1a1a;}

.Areyouinterestedin h3{ font-size:32px; line-height:36px; font-family:Arial, Helvetica, sans-serif;}

.Areyouinterestedin h4{ font-size:30px; line-height:45px; padding-bottom:20px; position:relative;}

.Areyouinterestedin h4 span{display:block; bottom:13px; left:50%; margin-left:-55px; position:absolute;overflow:hidden; line-height:1px;width:85px; height:1px; background:#ff2832;}

.Areyouinterestedin p{ font-size:16px; padding-bottom:5px;}





/*--合作意向--*/



.Cooperationbox{position:fixed;top:0px;_position:absolute;_top:expression(documentElement.scrollTop + 0 + "px"); background:#fff; z-index:9999999999; width:100%; display:none;}

.Cooperation{width:970px; margin:auto; padding:35px 0px; position:relative;}

.Cooperationleft{ float:left; width:450px;color:#212121;}

.Cooperationleft h3{ font-size:40px; line-height:42px; color:#ff2832; padding-bottom:25px;}

.Cooperationleft h4{ font-size:45px; line-height:48px; border-bottom:1px solid #cccccc; padding-bottom:35px;}

.Cooperationleft h5{ font-size:18px; line-height:26px; padding-bottom:20px;}

.Cooperationleft h5 span{ font-size:24px; font-weight:bold; color:#212121;}

.Cooperationleft p{ font-size:13px;}

.Cooperationleft p.coopb{ padding:35px 0px;}





.Cooperationright{ float:right; width:425px;}

.Cooperationright h3{ font-size:24px; line-height:30px; padding-bottom:10px;}

.Cooperationright ul{ margin:0px; padding:0px;}

.Cooperationright ul li{ margin:0px; padding:0px; min-height:46px; height:auto !important; height:46px; position:relative;}

.Cooperationright ul li label{ display:block; padding:6px 10px; height:24px; overflow:hidden; background:#f6f6f6; border:1px solid #d9d9d9;}

.Cooperationright ul li label input{width:100%; background:none; outline:none; font-size:15px; font-family:"黑体"; color:#999999;}

.Cooperationright ul li label.xingming{float:left; width:185px;}

.Cooperationright ul li label.dianhua{float:right; width:185px;}

.Cooperationright ul.erweima{ padding-top:20px;}

.Cooperationright ul.erweima li label{ width:200px;}

.Cooperationright ul.erweima li img{ position:absolute; left:240px; top:0px;}

.Cooperationright h4{ font-size:16px; font-weight:bold;padding:2px 0px 5px; color:#1a1a1a;}

.Cooperationright dl{ margin:0px; padding:0px; font-size:13px; color:#212121;}

.Cooperationright dl dd{float:left; width:180px; padding-bottom:5px;}

.Cooperationright dl dd input{vertical-align:middle;}

.Cooperationright dl dd span{ padding-left:10px;}

.Cooperationright dl dd.w220{ width:230px;}

.Cooperationright dl em{ padding:0px 5px;}

.Cooperationright p{ padding-top:10px}

.Cooperationright p input{ border:2px solid #e81727; background:none; outline:none; font-size:20px; font-family:"黑体"; font-weight:bold; width:100%; color:#e81727; padding:10px 0px; cursor:pointer;}



.Cooperationclose{ position:absolute; right:-70px; top:20px; width:39px; height:39px; background:url(../images/index_09.png) no-repeat; cursor:pointer;}
















/*---定制---*/



.dingzhiclass{width:1180px;margin:0px auto; text-align:center; padding:0px 0px 40px;}

.dingzhiclass a{ display:inline-block; background:url(../images/Icon20.png) no-repeat; margin:0px 5px; width:109px; height:26px; line-height:25px; color:#7e7e7e;font-size:14px;}

.dingzhiclass a:hover{background:url(../images/Icon21.png) no-repeat; color:#FFF;}

.dingzhiclass a.cur{background:url(../images/Icon21.png) no-repeat; color:#FFF;}



.Customizedbox{width:100%; display:none;}



.customize{width:100%; padding-bottom:50px;}

.customize ul{width:100%;margin:0px; padding:0px;}

.customize ul li{width:100%; padding:70px 0px 0px;}

.customize ul li dl{width:1180px; margin:0px auto;}

.customize ul li dl dt{float:left; padding-top:120px; width:580px;}

.customize ul li dl dt h3{font-size:20px; color:#00a0e9; padding-bottom:10px;}

.customize ul li dl dt p{font-size:14px;color:#666666; line-height:23px;}

.customize ul li dl dd{ float:right; padding-right:100px;}

.customize ul li dl dd img{ display:block;}

.customize ul li dl dd.cur{ padding-right:0px;}

.customize ul li dl.cur dt{ float:right; padding-top:120px; width:580px;}

.customize ul li dl.cur dd{ float:left;padding-right:0px;}

.customize ul li.cur{background:#ffffff;}

.customize ul li.cur1{ padding:40px 0px 40px;}



.QA{width:1180px; margin:0px auto; padding-bottom:50px;}

.QA dl{ margin:0px 0px 20px; padding:0px; box-shadow:0px 0px 5px #ebebeb}

.QA dl h3{background:url(../images/Icon75.png) no-repeat #FFF; font-size:18px; color:#00a0e9; padding:25px 30px 20px 85px;}

.QA dl dd{background:url(../images/Icon77.png) no-repeat #FFF; padding:10px 30px 20px 85px; font-size:14px; color:#676767;}

.QAbg{ background:url(../images/Icon76.gif) repeat-x #FFF; height:10px; line-height:10px; overflow:hidden;}






/*---网站建设-弹出---*/



.webPopup{ width:100%; position:absolute; top:0px; left:0px; z-index:999; background:url(../images/index_221.png) repeat; display:none;}



.webPopupForm{display:none;position:absolute; z-index:9999; width:580px; top:445px;  left:50%; margin-left:-290px; background:#FFF; border:1px solid #c9c9c9; box-shadow:0px 0px 15px #c3c2c2}

.webPopupForm h3{ border-bottom:1px solid #f0f0f0; font-size:30px; line-height:40px; color:#a5a5a5; font-weight:bold; padding:20px 0px 20px 25px; position:relative;}

.webPopupForm h3 span{ color:#e93500;}

.webPopupForm h3 em{ background:url(../images/index_222.gif) no-repeat; width:16px; height:18px; cursor:pointer; position:absolute; right:20px; top:20px;}

.webPopupForm ul{ padding:30px 0px 0px; border-bottom:1px solid #f0f0f0; margin:0px 32px;}

.webPopupForm ul li{margin:0px; padding:0px; min-height:65px; height:auto !important; height:65px; color:#464646; padding-left:0px;}

.webPopupForm ul li span{float:left;width:75px; font-size:15px; line-height:38px; padding-left:10px;}

.webPopupForm ul li label{float:left;background:#f7f7f7; padding:9px 10px; display:block; box-shadow:1px 1px 3px #bdbcbc inset;}

.webPopupForm ul li label input{ float:left; width:100%; background:none; border:none; outline:none; font-size:15px; font-family:"黑体";color:#464646;}

.webPopupForm ul li span.w45{ width:50px; padding-left:20px;}

.webPopupForm ul li label.mingchen{ width:410px;}

.webPopupForm ul li label.xingming{ width:120px;}

.webPopupForm ul li label.dianhua{ width:200px;}



.webPopupForm h4{ font-size:18px; color:#03a5e3; font-weight:bold;padding:20px 0px 20px 32px;}

.webPopupForm dl{ padding-bottom:20px; margin:0px 32px; border-bottom:1px solid #f0f0f0; font-size:15px; color:#5b5b5b;}

.webPopupForm dl dd{float:left; width:200px; padding-bottom:15px;}

.webPopupForm dl dd input{vertical-align:middle;}

.webPopupForm dl dd span{ padding-left:10px;}

.webPopupForm dl dd.w220{ width:260px;}

.webPopupForm dl em{ padding:0px 5px;}

.webPopupForm p{ text-align:center; padding:30px 0px 50px;}

.webPopupForm p input{ background:#00b6eb; font-size:20px; font-family:"黑体"; font-weight:bold; color:#FFF; width:135px; border-radius:10px; outline:none; cursor:pointer;height:48px; cursor:pointer;}








.Homenavposition a span.wenzi{background:#e20000;color:#fff;font-size:16px;font-weight:bold;top:-26px;}

.Homenavposition a span.Hoicon{background-image:url(../images/icon.png); top:0px;}



.Homenavposition a:hover span.wenzi{top:0px;}

.Homenavposition a:hover span.Hoicon{top:26px;}



.commonposition{_position:absolute;_top: expression(documentElement.scrollTop + 200 + "px");position:fixed; top:20%; right:0px; z-index:999999; display:none;}

.commonposition a{display:block; width:45px; height:45px; position:relative; background-color:#ff2832; background-image:url(../images/icon.png);background-repeat:no-repeat; margin-top:1px;}

.commonposition a span{display:none; position:absolute; right:0px; top:0px; height:45px; padding-left:50px; color:#fff;line-height:45px; font-size:14px;background-color:#262626;}



.commonposition a.HomeQQ{ background-position:-362px -186px;}

.commonposition a.Homedianhua{ background-position:-362px -231px;}

.commonposition a.Homexuqiu{ background-position:-362px -275px;}

.commonposition a.Homeweixin{ background-position:-362px -322px;}

.commonposition a.Hometop{ background-position:-362px -370px; background-color:#4e4e4e;}



.commonposition a span.QQbggray{background-position:-360px -186px;background-image:url(../images/icon.png);background-repeat:no-repeat; width:90px;}

.commonposition a span.weixinerweima{right:45px; padding:0px;}

.commonposition a span.dianhuabggray{background-position:-362px -231px;background-image:url(../images/icon.png);background-repeat:no-repeat;width:120px;}

.commonposition a span.Homexuqiu{ background-position:-362px -275px;background-image:url(../images/icon.png);background-repeat:no-repeat;width:120px;}




























.Homebanner{width:100%;position:relative;height:600px;overflow:hidden;}

.Homebanner ul{width:100%;position:absolute;height:600px;}

.Homebanner ul li{width:100%;height:600px; position:absolute; overflow:hidden;}

.Homebanner ul li img{ width:1920px; position:absolute; left:50%; top:0px; display:block; margin-left:-960px;}



.Homeleft,.Homeright{ background:#000; font-family:"宋体"; width:50px; height:50px; line-height:50px; text-align:center; font-size:40px; color:#fff; position:absolute; top:45%; cursor:pointer;transition:all .2s ease;opacity:0; z-index:899999}

.Homeleft{left:-60px;}

.Homeright{right:-60px;}



.bannerbox:hover .Homeleft{left:0px;opacity:1}

.bannerbox:hover .Homeright{right:0px;opacity:1}
























/*-------- 2017-12-21 --------*/

.Cooperation{width:1110px;}

.Cooperationright{width:498px;}

.Cooperationright h4{padding: 8px 0px 5px;}

.Cooperationright h3.zdshezuobiaoti1{margin-top:6px;padding-bottom:0;}

.Cooperationright h4.zdshezuobiaoti2{font-size:30px;line-height:40px;font-weight:normal;padding:0;}

.Cooperationright dl dd{width:119px;height:63px;background-color:#f6f6f6;margin:5px 5px 0 0;cursor:pointer;position:relative;}

.Cooperationright ul li label.xingming{width:220px;}

.Cooperationright ul li label.dianhua{width:220px;}

.Cooperationright dl dd span{width: 65px;display: block;margin: 0 auto;text-align: center;padding-left:0;line-height:18px;padding-top:15px;}

.Cooperationright dl dd input{display:none;}

.Cooperationright dl em.zdshzicon{display:block;width:17px;height:17px;background-repeat:no-repeat;position:absolute;right:-1px;bottom:-1px;padding:0;}

.Cooperationright dl dd label{display:block;width: 118px;height:67px;cursor:pointer;border:1px solid #d9d9d9;}

.Cooperationright dl dd label.cur .zdshzicon{background-image:url(../images/zdshzimg01.jpg);}

.Cooperationright dl dd label.cur{border:1px solid #e81727;}



.zdsappcont{width:100%;margin:0 auto;padding:60px 0;background-color:#ffffff;}

.zdsaddpcont{margin:0 auto;width:1180px;}

.zdsapptitle1{font-size:32px;text-align:center;line-height:36px;color:#333333;}

.zdsapprengong{color:#999999;font-size:16px;line-height:26px;text-align:center;overflow:hidden;}

.zdsapprengong img{display:block;max-width:100%;margin:0 auto;}



.zdsprojectlist{width:1180px;margin:0 auto; overflow:hidden;}

.zdsprojectlist ul{margin:0 -5px;}

.zdsprojectlist h3{font-size:40px;line-height:46px;text-align:center;padding:60px 0;}

.zdsprojectlist ul li{width:16.6667%;float:left;}

.zdsprojectlist ul li em{display:block;padding:5px;}

.zdsprojectlist ul li em img{display:block;width:100%;}



.core-technology { padding: 50px 0; }

.core-technology ul { margin-left: -15px; margin-right: -15px; }

.core-technology li {width:20%;  margin-bottom: 0;float:left; }

.core-technology li .name { padding-top: 20px; }

.core-technology li .thumb{padding: 0 15px;}

.core-technology ul li img{width:100%;}



.zdsappjishutext{padding-bottom:40px;border-bottom:1px solid #d9d9d9;color:#666666;text-align:center;}

.zdsappjishucont{font-size:16px;line-height:26px;color:#666666;}

.zdsappjishucont .zdsapptitle1{padding:45px 0;}



 .native-app { padding-top: 50px; padding-bottom: 100px; background: #f5f8fa;}

 .native-app2{padding:50px 0;}

 .native-app .zdsaddpcont,.native-app2 .zdsaddpcont{text-align:center;}

 .u-app-title { font-size: 30px; line-height: 40px; text-align:center;color:#333333;}

  .native-app2 .u-app-title{color:#69aaff;}



.u-pros-cons{width:1180px;margin:0 auto;position:relative;}

.u-pros-cons .contrast-item { border-radius: 10px; width: 48%;height:485px; background: #fff;float:left; }

.u-pros-cons .contrast-item.right{float:right;}

.u-pros-cons .contrast-item h3 { margin-bottom: 32px; font-size: 30px; line-height: 48px; color:#333333;text-align:center;}

.u-pros-cons .contrast-item dl { padding-left: 85px; margin-bottom: 35px;position:relative; }

.u-pros-cons .contrast-item dl .code { width: 66px; height: 66px; font-size: 36px; line-height: 66px; }

.contrastbackground{ padding: 40px 20px 48px;}