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

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

a{text-decoration: none;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: 1200px;margin:0 auto;}

.ben_top{width: 100%;height: 35px;background: url(../images/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(../images/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(../images/beijing01.png)no-repeat 0 0;}

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

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

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

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

nav{height: 74px;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);top: 0;bottom: 0;width: 100%;height: 60px;transition: all .3s;z-index: 9999;box-shadow: 0 0px 0px 0px rgba(231, 231, 231, 1)}

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

.vio{width: 100%;/*height: 1070px;*/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(../images/banner_bg.png) repeat;z-index: -100;}

.logo1 { width:168px;height: 58px; margin-top: 6px;}

.logo1 .logo_a{display: inline-block;width: 168px;height:58px;background: url(../images/logo.png)no-repeat; background-size:100%;}

.logo1 .logotiv {background: url(../images/logo.png)no-repeat;}

.ben_nav{height: 74px;}

.ben_nav .ben_navli{float: left;margin: 0; padding: 0;position: relative;z-index: 99; height: 74px;}
.ben_nav .on{margin-top: 0px; background-color: hsla(0, 100%, 48%, .7);}
.ben_nav .ben_navli:hover{background-color: hsla(0, 100%, 48%, .7);}

.ben_nav .ben_nava{color: #ffffff;font-size: 16px; padding: 0 8px;line-height: 70px;}


.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:1200px;height: 568px;margin: 15% 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; text-align:center; width:100%;}

.sweiper .sweiper_active{display: block;}

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

#next2{width: 128px;height: 128px;background: url(../images/next.png)no-repeat;position: absolute;right: -100px;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: 120px;display: inline-block;width: 31px;height: 31px;background: url(../images/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%;}

.g_jiage .item_center .item_more{ opacity:1; }

.g_jiage .item_center .item_more em{ display:inline-block; vertical-align:middle; width:27px; height:25px; margin:0 14px 0 0; background:url(../images/btnIcon.png) no-repeat center / cover; }

.item_center .item_more{position: relative;border-radius:3px; opacity:0; 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%; width:100%; position: absolute; left: -150%; top: -150%; z-index: -99; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; transition: all 1s; transform:rotate(-30deg);}

.item_center .item_more:hover .item_i{ left: 0%; top: 0%; transform:rotate(0deg);}

.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;}

.g_jiage .item_center .ben_seta:hover{ background:none; color:#b52023; border-width:2px; }

.g_jiage .item_center .ben_seta{ height:40px; }
.g_jiage .item_center .ben_seta .ben_setsp{ font-size:18px; }


.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(../images/beijing13_2.png)no-repeat 40px 70%;text-align: center;}

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

