/*css3 reset*/

html,body,div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
body{ background:#fff; font:14px/1.5 "Microsoft YaHei","微软雅黑",arial,simsun,"宋体";}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
a{ color:#fff;}
button, input, select, textarea {font-family: inherit;font-size: 100%;margin: 0;}
select{ width:298px; outline:none; line-height:35px; height:35px; padding:5px 15px; border:1px solid #ddd;}
body {line-height: 1; color:#6f6f6f; background:#fff;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
thead{ font-weight:bold; color:#303030; background:#f1f1f1;}
.left{ float:left;}
.right{ float:right;}
.block{ display:block;}
.clearfix {zoom: 1;}
.clearfix:before, .clearfix:after {content:"";display: table; height:0; clear:both;}

.top { height:71px; min-width:1200px; width:100%;  z-index:99;}
.header{ width:1200px; margin:0 auto;}

/*.nav {height:71px; z-index:104; margin-left:80px;line-height:71px;}
.nav li { float: left;text-align: center; width:80px;}
.nav li a {  font-size: 14px;text-decoration:none; color:#00cad9; display:block;/* transition:all .2s ease-in-out .2s;-moz- transition:all .2s ease-in-out .2s;-ms- transition:all .2s ease-in-out .2s;-o- transition:all .2s ease-in-out .2s;-webkit- transition:all .2s ease-in-out .2s; }
.nav li a:hover{color:#fff;}
.nav .active a{ color:#fff;  height:71px;}
.nav .active { color:#fff;}
.nav .active a:hover{ color:#fff; }*/
.logo { display:block; float:left;margin-top:12px;}

/*多级导航*/
.nav { z-index:104; margin-left:80px; position:relative;}
.nav li{ float: left;height:71px;text-align: center; line-height:71px;}
.nav ul {list-style-type:none;margin:0;padding:0;}
.nav a:hover{ border-bottom:2px solid #fff;}
.nav .active a{ border-bottom:2px solid #fff;}
.nav li .menuone { background:#16253c;position:absolute;left:-48px;top:71px; width:200px;  border-top:none; border-bottom:none;}
.nav .menuone a{margin:0; padding:0; border-bottom:none;}
.nav .menutwo { background:#16253c;position:absolute; left:-48px;top:71px; width:200px;  border-top:none; border-bottom:none;}
.nav .menutwo li { height:45px;line-height:45px;border-bottom:1px solid #0e1a2c;}
.nav .menutwo li a{ margin:0; padding:0; border-bottom:none; }

.nav .dropdown{ position:relative;}
.nav .sub-menu .sanjiao{ background:url(../images/sanjiao1.png) no-repeat; width:16px; height:8px; position:absolute; top:-8px; left:96px;}
.nav .sub-menu li{ float:none; color:#fff;}
.nav .sub-menu li a{ color:#fff;}
.nav .sub-menu li a:hover{ color:#fff; background:#122034;}
.nav .sub-menu  .current {position:absolute;top:0; width:350px;left:15px; height:auto;  }
.nav .sub-menu dl{background:#122034; border-bottom:1px solid #122034;  color:#fff;}
.nav .sub-menu dt{ text-align:center;  border-bottom:1px solid #0e1a2c; font-weight:bold; color:#fff; line-height:50px;}
.nav .sub-menu dd{ float:left; text-align:center;background:#122034; padding:0 12px; margin:0 8px; line-height:50px;}
.nav .sub-menu dd a:hover{ float:left; text-align:center;background:#122034; display:inline-block; text-decoration:underline;}
.nav a {color:#fff;text-decoration:none;display:block;padding:0 12px; margin:0 10px;}
.nav ul.sub-menu {display:none;}
.nav ul.sub-menu li {width:200px;height:25px;line-height:25px;border-bottom:1px solid #0e1a2c;}

.nav li .xiaosanjiao {background:url(../images/arrow-right1.png) no-repeat ; width:4px; height:8px; position:absolute; right:10px; top:18px;}


/*多级导航*/

.acc-box{ margin-top:17px;color:#fff;margin-left:15px; }
.thinline {padding:12px 0; color:#fff;  display:inline-block;}
.login{text-decoration:none; color:#fff;display:inline-block;padding: 12px 15px;margin-left:8px; transition:color .5s ease 0s;-moz-transition:color .5s ease 0s;-ms-transition:color .5s ease 0s;-o-transition:color .5s ease 0s;-webkit-transition:color .5s ease 0s; }
.login:hover{text-decoration:none;color:#00cad9; display:inline-block;padding: 12px 15px;margin-left:8px;  }
.regiset{text-decoration:none; color:#fff; display:inline-block;padding: 12px 15px; margin-right:8px;transition:color .5s ease 0s;-moz-transition:color .5s ease 0s;-ms-transition:color .5s ease 0s;-o-transition:color .5s ease 0s;-webkit-transition:color .5s ease 0s;}
.regiset:hover{ text-decoration:none; color:#00cad9;display:inline-block; margin-right:8px;padding: 12px 15px; }
.user-icon {background: url(../images/usericon.png) no-repeat;width: 14px;height: 16px;vertical-align: middle;display: inline-block;}

.banner{ background:url(../images/banner1.jpg) center no-repeat; background-size:cover; height:740px; min-width:1200px;width:100%; position:relative;}

.cyan{ color:#fff;}

.sevenday{ width:400px; margin:100px auto 0; }
.navtext{ text-align:center; font-size:50px; color:#fff; margin-top:50px;}
.navdesc{ text-align:center; padding:20px 0; margin:40px auto 0;  width:510px; overflow:hidden;  border-bottom:1px solid #fff; border-top:1px solid #fff; color:#fff; font-size:16px;}
.pagination .one{ position:relative; left:235px; top:-12px;}
.pagination .two{ position:relative; left:259px;top:-12px;}
.time1{ position:relative; left:188px;}
.time2{ position:relative; left:236px;}
.timeline{ border-bottom:1px solid #00929e; width:240px; margin:0 auto; float:left; position:relative;}
.timeline em{ position:absolute; left:4px;top:10px; color:#008a96; font-weight:bold; font-size:12px; font-style:normal; }
.timeline .month-0{ width:1px; height:6px;left:20px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-1{ width:1px; height:6px;left:40px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-2{ width:1px; height:6px;left:60px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-3{ width:1px; height:6px;left:80px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-4{ width:1px; height:6px;left:100px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-5{ width:1px; height:6px;left:120px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-6{ width:1px; height:6px;left:140px; display:inline-block;position:absolute;top:-6px;background:#00929e;}
.timeline .month-7{ width:1px; height:6px;left:160px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-8{ width:1px; height:6px;left:180px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-9{ width:1px; height:6px;left:200px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-10{ width:1px; height:6px;left:220px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.timeline .month-11{ width:1px; height:6px;left:240px; display:inline-block;position:absolute;top:-6px; background:#00929e;}
.name{ background:#00cad9; border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;-webkit-border-radius:2px; padding:5px 15px; }
.name i{content: '';position: absolute;left: 50%;top: 24px;margin-left: -5px;border-width: 6px;border-style: solid;border-color: #00cad9 transparent transparent;}
.content{ min-width:1200px; width:100%; margin:0 auto;}

.des-bg{ background:#fff; min-width:1200px; width:100%; min-height:680px; height:auto; }
.des{ width:1200px; margin:0 auto; position:relative;}
.des-bg .fontdes{ padding:50px 0 15px; margin:0 auto; width:400px;}
.fontdes1{ padding:50px 0 15px; margin:0 auto; width:436px;}
.des-cont{ padding-top:70px; text-align:center;}
.des-cont li{ font-size:14px; float:left; width:23%; padding:0 12px; margin:0 auto;}
.des-cont h2{ color:#333; font-weight:bold; margin-top:46px;}
.des-cont p{ color:#666;margin-top:24px; width:100%; height:50px; line-height:18px;}
.des-cont a{ text-decoration:underline;color:#00cad9; font-style:italic; display:inline-block;margin-top:86px;}
.des-cont a:hover{ text-decoration:underline;color:#00cad9; font-style:italic;display:inline-block;margin-top:86px;}

.refer-bg{ width:100%; min-width:1200px; background:#f6f6f6; min-height:740px; height:auto;}
.refer-des h2{ padding:30px 0; font-size:24px; color:#333;}
.refer-des p{ font-size:14px; color:#666; line-height:24px; }
.refer-bg ul{ margin-top:20px;}
.refer-bg li{ width:570px; float:left; height:160px;padding:50px 10px;}

.project li{ line-height:45px; height:45px;}
.project .botpic{ background:url(../images/botpic2.png) no-repeat; position:absolute; bottom:0; width:1200px; height:174px; display:inline-block;}
.project .iphone{position:absolute; right:168px; top:160px; width:276px; height:552px; display:inline-block; }
.casetitle{ font-size:30px;  height:30px; margin-bottom:30px; font-weight:normal;}
.casetitle a{color:#00cad9;}

.about{ position:absolute; right:0;top:220px; width:600px; }
.about p{ line-height:18px;}
.abouticon{ background:url(../images/abouticon.png) no-repeat; width:556px; height:498px; position:absolute; top:60px;}
.aboutlink{ border-bottom:1px solid #00cad9; width:200px; position:absolute; right:0; float:left; padding-top:30px; height:16px;}
.aboutlink a{ color:#00cad9; text-decoration:none;  float:right;background:#fff; padding:5px 18px; display:inline-block; border:1px solid #00cad9; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-webkit-border-radius:30px;-o-border-radius:30px;}

.custom .case{background-color:#efefef;}
.casetext{text-align:center; padding:60px 0px;}
.casepic{ width:1200px; margin:0 auto; margin-top:36px;}
.casepic ul li{ float:left; padding:0 30px; width:240px; margin-bottom:20px;}


.banner-huod{ width:100%; min-width:1200px; background:#ff3250; min-height:241px; height:auto; text-align:center; }
.banner-hd{width:1200px;position:relative; margin: 0 auto;}
.guanbi{ width:34px; height:29px; position:absolute; right:0px; top:0px;}

/*新增*/
.dianl{ background:url(../images/custom-case1.png) 0 20px no-repeat; width:180px; height:120px;}
.dianl:hover{background:url(../images/custom-case1-.png) 0 20px no-repeat; width:180px; height:120px;}
.gengq{ background:url(../images/custom-case2.png) 0 20px no-repeat; width:180px; height:120px;}
.gengq:hover{background:url(../images/custom-case2-.png) 0 20px no-repeat; width:180px; height:120px;}
.jingx{ background:url(../images/custom-case3.png) 0 20px no-repeat; width:180px; height:120px;}
.jingx:hover{background:url(../images/custom-case3-.png) 0 20px no-repeat; width:180px; height:120px;}
.xuey{ background:url(../images/custom-case4.png) 0 20px no-repeat; width:180px; height:120px;}
.xuey:hover{background:url(../images/custom-case4-.png) 0 20px no-repeat; width:180px; height:120px;}

.dazhim{ background:url(../images/custom-case1.png) 0 -110px no-repeat; width:180px; height:120px;}
.dazhim:hover{background:url(../images/custom-case1-.png) 0 -110px no-repeat; width:180px; height:120px;}
.zuikd{ background:url(../images/custom-case2.png) 0 -110px no-repeat; width:180px; height:120px;}
.zuikd:hover{background:url(../images/custom-case2-.png) 0 -110px no-repeat; width:180px; height:120px;}
.laici{ background:url(../images/custom-case3.png) 0 -110px no-repeat; width:180px; height:120px;}
.laici:hover{background:url(../images/custom-case3-.png) 0 -110px no-repeat; width:180px; height:120px;}
.woail{ background:url(../images/custom-case4.png) 0 -110px no-repeat; width:180px; height:120px;}
.woail:hover{background:url(../images/custom-case4-.png) 0 -110px no-repeat; width:180px; height:120px;}

.likuil{ background:url(../images/custom-case1.png) 0 -250px no-repeat; width:180px; height:120px;}
.likuil:hover{background:url(../images/custom-case1-.png) 0 -250px no-repeat; width:180px; height:120px;}
.guoke{ background:url(../images/custom-case2.png) 0 -240px no-repeat; width:180px; height:120px;}
.guoke:hover{background:url(../images/custom-case2-.png) 0 -240px no-repeat; width:180px; height:120px;}
.wodeda{ background:url(../images/custom-case3.png) -15px -240px no-repeat; width:180px; height:120px;}
.wodeda:hover{background:url(../images/custom-case3-.png) -15px -240px no-repeat; width:180px; height:120px;}

.bobo{ background:url(../images/custem_case.png) 0 0 no-repeat; width:100px; height:120px;}
.bobo:hover{background:url(../images/custem_case.png) -98px 0 no-repeat; width:100px; height:120px;}
.dotalk{ background:url(../images/custem_case.png) 0 -126px no-repeat; width:100px; height:120px;}
.dotalk:hover{ background:url(../images/custem_case.png) -98px -126px no-repeat; width:100px; height:120px;}
.laiyuehui{ background:url(../images/custem_case.png) 0 -252px no-repeat; width:100px; height:120px;}
.laiyuehui:hover{ background:url(../images/custem_case.png) -98px -252px no-repeat; width:100px; height:120px;}
.shanyu{ background:url(../images/custem_case.png) 0 -372px no-repeat; width:100px; height:120px;}
.shanyu:hover{ background:url(../images/custem_case.png) -98px -372px no-repeat; width:100px; height:120px;}

/*修改底部1天让您的应用会说话*/
.contactme{ width:100%; min-width:1200px; min-height:160px; height:auto; background:#1d314f;}
.contactme-qin{width:1200px; margin:0 auto; }
.contactme-qin-left{width:60%; float:left; padding-left:20px; }
.contactme h2{  color:#fff; font-size:24px; padding-top:50px;}
.contactme p{ color:#fff; font-size:18px; padding-top:16px;}
.contactme-number{ width:30%; float:right; padding:50px 20px;display:inline-block; margin-top:20px;}
.contactme-number a{ font-size:16px; width:200px; text-align:center; margin:0 auto;display:inline-block; padding:10px; color:#00cad9;  text-decoration:none; border:1px solid #00cad9; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px; }
.contactme-number a:hover{font-size:16px;width:200px; margin:0 auto; display:inline-block; padding:10px; background:#00bbc9; color:#fff; text-decoration:none; border:1px solid #00bbc9;  border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px; }

/*修改底部1天让您的应用会说话结束*/


.footer{ background:#0e1a2c; position:relative; min-width:1200px; width:100%;}
.list{ padding-top:80px; min-width:1200px; width:100%; }
.list dl{ float:left; margin-right:80px; width:14%;}
.list dt{ font-size:18px; color:#fff; margin-bottom:36px; border-bottom:1px solid #cdcdcd; padding-bottom:20px;}
.list dd{color:#fff;line-height:20px;}
.list dd a{font-size:14px;color:#fff; line-height:26px; text-decoration:none;}
.list dd a:hover{font-size:14px;color:#fff; line-height:26px; text-decoration:underline;}

.contact{ text-align:right;position:relative;}
.qmy-partner{color:#fff; padding-left:30px; vertical-align:middle; margin-top:16px;}
/*.qmy-partner span{ background:url(../images/partner.png) no-repeat; display:inline-block; width:14px; height:12px; vertical-align:middle; padding-left:6px;}*/
.qmy-qq{ color:#fff; float:right;vertical-align:middle; margin-top:16px;}
.qmy-qq span{ background:url(../images/qq.png) no-repeat; display:inline-block; width:12px; height:12px; padding-left:6px;}

.attention{ margin-top:20px;text-align:right;  height:35px; }
.weibo{ background:url(../images/focus.png) 0 -88px no-repeat; width:44px; height:36px;float:right; display:inline-block;  padding-top:8px;}
.attention .weibo2{ padding-top:8px; text-align:right; line-height:25px;float:left; width:130px;}
.attention .weibo2 a{color: #fff; text-decoration:none;}
.weibo:hover{ background:url(../images/focus.png) 0 -132px no-repeat; width:44px; height:36px; display:inline-block;}

/*.twocode{ position:absolute;right:0px;top:170px;background:#fff; border:1px solid #ddd; text-align:center;}
.twocode p{ padding-bottom:8px;}
.weixin{ background:url(../images/focus.png) 0 0 no-repeat; width:44px; height:44px; display:inline-block; margin-left:10px;}
.weixin:hover{ background:url(../images/focus.png) 0 -44px no-repeat; width:44px; height:44px; display:inline-block; cursor:pointer; margin-left:10px;}
*/
.copyright{margin:30px auto 40px; color:#d6d5d3; font-size:12px; line-height:14px; text-align:right;}

.picture1{ background:url(../images/picture.png) 0 0 no-repeat;width:30px; height:30px;line-height:30px; vertical-align:middle;display:inline-block;  margin-right:12px; }
.picture2{ background:url(../images/picture.png) 0 -30px no-repeat;width:30px; height:30px;line-height:30px;vertical-align:middle; display:inline-block;margin-right:12px; }
.picture3{ background:url(../images/picture.png) 0 -60px no-repeat;width:30px; height:30px;line-height:30px;vertical-align:middle;display:inline-block; margin-right:12px; }