﻿*{margin: 0;padding: 0;box-sizing: border-box;font-family: "微软雅黑";}

ul,ol,li{list-style: none;}

a{text-decoration: none;display: inline-block;outline:none;}

i{display: inline-block;vertical-align: middle; font-style: normal;}

.clearfloat{clear: both;}

.fl_left{float: left;}

.fl_right{float: right;}

.clear{clear: both;}

img{vertical-align: middle;}

.w1125{width: 1125px;margin:0 auto;}

.ben_top{width: 100%;height: 35px;background: url(/uploads/image/vwimages/beijing04.png) no-repeat center;line-height: 34px;color: #cccccc;font-size: 12px;}

.ben_top a{color: #cccccc;display: inline-block;}

.ben_tit{margin-right: 60px;}

.ben_tel span{color: #ffffff;font-size: 15px;}

.ben_tel i{background: url(/uploads/image/vwimages/beijing02.png)no-repeat center;width: 11px;height: 12px;margin-right: 5px;}

.ben_top_right{line-height: normal;height: 14px;margin-top: 10px}

.ben_top_right a{height: 14px;}

.ben_top_right li{float: left;padding: 0 10px;width: auto;}

.a_wih a{width: 17px;height: 14px;}

.ben_wei a{background: url(/uploads/image/vwimages/beijing01.png)no-repeat 0 0;}

.ben_xin a{background: url(/uploads/image/vwimages/beijing01.png)no-repeat -35px 0;}

.ben_phone a{background: url(/uploads/image/vwimages/beijing01.png)no-repeat -68px 0;}

.border_left{border-left: 1px solid #cccccc;}

.border_right{border-right: 1px solid #cccccc;}

nav{height: 60px;transition: all .1s;}

nav .w1125.wactive{width: 1200px;transition: all .5s;}

nav .w1125{transition: all .1s;}

.anv_active{background: rgba(255, 255, 255,1);position: fixed;top: 0;bottom: 0;width: 100%;height: 80px;transition: all .3s;z-index: 9999;border-bottom: 1px #e7e7e7 solid;}

nav .ben_active .ben_nava{color: #000000;}

.vio{width: 100%;height: auto;position: relative;padding-top: 10px;}

.vio video{width: 100%;height: auto;position: absolute;top: 0;left: 0;z-index: -9999;}

.bg{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(/uploads/image/vwimages/bg.png) repeat;z-index: -100;}

.logo {height: 60px;padding-top: 12px;}

.logo .logo_a{display: inline-block;width: 188px;height: 58px;background: url(/uploads/image/vwimages/logo.png)no-repeat;}

.logo .logotiv {background: url(/uploads/image/vwimages/logo2.png)no-repeat;}

.ben_nav{height: 60px;}

.ben_nav .ben_navli{float: left;margin: 0; padding: 0;position: relative;z-index: 99;}

.ben_nav .ben_nava{color: #ffffff;font-size: 14px; padding: 0 25px;line-height: 80px; height: 77px;}

.ben_nav li.on{border-bottom: 3px #00b1ee solid;}
.ben_nav .ben_navli:hover{border-bottom: 3px #00b1ee solid;}

.ben_navno1{width: 600px;height: 230px;position: absolute;top:60px;left: -114px;}

.ben_navno2{width: 120px;position: absolute;top:80px;left: 0;}

.ben_navno3{width: 120px;position: absolute;top:60px;left: 0;}

.ben_nav li:hover .ben_navno1{display: block;}

.ben_nav li:hover .ben_navno2{display: block;}

.ben_nav li:hover .ben_navno3{display: block;}

.ben_navno1 ul{float: left;width: 114px;}

.ben_navli div{text-align: center;background:rgba(255, 255, 255, .8);display: none;}

.ben_navli ul h4{color: #fff;margin-bottom: 10px;margin-top: 5px;font-weight: normal;font-size: 14px;}

.ben_navli ul h4 a{font-size: 14px;}

.ben_navli ul a{color: #333;font-size: 12px;}

.ben_navli ul a:hover{color: #00b1ee;}

.ben_navli ul li{height: 30px;}

.ben_navli ul{margin-top: 15px; margin-bottom: 15px;}

.ben_navno1 ul{border-right-width: 1px;border-right-style: solid;border-right-color: rgba(255, 255, 255, 0.6);}

.ben_navno1 ul:nth-last-child(1){border: none;}



.ben_slogan{width: 750px;height: 510px;text-align: center;color:#ffffff;position: relative;}

.ben_slogan div.h1{font-size: 55px;margin-bottom: 5%;text-align: center;width: 100%;display: inline-block;font-weight: bold;}

.ben_slogan p{font-size: 18px;text-align: center;width: 100%;display: inline-block;}


.sweiper li{position: absolute; top: 0;left: 0;display: none;}

.sweiper .sweiper_active{display: block;}

#prev2{width: 128px;height: 128px;background: url(/uploads/image/vwimages/prev.png)no-repeat; position: absolute;left: 60px;top: 350px; transition: all 1s ease;display: none; cursor:pointer;}

#next2{width: 128px;height: 128px;background: url(/uploads/image/vwimages/next.png)no-repeat;position: absolute;right: 0px;top: 350px;transition: all 1s ease;display: none; cursor:pointer;}

.banner:hover #prev2{display: block;}

.banner:hover #next2{display: block;}


.banner{width: 100%; margin-top: 80px; text-align: center;}
.banner img{width: 1920px; height: 660px; display: block;}


.ben_slogan .ben_tiao{margin-top: 120px;display: inline-block;width: 31px;height: 31px;background: url(/uploads/image/vwimages/beijing06.png)no-repeat;position: relative;animation: tiao 1.2s infinite ease-in-out;-webkit-animation: tiao 1.2s infinite ease-in-out;cursor: pointer;}

@keyframes tiao{0%{top: 2px;}50%{top: 8px;}100%{top: 2px;}}

.ben_ljzx{margin-top: 10%;}

.item_center .item_more{position: relative;border-radius: 20px; display: block;margin: 0 auto;text-align: center;overflow: hidden;z-index: 9;-webkit-transition: all 0.8s;-moz-transition: all 0.8s;-ms-transition: all 0.8s;transition: all 0.8s;}

.item_center.item_more span{z-index: 999;position: relative;}

.item_center .item_more .item_i{display: block;width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: -99;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;transition: all 0.5s;}

.item_center .item_more:hover .item_i{width: 100%;}

.item_center .ben_zx:hover{border: 1px solid #ff6600;color: #ffffff; }

.ben_zx{width: 158px;height: 32px;border-radius: 16px; border: 1px solid #ffffff;line-height: 32px;color: #ffffff; }

.ben_zxsp{font-size: 15px;}

.ben-zxi{background: #ff6600;}



.ben_fuwu{height: 390px;margin-top: 10px;background: #ffffff;text-align: center;padding-top: 40px;}

.ben_all_tit h3{font-weight: normal;font-size: 30px;color: #333333;margin-bottom: 20px;height: 30px;text-align: center;}

.ben_p{font-size: 14px;color: #999999;margin-bottom: 60px; text-align: center;letter-spacing: 1px;}

.ben_fun li{width: 208px;height: 310px;border: 1px solid #e7e7e7;float: left;margin-right: 22px;padding: 40px 20px 0 20px; border-radius: 10px;}

.ben_i{display: inline-block;height: 50px;width: 52px;margin-bottom: 30px;position: relative;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;}

.ben_wi{background: url(/uploads/image/vwimages/beijing07.png)no-repeat center center;}

.ben_si{background: url(/uploads/image/vwimages/beijing08.png)no-repeat center center;}

.ben_ai{background: url(/uploads/image/vwimages/beijing09.png)no-repeat center center;}

.ben_hi{background: url(/uploads/image/vwimages/beijing10.png)no-repeat center center;}

.ben_oi{background: url(/uploads/image/vwimages/beijing11.png)no-repeat center center;}

.ben_fun{margin-right: -25px;display: inline-block;}

.ben_fun li:hover{box-shadow: 0 0 5px 1px #00b1ee;}

.ben_fun li:hover .ben_i{animation: danc 1s ;}

@keyframes danc{0%{bottom: 0;}50%{bottom:10px;}100%{bottom: 0;}}

.ben_fun li h6{font-size: 18px;margin-bottom: 25px;font-weight: normal;}

.ben_funp{height: 60px;margin-bottom: 30px;font-size: 13px;color: #666666;text-align: left;line-height: 20px;text-align: justify;text-justify: inter-ideograph;}

.item_center .ben_xq:hover{border: 1px solid #00b1ee;color: #ffffff; background: #00b1ee;}

.ben_xq{width: 85px;height: 25px;border: 1px solid #5c5c5c;line-height: 22px;color: #333333; border-radius: 14.5px;}

.ben_xqsp{font-size: 13px;}

.ben-xqi{background: #00b1ee;}



.ben_worried{height: 855px;background: url(/uploads/image/vwimages/slsz.jpg) no-repeat center center;text-align: center;padding-top: 90px;}

.ben_wd_tit h3{color: #ffffff;}

.ben_wd_tit p{color: #ffffff;margin-bottom: 40px;font-size: 14px;}

.ben_wd_sta{position: relative;width: 100%;height: 450px; margin-top: 95px;}
.ben_wd_sta li{width: 360px; height: 200px; background: #fff; float: left; margin:0 10px 95px; position: relative; border-radius: 10px;}
.ben_wd_sta li img{display: block; float: left; width: 40px; height: 40px; margin-top: 20px; margin-left: 20px;}
.ben_wd_sta li span{display: block; width: 100px; height: 100px; border-radius: 50%; background: #03aae4; line-height: 100px; text-align: center; color: #fff; font-size: 24px; position: absolute; left: 125px; top: -50px;}
.ben_wd_sta li p{display: block; width: 200px; position: absolute; top: 50%; transform: translatey(-50%);  text-align: left; margin-left: 92px;}
.ben_wd_bgd{width: 738px;height: 483px;background: url(/uploads/image/vwimages/beijing16.png) no-repeat center center;position: absolute;top: 97px;left: 46.5%;margin-left: -369px;}

.ben_wd_ren{position: absolute;top: -6px;left: 48.5%;margin-left: -280.5px;z-index: 20;}

.ben_wd_tai{position: absolute;bottom: -55px;left: 0;z-index: 10;}

.ben_wd_bgd li{display: block;}

.ben_wd_bgd li i{border-radius: 50%;position: absolute;cursor: pointer;}



.ben_wd_text h6{font-size: 20px;font-weight: normal; display: inline-block;}

.ben_wd_text p{font-size: 14px; display: inline-block;}

.ben_wd_text{color: #ffffff;position: absolute;width: 210px;height: 50px; z-index: 999;}

.ben_wdi_jg{background: #00b1ee;width: 13px;height: 13px;left: 3px;bottom: 163px;}

.ben_wdi_jg::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_jg{left: -228px;top: -12px;text-align: right;}

.ben_wdi_tx{background: #ff6600;width: 20px;height: 20px;left: 84px;bottom: 349px;}

.ben_wdi_tx::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(255, 102, 0, .8);animation: bian 1.5s infinite ease-out;}

.ben_wdd_tx{left: -278px;top: 9px;text-align: right;}

.ben_wdi_bq{background: #ff6600;width: 20px;height: 20px;left: 188px;top: 30px;}

@keyframes bian{0%{opacity: 0;}50%{width: 35px;height: 35px;opacity: .8;}100%{opacity: 0;width: 10px;height: 10px;}}

@keyframes bian2{0%{opacity: 0;}50%{width: 25px;height: 25px;opacity: .8;}100%{opacity: 0;width: 10px;height: 10px;}}

.ben_wdi_bq::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(255, 102, 0, .8);animation: bian 1.5s infinite ease-out;}

.ben_wdd_bq{left: -233px;top: -35px;text-align: right;}

.ben_wdi_td{background: #00b1ee;width: 13px;height: 13px;right: 239px;top: 17px;}

.ben_wdi_td::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_td{right: -241px;top: -66px;text-align: left; width: 250px;}

.ben_wdi_tc{background: #ff6600;width: 20px;height: 20px;right: 107px;top: 102px;}

.ben_wdi_tc::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(255, 102, 0, .8);animation: bian 1.5s infinite ease-out;}

.ben_wdd_tc{right: -233px;top: -36px;text-align: left;}

.ben_wdi_eo{background: #00b1ee;width: 13px;height: 13px;right: 3px;top: 197px;}

.ben_wdi_eo::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_eo{right: -233px;top: -19px;text-align: left;}

.ben_wdi_fn{background: #00b1ee;width: 13px;height: 13px;right: 13px;top: 307px;}

.ben_wdi_fn::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.ben_wdd_fn{right: -232px;top: -26px;text-align: left;}



.ben_price{padding-top: 50px;margin-bottom: 85px;}

.ben_set{display: inline-block;margin-right: -25px;}

.ben_set1{margin-bottom: 60px;}

.ben_setmn{height: 90px;width: 90px;display: block; margin: 0 auto;clear:both;}
.ben_setmn img{display: block; width:90px; height: 90px;}

.bne_setli h6{font-size: 25px;color: #333333;margin-top: 15px; font-weight: normal;}

.bne_setli .fwjg{display: block; font-size: 18px; color: #ff6600; float: left; width: 267px; margin-top: 20px; margin-bottom: 20px;}
.bne_setli .fwjg span{color: #666666; font-size: 14px;}

.ben_seti{width: 76px;height: 77px;position: absolute;top: 0;left: 0;}

.ben_seth{background: url(/uploads/image/vwimages/beijing17.png)no-repeat;}

.ben_setmn span{color: #ff6600;font-size: 25px;}

.ben_set li:hover{animation: tiao 1s;}

@keyframes tiao{0%{top: 0;}50%{top: -10px;}100%{top: 0;}}

.bne_setli{width: 267px;height: 480px;text-align: center;border: 1px solid #e7e7e7;float: left;margin-right: 20px;position: relative;padding-top: 20px; border-radius: 10px;}

.ben_setp{font-size: 14px;color: #999999;margin-bottom: 15px;padding: 0 30px; float: left; margin-top: 30px;}

.ben_setp p{height: 30px;line-height: 35px; float: left; width: 100px; display:block;}

.item_center .ben_seta:hover{border: 1px solid #00b1ee;color: #ffffff; background: #00b1ee;}

.ben_seta{width: 122px;height: 35px;border: 1px solid #00b1ee;line-height: 30px; color: #fff; background: #00b1ee;}

.ben_setsp{font-size: 13px;}

.ben-seti{background: #00b1ee;}

.ben_set .bne_setli:hover{box-shadow: 0 0 5px 1px #00b1ee;}

.ben_setli01{box-shadow: 0 0 5px 1px #00b1ee;}



.ben_cases{height: 850px;background: url(/uploads/image/vwimages/bfal.jpg)no-repeat center; padding-top: 50px;}

.ben_case{}
.shape{fill: transparent;stroke-dasharray: 140 540;stroke-dashoffset: -422;stroke-width: 5px;stroke: #00b1ee;} 

.text{color: #fff;font-size: 14px;line-height: 30px;position: relative;top: -35px;text-align: center;transition: all 1s;} 

.text a{ outline:none;color: #707070;}

.text a:hover{color:#00b1ee;}

@keyframes draw{0%{stroke-dasharray: 140 540; stroke-dashoffset: -422; stroke-width: 3px;}100%{stroke-dasharray: 760; stroke-dashoffset: 0; stroke-width: 1px;} } 

.svg-wrapper:hover .shape{-webkit-animation: 0.5s draw linear forwards;animation: 0.5s draw linear forwards;} 

.svg-wrapper:hover .text{color: #00b1ee;} 

.ben_tabcon{width: 100%;height: 450px;} 

.ben_tabs{margin-right: -25px;} 

.ben_tabs .project{cursor: pointer;height: 226px; width: 260px; border-radius: 10px; float: left; margin-right: 25px; padding: 10px 10px; margin-bottom: 25px; text-align: center; border: 1px solid #e7e7e7;} 

.ben_case .svg_avtive:hover{border: none;}

.ben_case .svg_avtive{border: 1px solid #00b1ee;}

.ben_tabs .project_img{width: 240px;height: 166px;position: relative;overflow: hidden;transition: all 1s;} 

.ben_tabs .bfal_p{font-size: 15px; color: #fff; height: 50px; line-height: 50px; cursor: pointer;overflow:hidden;} 

.ben_tabs .project:hover img{transform: scale(1.1);transition: all 1s;}

.ben_tabs .project_img img{width: 240px;height: 166px;}

.tab_content_wrapper{transition: all .3s ease-in-out;margin-bottom: 35px;} 

.ben_tabs{transition: all .6s ease-in-out;display: none;} 

.ben_block{display: block} .ben_casea:hover{border: 1px solid #00b1ee;color: #ffffff;}

.ben_casea{width: 170px;height: 40px;border: 1px solid #00b1ee;line-height: 38px;color: #fff;}

.ben_casesp{font-size: 14px;}

.ben-casei{background: #00b1ee;}.ben_case_item{margin-bottom: 150px;}

.ben_news{width: 100%;height: 435px;margin-bottom: 80px;}

.ben_news ul:nth-last-child(1){margin-right: 0;}


.ben_new1{float: left; border-radius: 10px; width: 500px;height: 482px;margin-right: 30px;padding-left: 15px;position: relative;}

.ben_new1 a{display: block;}

.ben_new1h1{height: 53px;line-height: 43px; }

.ben_new1url{background: url(/uploads/image/vwimages/beijing21.png) no-repeat 0 34%;}

.ben_new1url .h1{margin-left: 14px;}

.ben_new1h102{margin-bottom: 9px;}

.ben_new1h1 .h1{font-size: 18px;color: #555555;display: inline-block;font-weight: bold; width: 100%; border-bottom: 1px #dedede solid;}

.ben_new1 .xwmore{font-size: 16px;color: #999999;display: block; height: 35px;text-align: center; line-height: 35px; position: absolute; right:0px;top: 10px;}
.ben_new1 .xwmore:hover{color: #333;}
.ben_new1li{margin-bottom: 24px; height: 70px;}

.ben_new1li a{height: 70px;}

.ben_new1li a:hover h3,.ben_newsli2 a:hover h3{color:#00b1ee;}

.ben_new1img{width: 93px;height: 70px;display: inline-block;overflow: hidden;}

.ben_new1img img{width: 93px;height: 59px;}

.intro_left  img{cursor: pointer;}

.ben_new1 img:hover{transform: scale(1.1);transition: 1s ease;}

.ben_new1h3{/* margin-top: 5px; */float: right;margin-left: 15px;width: 370px;position:relative;}

.ben_new1h3 h3{font-size: 15px;color: #555555; height:20px; line-height:20px; overflow:hidden;font-weight:normal;}

.ben_new1sp{font-size: 12px;color: #999999;}

.ben_new1sp:hover{text-decoration: underline;}

.ben_new1 i{font-size: 14px;color: #777777;}

.ben_newsli2{margin-bottom: 14px;width: 318px;position: relative;height: 15px;}

.ben_newsli2 h3{font-size: 14px;color: #555555;float: left;font-weight:normal;}

.ben_newsli2 span{color: #777777;font-size: 14px;position: absolute;right: 0;bottom: 50%;margin-bottom: -10px;}

.ben_newsli2 h3:hover{text-decoration: underline;}

.ben_newsimg{width: 322px;height: 100px;overflow: hidden;margin-bottom: 15px;position: relative;}

.ben_newsimg img{width:100%;height: 100px;}

.ben_new_sp{height: 24px;width:100%;background: rgba(16, 16, 16,.5);position: relative;top: -24px;left: 0;display: inline-block;text-align: center;line-height: 24px;color: #fff;font-size: 12px;}

.ben_new3 li{margin-bottom: 18px;}

.ben_newss_tit{margin-bottom: 42px!important;}

.ben_intro{background: url(/uploads/image/vwimages/beijing23.png)no-repeat center;height: 856px;padding-top: 70px;position: relative;}

.intro_tit>h3,.intro_titp{color: #ffffff!important;}

.ben_intro .w1125{overflow: hidden;}

.intro_main_big{height: 460px;width: 1000000px;}

.intro_main{height: 460px;float: left;width: 1125px;}

.intro_left{width: 550px;height: 460px;}

.intro_right{width: 530px;height: 460px;position: relative;}

.intro_top{margin-bottom: 10px;height: 190px;}

.intro_top1{float: left;width: 359px;height: 190px;overflow: hidden;}

.intro_top2{float: right;width: 175px;height: 190px;overflow: hidden;}

.intro_left img:hover{transform: scale(1.1);transition: all 1s;}

.intro_botm{margin-right: -14px;margin-bottom: -15px;}

.intro_botm li{width: 174px;height: 120px;overflow: hidden;float: left;margin-right: 14px;margin-bottom: 15px;}

.intro_righth1 h1{margin-top: 5px;color: #fff;font-size: 25px;font-weight: normal;text-indent: 1em;margin-bottom: 30px;}

.intro_rightdiv{color: #ffffff;font-size: 14px;text-indent: 2em;line-height: 30px;text-align: justify;text-justify: inter-ideograph;}

.coun{width: 100%;height: 65px;position: absolute;bottom: 10px;right: 0;padding-right: 25px;padding-left: 15px;}

.coun li{float: left;text-align: center;width: 33.33333%;}

.coun li p{margin-top: 10px;font-size: 14px;color: #ffffff;}

.counter{font-size: 32px;color: #ff6600;height: 40px;background: url(/uploads/image/vwimages/beijing32.png)no-repeat 50% 100%;}

.intro_option{position: absolute;width: 126px;bottom:55px;right:50%;margin-right: -63px;}

.intro_option div{width: 37px;height: 37px;}



.intro_main02{background: url(/uploads/image/vwimages/beijing51.png)no-repeat 0 50%;position: relative;}

.intro_main02 h1{font-size: 27px; color: #fff;font-weight: normal;}

.intro_mainul li{position: absolute;top: 50%;width: 10px;height: 10px;margin-top: -5px; border-radius: 50%;background: #00b1ee;box-shadow: 0 0 2px 1px #00b1ee; cursor: pointer;border:2px solid #fff;;}

.intro_mainul li:nth-child(odd) div{bottom: 30px;}

.intro_mainul li:nth-child(even) div{top: 30px;transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.intro_mainul li:nth-child(even) i{transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.intro_mainul li div{transition: all 1s ease-in; width: 218px;height: 143px;position: absolute;bottom: 30px;left: -106px;background: url(/uploads/image/vwimages/beijing52.png)no-repeat center;padding: 10px 18px;color: #fff;font-size: 14px;}

.intro_mainul h3{font-size: 20px;font-weight: normal;margin-bottom: 7px;}

.intro_mainul span{line-height: 24px;}

.intro_mainul li:nth-child(odd):hover div{background: url(/uploads/image/vwimages/beijing53.png)no-repeat center !important;}

.intro_mainul li:nth-child(even):hover div{background: url(/uploads/image/vwimages/beijing53.png)no-repeat center !important;transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-moz-transform: rotate(180deg);}

.intro_mainul li::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translatex(-50%) translatey(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}

.intro_mainli1{left: 112px;}

.intro_mainli2{left: 258px;}

.intro_mainli3{left: 404px;}

.intro_mainli4{left: 560px;}

.intro_mainli5{left: 706px;}

.intro_mainli6{left: 852px;}

.intro_mainli7{left: 998px;}



.intro_mian3{height: 510px;}

.intro_main3ul{margin-right: -30px;}

.intro_main3ul li{width: 358px;height: 232px;float: left;margin-bottom: 20px;margin-right: 25px;cursor: pointer;}

.intro_main3ul .intro_main3img{width: 62px;height: 62px;border-radius: 50%;overflow:hidden;float: left;}

.intro_main3img img{transition: all 1s ease;}

.intro_main3i{float: right;width: 290px;height: 232px; background: url(/uploads/image/vwimages/beijing54.png) no-repeat;padding-left:40px;padding-top: 30px;padding-right: 24px;}

.intro_main3i h1{font-size: 20px;color: #333333;font-weight: normal;text-align: right;margin-right: 5px;margin-bottom: 16px;}

.intro_main3i p{line-height: 22px;font-size: 14px;color: #666666; text-align: justify;text-justify: inter-ideograph;}

/*.intro_main3ul li:hover img{transform: scale(1.1);}*/



#prev{background: url(/uploads/image/vwimages/beijing33.png)no-repeat;float: left;cursor: pointer;}

#next{background: url(/uploads/image/vwimages/beijing34.png)no-repeat;float: right;cursor: pointer;}

.ben_client{height: 600px;}

.client_tit{margin-top: 68px;}

.client_img{height: 392px;border-radius: 10px;}

.wrapper{width: 100%;margin: 0 auto;height: 392px;}

.wrapper ul{height: 392px;margin:0 -1px;}

.wrapper ul li{cursor: pointer;width: 225px;height: 130px;border-radius: 10px;float: left;height: 130px;text-align: center;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;line-height: 130px; margin-bottom:5px; margin-left:5px;}

.wrapper ul li:nth-last-child(1){border-right:none;}

.wrapper .wrapper_ul3 li{border-bottom:none;}

.wrapper li:hover img{animation: flipiny 1s;}



footer{height: 551px;background: url(/uploads/image/vwimages/beijing36.png) no-repeat center;}

.footer_tit{height: 175px;text-align: center;line-height: 175px;}

.footer_tit span{font-size: 26px;color: #fff;}

.footer_tit p{font-size: 31px;color: #fff;display: inline;}

.footer_main_top{height: 120px;background: url(/uploads/image/vwimages/beijing39.png)no-repeat 0 100%;}

.footer_main{height: 493px;}

.ft_mn_topul li:hover i{animation: flipinx 1s;}

.ft_mn_topul li{width: 375px;height: 120px;float: left;color: #ccc;position: relative;}

.ft_mn_topul li a{color:#ccc;}

.ft_mn_topli1 div{width: 215px;height: 44px;position:absolute;top:50%;left: 50%;margin-top: -22px;margin-left: -107.5px;}

.ft_mn_topli1 span{text-align: left;}

.ft_mn_topli1 span p{font-size: 13px;}

.ft_mn_topli1 span a{font-size: 16px;margin-top: 5px;}

.ft_mn_topli1 i{width: 37px;height: 40px;background: url(/uploads/image/vwimages/beijing37.png)no-repeat;float: left;margin-right: 40px;}

.ft_mn_topli1 .ft_mn_topli{width: 48px;height: 44px;background: url(/uploads/image/vwimages/beijing38.png)no-repeat;}

.ft_mn_topli01{background: url(/uploads/image/vwimages/beijing40.png)no-repeat 100% 50%;}

.ft_mn_topli2{background: url(/uploads/image/vwimages/beijing40.png)no-repeat 100% 50%;}

.footer_main_bom{height: 373px;padding-top: 34px;clear: both;}

.ft_mn_bomlf{height: 100%;width: 645px;float: left;background: url(/uploads/image/vwimages/beijing41.png)no-repeat 100% 0%;}

.ft_mn_bomlf ul h6{font-size: 15px;color: #fff;margin-bottom: 30px;}

.ft_mn_bomlf ul h6 a{font-size: 15px;color: #fff;}

.ft_mn_bomlf ul li{margin-bottom: 15px;}

.ft_mn_bomlf ul a:hover{color: #fff;}

.ft_mn_bomlf ul a{font-size: 13px;color: #ccc;}

.ft_mn_bomlf ul{height: 100%;width: 70px;float: left;margin-right: 55px;}

.ft_mn_bomrt{float: right;}

.ft_mn_bomrttop{color: #ccc;height: 150px;font-size: 13px;}

.ft_mn_bomrttop span{color:#ff6600;font-size: 24px;}

.ft_mn_bomrtp1{margin-bottom: 20px;}

.ft_mn_bomrttop i{width: 18px;height: 18px;margin-right: 12px;}

.ft_mn_bomrttl{background: url(/uploads/image/vwimages/beijing43.png)no-repeat ;}

.ft_mn_bomrtem{background: url(/uploads/image/vwimages/beijing44.png)no-repeat;}

.ft_mn_bomrtdw{background: url(/uploads/image/vwimages/beijing45.png)no-repeat;}

.ft_mn_bomrtbom{background: url(/uploads/image/vwimages/beijing42.png)no-repeat 0 0;height: 155px;}

.ft_mn_bomrtboml{float: left;margin-top: 28px;margin-left: 35px;}

.ft_mnxa:hover{border: 1px solid #008bd2;color: #fff;}

.ft_mnxa{width: 155px;height: 35px;border: 1px solid #008bd2;line-height: 34px;color: #fff;}

.ft_mnxsp{font-size: 13px;}

.ft_mnxi{background: #008bd2;}

.ft_mnx{margin-bottom: 28px;}

.item_more .ft_mnxm{width: 16px;height: 16px;background: url(/uploads/image/vwimages/beijing46.png)no-repeat;margin-right: 15px;margin-bottom: 3px;}

.ft_mnja:hover{border: 1px solid #ff6600;color: #fff;}

.ft_mnja{width: 155px;height: 35px;border: 1px solid #ff6600;line-height: 34px;color: #fff;}

.ft_mnjsp{font-size: 13px;}

.ft_mnji{background: #ff6600;}

.item_more .ft_mnjs{width: 16px;height: 16px;background: url(/uploads/image/vwimages/beijing47.png)no-repeat;margin-right: 15px;margin-bottom: 3px;}

.ft_mn_bomrtbomr{width: 111px;height: 138px;float: right;font-size: 13px;text-align: center;color: #cccccc;margin-top: 20px;margin-right: 45px;}

.ft_mn_bomrtbomr i{width: 111px;height: 111px;background: url(/uploads/image/vwimages/wxewm.jpg)no-repeat;margin-bottom: 5px;background-size: 100%;}

.ft_di{height: 77px;background: url(/uploads/image/vwimages/beijing49.png)no-repeat center;text-align: center;}

.ft_di span{color: #fff;font-size: 13px;width: 320px;height: 77px;line-height: 77px;display: inline-block;}

.ft_di span a{color: #fff;}


.ft_di_index{height: 77px;background: url(/uploads/image/vwimages/beijing49.png)no-repeat;text-align: center;}

.ft_di_index span{color: #fff;font-size: 13px;width: 560px;height: 77px;line-height: 77px;display:block;float: left;}

.ft_di_index span a{color: #fff;display:inline-block}



/*商城建设**/

.shop_banner{height: 640px;width: 100%;background: url(/uploads/image/vwimages/shop_banner.jpg) no-repeat center center;position: relative;margin-top: 52px;text-align: center;overflow:hidden}

.shop_banner h4{font-size: 34px;color: #fff;padding-top: 120px}

.shop_banner p{margin-top: 16px;font-size: 18px;color: #fff}

.cartoon{width: 800px;height: 355px;position: absolute;left: 50%;bottom: 0;margin-left: -400px;}

.cartoon .s_part1{position: absolute;top: 0;left: 194px;}

.cartoon .s_part2{position: absolute;top: 40px;left: 128px;}

.cartoon .s_part3{position: absolute;top: 50px;left: 0;}

.cartoon .s_qiu1{position: absolute;top: 0;left: 251px;}

.cartoon .s_qiu2{position: absolute;top: 50px;left: 637px;}

.cartoon .s_qiu3{position: absolute;top: 198px;left: 500px;}

.cartoon .s_qiu4{position: absolute;top: 41px;left: 90px;}





/* 网站建设  */

.build_item.server_item.fwlyu{height: 718px;}

.build_item.server_item{padding: 60px 0 0 0;}

.build_item .server_item_head{margin-bottom: 63px;}

.build_main1{height: 445px;width: 100%;}

.build_main1 .build_kuai{height: 100%;width: 590px;float: left;position: relative;}

.build_main1 .build_kuai:nth-child(1){margin-right: 20px;}

.build_kuaip{font-size: 16px;color: #333333;text-indent: 2em;display: block;line-height: 28px;margin-bottom: 45px; margin-top:100px;}

.build_kuaia .ft_mnxa{width: 120px;height: 30px;border: 1px solid #afafaf;border-radius: 30px;font-size: 14px;color: #666666;line-height: 30px;text-align: center;background: #ffffff;}

.build_kuaia .ft_mnxi{background: #008bd2;}

.build_kuaia{margin: 0 0 80px 0;height: 30px;width: 100%;}

.build_kuaia .item_more{margin: 0;}

.build_kuaia .ft_mnxa:hover{border: 1px solid #008bd2;color: #fff;}

.build_mainul{width: 526px;height: 62px;border: 1px solid #e7e7e7;background: #ffffff;}

.build_mainul div{float: left;width: 104px;height: 62px;line-height: 62px;text-align: center;border-right: 1px solid #e7e7e7;position: relative;overflow: hidden;}

.build_mainul div img{transition: all 0.8s;-webkit-transition: all 0.8s;}

.build_mainul div:hover img{transform: scale(1.1);}

.build_mainul div a{display: inline-block;}

.build_mainul div:nth-last-child(1){border: none;}

.build_mainul div:after{content: "";cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .6), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}

.build_mainul div:hover:after{left: 100%;opacity: 0;}

.build_item.server_item2{height: 674px;background: url(/uploads/image/vwimages/build01.png) center;}

.build_item.server_item2 .server_item_title span{background: none;}

.float_ri{float: right;}

.build_item.server_item3{height: 630px;}

.build_kuai_img{line-height: 445px;text-align: center;}

.build_item.server_item4{height: 687px;background: url(/uploads/image/vwimages/build02.png) center;}

/*.build_kuai_img img{transition: all .8s;}

.build_kuai_img:hover img{transform: scale(1.02);}*/



/**app*/

.shop_item{padding: 70px 0}

.shop_item .shop_head{text-align: center;}

.shop_item .shop_head h4{font-size: 30px;color: #333;font-weight: inherit;}

.shop_item .shop_head p{font-size: 14px;margin-top: 15px;color: #999;height: 60px;}

.shop_item.shop_item1 .shop_head p{color: #999;text-align: center;font-size: 14px;}

.shop_item1 ul{overflow: hidden;margin-top: 45px;margin-right: -2px}

.shop_item1 li{width: 240px;height: 356px;/*border: 1px solid #e7e7e7;*/border-right: 0;float: left;text-align: center;}

/*.shop_item1 li:last-child{border-right: 1px solid #e7e7e7}*/

.shop_item1 li a{display: block;width: 100%;height: 100%}

.shop_item1 .shop_item1_img{height: 60px;width: 61px;margin: 55px auto 0;background: url(/uploads/image/vwimages/shop_item1_icon.png);}

.shop_item1 .shop_item1_img.shop_item1_img1{background-position: 0 0;}

.shop_item1 .shop_item1_img.shop_item1_img2{background-position: -243px 0;}

.shop_item1 .shop_item1_img.shop_item1_img3{background-position: -486px 0;}

.shop_item1 .shop_item1_img.shop_item1_img4{background-position: -721px 0;}

.shop_item1 .shop_item1_img.shop_item1_img5{background-position: -959px 1px;}

.shop_item1 h6{font-size: 18px;color: #333;margin: 15px 0}

.shop_item1 p{padding: 0 15px 20px 15px;font-size: 14px;color: #777;line-height: 1.5;height: 120px;text-align: left;}

.shop_item1 .item_more.ben_xq{width: 100px;height: 24px;border-color: #00b1ee;color: #00b1ee}

.shop_item1 .item_i.ben-xqi{display: none;}

.shop_item1 .item_more.ben_xq:hover{color: #fff}

.shop_item1 li:hover{background: #00b1ee;}

.shop_item1 li:hover h6{color: #fff}

.shop_item1 li:hover p{color: #fff}

.shop_item1 li:hover .item_more.ben_xq{color: #fff;border-color: #fff;}

.shop_item1 li:hover .shop_item1_img{background-position-y: 61px;}

.shop_item2{background: #f8f8f8;}

.shop_item2_content{height: 495px;background: #fff;padding: 14px;margin-top: 50px;box-shadow: 0 6px 20px -3px rgba(0, 0, 0, 0.1), 0 -6px 20px -3px rgba(0, 0, 0, 0.1);transition: all 0.3s ease-in-out;overflow: hidden}

.shop_item2 .shop_item2_content:hover{/*box-shadow: 0 6px 30px -3px rgba(0, 0, 0, 0.3), 0 -6px 30px -3px rgba(0, 0, 0, 0.3);*/}

.shop_item2 ul{height: 475px;background: url(/uploads/image/vwimages/shop_item2_bg.png) repeat center center;overflow: hidden}

.shop_item2 ul li{float: left;width: 50%;height: 230px;padding: 36px}

.shop_item2 li .fl{height: 176px;width: 190px;overflow: hidden;}

.shop_item2 li .fr{width: 280px;height;100%;margin-right: 20px;}

.shop_item2 li h5{font-size: 18px;color: #333;margin-top: 46px}

.shop_item2 li p{font-size: 14px;color: #777;margin-top: 10px}

.shop_item.shop_item3 .shop_head p{color: #4dd4f4;font-size: 25px}

.shop_item3_content{position: relative;width: 1160px;height: 540px;margin: 20px auto 0;}

.shop_item3_content .prev{position: absolute;left: -60px;top: 50%;margin-top: -25px;width: 30px;height: 50px;background: url(/uploads/image/vwimages/shop_arrowl.jpg) no-repeat 0 center;cursor: pointer}

.shop_item3_content .next{position: absolute;right: -60px;top: 50%;margin-top: -25px;width: 30px;height: 50px;background: url(/uploads/image/vwimages/shop_arrowr.jpg) no-repeat right center;cursor: pointer}

.shop_item3_slide{width: 1160px;margin: 0 auto;overflow: hidden;}

.shop_item3_content ul{width: 8000%}

.shop_item3_content li{float: left;width: 1160px;height: 556px;}

.shop_item3_content li p{height: 30px;font-size: 20px;color: #4dd4f4;margin-bottom: 34px;text-align: center;}

.shop_item3_content li img{height: 492px;width: 1160px}

.shop_item4{background: #f8f8f8;}

.shop_item4 ul{overflow: hidden;margin-right: -83px}

.shop_item4 ul li{float: left;height: 150px;width: 160px;margin: 44px 23px 10px 0}

.shop_item4 ul li .icon{height: 100px;width: 100px;margin: 0 auto;background: url(/uploads/image/vwimages/shop_item4_icons.png) no-repeat;}

.shop_item4 ul li .icon.icon1{background-position: -1px 0;}

.shop_item4 ul li .icon.icon2{background-position: -180px 0;}

.shop_item4 ul li .icon.icon3{background-position: -358px 0;}

.shop_item4 ul li .icon.icon4{background-position: -538px 0;}

.shop_item4 ul li .icon.icon5{background-position: -716px 0;}

.shop_item4 ul li .icon.icon6{background-position: -895px 0;}

.shop_item4 ul li .icon.icon7{background-position: -1073px 0;}

.shop_item4 ul li .icon.icon8{background-position: -1px -195px;}

.shop_item4 ul li .icon.icon9{background-position: -180px -195px;}

.shop_item4 ul li .icon.icon10{background-position: -358px -195px;}

.shop_item4 ul li .icon.icon11{background-position: -537px -195px;}

.shop_item4 ul li .icon.icon12{background-position: -716px -195px;}

.shop_item4 ul li .icon.icon13{background-position: -894px -195px;}

.shop_item4 ul li .icon.icon14{background-position: -1073px -195px;}

.shop_item4 ul li .icon.icon15{background-position: 0px -381px;}

.shop_item4 ul li .icon.icon16{background-position: -180px -381px;}

.shop_item4 ul li .icon.icon17{background-position: -358px -381px;}

.shop_item4 ul li .icon.icon18{background-position: -537px -381px;}

.shop_item4 ul li .icon.icon19{background-position: -716px -381px;}

.shop_item4 ul li .icon.icon20{background-position: -894px -381px;}

.shop_item4 ul li .icon.icon21{background-position: -1073px -381px;}

.shop_item4 li:hover p{color: #00b1ee}

.shop_item4 ul li p{margin-top: 15px;color: #5e5b5a;font-size: 15px;padding: 0 5px;text-align: center;}

.shop_item5 ul{margin-right: -20px;overflow: hidden;}

.shop_item5 li{margin-top: 60px;position: relative;width: 183px;height: 338px;float: left;margin-right: 20px;border-radius: 5px;overflow: hidden;transform-style: preserve-3d;transition: all 0.2s;}

.shop_item5 li a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%}

.shop_item5 li img{height: 338px;width: 183px;}

.shop_item5 li p{height: 40px;width: 100%;line-height: 40px;position: absolute;bottom: 0;background: rgba(0, 0, 0, 0.8);color: #fff;font-size: 14px;text-align: center;}

.shop_item5 li:hover{box-shadow: 0 0 10px -3px rgba(50, 50, 60, .5);-webkit-box-shadow: 0 0 10px -3px rgba(50, 50, 60, .5);transform: translatey(-6px);-webkit-transform: translatey(-6px);}

.shop_item6{background: #f8f8f8;}

.shop_item6 ul{margin-top: 40px;margin-right: -37px;overflow: hidden;}

.shop_item6 li{width: 272px;height: 346px;margin-right: 37px;margin-bottom: 10px;margin-top: 10px;float: left;background: #fff;border-radius: 3px;transition: all 0.2s;-webkit-transition: all 0.2s;}

.shop_item6 li a{display: block;height: 100%;width: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}

.shop_item6 li .shop_item6_img{width: 272px;height: 170px;overflow: hidden;}

.shop_item6 li .shop_item6_img img{width: 272px;height: 170px;}

.shop_item6 li .shop_item6_logo{height: 43px;width: 100%;text-align: center;margin: 15px auto 15px}

.shop_item6 li .shop_item6_logo img{height: 100%;width: auto;transition: all 0.2s;-webkit-transition: all 0.2s;}

.shop_item6 li p{width: 86%;margin-left: 7%;line-height: 20px;color: #777;font-size: 14px;}

/*.shop_item6 li:hover .shop_item6_img img{transform:scale(1.1);-webkit-transform:scale(1.1);transition: all 0.2s;-webkit-transition: all 0.2s;}*/.shop_item6 li a:hover{box-shadow: 0 24px 40px -20px rgba(20, 20, 20, 0.5);transition: all 0.2s;-webkit-transition: all 0.2s;transform: translatex(-3px);-webkit-transform: translatey(-3px);}

/*app*/

.app_banner{width: 100%;height:420px;overflow: hidden;background: url(/uploads/image/vwimages/banner_yewu.jpg) no-repeat center 0;margin-top: 51px;text-align: center;vertical-align: middle;}

.app_banner h2{font-size: 47px;color: #fff;margin: 10px 0}

.app_banner p{font-size: 30px;color: #fff}

.app_banner p span{display: inline-block;}

.app_banner img{display: inline-block;margin-top: 105px}

.app_banner .app_banner_t2 img{margin-top: 5px}



.app_item1 ul{margin-top: 0px;padding: 10px 0;overflow: visible;}

.app_item1.shop_item1 p{height: 55px}

.app_item1 li{position: relative;width: 600px;height: 404px;border-color: #e7e7e7;}

.app_item1 li .app_item1_img{width: 82px;height: 82px;background: url(/uploads/image/vwimages/app_item1.png) no-repeat;margin: 50px auto 0}

.app_item1 li .app_item1_img.app_item1_img1{background-position: 0 1px;}

.app_item1 li .app_item1_img.app_item1_img2{background-position: -299px 1px;}

.app_item1 li .app_item1_img.app_item1_img3{background-position: -601px 1px;}

.app_item1 li .app_item1_img.app_item1_img4{background-position: -909px 1px;}

.app_item1 li:hover{background: #00b2ec;box-shadow: 0 0 46px 2px rgba(0, 178, 236, 0.2);}

.app_item1 li:hover .app_item1_img.app_item1_img1{background-position: 0 -80px;}

.app_item1 li:hover .app_item1_img.app_item1_img2{background-position: -299px -81px;}

.app_item1 li:hover .app_item1_img.app_item1_img3{background-position: -601px -80px;}

.app_item1 li:hover .app_item1_img.app_item1_img4{background-position: -909px -81px;}

.app_item1 li:hover .more{background: #fff;color: #00b2ec}

.app_item1 li h6{margin: 35px 0;font-size: 18px;color: #333;font-weight: inherit;}

.app_item1 li p{padding: 0px;font-size: 14px;color: #777;text-align:center;}

.app_item1 li .more{position: absolute;bottom: 36px;left: 235px;height: 32px;width: 128px;display: inline-block;text-align: center;line-height: 32px;font-size: 14px;color: #00b1ee;border-radius: 40px; border: 1px #00b1ee solid; }

.app_item2{width: 100%;height: 730px;background: #f4f4f4;}

.app_item2_content{height: 510px;width: 100%;margin-top: 80px;}
.app_item2_content li{width: 150px; height: 224px; float: left; background: #00b1ee; color: #fff; position: relative;}
.app_item2_content li.appfwlc{ background: #fff; color: #00b1ee;}
.app_item2_content li span{display: block; float: left; font-size: 38px; margin: 50px 0px 30px; width: 150px; text-align: center;}
.app_item2_content li p{display: block; float: left; font-size: 18px; text-align: center; width: 150px;}
.app_item2_content li.appfwlc p{font-size: 16px; text-align: center; width: 150px; position: absolute; top: 50%;transform: translatey(-50%);line-height: 35px;}



.app_item2_content .left{width: 390px;height: 450px;float: left;margin-top: 35px;}

.app_item2_box1{width: 305px;height: 68px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(/uploads/image/vwimages/app_item_box.png) no-repeat 0 -402px;margin-left: 85px}

.app_item2_box2{width: 305px;height: 68px;margin-bottom: 20px;font-size: 18px;color: #29abe2;line-height: 50px;text-indent: 20px;background: url(/uploads/image/vwimages/app_item_box.png) no-repeat 0 -334px;margin-left: 85px}

.app_item2_box3{width: 390px;height: 66px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(/uploads/image/vwimages/app_item_box.png) no-repeat 0 -67px;margin-left: 5px}

.app_item2_content .right{width: 398px;height: 450px;float: right;margin-top: 35px}

.app_item2_box4{width: 305px;height: 67px;margin-bottom: 20px;font-size: 18px;color: #29abe2;line-height: 50px;text-indent: 20px;background: url(/uploads/image/vwimages/app_item_box.png) no-repeat 0 -200px;margin-right: 85px}

.app_item2_box5{width: 305px;height: 68px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(/uploads/image/vwimages/app_item_box2.png) no-repeat 1px 0;margin-right: 85px}

.app_item2_box6{width: 390px;height: 66px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(/uploads/image/vwimages/app_item_box.png) no-repeat 0 -134px;margin-right: 5px}

.app_item2_box7{width: 394px;height: 66px;margin-bottom: 20px;font-size: 18px;color: #29abe2;line-height: 50px;text-indent: 20px;background: url(/uploads/image/vwimages/app_item_box.png) no-repeat 0 0px;margin-right: 5px}

.app_item2_content .center{position: relative;float: left;width: 350px;margin-left: 30px;height: 508px;background: url(/uploads/image/vwimages/app_phone.png) no-repeat 56px 0;}

.app_item2_content .center .consult_bg{position: absolute;top: 79px;left: 0;}

.app_item2_content .center .consult{width: 140px;height: 100px;position: absolute;top: 213px;left: 115px;}

.app_item2_content .center .consult p{font-size: 20px;color: #fff}

.app_item2_content .center .consult a{display: block;height: 26px;line-height: 26px;width: 80px;font-size: 14px;border: 1px solid #fff;border-radius: 20px;color: #fff;text-align: center;margin: 20px auto 0}

.app_item3 ul{margin-right: -33px;margin-top: 56px}

.app_item3 li{position: relative;width: 378px;height: 242px;float: left;margin-right: 33px;margin-bottom: 40px;transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;}

.app_item3 li .app_item3_icon{position: absolute;top: 0;left: 50%;margin-left: -40px;height: 80px;width: 80px;background: url(/uploads/image/vwimages/app_item3_icons.png) no-repeat;}

.app_item3 li .app_item3_icon.app_item3_icon1{background-position: 0 0;}

.app_item3 li .app_item3_icon.app_item3_icon2{background-position: -411px 0;}

.app_item3 li .app_item3_icon.app_item3_icon3{background-position: -822px 0;}

.app_item3 li .app_item3_icon.app_item3_icon4{background-position: 0 -282px;}

.app_item3 li .app_item3_icon.app_item3_icon5{background-position: -411px -282px;}

.app_item3 li .app_item3_icon.app_item3_icon6{background-position: -822px -282px;}

.app_item3 li:hover .app_item3_box{box-shadow: 0 24px 26px -18px rgba(0, 0, 0, 0.2), 0 0 10px 2px rgba(160, 160, 160, 0.1);}

.app_item3 li:hover{transform: translatey(-6px);-webkit-transform: translatey(-6px);transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out;}

.app_item3_box{height: 202px;width: 378px;border: 1px solid #e7e7e7;margin-top: 40px;text-align: center;}

.app_item3_box h6{font-size: 18px;color: #333;margin-top: 60px;}

.app_item3_box p{font-size: 14px;color: #777;padding: 0 20px;line-height: 24px;text-align: left;margin-top: 15px;text-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1);}

.shop_item6.app_item4 ul{margin-top: 40px}

.shop_item6.app_item4 li{height: 360px}

.shop_item6.app_item4 li .shop_item6_img{height: 199px;width: 100%;}

.shop_item6.app_item4 .shop_item6_img img{height: 199px;width: 100%;}

.app_item4_title{font-size: 18px;color: #333;margin: 20px 0;text-align: center;}

.shop_item6.app_item4 li p{font-size: 14px;color: #777;line-height: 22px}

.shop_item6.app_item4 li:hover{transform: translatey(-4px);-webkit-transform: translatey(-4px);}



/*crm**/

.crm_item1{height: 338px;width: 100%;margin-top: 60px}

.crm_items p{font-size: 16px;color: #666;line-height: 26px;padding: 40px 0;text-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);text-indent: 2em;text-align: left;}

.crm_items a{display: block;width: 120px;height: 30px;line-height: 30px;color: #666;font-size: 14px;text-align: center;border: 1px solid #ccc;border-radius: 20px;transition: all 0.3s ease-in-out;}

.crm_items a:hover{background: #00b2ec;border-color: #00b2ec;color: #fff}

.crm_item2{height: 350px;width: 100%;margin-top: 60px}

.crm_item2 .fl{width: 480px;height: 338px;float: left}

.crm_item2 .fr{width: 648px;text-align: center;float: right}

.crm_item1 .fl{width: 644px;height: 338px;float: left}

.crm_item1 .fr{width: 505px;text-align: center;float: right}



/***/

.fz_art{overflow: hidden;border-bottom: 1px solid #ddd;padding: 40px 0 30px;margin-bottom: 20px;}

.fz_art .fl{}

.fz_art .fl h1{font-size: 22px;color: #333;margin-bottom: 15px;font-weight:normal;}

.fz_art .fl p{font-size: 12px;color: #999;}

.fz_art .fr{}

.fz_art .fr a{display: inline-block;font-size: 15px;width: 135px;height: 35px;line-height: 35px;text-align: center;border-radius: 20px;margin:15px 10px 0;background: #00b1ee;color: #fff;}

.hiddens{display:none;}



/*tanchuang**/

.piao_div{display:none;height: 300px;width: 500px;background:#00b1ee;position: fixed;top: 50%;left: 50%;margin-top: -150px;margin-left: -250px;border-radius: 5px;z-index: 999;padding: 7px 10px;box-sizing: border-box;}

.piao_tel{height: 110px;margin-bottom: 18px;}

.paio_border{width: 100%;height: 100%;border: 2px solid #fff;border-radius: 5px;box-sizing: border-box;padding: 20px 15px 18px 20px;}

.piao_tel_left{float: left;}

.piao_tel_right{float: left;padding-top: 35px;margin-left: 30px;}

.piao_tel_right h1{margin: 0;color: #fff;font-size: 34px;font-weight: normal;}

.piao_click{width: 100%;padding-left: 50px;height: 36px;box-sizing: border-box;}

.piao_click a{height: 36px;width: 149px;float: left;background: #fff;margin-right: 20px;line-height: 36px;text-align: center;font-size: 18px;text-decoration: none;color: #282828;}

.piao_click a:nth-child(2){background: #ff6600;color: #ffffff;}

#guanbi{position: absolute;top: -10px;right: -10px;width: 36px;height: 36px;border-radius:50%;background: whitesmoke;padding: 2px;box-sizing: border-box;}

#guanbi img{transition: all .5s;}

#guanbi img:hover{transform: rotate(180deg);}


.fwlyu{background: #fff;height: 440px; width: 100%; padding-top: 65px;}
.fwlyu .w1200{width: 1150px; margin:0 auto;height: 390px;}

.fwlyu .server_item_title span{background: #fff;}

.server_item .server_item_head p{font-size: 14px;color: #888;margin-top: 10px}


.fwlyu li{position: relative;height: 330px;width: 210px;float: left;padding: 0 20px;text-align: center;transition: all 0.24s ease, background 0s;-webkit-transition: all 0.24s ease, background 0s;cursor: pointer;overflow: hidden; margin-left:10px; margin-right:10px;}

.fwlyu li .fwlyu_icon{height: 72px;width: 100%;margin: 33px auto}

.fwlyu li .fwlyu_icon.fwlyu_icon1{background: url(/uploads/image/vwimages/beijing07.png) no-repeat center;}

.fwlyu li .fwlyu_icon.fwlyu_icon2{background: url(/uploads/image/vwimages/beijing08.png) no-repeat center;}

.fwlyu li .fwlyu_icon.fwlyu_icon3{background: url(/uploads/image/vwimages/beijing09.png) no-repeat center;}

.fwlyu li .fwlyu_icon.fwlyu_icon4{background: url(/uploads/image/vwimages/beijing10.png) no-repeat center;}

.fwlyu li .fwlyu_icon.fwlyu_icon5{background: url(/uploads/image/vwimages/beijing11.png) no-repeat center;}

.fwlyu li h4{font-size: 18px;color: #333;font-weight: inherit;}

.fwlyu li p{font-size: 14px;color: #666;margin-top: 20px}

.fwlyu li:hover{background: #00b2ec;box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translatey(-6px);-webkit-transform: translatey(-6px);}

.fwlyu li:hover h4{color: #fff}

.fwlyu li:hover p{color: #fff}

.fwlyu li:hover .fwlyu_icon.fwlyu_icon1{background: url(/uploads/image/vwimages/beijing07s.png) no-repeat center;}

.fwlyu li:hover .fwlyu_icon.fwlyu_icon2{background: url(/uploads/image/vwimages/beijing08s.png) no-repeat center;}

.fwlyu li:hover .fwlyu_icon.fwlyu_icon3{background: url(/uploads/image/vwimages/beijing09s.png) no-repeat center;}

.fwlyu li:hover .fwlyu_icon.fwlyu_icon4{background: url(/uploads/image/vwimages/beijing10s.png) no-repeat center;}

.fwlyu li:hover .fwlyu_icon.fwlyu_icon5{background: url(/uploads/image/vwimages/beijing11s.png) no-repeat center;}
.fwlyu li:hover .item_more{border:1px #fff solid; color: #fff;}

.fwlyu li:after{content: "";cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}

.fwlyu li:hover:after{left: 100%;opacity: 0;}


.fuwu_title{height:460px;margin-top:20px;}
.fuwu_title .roll_pics{float:left;width:350px;}
.fuwu_title .infos{float:right;height:420px;width:800px;color:#666;line-height:2;font-size:14px;}
.fuwu_title .infos h1{font-size:20px;height:42px; line-height:42px;}
.fuwu_title .infos .desc{color:#0278c8;margin:10px 0;font-size:14px;}
.fuwu_title .infos .buybtn{display:block;color:white;font-size:14px; text-align:center;height:36px; line-height:36px; background-color:orange;float:left;margin-top:10px;width:150px;}


/* 服务焦点图 */
.picfocus{ margin:0 auto;  width:350px; position:relative;  overflow:hidden;  zoom:1;   }
.picfocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picfocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picfocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picfocus .hd ul li img{ width:60px; height:60px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picfocus .hd ul li.on{ background: no-repeat center 0; }
.picfocus .hd ul li.on img{ border-color:#f60;  }
.picfocus .bd li{ vertical-align:middle; }
.picfocus .bd img{ width:350px; height:350px; display:block;  }