.ben_fun li{width: 230px;height: 310px;/* border: 1px solid #e7e7e7; */float: left;padding:60px 20px 0 20px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.ben_i{display: inline-block;height: 71px;width: 71px;margin-bottom: 12px;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(../images/gIcon1.png)no-repeat center top;}

.ben_si{background: url(../images/gIcon2.png)no-repeat center top;}

.ben_ai{background: url(../images/gIcon3.png)no-repeat center top;}

.ben_hi{background: url(../images/gIcon4.png)no-repeat center top;}

.ben_oi{background: url(../images/gIcon5.png)no-repeat center top;}

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

.ben_fun li:hover { background:#b52023; padding-top:40px; color:#fff; }

.ben_fun li:hover .ben_i{ background-position:center -71px; }

.ben_fun li:hover .item_center .item_more{ opacity:1; border-color:#fff; color:#fff; }

.ben_fun li:hover .title p{ color:#dca9aa; }

.ben_fun li:hover .title h6,.ben_fun li:hover .ben_funp{ color:#fff; }
/* .ben_fun li:hover{box-shadow: 0 0 5px 1px #00b1ee;}

.ben_fun li:hover .ben_i{animation: rubberBand 1s;} */

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

.ben_fun li .title{ margin-bottom:20px; }

.ben_fun li h6{font-size: 18px;font-weight: normal; font-weight:bold; color:#b52023;}

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

/* .item_center .ben_xq:hover{border: 1px solid #b52023;color: #ffffff; background: #b52023;} */

.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: #b52023;}



.ben_worried{height: 955px;background: url(../images/indexFw_bg.jpg) 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(../images/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; color:#fff; font-size:14px; -o-border-radius:6px; -ms-border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; position: absolute; }
.ben_wd_bgd li .ben_wdd_jg,.ben_wd_bgd li .ben_wdd_tx,.ben_wd_bgd li.li3 .ben_wdd_bq,.ben_wd_bgd li.li4 .ben_wdd_td,.ben_wd_bgd li.li5 .ben_wdd_tc{ background:url(../images/tmb.png); }
.ben_wd_bgd li.li1 .ben_wdd_jg{ width:338px; left:0; top:0; padding:30px 46px 33px 43px;  }
.ben_wd_bgd li.li2 .ben_wdd_tx{ width:345px; left:0; top:50px; padding:30px 46px 33px 40px; }
.ben_wd_bgd li.li3 .ben_wdd_bq{ width:400px; left:0; top:100px; padding:30px 46px 33px 43px; }
.ben_wd_bgd li.li4 .ben_wdd_td{ width:410px; right:0; top:0; padding:30px 46px 33px 43px; }
.ben_wd_bgd li.li5 .ben_wdd_tc{ width:406px; right:0; top:50px; padding:30px 18px 33px 43px; }
.ben_wd_bgd li.li1{ top:0; left:-55px; }
.ben_wd_bgd li.li2{ top:197px; left:-230px; }
.ben_wd_bgd li.li3{ top:423px; left:-160px; }
.ben_wd_bgd li.li4{ top:103px; right:-228px; }
.ben_wd_bgd li.li5{ top:380px; right:-217px; }
.ben_wd_bgd li h6{ height:28px; color:#b52023; position: relative; font-weight:bold; font-size:18px; }
.ben_wd_bgd li h6 em{ width:13px; height:13px; right:-28px; top:8px; position: absolute; background:#b52024; -o-border-radius:50%; -ms-border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; }
.ben_wd_bgd li.li4 h6 em,.ben_wd_bgd li.li5 h6 em{ left:-28px; right:auto; }


.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;padding-bottom: 85px; background:#f5f5f5;}

.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(../images/beijing17.png)no-repeat;}

.ben_setmn span{color: #ff6600;font-size: 25px;}
.ben_set li .title{ background:#b52023; color:#fff; padding:26px 0 0; height:103px; font-size:14px; color:#d5d5d5; }
.ben_set li .title h6{ font-size:24px; font-weight:bold; color:#fff; line-height:none; height:34px; margin-bottom:0; }


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

.bne_setli{width: 267px;height: 335px;text-align: center; background:#fff;float: left;margin-right: 20px;position: relative;}

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

.ben_setp p{height: 43px; background:#f0f0f0; line-height: 43px; margin-bottom:10px; -o-border-radius:5px; -ms-border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

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

.ben_seta{ display:block; margin:0 20px; height: 35px;border: 2px solid #b52023;line-height: 30px; color: #b52023; font-size:18px;}

.ben_setsp{font-size: 13px;}

.ben-seti{background: #b52023;}


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

.ben_set .bne_setli .item_center{ padding:0 20px; }

.ben_cases{height: 856px;background: url(../images/beijing50.png)no-repeat center; padding-top: 50px;margin-bottom: 90px;}

.ben_case{width: 100%;height: 30px;margin: 0 auto;margin-bottom: 78px; text-align:center;}


.ben_case .svg-wrapper{ display:inline-block; border: 1px solid #e7e7e7;border-radius: 15px;margin:0 12px;}

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

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

.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:#b52023;}

@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: #b52023;} 

.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 #b52023;}

.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 #b52023;color: #ffffff;}

.ben_casea{width: 170px;height: 40px;border: 1px solid #b52023;line-height: 40px;color: #b52023;}

.ben_casesp{font-size: 14px;}

.ben-casei{background: #b52023;}.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 #b52023;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(../images/beijing20.png) no-repeat 0 75%;}

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

.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;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(../images/aboutBg.jpg)no-repeat center;height:915px;padding-top: 70px;position: relative;}

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

.ben_intro .w1125{overflow: hidden;}

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

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

.intro_main .pic{ border:4px solid #fff; border-radius:3px; overflow:hidden; }

.intro_main .btn{ text-align:center; padding:40px 0 0; }

.intro_main .btn a{ width:142px; height:42px; line-height:42px; color:#fff; font-size:16px; text-align:center; display:inline-block; border:1px solid #fff; -o-border-radius:3px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
/* .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: 10px;}

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

.coun{width: 100%;height:118px; margin:45px 0 35px; /* position: absolute;bottom: 10px;right: 0; */padding-right: 25px;padding-left: 15px;}

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

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

.counter{font-size:60px;color: #fff;height: 40px;}

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

.coun em{ font-style:normal; color:#fff; font-size:40px; font-weight:bold; }

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



.intro_main02{background: url(../images/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(../images/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(../images/beijing53.png)no-repeat center !important;}

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

#next{background: url(../images/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{height: 392px;background: url(../images/beijing36.png) no-repeat center bottom;}

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

.footer_main{height:118px; overflow:hidden;}

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

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

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

.ft_mn_topli2{background: url(../images/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(../images/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: 180px;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(../images/beijing43.png)no-repeat ;}

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

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

.ft_mn_bomrtbom{background: url(../images/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: 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(../images/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(../images/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(../images/beijing48.png)no-repeat;margin-bottom: 5px;}

.ft_di{height: 148px;background: url(../images/beijing49.png);text-align: center;}

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

.ft_di span a{color: #666;}
.g_bNav{ padding:24px 0 0; font-size:12px; margin-bottom:10px; }
.g_bNav,.g_bNav a{ color:#ccc; }
.g_bNav em{ font-style:normal; margin:0 15px; }
.g_bNav a:hover{ text-decoration:underline; }
#cnzz_stat_icon_920428{ width:auto !important; }
footer .w1125{ position: relative; }
/*#g_bIcon{ left:50%; bottom:2px; width:80px; position: absolute; margin-left: -30px; }*/

.shop_banner{height: 640px;width: 100%;background: url(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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(../images/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);}