*{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(../s_img/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(../s_img/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(../s_img/beijing01.png)no-repeat 0 0;}

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

.ben_phone a{background: url(../s_img/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: 100%;transition: all .5s;padding: 0 100px;}

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

.anv_active{background: rgba(255, 255, 255,1);position: fixed;top: 0;bottom: 0;width: 100%;height: 60px;transition: all .3s;z-index: 9999;box-shadow: 0 1px 3px 2px rgba(231, 231, 231, 1)}

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

.vio{width: 100%;height: auto;position: relative;}

.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(../s_img/bg.png) repeat;z-index: -100;}

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

.logo .logo_a{display: inline-block;width: 149px;height: 39px;background: url(../s_img/logo.png)no-repeat;}

.logo .logotiv {background: url(../s_img/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: 16px; padding: 0 25px;line-height: 60px;}



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

.ben_navno2{width: 114px;height: 230px;position: absolute;top:60px;left: 0;}

.ben_navno3{width: 114px;height: 230px;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(0, 0, 0, .7);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: rgba(255,255,255,0.8);font-size: 12px;}

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

.ben_navli ul li{height: 30px;}

.ben_navli ul{margin-top: 20px;}

.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: auto;margin: 5% auto 0 auto;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{width: 750px;height: 150px;}

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

.sweiper .sweiper_active{display: block;}

#prev2{width: 128px;height: 128px;background: url(../s_img/prev.png)no-repeat; position: absolute;left: -250px;bottom: 75%;transition: all 1s ease;display: none; cursor:pointer;}

#next2{width: 128px;height: 128px;background: url(../s_img/next.png)no-repeat;position: absolute;right: -250px;bottom: 75%;transition: all 1s ease;display: none; cursor:pointer;}

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

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





.ben_slogan .ben_tiao{margin-top: 5%;display: inline-block;width: 31px;height: 31px;background: url(../s_img/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: 595px;margin-top: 10px;background: #ffffff;text-align: center;padding-top: 60px;}

.ben_all_tit h3{font-weight: normal;font-size: 30px;color: #333333;margin-bottom: 20px;height: 30px;background: url(../s_img/beijing13_2.png)no-repeat 0 50%;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;}

.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(../s_img/beijing07.png)no-repeat center center;}

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

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

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

.ben_oi{background: url(../s_img/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(../s_img/beijing12.png) no-repeat center center;text-align: center;padding-top: 65px;}

.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: 685px;}

.ben_wd_bgd{width: 738px;height: 483px;background: url(../s_img/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: 134px;margin-bottom: 85px;}

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

.ben_set1{margin-bottom: 60px;}

.ben_setmn{height: 100px;width: 100px;border-radius: 50%;border: 1px solid #e7e7e7;line-height: 100px;text-align: center;display: inline-block;font-size: 14px;color: #999999;}

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

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

.ben_seth{background: url(../s_img/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: 435px;text-align: center;border: 1px solid #e7e7e7;float: left;margin-right: 20px;position: relative;padding-top: 20px;}

.ben_setp{margin-top: 15px;font-size: 14px;color: #999999;margin-bottom: 25px;padding: 0 20px;margin-top: 66px;}

.ben_setp p{height: 43px;border-bottom: 1px dashed #e7e7e7;line-height: 43px;}

.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: #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: 856px;background: url(../s_img/beijing50.png)no-repeat center; padding-top: 50px;margin-bottom: 90px;}
/**.ben_case{width: 825px;height: 30px;margin: 0 auto;margin-bottom: 78px;}**/
.ben_case{display:flex; width: 300px;height: 30px;margin: 0 auto;margin-bottom: 78px;}

.ben_case .svg-wrapper{float: left;border: 1px solid #e7e7e7;border-radius: 15px;margin-right: 25px}

.svg-wrapper{height: 30px;margin: 0 auto;position: relative;top: 50%;transform: translateY(-50%);width: 140px;cursor: pointer;} 

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

.text{color: #707070;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 li{cursor: pointer;height: 210px; width: 260px; float: left; margin-right: 25px; padding: 10px 10px; margin-bottom: 10px; 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: 150px;position: relative;overflow: hidden;transition: all 1s;} 

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

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

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

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

.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: 40px;color: #00b1ee;}

.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_news ul:hover{box-shadow: 0 0 5px 2px #00b1ee;animation: tiao 1s;}

.ben_new1{float: left;width: 353px;height: 435px;margin-right: 30px;box-shadow: 0 0 5px 2px #e7e7e7;padding-left: 15px;position: relative;}

.ben_new1 a{display: block;}

.ben_new1h1{height: 53px;line-height: 43px; background: url(../s_img/beijing20.png) no-repeat 0 75%;}

.ben_new1url{background: url(../s_img/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;}

.ben_new1h1 span a{font-size: 15px;color: #777777;float: right;margin-right: 10px;}

.ben_new1li{width: 315px;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: 206px;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_new1sp i{font-size: 14px;/*position: absolute;bottom: 0;right: 0;*/margin-top: 20px;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;text-overflow : ellipsis;width: 218px;height:19px;overflow: hidden;}

.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(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/beijing53.png)no-repeat center !important;}

.intro_mainul li:nth-child(even):hover div{background: url(../s_img/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(../s_img/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(../s_img/beijing33.png)no-repeat;float: left;cursor: pointer;}

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

.ben_client{height: 600px;}

.client_tit{margin-top: 68px;}

.client_img{height: 392px;border: 1px solid #e7e7e7;border-radius: 10px;}

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

.wrapper ul{height: 130px;margin:0 -5px;}

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

.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{background: url(../s_img/beijing36.png) no-repeat center;background-size:100% 100%}

.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(../s_img/beijing39.png)no-repeat 0 100%;}

.footer_main{height: 550px;}

.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(../s_img/beijing37.png)no-repeat;float: left;margin-right: 40px;}

.ft_mn_topli1 .ft_mn_topli{width: 50px;height: 38px;background: url(../s_img/beijing38.png)no-repeat;}

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

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

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

.ft_mn_bomlf{height: 100%;width: 645px;float: left;background: url(../s_img/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;font-size: 13px;}

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

/*.ft_mn_bomrtp1{margin-bottom: 5px;}*/

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

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

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

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

.ft_mn_bomrtbom{background: url(../s_img/beijing42.png)no-repeat 0 0;height: 155px;margin-top: 10px;}

.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: 35px;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(../s_img/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: 35px;color: #fff;}

.ft_mnjsp{font-size: 13px;}

.ft_mnji{background: #ff6600;}

.item_more .ft_mnjs{width: 16px;height: 16px;background: url(../s_img/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(../s_img/wx_code.png)no-repeat;margin-bottom: 5px;background-size: 100%;}

.ft_di{height: 77px;background: url(../s_img/beijing49.png)no-repeat;text-align: center;margin-top:100px;}

.ft_di span{color: #fff;font-size: 13px;width: 320px;height: 77px;line-height: 77px;margin-right:40px;}

.ft_di span a{color: #fff;}


.ft_di_index{height: 77px;background: url(../s_img/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(../s_img/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.server_item1{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: #666666;text-indent: 2em;display: block;line-height: 28px;margin-bottom: 45px;}

.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(../s_img/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;overflow: hidden;}

.build_item.server_item4{height: 687px;background: url(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/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: 640px;overflow: hidden;background: url(../s_img/app_banner.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: 300px;height: 404px;border-color: #e7e7e7;}

.app_item1 li .app_item1_img{width: 82px;height: 82px;background: url(../s_img/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: 0 40px;font-size: 14px;color: #777;text-align: left;}

.app_item1 li .more{position: absolute;bottom: 36px;left: 86px;height: 32px;width: 128px;display: inline-block;text-align: center;line-height: 32px;font-size: 14px;color: #fff;background: #b4b4b4;border-radius: 40px;}

.app_item2{width: 100%;height: 818px;background: url(../s_img/app_item2_bg.jpg) no-repeat center 0;}

.app_item2_content{height: 510px;width: 100%;margin-top: 80px;}

.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(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/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(../s_img/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);}

/*liuyan*/
	.search-bar {
    width: 100%;
    height: 118px;
    background-color: #1A1A1A;
    position: fixed;
    bottom: 0px;
	z-index: 996;
}

.search-bar .layout {
    width: 1200px;
    margin: 0 auto;
	position: relative;
}
.search-bar .layout .close{
    width: 30px;
	height: 30px;
	position: absolute;
	top: 2px;
	right: 0;
	cursor: pointer;
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgEAYAAAAj6qa3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAAASAAAAEgARslrPgAAAQ9JREFUaN7tljEOgkAQRbW1lxMoYCj1bjYghgp6ww2RWHCF+RYTTNYQlMiwLM5rpmJn/gvMslopiqIoymAAANhsuF4uIBBovxfvSyDQbsd9k6Sdw5KA4xEGdc31cJDpF4Zc7/dXSwKBTqfJBZiDnc+miMeDaxT9fD6BQL7P51WV2SfPrQWXFuFM8LFFOBu8W8T1+q2I/uBFYTuPmIjFBv9ORLvN34Nnme15hUXcbuikLG3PJxe891Uf//qcDZ++8aHL0hmGLrfFiPh1qzsrYuzrjJ+T+8WebXBnRHDw7da8z+Xu8e5Po655Ds+bXgAAIAi4Ng3XNBXvSyBQHJt9w3ByAaaI9fpf+iqKoiiKshye0zCLsQgndkkAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTktMDktMzBUMTU6MzY6NTArMDg6MDDAQ7n+AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE5LTA5LTMwVDE1OjM2OjUwKzA4OjAwsR4BQgAAAEl0RVh0c3ZnOmJhc2UtdXJpAGZpbGU6Ly8vaG9tZS9hZG1pbi9pY29uLWZvbnQvdG1wL2ljb25fbHl2bzdvNWcwZG0vZ3VhbmJpLnN2Z8uiN/8AAAAASUVORK5CYII=);
	
}



.search-bar .layout .left {
  width:230px;
    margin-top: 31px;
    font-size: 17px;
    float: left;
    overflow: hidden;
}

.search-bar .layout .left p {
   color: #fff;
   font-size:18px;
}
.search-bar .layout .left h4 {
   color: #fff;
   font-size:22px;
   font-weight: bold;
   line-height: 30px;
}



.search-bar .layout form {
   width: 740px;
   float: left;
   margin-top: 16px;
}
.search-bar .layout form .item{
	
	width: 334px;
	float: left;
	margin-right: 33px;
	margin-top: 8px;
}
.search-bar .layout form .item .label{
	
float: left;
line-height: 34px;
color: #fff;
font-size: 14px;
width: 80px;
	
}
.search-bar .layout form .item .con{
	
overflow: hidden;
	line-height: 34px;
	height:34px
}
.search-bar .layout form .item  input{
	
	width: 100%;
	 border: 0;
	padding: 0 10px;
	line-height: 34px;
	color: #333;
	border-radius: 2px;
	height:34px
}




.search-bar .layout .submit_btn {
   width:176px;
height:54px;
background:rgba(255,102,0,1);
opacity:1;
border-radius:2px;
line-height: 54px;
color: #fff;
font-size: 14px;
text-align: center;
float: left;

margin-top: 33px;
}

/*youcexuanfu*/
.right_bar {
				width: 76px;
				position: fixed;
				top: 24%;
				right: 40px;
				z-index: 999;
			}

			.right_bar a {
				position: relative;
				display: block;
				height: 72px;
				width: 72px;
				text-align: center;
				margin: 0 auto;
				/* box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15); */
				color: #fff;
				font-size: 12px;
				background: #3e78fc;
				border-bottom: 1px solid #fff;
			}

			.right_bar a img {

				width: 26px;
				height: 26px;
				margin: 12px auto 8px;
			}

			.right_bar a span {
				display: block;
				font-size: 12px;
				color: #fff;
			}

			.right_bar a:hover {
				background: #2062f8;
			}

			.right_bar .wx_code {
				display: none;
				position: absolute;
				right: 100%;
				bottom: 16px;
				height: 186px;
				width: 186px;
				background: #fff;
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXQAAAF2BAMAAACMhX5rAAAAGFBMVEVHcEz/diz/dif/cCn/p3X/iUb/3sv///9mBEx3AAAAB3RSTlMABxAb4qT5C/WqZwAABHZJREFUeNrtnUFS4zAQRaUbSL6BlBOgHAGoWU/lCnCDVLj+SPLMwkk7BZuhf3idFKssms/396PlVIdAURRFPXKl6O/9ia4/97FvkHPW3Y+M39FjhfV1r+/suIb2u3+UF+eV9nSP8deH6zrv2T2l7L314Rk7Ev23vqd69t96jjtWF2jdvFCTguo712lWMExO1t0o5eK99aV3nkzVF++tF0v1cZHm6r31mpN1nSYB1auVjh3L4iKgupWOGoYpZjp2v0ioblg9KKi+mGaPuQoYxlI9aHjdQoEk4fUl2wyzaKgeNFW3qTfm4r/1OuYCBq5LqG6Ro4jqhmFkvG7yuobqQVj1+EheT7pej3idhPkhuS7s9USu43UYhoSBYWAYH7kOw+D1x2QY5jAwDHMYGIaEYQ5DruN15jB4HYYhYWAYGIY5DLkOw6A6DEOuw+swDF5nDoPXYRjmMCQMuQ7DoDpzGHIdrzOHweswDHMYGAaGIWHIdRiGXMfrMAwJA8PgdeYwMAwMwxwGhiHXmcOQMPA6DIPXmcPgdRKGOQwMQ64zhyHXYRhUx+swDLwOw8AwJAwMA8OQ6zAMuf751ou5f1DB683ca6aQMJdX2+wCqn9cni3DKHi9W+Zkyi6g+uw9aqree/+dYxT0+qi3p+s7qkLCrPX+dO12FdU/Pl6ftmvZVLw+6jkpJsx6qWZZ1c9XAanj9X5P3ezF1UmYfpmWbbTLqP7e8nYbnozX31pv/eqGqqH626mOfzg2XtdQ/Xxqo/Pt/VTC6+fT8VCvd8tKJMzl+ThaH51HLdUvr8fjcVp9w44SE4HeeWvGLmKBicBoffpFjmHOwy41l+v9rFFC9cNq9aSWMOc1Xjp8RT3V2xrqUW/m2FbRk+Ckt638ErbNi6he8u0YRuRUo+TbzdUaZ0kTX25WV0uoXopxmKR8qhF0d7SLqJ5Ez5JG60n0tHqxDh9VVM9R1ushiD7TK6y6tNdlEybr5rrw3XQ7J+WJu//mdZ64+xbVeeLOh9d54o6E+ZLX+dYAXv9SrsMweP0xGYZvPsIwPzfXYRgS5qfwOgyD15nD4HUShjkMDAPDMIch12EYVMfrMAy8DsPgdRIGhoFhyHUShlxnDoPqeJ05DF5nDoPXYRjmMDAMuU7CkOswDLmO12EYEgaGgWGYw8AwMAyqwzDkOrxOwuB15jB4HYZhDkPCMIeBYVCdOQy5jtdJGLwOw8DrMAwMQ8KQ6zAMuQ7DkOskzKMyTJbY8GB5PQrneq4vzquanXev51rr0XGNfY97Xl8Oh4Pj1sfWxGQvYunpWJvbxltr677HG7/EafbqVvfR+bqUNZmGWbrszaXwh+6WuUoumDUd04WvDquNH4u1NbGLHv/K7riM1ab/7N5lX3x3Hs3tN6vuJZdSu29cvZcyKi87tD6WQPZfq+ues7d3mV3luWQz2r0P2T2XeY70T/eBA447Dzu9p6m7V+V7YyHuix7nO/isFNLd1uL8hMval1yi0j3Rw1yV6/G1l4vb9j2Wtl0oilKsP4zxH1tk3+5WAAAAAElFTkSuQmCC) no-repeat center 0;
				background-size: 100% 100%;
				color: #fff;

			}

			.right_bar .wx_code img {

				height: 110px;
				width: 110px;
				position: absolute;


				top: 50%;
				margin-top: -55px;
				left: 34px;

			}

			.right_bar .tel_box {
				display: none;

				position: absolute;
				left: -188px;
				top: -5px;
				width: 188px;
				height: 81px;
				padding: 20px 10px;
				background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXQAAACyBAMAAACgiyl9AAAAHlBMVEVHcEz/dSz/eSn/cSn/roH/cCn/oGz/i0r/z7P///829sZKAAAACXRSTlMAAwwW4R7op/HGu7DPAAADIUlEQVR42u3dTW7bMBAFYLsnIOcGQ52gJHSDolnHgm5QI+i2Qa6QXKAQ7NuWpNxFJNLNpsC89o2drLJ4GHxi9EN7DgcWi8Vi/cN19AbL/TG2N11o/f5Y771Hze79ty+m62vPTOby/Wq6ll7bPUJ03ztGAaK7dnS1Hl1ydNeMLtaja7vrOXmwHj00sbvsxXzXgzSPU4iuZzHHRtcFIbr65qquEF33rejBfvSSvUVdULv+CaLr0u46QvS2dUWIHjpdH6xHH1Q7K0xEXWGCfTBDx7pIxLUeaJ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3WaZ3W/wvrsbkNCcJ6DK3tghDWT81dJQjWr0+htcQgWL9ezqEd3X7Xr5eXBnYE67l+PssuO4T1cqj+2O0Eh7Be6vVxu8hgWC/19rhpO4j1Ug+f37cdxXqp8zY6iPXr7pMyONZ3n5QBsl7AeEzrDyfZREex/nbanMjAWH89JX1/IoNifXlOdRe7g7O+vKRYrzccmvXLS0qxXqE6MOuX8zylIajgretP85wKGIVb15d5nG7U0db1JXPJXrbX1hD3YeaxHqSyPf0CuA8zVenbezEQ1sfbMYp3vr5U6SK7CzwA67d/R7vLagDrxYs0bmYAWE+rdAd4fz13PUt3mPfX27dLEazD3l9fn2p43GdJDvdZEupzU8F9bqq4ewRgP9Hee1oNYT3AWldg60rrtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rtE7rfzd6p+sC+03gCtz1MFgff3PnW+9TGmezNaV0Z9ZAzp4MJ49BWl0/lK4PKU0ms085eN3k2JlmktseS3aDNY1j3VkaOtNM8hIzDPUPjb1ute78ak0zKWJy9iGZrBjLHur2DJljzR4tvuIQavDgtTPqScoakxsf4mDrJ/8KBbpqd0qVFO52S7UzpapOwVPD2cu+9c40uTLXTEr63HxTb62RvN6Z4Vfn+6n31rL7NZLXO2Mff48nVFNvWaXcHVjpgMdVAg8JXY9W0NGsObjRWbfOuQOLxWKxPlS/AKGCMKM26SuEAAAAAElFTkSuQmCC);
				background-size: 100% 100%;

			}

			.right_bar .tel_box .tel_img {

				width: 30px;
				height: 30px;
				line-height: 30px;
				float: left;
				margin-left: 10px;
			}

			.right_bar .tel_box .tel_img img {

				width: 25px;
				height: 25px;

			}

			.right_bar .tel_box .con {

				overflow: hidden;
			}

			.right_bar .tel_box .con p {

				color: #FF7426;
				font-size: 12px;



			}

			.right_bar .tel_box .con div {

				color: #FF7426;
				font-size: 16px;



			}
			
			
.close_side {
    position: absolute;
    top: -7px;
    right: -10px;
    height: 16px;
    width: 16px;
    background-color: red;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15);
    cursor: pointer;
    text-align: center;
    line-height: 16px;
    }
    
 
.close_side1 {
    position: absolute;
    top: 13px;
    right: 18px;
    height: 10px;
    width: 16px;
    background-color: red;
    background-size: 100% 100%;
    overflow: hidden;
    z-index: 999;
    border-radius: 30%;
    box-shadow: 0 0 8px 4px rgba(24, 115, 251, 0.15);
    cursor: pointer;
    text-align: center;
    line-height: 2px;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
        opacity:0;
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        opacity:.4;
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        opacity:.6;
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
        opacity:.8;
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
        opacity:1;
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        -ms-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
        opacity:.2;
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        -ms-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
        opacity:.4;
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        -ms-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
        opacity:.6;
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        -ms-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
        opacity:.8;
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        -ms-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
        opacity:1;
    }
}
.close_side{
	animation:swing 2s infinite;
}
.close_side1{
	animation:swing 2s infinite;
}
.tel_pic1 img{
animation:swing 2s infinite;
}

#nbwlMessageContainer p span strong{font-size:16px;}

/*文章页 推荐文章样式开始*/

.clear:before,.clear:after {display: table; content: " ";}
.clear:after {clear: both;}
.clear {*zoom: 1;}

.hot-arc{margin: 2rem 0;}
.hot-title{font-size: 1.5rem;font-weight: 600;border-bottom: 2px solid rgb(255, 116, 38);padding: 0px 15px 10px 15px;font-style: normal;line-height: 2rem;}
.hot-arc,.hot-arc ul{display: block; width: 100%;}
.hot-arc .hot-ul li{display: block;width: 25%;float: left;overflow: hidden;margin: 25px 0px;}
.hot-arc .hot-ul li .arc{margin: 0px 10px;}
.hot-arc li h3.art-title{text-align: center;font-weight: 400;color: #000; line-height: 2rem}
.hot-arc li .art-des{color: #afa1a1}
.hot-arc li a.img-width{display:block;width: 100%;height:200px;overflow: hidden;}
.hot-arc li img{transition: all 0.6s;height:200px;}
.hot-arc li img:hover{transform: scale(1.2);}
.art-des{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;text-align: justify;}
/*文章页 推荐文章样式结束*/

/*shouye case_img start*/
.ben_tabcon ul li .project_img .case_pic{
 position:absolute !important;
 width:30% !important;
 height:auto !important;
 top:50% !important;
 left:50% !important;
 border-radius:5px !important;
 transform:translate(-50%, -50%) !important;
}
/*shouye case_img end*/