@charset "utf-8";
/* CSS Document */
body{min-width:1200px;overflow:hidden}

/*零碎样式*/
.h60{height:60px;}.h70{height:70px;}.h80{ height:80px;}.mt35{ margin-top:35px;}
.ca2{ color:#a2a2a2;}.lh40{ line-height:40px;}

.vervicalAlign{display:inline-block; width:1px; height:100%; margin-left:-1px; vertical-align:middle;}

/*首页-我们能为您提供哪些服务*/
.indexPart01 ul.offer{}
.indexPart01 ul.offer li{ width:265px; padding:0 40px 0 4px; text-align:center; float:left; transform:translateY(350px); opacity:0; transition:all 1s  linear; margin-top:80px; margin-bottom:10px;}
.indexPart01 ul.offer li a{ display:inline-block; width:208px; background-color:#FFFFFF; padding:100px 24px 20px; box-shadow:0 0 9px #bbb; border-radius:5px; position:relative; transition:all 0.3s linear;}
.indexPart01 ul.offer li a div{ text-align:left; line-height:24px; height:96px; overflow:hidden; margin-bottom:15px;}
.indexPart01 ul.offer li a span{ display:inline-block; width:160px; height:40px; border:1px solid #D9D9D9; border-radius:40px; background:url(arrow.png) no-repeat center; transition:all 0.3s;}
.indexPart01 ul.offer li a em{ display:inline-block; width:130px; height:150px; background:url(hexagon.png) no-repeat center; position:absolute; left:50%; margin-left:-65px; top:-75px;}
.indexPart01 ul.offer li a em img{ vertical-align:middle;}
.indexPart01 ul.offer li a:hover{ box-shadow:0 0 9px #3B8BF0; transform:translateY(-6px);}
.indexPart01 ul.offer li a:hover span{background:#0068E6 url(arrow_w.png) no-repeat center; border:1px solid #0068E6;}
.indexPart01 ul.offer li.li01{ transition-delay:0.1s}
.indexPart01 ul.offer li.li02{ transition-delay:0.2s}
.indexPart01 ul.offer li.li03{ transition-delay:0.3s}
.indexPart01 ul.offer li.li04{ transition-delay:0.4s}
.indexPart01.active ul.offer li{ transform:translateY(0);  opacity:1;}

.picScroll-left .hd{ width:100%; height:0px; position:absolute; top:180px; z-index:3;}
.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:50px; height:85px; overflow:hidden; cursor:pointer; background:url("arrowScroll.png") no-repeat; position:absolute;}
.picScroll-left .hd .prev{ background-position:0 0; left:-80px;}
.picScroll-left .hd .next{ background-position:-1px -88px; right:-80px;}
.picScroll-left .hd .prevStop{ background-position:-84px 0; }
.picScroll-left .hd .nextStop{ background-position:-84px -88px; }
.picScroll-left .hd .prev:hover{ background-position:-84px 0; }
.picScroll-left .hd .next:hover{ background-position:-85px -88px; }


/*首页-我们的服务优势*/
.indexPart02{ background:#076FED url(index_bg01.jpg) no-repeat center bottom;}
.indexPart02 ul{ padding-top:80px;}
.indexPart02 ul li{width:200px; padding:0 50px; text-align:center; float:left; color:#fff; transition:all 1s  linear; opacity:0;}
.indexPart02 ul li em{ display:inline-block; width:144px; height:144px; background-color:#fff; border-radius:50%; margin-bottom:25px; /*transition:all 1s linear;*/}
.indexPart02 ul li div{ color:#dae6f4; text-align:left}
.indexPart02 ul li.li01{ transition-delay:0.1s}
.indexPart02 ul li.li02{ transition-delay:0.2s}
.indexPart02 ul li.li03{ transition-delay:0.3s}
.indexPart02 ul li.li04{ transition-delay:0.4s}
/*.indexPart02 ul li:hover em{transform:rotateY(360deg)}*/
.indexPart02.active ul li{ opacity:1;}

/*我们的案例*/
.indexPart03 .caseHd,.indexPart06 .newsHd{padding:40px 0 15px 0; text-align:center;}
.indexPart03 .caseHd li,.indexPart06 .newsHd li{padding:10px 15px; display:inline-block;}
.indexPart03 .caseHd li a,.indexPart06 .newsHd li a{ display:inline-block; height:34px; line-height:34px; border:1px solid #D9D9D9; border-radius:5px; padding:0 25px; font-size:16px;}
.indexPart03 .caseHd li a:hover,.indexPart03 .caseHd li a.active,.indexPart06 .newsHd li a:hover,.indexPart06 .newsHd li a.active{border:1px solid #0068E6; color:#0068E6;}
.indexPart03 .caseBd{width:1230px; margin-left:-15px;}
.indexPart03 .caseBd li{ width:380px; height:285px; padding:15px; float:left; transform:scale(0,0); transition:all 0.5s linear;}
.indexPart03 .caseBd li .caseItem{ display:block; box-shadow:0 0 10px #ddd; position:relative;}
.indexPart03 .caseBd li .caseItem img{ display:block;}
.indexPart03 .caseBd li .caseDetail{text-align:center; position:absolute; left:0; top:0; width:100%; height:100%; transition:all 0.3s linear;}
.indexPart03 .caseBd li .caseDetail i{ display:inline-block; width:100%; height:100%; background-color:#000; opacity:0; filter:alpha(opacity=0); position:absolute; left:0; top:0;}
.indexPart03 .caseBd li .caseDetail img{ height:60px; position:relative; top:60px; opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear;}
.indexPart03 .caseBd li .caseDetail p{ position:relative; top:130px; opacity:0; filter:alpha(opacity=0); transition:all 0.3s linear;}
.indexPart03 .caseBd li .caseDetail a{ margin:0 10px; display:inline-block; border-radius:3px;}
.indexPart03 .caseBd li .caseDetail .detail_btn{ width:110px; height:36px; line-height:36px; background-color:#fff; transition:all 0.1s linear;}
.indexPart03 .caseBd li .caseDetail .detail_btn:hover{ background-color:#0068E6; color:#fff;}
.indexPart03 .caseBd li .caseDetail .view_btn{ width:108px; height:34px; line-height:34px; border:1px solid #fff; color:#fff; transition:all 0.1s linear;}
.indexPart03 .caseBd li .caseDetail .view_btn:hover{ background-color:#F8B600; border:1px solid #F8B600;}
.indexPart03 .caseBd li:hover .caseDetail i{opacity:0.8; filter:alpha(opacity=80);}
.indexPart03 .caseBd li:hover .caseDetail img{ top:70px; opacity:1.0;filter:alpha(opacity=100);}
.indexPart03 .caseBd li:hover .caseDetail p{ top:120px; opacity:1.0;filter:alpha(opacity=100);}
.caseMore{ display:inline-block; width:198px; height:38px; line-height:38px; border:1px solid #d9d9d9; text-align:center; color:#a2a2a2; border-radius:3px;}
.caseMore:hover{ background-color:#0068E6; border:1px solid #0068E6; color:#fff;}
.indexPart03.active .caseBd li{ transform:scale(1,1)}

.slideGroup{}
.slideGroup .parHd ul{padding:40px 0 15px 0; text-align:center;}
.slideGroup .parHd ul li{margin:10px 15px; display:inline-block; height:34px; line-height:34px; border:1px solid #D9D9D9; border-radius:5px; padding:0 25px; font-size:16px; cursor:pointer;}
.slideGroup .parHd ul li.on{border:1px solid #0068E6; color:#0068E6; }


/*首页-关于维奕*/
.indexPart04{background:url(index_bg02.jpg) no-repeat center top; margin-bottom:190px;}
.indexPart04 .wrap{ padding-bottom:350px; }
.wyInfo{ padding-top:95px; color:#fff;}
.wyInfo li{width:300px; float:left; text-align:center; font-weight:bold;}
.wyInfo li .year{ font-size:66px; line-height:66px; color:#f8b600; position:relative; margin-right:5px;}
.wyInfo li .year:after{ content:"+"; font-size:20px; line-height:20px; color:#fff; position:absolute; top:10px; right:-45px;}
.aboutCon{ padding:60px 0 80px; background-color:#fff; border-radius:3px; position:absolute; width:100%; bottom:-380px; z-index:2; opacity:0; transition:all 0.5s linear;}
.aboutCon ul{ font-size:0; display:inline-block; height:107px; border-right:1px solid #ECECEC; position:relative;}
.aboutCon ul:after{ content:""; display:inline-block; width:0; height:0; border-bottom:5px solid #ececec; border-left:5px solid transparent; border-right:5px solid transparent; position:absolute; left:50%; margin-left:-3px; top:-5px;}
.aboutCon li{ display:inline-block; width:140px; height:105px; border:1px solid #ECECEC; border-right:none; overflow:hidden}
.aboutCon li img{ vertical-align:middle; filter:grayscale(1); _filter:grayscale(1);}
.aboutCon p{ display:inline-block; padding:0 160px; line-height:30px; font-size:14px;}
.aboutShadow{width:100%; height:180px; box-shadow:0 0 10px #ddd; position:absolute; left:0; bottom:-180px; z-index:1;}
.indexPart04.active .aboutCon{ opacity:1; bottom:-180px;}

/*首页-服务流程*/
.indexPart05{ padding-bottom:250px; background:url(index_bg03.jpg) no-repeat center bottom;}
.indexPart05 ul{ padding-top:75px;}
.indexPart05 ul li{width:110px; float:left; position:relative;}
.indexPart05 ul li em{ position:absolute; padding:26px 30px 0; text-align:center; left:0; color:#fff; font-size:23px; line-height:30px; font-weight:bold; }
.indexPart05 ul li.step img{opacity:0; transform:scale(1,1) rotate(0deg); transition:all 0.5s linear;}
.indexPart05 ul li.connector{width:45px; line-height:110px; text-align:center;}
.indexPart05.active ul li.step img{ transform:scale(1,1) rotate(360deg); opacity:1;}

/*首页-维奕动态*/
.indexPart06 .newsBd{ width:1320px; margin-left:-60px;}
.indexPart06 .newsBd li{width:540px; padding:60px; float:left; transform:translateY(-50px); opacity:0; transition:all 0.5s linear}
.indexPart06 .newsBd li a{ display:block;}
.indexPart06 .newsBd li .newsTime{ float:left; margin-left:20px;}
.indexPart06 .newsBd li .newsTime .day{ font-size:66px; line-height:66px;}
.indexPart06 .newsBd li .newsInfo{ margin-left:135px;}
.indexPart06 .newsBd li .newsInfo h4{height:22px; overflow:hidden; padding-bottom:15px; font-size:18px; font-weight:normal; border-bottom:1px solid #E5E5E5; margin-bottom:10px;}
.indexPart06 .newsBd li .newsInfo p{ line-height:26px; color:#999; height:52px; overflow:hidden;}
.indexPart06 ul li.li01{ transition-delay:0.1s}
.indexPart06 ul li.li02{ transition-delay:0.3s}
.indexPart06 ul li.li03{ transition-delay:0.5s}
.indexPart06 ul li.li04{ transition-delay:0.7s}
.indexPart06.active .newsBd li{transform:translateY(0px); opacity:1;}

/*关于我们*/
.inner_banner{ height:500px;}
.banner_about{ background:url(banner_about.jpg) no-repeat center;}
.banner_ztk{ background:url(ztkbanner.jpg) no-repeat center;}
.innerTitle{ margin-bottom:60px;}
.innerTitle span{ position:relative; z-index:2}
.innerTitle p{ font-size:48px; color:#ebebeb; position:relative; z-index:1; top:-10px;}
.aboutProfile{ padding:0 130px; font-size:16px; line-height:40px;}
.wyInfo_inner{ padding-top:50px; color:#333;}
.wyInfo_inner li .year{ color:#0068e6}
.wyInfo_inner li .year:after{ content:"+";color:#666;}
/*关于我们-发展历程*/
.devlp{ padding:60px 0 100px; background:url(about_bg01.jpg) repeat-y center;}
.devlpCon{ padding:40px 0 10px; position:relative; margin-top:65px;}
.devlpCon .line{ display:block; width:1px; height:100%; position:absolute; top:0; left:50%; background-color:#D7D7D7;}
.topCircle,.bottomCircle{ display:inline-block; width:15px; height:15px; border:2px solid #A2CAFA; border-radius:50%; font-size:0; position:absolute; left:50%; margin-left:-9px;}
.topCircle i,.bottomCircle i{ display:inline-block; width:9px; height:9px; border-radius:50%; background-color:#0084DF; margin:3px;}
.topCircle{top:-19px;}
.bottomCircle{bottom:-19px;}
.devlpCon dl{ margin-bottom:30px; width:50%;}
.devlpCon dl dt{ position:relative;}
.devlpCon dl dt h4{ margin-bottom:12px;}
.devlpCon dl dd{ font-size:0;}
.devlpCon dl dd img{ display:inline-block; width:220px; height:165px;}
.devlpCon dl dt .listCircle{ display:inline-block; width:11px; height:11px; border:1px solid #A4CBFA; background-color:#f9f9f9; border-radius:50%; font-size:0; position:absolute; top:5px;}
.devlpCon dl dt .listCircle i{ display:inline-block; width:7px; height:7px; border-radius:50%; background-color:#0084DF; margin:2px;}
.devlpCon dl.devlp_left dt .listCircle{ right:-7px;}
.devlpCon dl.devlp_right dt .listCircle{ left:-6px;}
.devlpCon dl.devlp_left{ text-align:right;}
.devlpCon dl.devlp_left dt,.devlpCon dl.devlp_left dd{ padding-right:30px;}
.devlpCon dl.devlp_left dd img{ margin-left:20px; margin-top:12px;}
.devlpCon dl.devlp_right{ text-align:left; margin-left:50%;}
.devlpCon dl.devlp_right dt,.devlpCon dl.devlp_right dd{ padding-left:30px;}
/*关于我们-资质荣誉*/
.honorImg_big,.honorImg_small{ font-size:0; text-align:center;}
.honorImg_big li{ display:inline-block; padding:0 50px 25px;}
.honorImg_big li img{width:200px; height:300px; border-radius:5px;}
.honorImg_big li p,.honorImg_small li p{ font-size:14px;}
.honorImg_small li{ display:inline-block; padding:0 24px 25px;}
.honorImg_small li img{width:240px; height:160px; border-radius:5px;}
/*关于我们-员工与环境*/
.team{ background-color:#F1F1F1;}
.teamProfile{ font-size:16px; line-height:40px; margin-bottom:40px;}

/*服务*/
.banner_service{ background:url(banner_service.jpg) no-repeat center;}
.serviceCon{ background-color:#0068E6; padding:70px 0; position:relative;}
.serviceCon p{width:540px; margin-left:150px; font-size:16px; line-height:40px; color:#fff; position:relative; background:url(7_24.png) no-repeat 160px top;}
.serviceCon p:before,.serviceCon p:after{ content:""; display:inline-block; width:60px; height:50px; position:absolute;}
.serviceCon p:before{ background:url(quoteL.png) no-repeat; left:-100px; top:-40px;}
.serviceCon p:after{ background:url(quoteR.png) no-repeat; right:-95px; bottom:-30px;}
.serviceCon .serviceImg{ position:absolute; right:50px; bottom:0;}
/*服务-服务亮点*/
.servcTitle{ margin-top:70px;}
.servcTitle i{ display:block; width:58px; height:2px; background-color:#0068E6; margin:20px auto 0}
.servcList li{ text-align:center; width:199px; float:left; border-right:1px solid #EEEEEE; padding-bottom:15px;}
.servcList li img{ margin-bottom:20px;}
.servcList li.none{border-right:none;}
/*服务-马上体验*/
.tiyan{ padding:50px 0; background-color:#0068E6; line-height:40px;}
.tiyan a{ display:inline-block; width:174px; height:40px;  text-align:center; border:1px solid #FFFFFF; border-radius:3px; font-size:18px; color:#fff; margin-left:20px;}

/*合作*/
.banner_cooperate{ background:url(banner_cooperate.jpg) no-repeat center; position:relative;}
.banner_cooperate a{ display:inline-block; width:188px; height:42px; text-indent:-999em; position:absolute; left:50%; margin-left:-94px; bottom:108px;}
.cooperateTitle{ margin-top:0;}
/*合作-合作优势*/
.advList{padding:80px 0 130px;}
.advList li{width:220px; padding:0 40px; text-align:center; float:left;}
.advList li div{ padding:50px 20px; border-radius:10px; color:#fff;}
.advList li div.adv01{ background-color:#68DCF5;}
.advList li div.adv02{ background-color:#BD82FF;}
.advList li div.adv03{ background-color:#6CEA82;}
.advList li div.adv04{ background-color:#FFCE58;}
.advList li div img{ margin-bottom:15px; width:110px; height:110px;}
.advList li div h5{ font-size:20px; line-height:22px; height:22px; overflow:hidden; margin-bottom:25px; font-weight:normal;}
.advList li div p{ height:66px; overflow:hidden;}
/*合作-代理商条件*/
.condition{ padding:60px 0;}
.condition li{width:300px; float:left; text-align:center;}
.condition li:hover{ background:url(condition_bg02.png) no-repeat center;}
.condition li div{ height:210px; padding:75px 60px 0; background:url(condition_bg01.png) no-repeat center;}
.condition li div img{ margin-bottom:15px; width:78px; height:78px;}
.condition li div p{ height:66px; overflow:hidden;}
/*合作-全面支持*/
.supportBox{ background-color:#F1F2F5; padding:80px 0 55px 0;}
.supportBox ul{ width:1272px; margin-left:-36px; padding-top:35px;}
.supportBox ul li{padding:25px 36px; width:352px; float:left;}
.supportBox ul li div{ background-color:#fff; border-radius:10px; box-shadow:0 0 10px #e3e3e3; padding:50px 30px 30px; transition:all 0.3s;}
.supportBox ul li div img{ float:left; margin-top:15px; width:49px; height:49px;}
.supportBox ul li div h5{ font-size:18px; font-weight:normal; margin-bottom:15px; margin-left:60px;}
.supportBox ul li div p{ margin-left:60px; height:66px; overflow:hidden; color:#666;}
.supportBox ul li:hover div{ transform:translateY(-10px);}
/*合作-合作客户*/
.client{ padding:80px 0;}
.client li{width:240px; padding:20px 0; float:left;}
.client li img{width:232px; height:66px; display:block; margin:0 auto;}
/*合作-提交需求*/
.needTitle{ padding:20px 0; background-color:#3CA7FC; color:#fff; text-align:center; position:relative;}
.needTitle span{ color:#fff66e; line-height:36px;}
.needTitle:after{ content:""; display:inline-block; width:0; height:0; border-top:15px solid #3CA7FC; border-left:15px solid transparent; border-right:15px solid transparent; position:absolute; left:50%; margin-left:-15px; bottom:-15px;}
.needForm{ height:295px; padding-top:55px; background:url(cooperate_bg.jpg) no-repeat center;}
.needForm table td{ padding:10px 0;}
.needForm_div{ display:inline-block; position:relative;}
.needForm_div:after{ content:""; display:inline-block; width:100%; height:100%; background-color:#fff; opacity:0.2; filter:alpha(opacity=20); position:absolute; left:0; top:0; border-radius:5px; z-index:1;}
.needForm_div em{ display:inline-block; width:30px; height:20px; margin-top:8px; float:left; background:url(need_icon.png) no-repeat;}
.needForm_div em.needIcon01{ background-position:8px 5px;}
.needForm_div em.needIcon02{ background-position:8px -16px;}
.needForm_div em.needIcon03{ background-position:8px -42px;}
.needForm_div em.needIcon04{ background-position:8px -70px;}
.needForm_div em.needIcon05{ background-position:8px -96px;}
.needForm_div textarea,.needForm_div input[type=text]{ background-color:transparent; border:none; position:relative; z-index:2; color:#fff; font-size:13px;}
.needForm_div textarea::-webkit-input-placeholder,.needForm_div input[type=text]::-webkit-input-placeholder{ color:#fff;}
.needForm_div textarea::-ms-input-placeholder,.needForm_div input[type=text]::-ms-input-placeholder{ color:#fff;}
.needForm_div textarea:-moz-placeholder,.needForm_div input[type=text]:-moz-placeholder{ color:#fff;}
.needForm_div textarea::-moz-placeholder,.needForm_div input[type=text]::-moz-placeholder{ color:#fff;}
.needForm_div textarea{display:block; width:330px; height:150px; padding:8px 0; resize:none; line-height:24px;}
.needForm_div input[type=text]{ height:42px; line-height:42px; width:330px;}
.needForm_div input[type=text].txt140{width:140px;}
.needForm_div input[type=text].txt206{width:206px;}
.needForm input[type=submit]{width:180px; height:40px; background-color:#3CA7FC; border:none; color:#fff; font-size:18px; margin-top:13px; cursor:pointer;}

/*联系我们*/
.banner_contact{ background:url(banner_contact.jpg) no-repeat center;}
.contact_info{ padding:80px 0 60px;}
.contact_info li{ width:300px; text-align:center;}
.contact_info li img{width:122px; height:122px; margin-bottom:10px;}
.contact_QRcode{ padding:60px 210px 120px;}
.contact_QRcode li{ width:390px; float:left; text-align:center;}
.contact_QRcode li img{width:183px; height:183px; border:1px solid #D4D4D4;}
.map{ height:500px; }

/*微信营销*/
.banner_wechat{ background:url(banner_wechat.jpg) no-repeat center;  background-size:cover}
.wechat_puzzled li{ padding-bottom:5px;}
.wechat_puzzled li p.puzzled_detail{ height:66px; padding:0 20px;overflow:hidden}

/*微信营销-微平台建设*/
.wechat_js{ background-color:#F1F2F5; padding:70px 0 90px;}
.wechat_js ul{ width:1320px; margin-left:-60px;}
.wechat_js ul li{width:320px; padding:0 60px; float:left;}
.wechat_js ul li div{ background-color:#fff; height:338px; border-radius:10px; box-shadow:0 0 15px #ddd; text-align:center; padding:60px 35px 25px 35px;}
.wechat_js ul li div img{width:120px; height:120px; margin-bottom:50px;}
/*微信营销-我们的优势*/
.wechat_advtg{ padding-top:40px; margin-top:50px;}
.wechat_advtg dd{ width:375px; padding:40px 25px 40px 15px;}
.wechat_advtg dd img{ float:left; width:68px; height:68px; margin-right:20px;}
.wechat_advtg dt{width:406px; height:406px; position:absolute; left:50%; margin-left:-203px; top:0;}

/*智能餐饮系统*/
.intro,.cany_pic{ position:absolute; top:50%;}
.section .wrap{ position:relative; height:100%;}
/*---1--*/
.bg1{ height:100%; width:100%; background-color:#05A5FB;}
.bg1 .cany_pic{  right:15px;}
.intro01{left:0;}
.intro01 p.note{width:420px;}
.intro01 ul li{width:140px; float:left; margin-top:30px;}
.bg1 .cany_pic{ transform:translateX(1000px); transition:all 1s;opacity:0; transition-delay:.2s}
.section1.active .bg1 .cany_pic{ transform:translateX(0); opacity:1;}
/*---2--*/
.bg2{ height:100%; width:100%; background:#6766CC}
.bg2 .cany_pic{ left:0;}
.intro02{right:65px;}
.intro02 p.note{width:390px;}
.bg2 .cany_pic{ transform:translateX(-1000px); transition:all 1s;opacity:0; transition-delay:.2s}
.section2.active .bg2 .cany_pic{ transform:translateX(0); opacity:1;}
/*---3--*/
.bg3{ height:100%; width:100%;  background:#EF6966}
.bg3 .cany_pic{ right:50px;}
.intro03{left:80px;}
.bg3 .cany_pic{ transform:translateX(1000px); transition:all 1s;opacity:0; transition-delay:.2s}
.section3.active .bg3 .cany_pic{  transform:translateX(0); opacity:1;}
/*---4--*/
.bg4{ height:100%; width:100%;  background:#FEA000}
.bg4 .cany_pic{ left:100px;}
.intro04{right:70px;}
.intro04 p.note{width:400px;}
.intro04 ul li{width:70px; margin-right:60px; text-align:center; float:left; margin-top:30px;}
.bg4 .cany_pic{transform:translateX(-1000px); transition:all 1s;opacity:0; transition-delay:.2s}
.section4.active .bg4 .cany_pic{ transform:translateX(0); opacity:1;}
/*---5--*/
.bg5{ height:100%; width:100%;  background:#25B659}
.bg5 .cany_pic{ right:50px;}
.intro05{left:80px;}
.bg5 .cany_pic{ transform:translateX(1000px); transition:all 1s;opacity:0; transition-delay:.2s}
.section5.active .bg5 .cany_pic{ transform:translateX(0); opacity:1;}


/*.banner img{ position:absolute; left:50%;}*/
body{ font-family:microsoft yahei;}
.bor-b{ border-bottom:1px solid #e9e9e9;}
.wrap_1{ width:1203px; margin:0 auto;}

/*高*/
.h90{ height:90px; overflow:hidden;}
.h105{height:105px; overflow:hidden;}
.h140{height:140px; overflow:hidden;}

/*案例列表*/
.banner_bgcase{background: url(banner_case.jpg) no-repeat top center; width:100%; height:500px; display:block;}
.casenav{ height:64px; text-align:center;font-size:0;letter-spaceing:-4px;}
.casenav li { text-align:center; display:inline-block; margin:11px 0px; overflow:hidden;}
.casenav li a{ display:inline-block; padding:10px 28px; font-size:14px;}
.casenav li:after{ content:""; background-color:#e9e9e9; width:1px; height:14px; display:inline-block; line-height:64px;}
.casenav li a:hover,.casenav li a.active{ background-color:#0068E6; color:#fff}
.case-list li{ float:left; margin-right:3px; margin-top:40px; transition: all .2s linear; -webkit-transition: all .2s linear;}
.case-list li img{ display:block; width:398px; height:298px; overflow:hidden;}
.case-list li a:hover,.case-list li a:hover p{ color:#0057cf; }
.case-list li:hover{transform:translateY(-8px); }

/* 分页pageNO */
.pageNO{ text-align:center; padding:0px 20px;}
.pageNO a{display:block; float:left;}
.pageNO a span{ font-family:"宋体";}
.pageNO a{color:#9b9b9b; background:#fff; border:solid 1px #d9d9d9; padding:9px 13px; line-height:16px; margin-right:10px;}
.pageNO a.page-up{ background:#f6f6f6;}
.pageNO a:hover,.pageNO a.current{color:#fff; background:#0068E6; border:1px solid #0057cf; }
.pageNO p{ margin-right:10px; color:#808080;}
.pageNO-pink{ margin:0 auto; float:none !important; display:inline-block; padding-bottom:0px;}
.pageNO-pink.pageNO a:hover,.pageNO-pink.pageNO a.current{color:#fff; background:#ff585a; border:1px solid #ff585a; }


/* 案例详情 */
.bgc{ background-color:#f9f9f9;}
.bg_fff{ background:#fff; border: solid 1px #e9e9e9; padding:50px; margin-top:50px; margin-bottom:30px;}
.link{ background:#666; width:105px; height:36px; line-height:36px; display: inline-block; text-align:center; color:#fff; vertical-align:middle; position:absolute; right:0px; top:0px;}
.link i{ vertical-align:middle; margin-left:8px; margin-top:2px;}
.link:hover{ background:#0068E6; display:inline-block; color:#fff;}
.casecon img{ max-width:100%;}
.top-icon{margin-bottom: 15px;word-break: break-all;word-wrap: break-word; font-size:10px; line-height:25px; color:#e3e3e3;margin-left: -20px !important;margin-top: -10px !important;}
.top-icon span{ margin:0px 20px; font-size:18px; color:#333;}
.iconfont{font-family: "iconfont" !important;font-size: 16px;font-style: normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.2px;-moz-osx-font-smoothing: grayscale;}
.top-icon i{color: #333;margin-right: 5px;position: relative;top:0px;}
.casedetails img{ text-align:center; display:inline-block;}
.dz{ margin:50px 0px 20px; text-align:center;}
.dz a{width: 100px;height: 100px;padding-top: 5px;box-sizing: border-box;display: block;margin: 0 auto;background: #0068E6;color: #FFFFFF;line-height: 80px;text-align: center; border-radius: 100px;font-size: 14px;}
.dz a span{position: relative;top: -50px;font-size: 24px !important}


/*新闻*/
.banner_bg{ background: url(banner_news.jpg) no-repeat top center; width:100%; height:500px; display:block;}
.newsbg{ background-color:#fff; position:relative; top:-60px;}
.newsnav{ border-bottom:1px solid #eee; padding:64px 0px; text-align:center;}
.newsnav li{ display:inline-block; margin:0 10px;}
.newsnav li a{ color:#333; display:inline-block; background:#f7f7f8; padding:12px 28px;}
.newsnav li a:hover,.newsnav li a.current{ background:#0068E6; color:#fff;}
.news_list ul{ padding:0px 30px;}
.news_list ul li{ width:530px; padding: 0px 20px ; float:left; margin-top:40px;}
.news_list ul li .zbox{ height:143px; position:relative; padding-left:190px; background-color:#f9f9f9;}
.news_list ul li .zbox .img{ position:absolute; left:0px; top:0px; width:190px; height:143px; overflow:hidden;}
.news_list ul li .zbox .img img{ width:100%; display:block; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -o-transition: width all 0.5s linear;}
.news_list ul li .text{  padding:20px;}
.news_list ul li .text h4{ font-size:16px; line-height:24px; height:24px; margin-bottom:13px; overflow:hidden;}
.news_list ul li .text .xian{ background:#9f9f9f; width:20px; height:1px;}
.news_list ul li .text p{height:22px; overflow:hidden;}
.news_list ul li:hover .zbox{ background:#0068E6; color:#fff;}
.news_list ul li:hover .text .xian{ background:#fff;}
.news_list ul li:hover p{ color:#fff;}
.news_list ul li:hover .zbox .img img{transform: scale(1.09,1.09);-ms-transform: scale(1.09,1.09);-webkit-transform: scale(1.09,1.09);-o-transform: scale(1.09,1.09);-moz-transform: scale(1.09,1.09); }

/*服务外包*/
.banner_outsourcing{background: url(banner_outsourcing.jpg) no-repeat top center; width:100%; height:500px; display:block;}
.outsourcing{ width:100%; margin:5px 0px 50px;}
.outsourcing ul .wb_li{ height:380px; margin-top:30px;}
.outsourcing ul .wb_li .img{ width:600px; height:380px; overflow:hidden;}
.outsourcing ul .wb_li .img img{ display:inline-block; width:100%; height:380px;}
.outsourcing ul .wb_li .waibao_con{ background:#fff; width:600px; height:380px; text-align:center;}
.outsourcing ul .wb_li .waibao_con h2{ height:174px; line-height:174px; border-bottom:1px solid #f3f3f3; font-size:30px; font-weight:normal;}
.outsourcing ul .wb_li .waibao_con li{ display: inline-block; margin:60px 30px 0px;}
.outsourcing ul .wb_li .waibao_con li p{ font-size:14px; color:#999; margin-top:5px;}
.outsourcing ul .wb_li:hover{box-shadow: 0px 0px 20px #bdbdbd;cursor:pointer}

/*小程序*/
.banner_xcx{background: url(banner_xcx.jpg) no-repeat top center; width:100%; height:500px; display:block;}
.xcx{ padding:18px 0px 0px; padding-left:585px;}
.tit01{ font-size:48px; color:#f0f0f0; line-height:48px; height:48px; margin-bottom:10px;}
.tit02{ font-size:40px; font-weight:normal; line-height:40px;}
.xcx_tubiao{ height:68px; line-height:48px; margin:60px 0px;}
.xcx_tubiao .xian{ background:url(xcx_xian.png) no-repeat; width:5px; height:68px; display:block;}
.xcx_tubiao .xcx_icon{ padding:0px 1px; height:67px; overflow:hidden;}
.xcx_tubiao .xcx_icon .xcx_top{ display:block; background:url(xcx_xx.png) repeat-x left top; height:2px;}
.xcx_tubiao .xcx_icon .xcx_bottom{ display:block; background: url(xcx_xx.png) left bottom; height:2px;}
.xcx_tubiao .xcx_icon div{ height:64px; overflow:hidden;}
.xcx_tubiao .xcx_icon div img{ display:inline-block; padding:14px 20px 14px 15px;}

@keyframes bam1 {
	0% { background-position:-5000px top;}
	50% { background-position:0 top;}
	100%{ background-position:5000px top;}
}
.xcx_bg{ background:url(xcx_quxian.png) repeat-x center top; display:block; width:100%; padding-top:62px; animation: bam1 60s infinite linear; background-position:-2000px top;}
.bam1{animation:bam1 60s infinite linear; background-position:-2000px top;}

.xcx_bgc{ background-color:#43d29a; padding-bottom:75px;}
.companyimg{ position: absolute; top:50px; left:30px; opacity:0; transition:all 1s linear;}
.xcx_con .img img,.xcx_con .number img{ display:block; }
.xcx_con .number{ padding:173px 80px 0px 445px; width:56px; height:186px; float:left;}
.xcx_list h4{ font-size:30px; padding:40px 0px;color:#fff;}
.xcx_list li{  display:block; font-size:16px; line-height:50px;}
.xcx_list li div{ display:inline-block;border-bottom:1px dashed #b1e9d1; padding:0px 15px 0px 10px; color:#fff; }
.xcx_list li div img{ display:inline-block;vertical-align:middle;}
.xcx_list li div span{ padding-left:10px; }

.xcx_section01.active .companyimg{ top:0px; opacity:1;}

.xcx.xcx01{ padding:18px 0px 0px; padding-left:18px;}
.img01{ position:absolute; right:10px;top:50px; opacity:0; transition:all 1s linear;}
.xcx_industry{ margin-top:50px; width:630px;}
.xcx_industry span{ font-size:22px; display:inline-block; color:#fff; text-align:center; margin:20px 40px 0px 0px; width:170px; height:48px; line-height:48px;}
.xcx_industry span.bgc01{ background-color:#d61d37;}
.xcx_industry span.bgc02{ background-color:#cd772c;}
.xcx_industry span.bgc03{ background-color:#23b746;}
.xcx_industry span.bgc04{ background-color:#a5c82e;}
.xcx_industry span.bgc05{ background-color:#267fdb;}
.xcx_industry span.bgc06{ background-color:#a2a4a3;}
.xcx_industry span.bgc07{ background-color:#43d29a;}
.xcx_industry span.bgc08{ background-color:#9e2bd4;}
.xcx_industry span.bgc09{ background-color:#f19300;}
.xcx_zi{ padding:0px 30px; text-align:center; font-size:34px; color:#d1d1d1; line-height:64px;}
.xcx_tubiao.xcx_tubiao01{ margin:50px 0px;}
.number01{ position:absolute; right:0px; bottom:50px;}
.xcx_gn{ width:1047px; height:411px;  position:relative; color:#fff; font-size:20px; line-height:20px; padding-top:30px;/* overflow:hidden;*/}
.xcx_gn img,.number01 img{ display:block;}
.xcx_gn div{ position:absolute; right:0px; top:90px; text-align:right;}
.xcx_gn div .p1{ padding-right:143px;}
.xcx_gn div .p2{ padding-right:35px;padding-top:54px;}
.xcx_gn div .p3{ padding-right:88px;padding-top:70px;}
.xcx_gn div .p4{ padding-right:145px;padding-top:79px;}
.xcx_bgc.xcx_bgc01{ padding-bottom:0px;}
.xcx.xcx02{ padding-left:630px;}
.xcx02 li{ display:inline-block; text-align:center; padding:70px 120px 40px 0px}
.xcx02 li.none{padding:70px 0px 40px 0px}
.xcx_tubiao.xcx_tubiao02{ margin:inherit; padding:200px 0px 0px;}
.xcx_tubiao.xcx_tubiao02 .xcx_zi{ color:#fff; width:440px;}
.xcx_tubiao .xcx_icon .xcx_top01{ display:block; background: url(xcx_xx01.png) repeat-x left top; height:2px;}
.xcx_tubiao .xcx_icon .xcx_bottom01{ display:block; background:url(xcx_xx01.png)  left bottom; height:2px;}
.xcx_tubiao .xian01{ background:url(xcx_xian01.png) no-repeat; width:5px; height:68px; display:block;}
.number03{ width:500px; text-align:center; padding-top:40px;}
.number03 img{ display:inline-block;}
.xcx_list01{ padding-left:180px; padding-top:50px;}
.xcx_list01 li{ background: url(xcx_icon13.png) no-repeat left center; line-height:34px; height:34px; margin-bottom:30px; padding-left:20px; color:#fff; font-size:17px;}
.xcx_list01 li div{ height:32px; line-height:32px; border:1px dashed #82e1bc; padding:0px 10px;}
.img03{ position:absolute; left:0px; top:90px; opacity:0; transition:all 1s linear;}

.xcx_section02.active .img01{ top:0px; opacity:1;}
.xcx_section03.active .img03{ top:40px; opacity:1;}



.pages{ padding:0px 0 25px 0;  text-align:center }
.pagenum, .pageswitch{ display:inline-block;  }
.pagenum a{ display:inline-block;  padding:0 13px; height:34px; line-height:34px;  text-align:center; background:#fff; border:1px solid #e6e6e4; margin-right:10px;}
.pagenum span{ display:inline-block;  padding:0 13px; height:34px; line-height:34px;  text-align:center; background:#fff; border:1px solid #e6e6e4; margin-right:10px;}
.pagenum span.active{  color:#fff; background:#0068E6; border: 1px solid #0057cf;}
.details img{
    width:100%;
}


/*钉钉*/
.p80-0{ padding:80px 0;}
.banner_ding{background: url(banner_ding.jpg) no-repeat top center; width:100%; height:500px; display:block;}
.dingTitle{ font-size:38px; line-height:40px; font-weight:normal; text-align:center;}
.dingFunction{ font-size:0; }
.dingFunction li{width:300px; display:inline-block; text-align:center; margin-top:60px; transition:all 0.3s linear;}
.dingFunction li span{ display:inline-block; width:150px; height:150px; border-radius:50%; border:13px solid #eeeeee;}
.dingFunction li p{ margin-top:20px; font-size:18px;}
.dingFunction li:hover{ transform:translateY(-20px)}
.ding_bg{ background-color:#3296FA;}
.dingTitle2:before,.dingTitle2:after{ content:""; height:1px; font-size:0; width:100%; background-color:#70B6FC; position:absolute;top:50%;}
.dingTitle2:before{right:50%; margin-right:410px;}
.dingTitle2:after{ left:50%; margin-left:410px;}
.dingMark{ display:block; width:230px; height:36px; line-height:36px; background-color:#70B6FC; border-radius:36px; text-align:center; color:#fff; font-size:16px;}
.dingCon{ padding:0 40px;}

.dingPart01 .dingFunction{position:relative; top:40px; transition:all 0.5s linear; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0}
.dingPart01.active .dingFunction{ top:0px; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1}
.dingPart02 .ding_pic01,.ding_pic02,.ding_arrow01,.ding_arrow02,.dingCon{ position:relative; left:20px; transition:all 0.5s linear; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0}
.dingPart02 .ding_arrow01{ transition-delay:0.4s;}
.dingPart02 .dingCon{ transition-delay:0.8s;}
.dingPart02 .ding_arrow02{ transition-delay:1.2s;}
.dingPart02 .ding_pic02{ transition-delay:1.6s;}
.dingPart02.active img,.dingPart02.active .dingCon{ left:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1}

.dingPart03 .ding_pic03{position:relative; top:20px; transition:all 0.5s linear; opacity:0; -moz-opacity:0; -ms-opacity:0; -o-opacity:0; -webkit-opacity:0}
.dingPart03.active .ding_pic03{ top:0; opacity:1; -moz-opacity:1; -ms-opacity:1; -o-opacity:1; -webkit-opacity:1}