html,body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,small,i,dl,dt,dd,ol,ul,li,form,label,footer,header,nav,section{margin:0;padding:0;border:0;font-size:100%;font-weight:normal;vertical-align:baseline;background:transparent}
footer,header,nav,section{display: block;}
html{box-sizing: border-box}
body{font-size:14px;font-family: "Microsoft Yahei"}
*,*:before,*:after{box-sizing:inherit}
img{max-width:100%;vertical-align: top;}
html {overflow-y: scroll;}
ul,li,ol{list-style: none;}
blockquote:before,blockquote:after,q:before,q:after{content: ''; content:none}
a{margin:0;padding:0;font-size:100%;vertical-align: baseline;background: transparent}
small{font-size:85%;}
strong{font-weight: bold;}
label,input[type=button],input[type=submit],input[type=file],button{cursor:pointer}
button,input,select,textarea{margin:0}
button,input[type=button]{width:auto;overflow:visible}
a:link {color:#727272;text-decoration:none;} /* 未被访问的链接 */
a:visited{color:#727272;text-decoration:none;} /* 已被访问的链接 */
a:hover {color:#727272;text-decoration:none;} /* 鼠标指针移动到链接上 */
a:active {color:#727272;text-decoration:none;} /* 正在被点击的链接 */
*,html,body,div,ul,li{box-sizing:border-box}
/**========================================
私有样式
=========================================**/
.section {position:relative;overflow:hidden;text-align:center}
.section1{background:#f5f5f5}
.section2{background:#ffffff}
.section3{background:#f5f5f5 url(img/section02.jpg); background-size:100% 100%}
.section4{background:#ffffff}
.section5{background:#f5f5f5}
.section6{background:#ffffff}
.section7{background:#f5f5f5}
.section8{background:camel}
.con-box{width:auto;margin:0 auto;position:relative;text-align:left;padding:0 5%}
.introduce-box{font-size:14px;color:#666;line-height:1.6;text-indent:2em;padding-bottom:1em}
@media screen and (min-width: 40em){
body{min-width:1280px}
.section{overflow:inherit}
.odd{width:100%;background:#fff}
.even{width:100%;background:#f5f5f5}
.con-box{width:1200px;padding:0}
.introduce-box{font-size:18px;line-height:2.2;text-indent:0;padding-bottom:0;width:900px}
.clearfix:before, .clearfix:after{content:"";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
}
/**========================================
网站页头导航
=========================================**/
.header{position:fixed;z-index:999999;top:0;left:0;width:100%;background:#fff;box-shadow:0px 1px 1px rgba(0, 0, 0, .15);text-align:center}
.headerWrap{width:100%;margin:0 auto;padding:5px 0 0;text-align:left;height:auto}
.headerWrap .logo{position:relative;left:15px;display:block;width:135px;height:36px;background:url(img/logo.png) no-repeat 0 5px;background-size:130px auto}
.patch{height:40px;width:100%;display:table}
.nav-collapse{margin-left:0;width:100%}
.nav-collapse.opened{max-height:9999px}
.nav-collapse ul{width:100%;display:block}
.nav-collapse ul li{width:100%;display:block;float:left;text-align:center;border-top:1px solid rgba(0,0,0,0.15);padding:10px}
.nav-collapse ul li a{display:block;width:100%;box-sizing:border-box;font-size:1.1em;text-decoration:none;color:#878787;border-bottom:2px solid rgba(0,0,0,0);-webkit-transition:color 0.4s,border 0.4s;-moz-transition:color 0.4s,border 0.4s;transition:color 0.4s,border 0.4s}
.nav-collapse ul li a.active{color:#ff4400}
.js .nav-collapse{clip:rect(0 0 0 0);max-height:0;position:absolute;display:block;overflow:hidden;zoom:1}
.nav-toggle{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}
.nav-toggle{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: none;width:60px;height:40px;float:right;text-indent:-9999px;overflow:hidden;background:#f4421a url(img/hamburger.gif) no-repeat 30% 55%}
.headerWrap .nav-box{width:auto;margin:0 auto;position:relative}
.headerWrap .nav-box .hotline{position:absolute;top:0;left:150px;width:180px;height:36px;background:url(img/hotline.png?v=1) no-repeat 0 0;background-size: contain;}
@media screen and (min-width: 40em){
.header{padding-top:85px}
.headerWrap{width:100%;z-index:99999;left:0;top:0;position:fixed;padding:0;background:rgba(255,255,255,0.95);height:85px;border-top:3px solid #f40}
.headerWrap .logo{left:0;width:260px;height:60px;background:url(img/logo.png) no-repeat 0 20px;background-size:229px 35px}
.js .nav-collapse{position:relative}
.js .nav-collapse.closed{max-height:none}
.nav-toggle{display:none}
.nav-collapse{width:700px}
.nav-collapse ul li{float:left;width:100px;padding:0;border-top:none;color:#666;line-height:82px;cursor:pointer;display:block;-webkit-transition:color 0.6s,background 0.6s;-moz-transition:color 0.6s,background 0.6s;transition:color 0.6s,background 0.6s}
.nav-collapse ul li.currLi{color: #f40}
.nav-collapse ul li:hover{color:#000;background:rgba(0,0,0,0.03)}
.patch{height:60px}
.headerWrap .nav-box{max-width:1200px;margin:0 auto;position:relative}
.headerWrap .nav-box .hotline{right:0;width:196px;height:70px;background:url(img/hotline.png?v=1) no-repeat 0 20px;background-size:196px 42px}
}
/**========================================
banner
=========================================**/
.scroll{width:100%;margin:0 auto;position:relative;height:165px;overflow:hidden;}
.slide-wrapper li{position:relative;float:left;display:block;width:100%;height:165px;background:url(../images/banner1.jpg) center 0% no-repeat}
.slide-wrapper li.nth1{background:url(../images/banner1.jpg) center 0% no-repeat;background-size:180% auto}
.slide-wrapper li.nth2{background:url(../images/banner2.jpg) center 0% no-repeat;background-size:180% auto}
.slide-wrapper li.nth3{background:url(../images/banner3.jpg) center 0% no-repeat;background-size:180% auto}
ul.es-pager{display:block; vertical-align:middle;text-align:center;padding:0;position: absolute; left: 0; right: 0; bottom: 0;}
ul.es-pager li{display: inline-block;width:16px;height:16px; border-radius: 16px; margin-bottom:12px;margin-right:20px;background:rgba(255, 255, 255, 0.35);cursor:pointer;line-height:0;font-size:0}
ul.es-pager li.act{width:16px;height:16px; border-radius:16px;margin-bottom:-2px;margin-bottom:12px;background:rgba(255, 255, 255, 1);}
@media screen and (min-width: 40em){
.scroll{width:100%;margin:0 auto;position:relative;height:550px;overflow:hidden;}
.slide-wrapper li{position:relative;float:left;display:block;width:100%;height:550px;background:url(../images/banner1.jpg) center 0% no-repeat}
.slide-wrapper li.nth1{background:#0c0b09 url(../images/banner1.jpg) center 0% no-repeat;background-size:auto auto}
.slide-wrapper li.nth2{background:#19140f url(../images/banner2.jpg) center 0% no-repeat;background-size:auto auto}
.slide-wrapper li.nth3{background:#141d62 url(../images/banner3.jpg) center 0% no-repeat;background-size:auto auto}
ul.es-pager{display:block; vertical-align:middle;text-align:center;padding:0;position: absolute; left: 0; right: 0; bottom: 0;}
ul.es-pager li{display: inline-block;width:16px;height:16px; border-radius: 16px; margin-bottom:12px;margin-right:20px;background:rgba(255, 255, 255, 0.35);cursor:pointer;line-height:0;font-size:0}
ul.es-pager li.act{width:16px;height:16px; border-radius:16px;margin-bottom:-2px;margin-bottom:12px;background:rgba(255, 255, 255, 1);}
}
/**========================================
网站一级标题
=========================================**/
.top-level-title{text-align:center;padding:20px 0;font-family:"Microsoft YaHei Light"}
.top-level-title h2{font-size:26px;color:#1c1c1c;line-height:1.4;border-bottom:2px solid #f40;display:inline-block}
.top-level-title small{font-size:16px;color:#5d5d5d;display:block;padding:10px 0 4px}
@media screen and (min-width: 40em){
.top-level-title{text-align:center;padding:50px 0 20px;font-family:"Microsoft YaHei Light"}
.top-level-title h2{font-size:60px;color:#1c1c1c;line-height:1.4;border-bottom:4px solid #f40;display:inline-block}
.top-level-title small{font-size:24px;color:#5d5d5d;display:block;padding:30px 0}
}
/**========================================
优质服务
=========================================**/
.auxiliary-pic{position:absolute;right:0;top:-60px;display: none}
.service li h3{font-size:18px;color:#252525;line-height:50px;text-align:left;margin:1em 0}
.service li h3:before{content:"";width:56px;height:50px;margin-right:0;display:inline-block;background:url(img/service.png) no-repeat;vertical-align:middle;background-size:46px auto}
.service li:nth-child(1) h3:before{background-position:center top}
.service li:nth-child(2) h3:before{background-position:center -75px}
.service li p{color:#4d4d4d;font-size:14px;line-height:1.4;text-align:left;padding:0}
@media screen and (min-width: 40em){
.auxiliary-pic{display:inline-block}
.service li{width:50%;display:inline-block;float:left;padding:100px 60px 60px;text-align:center}
.service li h3{font-size:30px;line-height:120px;text-align:center}
.service li h3:before{width:120px;height:120px;margin-right:12px;background-size:110px auto}
.service li:nth-child(1) h3:before{background-position:center top}
.service li:nth-child(2) h3:before{background-position:center -180px}
.service li p{font-size:16px;line-height:1.8;padding:30px 0 0 0}
}
/**========================================
解决方案
=========================================**/
.transform-color h2{color:#fff}
.transform-color small{color:#fff;padding-left:20px;padding-right:20px}
.solution-box ul{width:86%;margin:0 auto;padding-bottom:60px}
.solution-box ul li{float:left;width:32.9%;height:120px;margin:0 1px 1px 0;outline:1px solid #999}
.solution-box ul li .icon{display:block;width:100%;height:65px;margin-top:10px;float:none;background-size:90px 90px;background-repeat:no-repeat;background-position:center center}
.solution-box ul li .ic-sc{background-image:url(img/ic-sc_2.png)}
.solution-box ul li .ic-znyj{background-image:url(img/ic-znyj_2.png)}
.solution-box ul li .ic-wlw{background-image:url(img/ic-wlw_2.png)}
.solution-box ul li .ic-cy{background-image:url(img/ic-cy_2.png)}
.solution-box ul li .ic-jy{background-image:url(img/ic-jy_2.png)}
.solution-box ul li .ic-fdc{background-image:url(img/ic-fdc_2.png)}
.solution-box ul li .ic-jc{background-image:url(img/ic-jc_2.png)}
.solution-box ul li .ic-jstx{background-image:url(img/ic-jstx_2.png)}
.solution-box ul li .ic-jr{background-image:url(img/ic-jr_2.png)}
.solution-box ul li h2{padding:10px;font-size:14px;color:#fff;}
.solution-box ul li p{display:none}
@media screen and (min-width: 40em){
.transform-color h2{color:#1c1c1c}
.transform-color small{color:#5d5d5d}
.solution-box ul{width:1200px;margin:0 auto;padding-bottom:60px}
.solution-box ul li{float:left;width:399px;height:160px;margin:0 1px 1px 0;background:rgba(255,255,255,0.9);outline:1px solid transparent;-webkit-transition:background 0.6s,outline 0.6s;-moz-transition:background 0.6s,outline 0.6s;transition:background 0.6s,outline 0.6s}
.solution-box ul li:nth-child(1):hover{background:rgba(136,209,111,0.12);outline-color:#88d16f}
.solution-box ul li:nth-child(2):hover{background:rgba(89,156,224,0.12);outline-color:#599ce0}
.solution-box ul li:nth-child(3):hover{background:rgba(213,150,80,0.12);outline-color:#d59650}
.solution-box ul li:nth-child(4):hover{background:rgba(250,157,90,0.12);outline-color:#fa9d5a}
.solution-box ul li:nth-child(5):hover{background:rgba(236,118,118,0.12);outline-color:#ec7676}
.solution-box ul li:nth-child(6):hover{background:rgba(237,143,184,0.12);outline-color:#ed8fb8}
.solution-box ul li:nth-child(7):hover{background:rgba(49,171,219,0.12);outline-color:#31abdb}
.solution-box ul li:nth-child(8):hover{background:rgba(52,194,86,0.12);outline-color:#34c256}
.solution-box ul li:nth-child(9):hover{background:rgba(255,162,42,0.12);outline-color:#ffa22a}
.solution-box ul li .icon{display:block;width:140px;height:160px;margin-top:0;float:left;background-size:100px 100px}
.solution-box ul li .ic-sc{background-image:url(img/ic-sc.png)}
.solution-box ul li .ic-znyj{background-image:url(img/ic-znyj.png)}
.solution-box ul li .ic-wlw{background-image:url(img/ic-wlw.png)}
.solution-box ul li .ic-cy{background-image:url(img/ic-cy.png)}
.solution-box ul li .ic-jy{background-image:url(img/ic-jy.png)}
.solution-box ul li .ic-fdc{background-image:url(img/ic-fdc.png)}
.solution-box ul li .ic-jc{background-image:url(img/ic-jc.png)}
.solution-box ul li .ic-jstx{background-image:url(img/ic-jstx.png)}
.solution-box ul li .ic-jr{background-image:url(img/ic-jr.png)}
.solution-box ul li h2{padding:10px 30px;font-size:18px;color:#222;}
.solution-box ul li p{padding:0 30px;color:#767676;font-size:14px;display:block}
}
/**========================================
成功案例
=========================================**/
.index04{padding: 0}
.case-box{padding:0}
.case-box li{float:left;width:50%;margin:0;}
.case-box li .case-single{position:relative;overflow:hidden;}
.case-box li .case-single img{display:block;width:100%;height:auto}
.case-box li .case-single .case-hover{position:absolute;top:160px;width:300px;height:160px;padding:0;background:rgba(255,68,0,.8);display:none}
.case-box li .case-single .case-hover h4{padding:6px 0 0 0;font-size:12px;text-align:center;color:#fff}
.case-box li .case-single .case-hover p{padding:7px 15px 0 0;line-height:25px;display:none}
.case-box li .case-single:hover .case-hover{top:0}
/*案例*/
.CasesList{width:100%; position:relative;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-opacity:0; background:#fff;}
.CasesList ul{width:100%; position:relative;}
.CasesList ul li{display:block; overflow:hidden;width:50%;float:left}
.CasesList .CaseImg{margin:0; overflow:hidden; position:relative;}
.CasesList .CaseImg img{transition:all 2.8s linear;-moz-transition:all 2.8s linear;-webkit-transition:all 2.8s linear;-o-transition:all 2.8s linear; width:100%; display:block;}
.isotope, .isotope-item{transition-property:transform, opacity; transition-duration:0.8s; }
.CasesList .CaseImg .overlayout{position:absolute;top:0;left:0;width:100%;height:100%;background:#ff4400;-moz-opacity:0;opacity:0;filter:alpha(opacity=0);-webkit-opacity:0;}
.CasesList .CaseImg .imageText{width:100%;height:100%;position:absolute;left:0;top:0;display:none;color:#fff}
.CasesList .CaseImg .imageText .text{position:absolute;top:0;width:100%;left:0;-moz-opacity:0;filter:alpha(opacity=0);-webkit-opacity:0;opacity:1;}
.CasesList .CaseImg .imageText b{display:block;padding:6px 0 0 0;font-size:14px;text-align:center;color:#fff}
.CasesList .CaseImg .imageText p{line-height:1.35;font-size:70%;padding:8px;}
.CasesList ul li:hover .overlayout{-moz-opacity:.8;opacity:.8;filter:alpha(opacity=80);-webkit-opacity:.8;}
.CasesList ul li:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2); transform:scale(1.2);}
.CasesList .CaseImg .imageText a:hover{border-radius:18px; background:#FFF;color:#e65a2a; box-shadow:0px 0px 12px #e65a2a inset;}
.CasesList ul li:hover .imageText{ display:block;}
#JKDiv_1,#JKDiv_2,#JKDiv_3{ display:none;}
.index-line{ width:100%; height:1px; background:#e0e0e0; margin:60px 0 0;}
@media screen and (min-width: 40em){
.case-box{padding:20px 0 50px}
.case-box li{float:left;width:280px;margin:0 15px 15px 0;}
.case-box li .case-single{position:relative;overflow:hidden;}
.case-box li .case-single img{display:block;width:280px;height:160px}
.case-box li .case-single .case-hover{position:absolute;top:160px;width:300px;height:160px;padding:0 15px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5f0543a,endColorstr=#E5f0543a);color:#fff;-webkit-transition:top 0.5s;-moz-transition:top 0.5s;-ms-transition:top 0.5s;-o-transition:top 0.5s;transition:top 0.5s}
.case-box li:nth-child(1) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(2) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(3) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(4) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(5) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(6) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(7) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(8) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(9) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(10) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(11) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li:nth-child(12) .case-single .case-hover{background:rgba(255,68,0,.8)}
.case-box li .case-single .case-hover h4{padding:34px 0 6px 0;font-size:18px;text-align:left}
.case-box li .case-single .case-hover p{display:block}
.case-box li .case-single:hover .case-hover{top:0}
}
/**========================================
开发流程
=========================================**/
.flow-chart-box{padding:20px 0 50px;text-align:center}
@media screen and (min-width: 40em){
.flow-chart-box{padding:50px 0}
}
/**========================================
团队介绍
=========================================**/
.team-box{width:100%;margin:0 auto 80px auto}
.team-box img{float:left}
.team-box img:nth-child(1){width:68.85%;margin:0}
.team-box img:nth-child(2){width:31.15%;margin:0}
.team-box img:nth-child(3){width:100%;margin:0}
.team-box img:nth-child(4){width:55.4%;margin:0}
.team-box img:nth-child(5){width:44.6%;margin:0}
@media screen and (min-width: 40em){
.team-box{width:1200px;margin:0 auto 80px auto}
.team-box img{border:0;opacity:0.65;-webkit-transition:opacity 1.2s;-moz-transition:opacity 1.2s;transition:opacity 1.2s}
.team-box img:nth-child(1){width:auto;margin:0 6px 0 0}
.team-box img:nth-child(2){width:auto;margin:0 6px 0 0}
.team-box img:nth-child(3){width:auto;margin-right:0;margin-bottom:8px}
.team-box img:nth-child(4){width:auto;margin:0 6px 0 0}
.team-box img:nth-child(5){width:auto;margin-right:0}
.team-box img:hover{opacity:1.0}
}
/**========================================
合作伙伴
=========================================**/
.partner-list{width:100%;margin:0 auto;padding-bottom:40px}
.partner-list li{background:#fff;overflow:hidden;float:left;width:33.3333%;height:auto;border-top:1px solid #ecedee;border-right:1px solid #ecedee}
.partner-list li:nth-child(3){border-right:1px solid transparent}
.partner-list li:nth-child(6){border-right:1px solid transparent}
.partner-list li:nth-child(9){border-right:1px solid transparent}
.partner-list li:nth-child(10){border-bottom:1px solid #ecedee}
.partner-list li:nth-child(11){border-bottom:1px solid #ecedee}
.partner-list li:nth-child(12){border-bottom:1px solid #ecedee;border-right:1px solid transparent}
.partner-list li .partner-wrap{position:relative}
.partner-list li .partner-wrap img{width:100%;height:auto}
.partner-list li .partner-wrap .partner-desc{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.2);top:100%;left:0}
.partner-list li .partner-wrap .partner-desc h4{position:absolute;bottom:0;left:0;width:100%;height:48px;line-height:48px;color:#fff;text-align:center;font-size:18px;background:rgba(255,68,0,0.75)}
@media screen and (min-width: 40em){
.partner-list{width:1200px;padding-bottom:80px}
.partner-list li{overflow:hidden;float:left;height:194px;width:16.6666667%;border:1px solid #ecedee}
.partner-list li .partner-wrap{position:relative;height:100%;width:100%}
.partner-list li .partner-wrap img{width:100%;height:100%}
.partner-list li .partner-wrap .partner-desc{position:absolute;width:100%;height:100%;background:rgba(0,0,0,0.2);top:100%;left:0}
.partner-list li .partner-wrap .partner-desc h4{position:absolute;bottom:0;left:0;width:100%;height:48px;line-height:48px;color:#fff;text-align:center;font-size:18px;background:rgba(255,68,0,0.75)}
}
/**========================================
关于我们
=========================================**/
.aboutus-skin{width:100%;background:url(img/footBG_2.jpg);background-size:100% auto}
.aboutus-box{width:100%;margin:0 auto;padding:50px 0;color:#fff}
.aboutus-box>div{width:100%;font-family:"Microsoft YaHei Light"}
.aboutus-box>div:nth-child(1){padding-left:20px;padding-right:20px}
.aboutus-box>div:nth-child(2){padding-left:20px;padding-right:20px;border-left:none}
.aboutus-box>div>h2{font-size:26px;font-weight:normal;border-bottom:2px solid #f40;padding-bottom:6px;margin-bottom:5px;display:inline-block}
.aboutus-box>div>p{font-size:14px;line-height:1.8;padding:10px 0;text-indent:2em;text-align:justify}
.aboutus-box>div>tel{color:#ffba00;font-size:40px;font-family:Impact;font-weight:normal;display:block}
.aboutus-box>div>div{font-size:14px;line-height:2.2;text-align:left;}
@media screen and (min-width: 40em){
.aboutus-skin{width:100%;background:url(img/footBG.jpg);background-size:100% auto}
.aboutus-box{width:1200px;margin:0 auto;padding:100px 0;color:#fff}
.aboutus-box>div{width:50%;float:left;font-family:"Microsoft YaHei Light"}
.aboutus-box>div:nth-child(1){padding-right:70px}
.aboutus-box>div:nth-child(2){padding-left:70px;border-left:1px solid rgba(255,255,255,0.2);}
.aboutus-box>div>h2{font-size:48px;font-weight:normal;padding-bottom:40px;border-bottom:none;display:block}
.aboutus-box>div>p{font-size:16px;line-height:2;padding:10px 0;text-indent:2em;text-align:justify}
.aboutus-box>div>tel{color:#ffba00;font-size:60px;font-family:Impact;font-weight:100}
.aboutus-box>div>div{font-size:16px;line-height:2.2}
}