*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-size:14px;font-family: "微软雅黑";}
ul,ol,li{list-style: none;}
a{text-decoration: none;outline:none;}

.fl_left{float: left;}
.fl_right{float: right;}
.clear{clear: both;}
.clearfix::after {content: "";display: table;clear: both;}
.fl{float:left;}.fr{float:right;}.mB5{margin-bottom:40px;}
img{vertical-align: middle;}
.container{width: 1440px;margin:0 auto;}
.w1200{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: 60px;transition: all .1s;}
nav .w1125.wactive{width: 1200px;transition: all .5s;}
nav .w1125{transition: all .1s;}
nav.anv_active{position: fixed;top: 0;bottom: 0;width: 100%;height: 80px;transition: all .3s;z-index: 9999;}
nav .ben_active .ben_nava{color: white;}
.vio{width: 100%;height: auto;position: relative;padding-top: 10px;}
.vio video{width: 100%;height: auto;position: absolute;top: 0;left: 0;z-index: -9999;}
.bg{content: '';display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url(../images/bg.png) repeat;z-index: -100;}
.logo {height: 60px;padding-top: 12px;}
.logo .logo_a{display: inline-block;width: 188px;height: 58px;background: url(../images/logo.png)no-repeat;}
.logo .logotiv {background: url(../images/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: 80px; height: 77px;}
.ben_nav li.on{border-bottom: 3px #00afec solid;}
.ben_nav .ben_navli:hover{ background-color:rgba(255, 255, 255, 0.2);}
.ben_navno1{width: 600px;height: 230px;position: absolute;top:60px;left: -114px;}
.ben_navno2{width: 120px;position: absolute;top:80px;left: 0;}
.ben_navno3{width: 120px;position: absolute;top:60px;left: 0;}
.ben_nav li:hover .ben_navno1{display: block;}
.ben_nav li:hover .ben_navno2{display: block;}
.ben_nav li:hover .ben_navno3{display: block;}
.ben_navno1 ul{float: left;width: 114px;}
.ben_navli div{text-align: center;background:rgba(255, 255, 255, .8);display: none;}
.ben_navli ul h4{color: #fff;margin-bottom: 10px;margin-top: 5px;font-weight: normal;font-size: 14px;}
.ben_navli ul h4 a{font-size: 14px;}
.ben_navli ul a{color: #333;font-size: 12px;}
.ben_navli ul a:hover{color: #00afec;}
.ben_navli ul li{height: 30px;}
.ben_navli ul{margin-top: 15px; margin-bottom: 15px;}
.ben_navno1 ul{border-right-width: 1px;border-right-style: solid;border-right-color: rgba(255, 255, 255, 0.6);}
.ben_navno1 ul:nth-last-child(1){border: none;}
.ben_slogan{width: 750px;height: 510px;text-align: center;color:#ffffff;position: relative;}
.ben_slogan div.h1{font-size: 55px;margin-bottom: 5%;text-align: center;width: 100%;display: inline-block;font-weight: bold;}
.ben_slogan p{font-size: 18px;text-align: center;width: 100%;display: inline-block;}
.sweiper li{position: absolute; top: 0;left: 0;display: none;}
.sweiper .sweiper_active{display: block;}
#prev2{width: 128px;height: 128px;background: url(../images/prev.png) no-repeat; position: absolute;left: 60px;top: 300px; transition: all 1s ease;display: none; cursor:pointer;}
#next2{width: 128px;height: 128px;background: url(../images/next.png) no-repeat;position: absolute;right: 0px;top: 300px;transition: all 1s ease;display: none; cursor:pointer;}
.banner:hover #prev2{display: block;}
.banner:hover #next2{display: block;}
.banner{width: 100%; text-align: center;}
.banner img{width: 100vw; height: auto; 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_zx{width: 158px;height: 32px;border-radius: 16px; border: 1px solid #ffffff;line-height: 32px;color: #ffffff; }
.ben_zxsp{font-size: 15px;}
.ben-zxi{background: #ff6600;}
.ben_fuwu{height: 390px;margin-top: 10px;background: #ffffff;text-align: center;padding-top: 40px;}
.ben_all_tit h3{font-weight: normal;font-size: 30px;color: #333333;margin-bottom: 20px;height: 30px;text-align: center;}
.ben_p{font-size: 14px;color: #999999;margin-bottom: 60px; text-align: center;letter-spacing: 1px;}
.ben_fun li{width: 208px;height: 310px;border: 1px solid #e7e7e7;float: left;margin-right: 22px;padding: 40px 20px 0 20px; border-radius: 10px;}
.ben_i{display: inline-block;height: 50px;width: 52px;margin-bottom: 30px;position: relative;transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-webkit-transition: all 1s ease-in-out;}
.ben_wi{background: url(../images/beijing07.png)no-repeat center center;}
.ben_si{background: url(../images/beijing08.png)no-repeat center center;}
.ben_ai{background: url(../images/beijing09.png)no-repeat center center;}
.ben_hi{background: url(../images/beijing10.png)no-repeat center center;}
.ben_oi{background: url(../images/beijing11.png)no-repeat center center;}
.ben_fun{margin-right: -25px;display: inline-block;}
.ben_fun li:hover{box-shadow: 0 0 5px 1px #00afec;}
.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;}

.ben_xq{display:block;width: 85px;height: 25px;border: 1px solid #5c5c5c;line-height: 22px;color: #333333; border-radius: 14.5px;}
.ben_xq:hover{border: 1px solid #00afec;color: #ffffff; background: #00afec;}
.ben_xqsp{font-size: 13px;}
.ben-xqi{background: #00afec;}
.ben_worried{height: 855px;background: url(../images/slsz.jpg) no-repeat center center;text-align: center;padding-top: 90px;}
.ben_wd_tit h3{color: #ffffff;}
.ben_wd_tit p{color: #ffffff;margin-bottom: 40px;font-size: 14px;}
.ben_wd_sta{position: relative;width: 100%;height: 450px; margin-top: 95px;}
.ben_wd_sta li{width: 360px; height: 200px; background: #fff; float: left; margin:0 50px 95px; position: relative; border-radius: 10px;}
.ben_wd_sta li img{display: block; float: left; width: 40px; height: 40px; margin-top: 20px; margin-left: 20px;}
.ben_wd_sta li span{display: block; width: 100px; height: 100px; border-radius: 50%; background: #03aae4; line-height: 100px; text-align: center; color: #fff; font-size: 24px; position: absolute; left: 125px; top: -50px;}
.ben_wd_sta li p{display: block; width: 200px; position: absolute; top: 50%; transform: translateY(-50%);  text-align: center; margin-left: 80px;font-size:18px;}
.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;}
.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: #00afec;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: #00afec;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: #00afec;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: #00afec;width: 13px;height: 13px;right: 13px;top: 307px;}
.ben_wdi_fn::after{content: '';position: absolute;top: 50%;left: 50%;display: block;width: 10px;height: 10px;border-radius: 50%;transform:translateX(-50%) translateY(-50%);box-shadow: 0 0 3px 1px rgba(0, 177, 238, .8);animation: bian2 1.5s infinite ease-out;}
.ben_wdd_fn{right: -232px;top: -26px;text-align: left;}
.ben_price{padding-top: 50px;margin-bottom: 85px;}
.ben_set{display: inline-block;margin-right: -25px;}
.ben_set1{margin-bottom: 60px;}
.ben_setmn{height: 90px;width: 90px;display: block; margin: 0 auto;clear:both;}
.ben_setmn img{display: block; width:90px; height: 90px;}
.bne_setli h6{font-size: 25px;color: #333333;margin-top: 15px; font-weight: normal;}
.bne_setli .fwjg{display: block; font-size: 18px; color: #ff6600;  margin-top: 20px; margin-bottom: 20px; text-align:center;}
.bne_setli .fwjg span{color: #666666; font-size: 14px;}
.ben_seti{width: 76px;height: 77px;position: absolute;top: 0;left: 0;}
.ben_seth{background: url(../images/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: 340px;height: 480px;text-align: center;border: 1px solid #e7e7e7;margin-right: 20px;position: relative;padding-top: 20px; border-radius: 10px;float:left;}
.ben_setp{font-size: 14px;color: #999999;margin-bottom: 15px;padding: 0 60px; height:120px; margin-top: 30px;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ben_setp p{height: 30px;line-height: 35px; float: left; width: 100px; display:block;}
.item_center .ben_seta:hover{border: 1px solid #00afec;color: #ffffff; background: #00afec;}
.ben_seta{width: 122px;height: 35px;border: 1px solid #00afec;line-height: 30px; color: #fff; background: #00afec;padding: 0 10px;border-radius: 10px;}
.ben_setsp{font-size: 13px;}
.ben-seti{background: #00afec;}
.ben_set .bne_setli:hover{box-shadow: 0 0 5px 1px #00afec;}
.ben_setli01{box-shadow: 0 0 5px 1px #00afec;}
.ben_cases{height: 850px;background: url(../images/bfal.jpg)no-repeat center; padding-top: 50px;}
.ben_case{}
.shape{fill: transparent;stroke-dasharray: 140 540;stroke-dashoffset: -422;stroke-width: 5px;stroke: #00afec;} 
.text{color: #fff;font-size: 14px;line-height: 30px;position: relative;top: -35px;text-align: center;transition: all 1s;} 
.text a{ outline:none;color: #707070;}
.text a:hover{color:#00afec;}
@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: #00afec;} 
.ben_tabcon{width: 100%;height: 450px;} 
.ben_tabs{margin-right: -25px;} 
.ben_tabs .project{cursor: pointer;height: 226px; width: 260px; border-radius: 10px; float: left; margin-right: 25px; padding: 10px 10px; margin-bottom: 25px; text-align: center; border: 1px solid #e7e7e7;} 
.ben_case .svg_avtive:hover{border: none;}
.ben_case .svg_avtive{border: 1px solid #00afec;}
.ben_tabs .project_img{width: 240px;height: 166px;position: relative;overflow: hidden;transition: all 1s;} 
.ben_tabs .bfal_p{font-size: 15px; color: #fff; height: 50px; line-height: 50px; cursor: pointer;overflow:hidden;} 
.ben_tabs .project:hover img{transform: scale(1.1);transition: all 1s;}
.ben_tabs .project_img img{width: 240px;height: 166px;}
.tab_content_wrapper{transition: all .3s ease-in-out;margin-bottom: 35px;} 
.ben_tabs{transition: all .6s ease-in-out;display: none;} 
.ben_block{display: block} .ben_casea:hover{border: 1px solid #00afec;color: #ffffff;}
.ben_casea{width: 170px;height: 40px;border: 1px solid #00afec;line-height: 38px;color: #fff;}
.ben_casesp{font-size: 14px;}
.ben-casei{background: #00afec;}.ben_case_item{margin-bottom: 150px;}

.ben_news{width: 100%;margin-bottom: 80px;}
.ben_news ul:nth-last-child(1){margin-right: 0;}
.ben_newss_tit{margin-bottom: 42px!important;}

.ben_new1{ border-radius: 10px; width: 470px;padding-left: 15px;position: relative;}
.ben_new1 a{display: block;}
.ben_new1h1{height: 53px;line-height: 43px; }
.ben_new1h102{margin-bottom: 9px;}
.ben_new1h1 .h1{font-size: 18px;color: #555555;display: inline-block;font-weight: bold; width: 100%; border-bottom: 1px #dedede solid;}
.ben_new1 .xwmore{font-size: 16px;color: #999999;display: block; height: 35px;text-align: center; line-height: 35px; position: absolute; right:0px;top: 10px;}
.ben_new1 .xwmore:hover{color: #333;}

.ben_new1li{margin-bottom: 24px; height: 70px;}
.ben_new1li a{height: 70px;color:#666;}
.ben_new1li a:hover h3,.ben_newsli2 a:hover h3{color:#00afec;}
.ben_new1img{width: 60px;height: 70px;display: inline-block;overflow: hidden;}
.ben_new1img img{max-width: 100%;height: 59px;}

.ben_new1h3{float: right;margin-left: 15px;width: 380px;position:relative;}
.ben_new1h3 h3{font-size: 16px;color: #555555; height:20px; line-height:20px; overflow:hidden;font-weight:normal;}
.ben_new1sp{font-size: 12px;color: #999999;height:32px;margin:5px 0;overflow:hidden;}
.ben_new1sp:hover{text-decoration: underline;}
.ben_new1 .date{font-size: 12px;color: #777777;}


.ben_intro{background: url(../images/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(../images/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(../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: #00afec;box-shadow: 0 0 2px 1px #00afec; 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{padding-bottom:60px;}
.client_tit{margin-top: 68px;}
.client_img{border-radius: 10px;}
.wrapper{width: 100%;margin: 0 auto;}
.wrapper ul{margin:0 -1px;}
.wrapper ul li{cursor: pointer;width: 225px;height: 130px;border-radius: 10px;float: left;height: 130px;text-align: center;border-right: 1px solid #e7e7e7;border-bottom: 1px solid #e7e7e7;line-height: 130px; margin-bottom:5px; margin-left:5px;}
.wrapper ul li:nth-last-child(1){border-right:none;}
.wrapper .wrapper_ul3 li{border-bottom:none;}
.wrapper li:hover img{animation: flipInY 1s;}

footer{background: url(../images/beijing36.png) no-repeat center;}
.footer_tit{height: 175px;text-align: center;line-height: 175px;}
.footer_tit span{font-size: 26px;color: #fff;}
.footer_tit p{font-size: 31px;color: #fff;display: inline;}
.footer_main_top{height: 120px;background: url(../images/beijing39.png) repeat-x 0 100%;}
.footer_main_bottom{padding:20px; text-align:center;color:white;line-height:1.8;font-size:14px;}
.footer_main_bottom a{color:white;}
.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: 48px;height: 44px;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%;}
.ft_di{height: 77px;background: url(../images/beijing49.png)no-repeat center;text-align: center;}
.ft_di span{color: #fff;font-size: 13px;width: 320px;height: 77px;line-height: 77px;display: inline-block;}
.ft_di span a{color: #fff;}
.ft_di_index{height: 77px;background: url(../images/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}

.fixed-right {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;
	background: #fff;
	box-shadow: 0px 10px 20px 0px rgba(76, 126, 233, 0.4);
	border-radius: 60px;
}

.fixed-right li {
    width: 80px;
    padding:10px 0;
    cursor: pointer;
    position: relative;
	text-align:center;
	
}

.fixed-right li + li {
    border-top: transparent;
}
.fixed-right li .wechat {
    background-color: #eee;
    position: absolute;
    top: -60px;
    right: calc(100% + 2px);
    padding: 10px;
    z-index: 1000;
    display: none;
    transition: all 600ms;
}

.fixed-right li:hover{
    color: #157df1;
}
.fixed-right li:hover .wechat {
    display: block;
	text-align:center;
}
.fixed-right li .wechat img {
    width: 120px;
}



/*商城建设**/
.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.fwlyu{height: 718px;}
.build_item.server_item{padding: 60px 0 0 0;}
.build_item .server_item_head{margin-bottom: 63px;}
.build_main1{height: 445px;width: 100%;}
.build_main1 .build_kuai{height: 100%;width: 590px;float: left;position: relative;}
.build_main1 .build_kuai:nth-child(1){margin-right: 20px;}
.build_kuaip{font-size: 16px;color: #333333;text-indent: 2em;display: block;line-height: 28px;margin-bottom: 45px; margin-top:100px;}
.build_kuaia .ft_mnxa{display:block;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;}
.build_item.server_item4{height: 687px;background: url(../images/build02.png) center;}

/**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: #00afec;color: #00afec}
.shop_item1 .item_i.ben-xqi{display: none;}
.shop_item1 .item_more.ben_xq:hover{color: #fff}
.shop_item1 li:hover{background: #00afec;}
.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: #00afec}
.shop_item4 ul li p{margin-top: 15px;color: #5e5b5a;font-size: 15px;padding: 0 5px;text-align: center;}
.shop_item5 ul{margin-right: -20px;overflow: hidden;}
.shop_item5 li{margin-top: 60px;position: relative;width: 183px;height: 338px;float: left;margin-right: 20px;border-radius: 5px;overflow: hidden;transform-style: preserve-3d;transition: all 0.2s;}
.shop_item5 li a{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%}
.shop_item5 li img{height: 338px;width: 183px;}
.shop_item5 li p{height: 40px;width: 100%;line-height: 40px;position: absolute;bottom: 0;background: rgba(0, 0, 0, 0.8);color: #fff;font-size: 14px;text-align: center;}
.shop_item5 li:hover{box-shadow: 0 0 10px -3px rgba(50, 50, 60, .5);-webkit-box-shadow: 0 0 10px -3px rgba(50, 50, 60, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);}
.shop_item6{background: #f8f8f8;}
.shop_item6 ul{margin-top: 40px;margin-right: -37px;overflow: hidden;}
.shop_item6 li{width: 272px;height: 346px;margin-right: 37px;margin-bottom: 10px;margin-top: 10px;float: left;background: #fff;border-radius: 3px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.shop_item6 li a{display: block;height: 100%;width: 100%;transition: all 0.2s;-webkit-transition: all 0.2s;}
.shop_item6 li .shop_item6_img{width: 272px;height: 170px;overflow: hidden;}
.shop_item6 li .shop_item6_img img{width: 272px;height: 170px;}
.shop_item6 li .shop_item6_logo{height: 43px;width: 100%;text-align: center;margin: 15px auto 15px}
.shop_item6 li .shop_item6_logo img{height: 100%;width: auto;transition: all 0.2s;-webkit-transition: all 0.2s;}
.shop_item6 li p{width: 86%;margin-left: 7%;line-height: 20px;color: #777;font-size: 14px;}
/*.shop_item6 li:hover .shop_item6_img img{transform:scale(1.1);-webkit-transform:scale(1.1);transition: all 0.2s;-webkit-transition: all 0.2s;}*/.shop_item6 li a:hover{box-shadow: 0 24px 40px -20px rgba(20, 20, 20, 0.5);transition: all 0.2s;-webkit-transition: all 0.2s;transform: translateX(-3px);-webkit-transform: translateY(-3px);}
/*app*/
.app_banner{width: 100%;height:420px;overflow: hidden;background: url(../images/banner_yewu.jpg) no-repeat center 0;text-align: center;vertical-align: middle;}
.app_banner h2{font-size: 47px;color: #fff;margin: 10px 0}
.app_banner p{font-size: 30px;color: #fff}
.app_banner p span{display: inline-block;}
.app_banner img{display: inline-block;margin-top: 105px}
.app_banner .app_banner_t2 img{margin-top: 5px}
.app_item1 ul{margin-top: 0px;padding: 10px 0;overflow: visible;}
.app_item1.shop_item1 p{height: 55px}
.app_item1 li{position: relative;width: 600px;height: 404px;border-color: #e7e7e7;}
.app_item1 li .app_item1_img{width: 82px;height: 82px;background: url(../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: 0px;font-size: 14px;color: #777;text-align:center;}
.app_item1 li .more{position: absolute;bottom: 36px;left: 235px;height: 32px;width: 128px;display: inline-block;text-align: center;line-height: 32px;font-size: 14px;color: #00afec;border-radius: 40px; border: 1px #00afec solid; }
.app_item2{width: 100%;height: 730px;background: #f4f4f4;}
.app_item2_content{height: 510px;width: 100%;margin-top: 80px;}
.app_item2_content li{width: 150px; height: 224px; float: left; background: #00afec; color: #fff; position: relative;}
.app_item2_content li.appfwlc{ background: #fff; color: #00afec;}
.app_item2_content li span{display: block; float: left; font-size: 38px; margin: 50px 0px 30px; width: 150px; text-align: center;}
.app_item2_content li p{display: block; float: left; font-size: 18px; text-align: center; width: 150px;}
.app_item2_content li.appfwlc p{font-size: 16px; text-align: center; width: 150px; position: absolute; top: 50%;transform: translateY(-50%);line-height: 35px;}
.app_item2_content .left{width: 390px;height: 450px;float: left;margin-top: 35px;}
.app_item2_box1{width: 305px;height: 68px;margin-bottom: 20px;font-size: 18px;color: #ff6600;line-height: 50px;text-indent: 20px;background: url(../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: 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: #00afec;color: #fff;}
.hiddens{display:none;}
/*tanchuang**/
.piao_div{display:none;height: 300px;width: 500px;background:#00afec;position: fixed;top: 50%;left: 50%;margin-top: -150px;margin-left: -250px;border-radius: 5px;z-index: 999;padding: 7px 10px;box-sizing: border-box;}
.piao_tel{height: 110px;margin-bottom: 18px;}
.paio_border{width: 100%;height: 100%;border: 2px solid #fff;border-radius: 5px;box-sizing: border-box;padding: 20px 15px 18px 20px;}
.piao_tel_left{float: left;}
.piao_tel_right{float: left;padding-top: 35px;margin-left: 30px;}
.piao_tel_right h1{margin: 0;color: #fff;font-size: 34px;font-weight: normal;}
.piao_click{width: 100%;padding-left: 50px;height: 36px;box-sizing: border-box;}
.piao_click a{height: 36px;width: 149px;float: left;background: #fff;margin-right: 20px;line-height: 36px;text-align: center;font-size: 18px;text-decoration: none;color: #282828;}
.piao_click a:nth-child(2){background: #ff6600;color: #ffffff;}
#guanbi{position: absolute;top: -10px;right: -10px;width: 36px;height: 36px;border-radius:50%;background: whitesmoke;padding: 2px;box-sizing: border-box;}
#guanbi img{transition: all .5s;}
#guanbi img:hover{transform: rotate(180deg);}
.fwlyu{background: #fff;height: 440px; width: 100%; padding-top: 65px;}
.fwlyu .server_item_title span{background: #fff;}
.server_item .server_item_head p{font-size: 14px;color: #888;margin-top: 10px}
.fwlyu li{position: relative;height: 330px;width: 260px;float: left;padding: 0 20px;text-align: center;transition: all 0.24s ease, background 0s;-webkit-transition: all 0.24s ease, background 0s;cursor: pointer;overflow: hidden; margin-left:10px; margin-right:10px;}
.fwlyu li .fwlyu_icon{height: 72px;width: 100%;margin: 33px auto}
.fwlyu li .fwlyu_icon.fwlyu_icon1{background: url(../images/beijing07.png) no-repeat center;}
.fwlyu li .fwlyu_icon.fwlyu_icon2{background: url(../images/beijing08.png) no-repeat center;}
.fwlyu li .fwlyu_icon.fwlyu_icon3{background: url(../images/beijing09.png) no-repeat center;}
.fwlyu li .fwlyu_icon.fwlyu_icon4{background: url(../images/beijing10.png) no-repeat center;}
.fwlyu li .fwlyu_icon.fwlyu_icon5{background: url(../images/beijing11.png) no-repeat center;}
.fwlyu li h4{font-size: 18px;color: #333;font-weight: inherit;}
.fwlyu li p{font-size: 14px;color: #666;margin-top: 20px}
.fwlyu li:hover{background: #00b2ec;box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);}
.fwlyu li:hover h4{color: #fff}
.fwlyu li:hover p{color: #fff}
.fwlyu li:hover .fwlyu_icon.fwlyu_icon1{background: url(../images/beijing07s.png) no-repeat center;}
.fwlyu li:hover .fwlyu_icon.fwlyu_icon2{background: url(../images/beijing08s.png) no-repeat center;}
.fwlyu li:hover .fwlyu_icon.fwlyu_icon3{background: url(../images/beijing09s.png) no-repeat center;}
.fwlyu li:hover .fwlyu_icon.fwlyu_icon4{background: url(../images/beijing10s.png) no-repeat center;}
.fwlyu li:hover .fwlyu_icon.fwlyu_icon5{background: url(../images/beijing11s.png) no-repeat center;}
.fwlyu li:hover .item_more{border:1px #fff solid; color: #fff;}
.fwlyu li:after{content: "";cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}
.fwlyu li:hover:after{left: 100%;opacity: 0;}
.fwlyu li .item_center{position:absolute;bottom:10px;width:100%;left:0;}
.fwlyu li .item_center .item_more{margin:0 auto;}

.fuwu_page{padding-top:80px;background-color:#00afec;position:relative;z-index:0;overflow:hidden;}
.fuwu_title{height:460px;margin-top:20px; margin-bottom:30px;}
.fuwu_title .bigpic{float:left;width:850px;height:450px;}
.slideBox{position:relative;}
.slideBox .hd{position:absolute; left:50%; bottom:-25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  padding:3px 15px; text-align:center; background:#00a2da; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:850px; height:450px; display:block;  }

.fuwu_title .infos{float:right;height:420px;width:500px;color:white;line-height:2;font-size:14px;}
.fuwu_title .infos h1{font-size:35px;}
.fuwu_title .infos .desc{color:#FFF;margin:10px 0;font-size:18px;}
.fuwu_title .infos .buybtn{display:block;color:white;font-size:14px; text-align:center;height:36px; line-height:36px; background-color:orange;float:left;margin-top:10px;width:150px;}

.fuwu_page .conleft{width:1000px;}
.fuwu_page .conright{width:400px;}
.fuwu_body_tit{text-align:center;font-size:28px;color:#333;padding:20px;background-color:rgb(153 217 239 / 80%);border-radius:15px 15px 0 0;margin-top:20px;}
.fuwu_body{background-color:#FFF;padding:15px;color:#333;line-height:1.8;border-radius:0 0 15px 15px;margin-bottom:20px;}
.fuwu_body img{
	max-width:100%;
}

blockquote {
    margin-bottom: 20px;
    border-radius: 10px;
    padding: 30px 40px;
    color: #666;
    background-color: #f8f8f8;
    line-height: 1.5em;
    position: relative;
    font-style: normal;
    font-size: 15px;
    letter-spacing: .5px;
}
blockquote:before {
    position: absolute;
    top: 20px;
    left: 20px;
    display: block;
    width: 16px;
    height: 14px;
    background: url(../images/ceo-sy.png) no-repeat;
    content: '';
}
blockquote:after {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: block;
    width: 16px;
    height: 14px;
    background: url(../images/ceo-sy.png) -16px 0 no-repeat;
    content: '';
}
blockquote p {
	margin: 12px 0;
    color: #666;
    font-size: 15px;
}
blockquote cite {
	font-style: normal;
    color: #aaa;
}
.fuwu_page .btns a{width:48%;}
.fuwu_page .btns .btn1{
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    background-image: linear-gradient(135deg, #ff7049 10%, #fd420a 100%);
    color: #fff;
}
.fuwu_page .btns .btn1:hover{
    background-image: linear-gradient(135deg, #fd420a 10%, #ff7049 100%);
}
.fuwu_page .btns .btn2{
    display: block;
    text-align: center;
    border-radius: 4px;
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    background-image: linear-gradient(135deg, #1f81ff 10%, #389aff 100%);
    color: #fff;
}
.fuwu_page .btns .btn2:hover{
    background-image: linear-gradient(135deg, #389aff 10%, #1f81ff 100%);
}
.fuwu_page .shouhou{background:rgba(255,255,255,.1);margin-top:10px; border-radius: 4px;padding:10px;}
.background-shape .circle1 {
    width: 2200px;
    height: 2200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -30;
    top: -1100px;
    right: -1100px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle1 {
        width: 1700px;
        height: 1700px;
        top: -850px;
        right: -850px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle1 {
        width: 1700px;
        height: 1700px;
        top: -850px;
        right: -850px;
    }
}
@media only screen and (max-width: 767px) {
    .background-shape .circle1 {
        width: 1700px;
        height: 1700px;
        top: -850px;
        right: -850px;
    }
}
.background-shape .circle2 {
    width: 1700px;
    height: 1700px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -20;
    top: -850px;
    right: -850px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle2 {
        width: 1200px;
        height: 1200px;
        top: -600px;
        right: -600px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle2 {
        width: 1200px;
        height: 1200px;
        top: -600px;
        right: -600px;
    }
}
@media only screen and (max-width: 767px) {
    .background-shape .circle2 {
        width: 1200px;
        height: 1200px;
        top: -600px;
        right: -600px;
    }
}
.background-shape .circle3 {
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -10;
    top: -600px;
    right: -600px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle3 {
        width: 700px;
        height: 700px;
        top: -350px;
        right: -350px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle3 {
        width: 700px;
        height: 700px;
        top: -350px;
        right: -350px;
    }
}
@media only screen and (max-width: 767px) {
    .background-shape .circle3 {
        width: 700px;
        height: 700px;
        top: -350px;
        right: -350px;
    }
}
.background-shape .circle4 {
    width: 700px;
    height: 700px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
    position: absolute;
    z-index: -10;
    top: -350px;
    right: -350px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .background-shape .circle4 {
        width: 200px;
        height: 200px;
        top: -100px;
        right: -100px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .background-shape .circle4 {
        width: 200px;
        height: 200px;
        top: -100px;
        right: -100px;
    }
}
@media only screen and (max-width: 767px) {
    .background-shape .circle4 {
        width: 200px;
        height: 200px;
        top: -100px;
        right: -100px;
    }
}
/* 服务焦点图 */
.picFocus{ margin:0 auto;  width:590px; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:60px; height:60px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:350px; height:350px; display:block;  }
img{outline: 0 none;border: 0}

.inner_head{height: 420px;width: 100%;padding-top: 35px;text-align: center;}
.case-page .inner_head{background: url(../images/banner_case.jpg) no-repeat center center;}
.case-page .inner_head_text .line{height: 3px;width: 140px;background: #00afec;/*margin: 0 auto;*/margin-left: 112px;}
.list-news-page .inner_head{background: url(../images/banner_news.jpg) no-repeat center center;}
.list-news-page .inner_head_text .line{height: 3px;width: 82px;background: #00afec;float: right}
.about-page .inner_head{background: url(../images/banner_about.jpg) no-repeat top center;}
.about-page .inner_head_text .line{height: 3px;width: 112px;background: #00afec;margin-left: 142px;}
.inner_head_text{display: inline-block;height: 120px;text-align: center;}
.inner_head_text h1{font-size: 28px;color: #fff;line-height: 46px;margin-bottom:5px;}
.inner_head_nav{display: inline-block;margin: 200px auto 0;overflow:hidden;width:100%;}
.inner_head_nav ul{overflow:hidden;}
.inner_head_nav li{background: #999;height: 30px;width: auto;padding: 0 16px;font-size: 16px;color: #fff;cursor: pointer;line-height: 30px;margin: 0 41px;display:inline-block;}
.inner_head_nav li a{color: #fff}
.inner_head_nav li.active,.inner_head_nav li:hover{background: #00afec;}
/*case list*/
.case_list{width: 100%;background: #f4f4f4;height: auto;overflow: hidden;padding-bottom: 30px}
.case_list ul{padding-bottom: 50px;}
.case_list li{position: relative;float: left;width:340px;background: #fff;margin: 0 10px 30px 10px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;overflow: hidden;}
.case_list li a{display: block;height: 100%;width: 100%}
.case_list li .case_list_img{height: 499px;overflow: hidden; text-align:center;}
.case_list li .case_list_img img{height: 499px;width: 100%;}
.case_list_info{height: 61px;width: 100%;text-align: center;}
.case_list_info p{font-size: 16px;color: #000;margin: 20px 0 3px; height:22px; line-height:22px; overflow:hidden;}
.case_list_info .pose_date{font-size: 13px;color: #b9b9b9;vertical-align: middle;height: 20px;line-height: 20px;text-align: center;}
.case_list_info .pose_date img{vertical-align: middle;height: 16px;margin-top: -4px;margin-right: 3px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;}
.case_list li:hover{box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1);-webkit-box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1);/*transform: scale(1.02, 1.02);-webkit-transform: scale(1.02, 1.02);-moz-transform: scale(1.02, 1.02);-ms-transform: scale(1.02, 1.02);*/}
.case_list li:hover .case_mask{opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;filter: alpha(opacity=100);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.case_list li:hover .case_list_info p{color: #00afec;transition: all 0.2s;-webkit-transition: all 0.2s;}
.case_list li .case_mask{opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;height: 499px;width: 100%;background: rgba(0, 0, 0, 0.6);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.case_popover{display: none;position: absolute;left: 0;top: 0;height: 499px;width: 100%;transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;}
.case_popover .case_code{height: 158px;width: 158px;padding: 4px;background: #fff;text-align: center;margin: 120px auto 0}
.case_popover .case_code img{height:150px;width: 150px;}
.case_popover p{font-size: 16px;color: #fff;text-align: center;margin-top: 15px;}
.fuwu_list{width: 100%;background: #f4f4f4;height: auto;overflow: hidden;padding-bottom: 30px}
.fuwu_list h3{color: #333; text-align:center;font-size:30px;padding:40px 0;}
.fuwu_list ul{/*margin-right: -40px;*/padding-bottom: 50px;}
.fuwu_list li{position: relative;float: left;width: 300px;margin: 0 30px 30px 30px;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;overflow: hidden;}
.fuwu_list li a{display: block;height: 100%;width: 100%}
.fuwu_list li .list_img{height: 200px;overflow: hidden;}
.fuwu_list li .list_img img{height: 200px;border-radius: 5px 5px 0 0;width:100%}
.fuwu_list .list_info{padding: 10px;width: 100%; background-color:white;}
.fuwu_list .list_info h4{font-size: 18px;color: #333;margin: 6px 0; height:22px; line-height:22px;}
.fuwu_list .list_info p{color: #999;vertical-align: middle;height: 42px;line-height: 1.5;font-size: 14px; overflow:hidden;}
.fuwu_list li:hover{box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1);-webkit-box-shadow: 0 0 10px 1px rgba(30, 30, 30, 0.1);/*transform: scale(1.02, 1.02);-webkit-transform: scale(1.02, 1.02);-moz-transform: scale(1.02, 1.02);-ms-transform: scale(1.02, 1.02);*/}
.fuwu_list li:hover .case_mask{opacity: 1;-webkit-opacity: 1;-moz-opacity: 1;-o-opacity: 1;filter: alpha(opacity=100);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
.fuwu_list li:hover .case_list_info p{color: #00afec;transition: all 0.2s;-webkit-transition: all 0.2s;}
.fuwu_listli .case_mask{opacity: 0;-webkit-opacity: 0;-moz-opacity: 0;-o-opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0;top: 0;height: 499px;width: 100%;background: rgba(0, 0, 0, 0.6);transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;}
/* list-news-page*/
.list-news{background: #f4f4f4;padding-bottom: 30px;}
.list-news:after{display: table;content: ' ';clear: both}
.list-news li{width:700px;float:left;height: 180px;border-radius: 5px;background: #fff;overflow: hidden;margin: 0 10px;margin-bottom: 15px;}
.list-news li:after{display: table;content: ' ';clear: both}
.list-news li:hover{box-shadow: 0 0 14px 1px rgba(50, 50, 50, 0.2);-webkit-box-shadow: 0 0 14px 1px rgba(50, 50, 50, 0.2);}
.list-news li:hover h4 a{color: #00afec;margin-left: 20px}
.list-news li .pose_date{float: left;height:180px;width: 160px;background: #00afec;text-align: center;}
.list-news .pose_date h1{font-size: 45px;color: #fff;padding-top: 60px;font-weight: inherit;}
.list-news .pose_date p{font-size: 18px;color: #fff;margin-top: 5px;}
.list-news-con{height: 180px;width: 530px;float: right;padding: 30px;position: relative;}
.list-news-con h4{font-size: 20px;font-weight: inherit;}
.list-news-con h4 a{color: #333;transition: margin 0.4s ease-in-out;-webkit-transition: margin 0.4s ease-in-out;-moz-transition: margin 0.4s ease-in-out;-ms-transition: margin 0.4s ease-in-out;}
.list-news-con p{font-size: 13px;;margin-top: 20px;line-height: 1.5;color: #333;}
.list-news-con .info{height: 20px;line-height: 20px;font-size: 12px;color: #333;}
.list-news-con .info a{float: right;font-size: 12px;color: #333;}
.list-news-con a:hover{color: #00afec}
/*about*/
.about_item1{height: 750px;padding: 50px 0;width: 100%;background: #fff;}
.about_item_title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}
.ourImgs{height: 190px;width: 100%;margin-top: 50px;overflow: hidden;}
.ourImgs:after{display: table;content: "";clear: both;}
.ourImgs ul{width: 100%;}
.ourImgs li{float: left;height: 190px;width: auto;overflow: hidden;}
.about_item1 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top: 10px}
.about_item1 .gsjj{width: 560px; z-index: 99; height: 465px; display: block;position: absolute; left: 0px; top: 120px;}
.about_benben{margin-top: 100px;font-size: 16px;color: #333;line-height: 40px;width: 830px; position: relative; float: right; background: #f4f4f4; height: 465px;}
.about_item1 .about_benben p{position: absolute;top: 50%;transform: translateY(-50%); display: block; width: 565px; left: 140px;}
.about_item2{background: #f4f4f4;padding: 50px 0}
.about_item2 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top: 10px}
.about_item2_img{height: 196px;margin-top: 53px;}
.about_item2_img:after{display: table;content: "";clear: both;}
.about_item2_img ul{margin-right: -16px}
.about_item2_img li{width: 288px;height: 196px;float: left;margin: 0 35px;}
.about_item3{background: #fff;padding: 50px 0}
.about_item3:after{display: table;content: "";clear: both;}
.about_item3 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top: 10px}
.about_item3_img{height: 382px;margin-top: 53px;}
.about_item3_img ul{margin-right: -18px}
.about_item3_img li{width: 286px;height: 382px;float: left;margin: 0 35px;}
.about_item4{background: #f4f4f4;padding: 50px 0}
.about_item4:after{display: table;content: "";clear: both;}
.about_item4 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top:10px}
.about_item4 .about_item4_img p{font-size: 14px;color: #333;line-height: 40px; float: left; text-indent: 2em; margin-top: 40px;}
.about_item4_img{height: 470px;margin-top: 53px;}
.about_item4_img li{width: 300px;height: 235px;float: left;overflow: hidden;font-size: 30px;color: #00afec;font-weight: normal;text-align: center;background: #fff;}
.about_item4_img li span{ display:block; line-height:235px;}
.about_item5{padding: 50px 0;}
.about_item5 .sub_title{font-size: 14px;color: #333;text-align: center;margin-top:10px;margin-bottom: 53px;}
.crumb{height: 50px;background: #f4f4f4;line-height: 50px;color: #929292;padding-left:20px;}
.crumb img{height: 16px;width: 16px;float: left;margin-top: 16px;margin-right: 10px}
.crumb a{color: #929292;display: inline-block;margin: 0 3px}
.crumb a:hover{color: #00afec}
.crumb span{display: inline-block;margin: 0 3px}
/**//*the pages*/
/* .page_wrap{float: left;position: relative;left: 50%;margin: 50px auto;}
.page{display: block;position: relative;left: -50%;font-size: 14px;color: #929292;}
.page a{display: inline-block;color: #929292;padding:3px 10px;text-decoration: none;transition: all .3s;border: 1px solid #c3c3c3;margin: 3px 4px;border-radius: 3px}
.page strong{font-weight:normal;}
.page a.current{padding: 3px 10px;background-color: #00a2da;color: #FFF;border: 1px solid #00a2da;border-radius: 3px}
.page a.arrow_page{border: 0;border: 1px solid transparent;}
page a.arrow_page:hover{background-color: #00a2da;}
.page a:hover{background-color: #00a2da;color: #FFF;border: 1px solid #00a2da;} */
.page_wrap{
	display: flex;
	justify-content: center;
}
.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
}
.pagination > li {
	display: inline;
    width: auto;
    height: auto;
    margin: 0;
}
.pagination > li > a,
.pagination > li > span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #337ab7;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	z-index: 2;
	color: #23527c;
	background-color: #eee;
	border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	z-index: 3;
	color: #fff;
	cursor: default;
	background-color: #337ab7;
	border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #777;
	cursor: not-allowed;
	background-color: #fff;
	border-color: #ddd;
}
	
/*文章详情**/
.list_cnt{ background:#fff;padding-left:260px;}
.list_cnt h1.tit{ text-align:center; font-size:22px;font-weight:normal;margin: 30px 0 10px;color: #333;font-weight: normal;}
.list_cnt .pubdate{ text-align:center;font-size: 12px;color: #999;}
.list_cnt .cnt_body{ line-height:26px;margin: 30px auto;color: #666;font-size: 14px;padding:15px;min-height:350px;}
.list_cnt .cnt_body a{color:#000;}
.list_cnt .cnt_body  img{max-width:100%;}
.list_cnt .nextpre{margin:15px auto 40px; overflow:hidden;color:#333; padding: 15px;border-top:1px solid #ddd;}
.list_cnt .nextpre a{color:#333;}
.list_cnt .linkbox{margin-top: 25px;overflow: hidden;}
.list_cnt .linkbox h3{font-weight: normal;background:#f7f7f7;color: #fff;font-size: 14px;border-radius: 5px;padding-left: 20px;height: 32px;line-height: 32px;}
.list_cnt .linkbox h3 a{color: #333;}
.list_cnt .linkbox ul{}
.list_cnt .linkbox ul li{float: left;line-height: 30px;}
.list_cnt .linkbox ul li a{color: #595454;font-size: 13px;padding-left: 30px;}

.document-nav {width: 260px;background-color: #F0F2F5;height:100%; position:absolute;}
.document-nav .title{font-size:24px;padding:10px; text-align:center;color:#fff; background-color:#00afec;}
.document-nav .nav-item{padding:15px;border-bottom:solid 1px #fff;display: block;}
.document-nav .nav-item:hover{background-color: #fff;}
.document-nav .nav-item h2{padding:10px 0;background:url('../images/beijing10.png') no-repeat left center; background-size:20px 20px;font-size:16px;font-weight:bold;color:#333;padding-left:30px;}
.document-nav .nav-item p{color:#999;}


#ptul li{ height:auto;border: 1px solid #ddd;padding: 10px;}
#ptul li img{}
#ptul li .case_list_img{overflow: hidden;}
#ptul li .case_list_img img{width: 100%;}
#ptul .case_list_img{height:auto;}
#ptul .case_list_img img{width:100%;height:220px;}
.case_list_info p b{font-weight:normal;}
#changePC{margin-top:5px;overflow: hidden;width: 100%;color: #666;font-size: 14px;}
#changePC img{display:block;margin:0 auto;}
/*contact*/
.contact-page .inner_head{background: url(../images/contact_banner.jpg) no-repeat center center;}
.contact-page .inner_head h1{font-size: 30px;margin-top: 50px}
.contact-page .inner_head_text .line{height: 3px;width: 120px;background: #00afec;margin-left: 140px}
.contact{padding: 50px 0;background-color: #fff;}
.contact-title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}
.contactItem{height: 320px;width: 100%;margin-top: 20px}
.contactItem ul{overflow: hidden;}
.contactItem li{width: 400px;height: 320px;float: left;padding: 50px 0;}
.contactItem li .contactItem_img{height: 105px;width: 105px;margin: 0 auto}
.contactItem li .contactItem_img img{height: 105px;width: 105px;}
.contactItem .contactItem_text1{width: 305px;padding-top: 25px;margin: 0 auto;text-align: left;}
.contactItem .contactItem_text2{width: 285px;padding-top: 25px;margin: 0 auto;text-align: left;}
.contactItem .contactItem_text3{width: 375px;padding-top: 25px;margin: 0 auto;text-align: left;}
.contactItem li p{font-size: 14px;color: #666;line-height: 24px;}
#allmap{width: 658px;height: 345px;overflow: hidden;border: 1px solid #eee;margin:0 auto;}
/*history*/
.history-page .inner_head{background: url(../images/history_banner.jpg) no-repeat center center;padding-top: 50px;}
.history-page .inner_head h1{font-size: 30px;}
.history-page .inner_head_text .line{height: 3px;width: 86px;background: #00afec;margin-left: 120px}
.history-content{padding: 50px 0;background-color: #fff;}
.history-content .history-title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}
.history-content .history_subT{font-size: 18px;color: #989898;text-align: center;}
.history_list{margin-top: 70px;}
.history_list ul{background: url(../images/history_line.png) repeat-y center 0;}
.history_list li:after{clear: both;content: "";display: table;}
.history_list li .history_left{position: relative;width: 600px;height: auto;padding-bottom: 50px;padding-right: 40px;padding-left: 100px;float: left;}
.history_list .history_left .dot{position: absolute;right: -7px;top: -7px;height: 14px;width: 14px;border-radius: 50%;background: url(../images/dot1.png) no-repeat center center}
.history_list .history_left .dot: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: bian2 1.5s infinite ease-out;}
.history_list .history_left h2{position: absolute;top: -15px;right: 40px;height: 30px;line-height: 30px;font-size: 30px;color: #333;font-weight: inherit;}
.history_list .history_left p{margin-top: 56px;font-size: 14px;color: #666;text-indent: 2em;line-height: 28px;}
.history_list li .history_right{position: relative;width: 600px;height: auto;padding-bottom: 60px;padding-left: 40px;padding-right: 100px;float: right;}
.history_list .history_right .dot{position: absolute;left: -7px;top: -7px;height: 14px;width: 14px;border-radius: 50%;background: url(../images/dot2.png) no-repeat center center}
.history_list .history_right .dot: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;}
@keyframes bian2{
	0%{opacity: 0;}
	50%{width: 25px;height: 25px;opacity: .8;}
	100%{opacity: 0;width: 10px;height: 10px;}
}
@-webkit-keyframes bian2{
	0%{opacity: 0;}
	50%{width: 25px;height: 25px;opacity: .8;}
	100%{opacity: 0;width: 10px;height: 10px;}
}
.history_list .history_right h2{position: absolute;top: -15px;left: 40px;height: 30px;line-height: 30px;font-size: 30px;color: #333;font-weight: inherit;}
.history_list .history_right p{margin-top: 56px;font-size: 14px;color: #666;text-indent: 2em;line-height: 28px;}
.history_list .end{font-size: 18px;color: #989898;text-align: center;padding-top: 25px}
/*join*/
.join-page .inner_head{background: url(../images/join_banner.jpg) no-repeat center center;padding-top: 50px;}
.join-page .inner_head h1{font-size: 30px}
.join-page .inner_head_text .line{height: 3px;width: 90px;background: #00afec;margin-left: 19px}
.join-us{padding: 50px 0;background: #fff;}
.join-us-title{font-size: 30px;color: #333;text-align: center;font-weight: inherit;}
.join-us ul{margin-right: -36px;margin-top: 50px;overflow: hidden;}
.join-us li{float: left;width: 582px;height: 320px;margin-right: 36px;margin-bottom: 30px;overflow: hidden;word-break: break-all;}
.join-us li .job_img{float: left;width: 231px;height: 320px;}
.join-us li .job_info{position: relative;float: right;width: 335px;height: 320px;}
.join-us .job_info h4{font-size: 20px;color: #000;margin-bottom: 35px;}
.join-us .job_info p{font-size: 14px;color: #666;line-height: 26px;}
.join-us .job_info .throw_btn{position: absolute;top: 0;right: 0;display: block;height: 30px;width: 86px;background: #fff;border: 1px solid #01b1ed;color: #01b1ed;font-size: 14px;line-height: 30px;text-align: center;border-radius: 6px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.join-us .job_info .throw_btn:after{display: block;content: "";position: absolute;left: 0;top: 0;z-index: 1;height: 100%;width: 0;background: #01b1ed;transition: all 0.3s;-webkit-transition: all 0.3s;}
.join-us .job_info .throw_btn span{position: relative;z-index: 9}
.join-us .job_info .throw_btn:hover:after{width: 100%}
.join-us .job_info .throw_btn:hover{color: #fff}
/*server*/
.server-page .inner_head{height: 420px;width: 100%;padding-top: 70px;background: url(../images/banner_yewu.jpg) no-repeat center center;}
.server-page .inner_head h1{font-size: 28px;margin-bottom: 5px;margin-top: 5px}
.server-page .inner_head_text .line{height: 3px;width: 123px;background: #00afec;margin-left: 70px}
.server-page .server_item{padding: 40px 0 60px;}
.server-page .server_item1{background: #fff;height: 500px;}
.server-page .server_item .server_item_head{height: 65px;text-align: center;}
.server-page .server_item .server_item_title{height: 35px;line-height: 30px;}
.server-page .server_item .server_item_title span{display: inline-block;font-size: 30px;color: #333;padding: 0 48px;}
.server-page .server_item1 .server_item_title span{background: #fff;}
.server-page .server_item .server_item_head p{font-size: 14px;color: #888;margin-top: 10px}
.server-page .server_item1 ul{margin-top: 65px;}
.server-page .server_item1 li{position: relative;height: 228px;width: 20%;float: left;padding: 0 20px;text-align: center;border-radius: 4px;transition: all 0.24s ease, background 0s;-webkit-transition: all 0.24s ease, background 0s;cursor: pointer;overflow: hidden;}
.server-page .server_item1 li .server_item1_icon{height: 72px;width: 100%;margin: 33px auto}
.server-page .server_item1 li .server_item1_icon.server_item1_icon1{background: url(../images/server_item1_1.png) no-repeat center top;}
.server-page .server_item1 li .server_item1_icon.server_item1_icon2{background: url(../images/server_item1_2.png) no-repeat center top;}
.server-page .server_item1 li .server_item1_icon.server_item1_icon3{background: url(../images/server_item1_3.png) no-repeat center top;}
.server-page .server_item1 li .server_item1_icon.server_item1_icon4{background: url(../images/server_item1_4.png) no-repeat center top;}
.server-page .server_item1 li .server_item1_icon.server_item1_icon5{background: url(../images/server_item1_5.png) no-repeat center top;}
.server-page .server_item1 li h4{font-size: 18px;color: #333;font-weight: inherit;}
.server-page .server_item1 li p{font-size: 14px;color: #666;margin-top: 10px}
.server-page .server_item1 li:hover{background: #00b2ec;box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);}
.server-page .server_item1 li:hover h4{color: #fff}
.server-page .server_item1 li:hover p{color: #fff}
.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon1{background: url(../images/server_item1_1.png) no-repeat center bottom;}
.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon2{background: url(../images/server_item1_2.png) no-repeat center bottom;}
.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon3{background: url(../images/server_item1_3.png) no-repeat center bottom;}
.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon4{background: url(../images/server_item1_4.png) no-repeat center bottom;}
.server-page .server_item1 li:hover .server_item1_icon.server_item1_icon5{background: url(../images/server_item1_5.png) no-repeat center bottom;}
.server-page .server_item1 li:after{content: "";cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -webkit-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, .5), hsla(0, 0%, 100%, 0));transform: skewx(-25deg);-o-transform: skewx(-25deg);-moz-transform: skewx(-25deg);-webkit-transform: skewx(-25deg);transition: all 0.24s 0.15s, opacity 0s 0.4s;-webkit-transition: all 0.24 0.15s, opacity 0s 0.4s;}
.server-page .server_item1 li:hover:after{left: 100%;opacity: 0;}
.server-page .server_item2{background: url(../images/fwwxkf.jpg) no-repeat center center;height: auto;background-size: 100% 100%;}
.server-page .server_item2 ul:after,.server-page .server_item2 ul:before{display: table;content: ""}
.server-page .server_item2 ul:after{clear: both}
.server-page .server_item2 ul{margin-right: -30px;padding-top: 65px}
.server-page .server_item2 li{width: 378px;height: 206px;float: left;border: 1px solid #e7e7e7;margin: 0 30px 30px 0;padding: 20px;background: #fff;cursor: pointer;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;border-radius: 1px}
.server-page .server_item2 li.more{background: #00b2ec;text-align: center;vertical-align: middle;border: 1px solid #00b2ec;}
.server-page .server_item2 li.more:hover img{transform: rotate(180deg);}
.server-page .server_item2 li.more img{margin-top: 42px;transition:all 0.3s ease-in-out}
.server-page .server_item2 li.more a{display: block;height: 100%;width: 100%}
.server-page .server_item2 li:hover{box-shadow: 0 26px 40px -24px rgba(50, 50, 60, .5), 0 0 30px 10px rgba(255, 255, 255, 0.4);-webkit-box-shadow: 0 26px 40px -24px rgba(50, 50, 60, .5), 0 0 30px 10px rgba(255, 255, 255, 0.4);transform: translateY(-6px);-webkit-transform: translateY(-6px);}
.server-page .server_item2 .server_item2_icon{float: left;height: 60px;width: 58px;background: url(../images/server_item2_incons.png) no-repeat;margin-top: 4px}
.server-page .server_item2 .server_item2_icon1{background-position: center 0;}
.server-page .server_item2 .server_item2_icon2{background-position: center -60px;}
.server-page .server_item2 .server_item2_icon3{background-position: center -120px;}
.server-page .server_item2 .server_item2_icon4{background-position: center -180px;}
.server-page .server_item2 .server_item2_icon5{background-position: center -240px;}
.server-page .server_item2_text{float: right;width: 254px;height: 206px}
.server-page .server_item2_text h4{font-size: 20px;color: #000;font-weight: inherit;margin-bottom: 10px;}
.server-page .server_item2_text p{font-size: 14px;color: #737373;;line-height: 24px;}
.server-page .server_item3{background: #fff;}
.server-page .server_item3 .server_item_title span{background: #fff;}
.server-page .server_item3_slider{position: relative;overflow: hidden;}
.server-page .server_item3_slider .server_item3_control{width: 100%;height: auto;text-align: center;}
.server-page .server_item3_slider .server_arrow_left,.server-page .server_item3_slider .server_arrow_right{height: 38px;width: 38px;display: inline-block;margin: 0 10px;cursor: pointer;}
.server-page .server_item3_slider .server_arrow_left{background: url(../images/arrow_l.png) no-repeat center center;background-size: 100% 100%}
.server-page .server_item3_slider .server_arrow_right{background: url(../images/arrow_r.png) no-repeat center center;background-size: 100% 100%}
.server-page .server_item3_slider .server_arrow_left.hide{display: none;}
.server-page .server_item3_slider .server_arrow_right.hide{display: none;}
.server-page .server_item3 ul:after,.server-page .server_item3 ul:before{display: table;content: ""}
.server-page .server_item3 ul:after{clear: both}
.server-page .server_item3 ul{margin-right: -20px;padding-top: 60px;width: 3000%}
.server-page .server_item3 li{width: 224px;height: 376px;float: left;margin-right: 20px;margin-bottom: 25px;text-align: center;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;border-radius: 2px}
.server-page .server_item3 li .more{font-size: 14px;color: #5c5c5c;padding: 0 5px;border: 1px solid #e7e7e7;}
.server-page .server_item3 .server_item3_img{height: 160px;width: 224px}
.server-page .server_item3 .server_item3_img img{display: block; width: 224px; height: 160px;}
.server-page .server_item3 .server_item3_txt{height: 216px;width: 100%;padding: 20px;border: 1px solid #e7e7e7;border-top: 0}
.server-page .server_item3 .server_item3_txt h4{font-size: 20px;color: #000;margin-bottom: 15px;font-weight: inherit;}
.server-page .server_item3 .server_item3_txt p{font-size: 14px;text-align: justify;color: #737373;line-height: 26px;text-indent: 2em;height: 80px;overflow: hidden}
.server-page .server_item3 .server_item3_txt a.more{display: inline-block;padding: 2px 15px;font-size: 14px;color: #5c5c5c;border-radius: 12px;border: 1px solid #999;margin-top: 28px}
.server-page .server_item3 li:hover{background: #00b2ec;box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);}
.server-page .server_item3 li:hover .server_item3_txt{background: #00b2ec;border-color: #00b2ec}
.server-page .server_item3 li:hover .server_item3_txt h4{color: #fff}
.server-page .server_item3 li:hover .server_item3_txt p{color: #fff}
.server-page .server_item3 li:hover .more{color: #fff;border-color: #fff}
.server-page .server_item4{padding: 50px 0;background: url(../images/fwwltg.jpg) no-repeat center center;height: auto;background-size: 100% 100%;}
.server-page .server_item4 .server_item_head span{padding: 0 30px}
.server-page .server_item4 ul{margin-top: 18px;margin-right: -20px}
.server-page .server_item4 ul:after,.server-page .server_item4 ul:before{display: table;content: ""}
.server-page .server_item4 ul:after{clear: both}
.server-page .server_item4 ul li{float: left;width: 223px;height: 400px;border: 1px solid #e7e7e7;padding-top: 30px;margin-bottom: 40px;text-align: center;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;margin-right: 20px;background: #fff;}
.server-page .server_item4 ul li img{text-align: center;}
.server-page .server_item4 ul li span{width: 200px; display: block; margin:12px auto 20px;}
.server-page .server_item4 li:hover{box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);border-radius: 4px;}
.server-page .server_item4 li .server_item4_icon{height: 120px;width: 220px;margin: 0 auto;}
.server-page .server_item4 li .server_item4_icon.server_item4_icon1{background-position: center top;}
.server-page .server_item4 li .server_item4_icon.server_item4_icon2{background-position: center bottom;}
.server-page .server_item4 li h4{font-size: 20px;color: #333;font-weight: inherit;margin: 15px 0}
.server-page .server_item4 li p{font-size: 14px;color: #737373;text-align: left;line-height: 26px; margin: 12px; color: #989898;}
.server-page .server_item5{padding: 50px 0;background: #fff;height: auto;}
.server-page .server_item5 .server_item_head span{background: #fff;padding: 0 48px}
.server-page .server_item5 ul{margin-top: 60px;margin-right: -20px}
.server-page .server_item5 ul:after,.server-page .server_item5 ul:before{display: table;content: ""}
.server-page .server_item5 ul:after{clear: both}
.server-page .server_item5 ul li{float: left;width: 450px; margin-left:95px;height: 260px;border: 1px solid #e7e7e7;padding: 40px 40px 0 40px;margin-bottom: 40px;text-align: center;margin-right: 20px;background: #fff;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
.server-page .server_item5 li .server_item4_icon{height: 71px;width: 102px;margin: 0 auto;line-height: 71px;}
.server-page .server_item5 li h4{font-size: 20px;color: #333;font-weight: inherit;margin: 20px 0 15px 0}
.server-page .server_item5 li p{font-size: 16px;color: #666;text-align: center;}
.server-page .server_item5 li:hover{box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);-webkit-box-shadow: 0 26px 40px -24px rgba(0, 36, 100, .5);transform: translateY(-6px);-webkit-transform: translateY(-6px);border-radius: 4px;}
.j-tou-box{ overflow:hidden;margin:0 auto 60px;width:710px;}
.j-tou {
    width: 205px;
    height: 43px;
    float: left;
    margin-right: 40px;
    background: url(../images/j35.jpg) no-repeat;
}
.j-tou-box p {
    float: left;
    line-height: 43px;
    font-size: 14px;
    color: #666;
}
/*05.04**/
.nline{background:url(../images/nline.png) no-repeat top center;margin-top:35px; height:3px; width:1200px; overflow:hidden;}
.mtb35{margin-bottom:35px;}
.scontactItem{height: auto;width: 100%;margin-top: 40px; overflow:hidden; }
.scontactItem li{ overflow:hidden;}
.scontactItem li h3{font-weight:normal; background:url(../images/db.png) no-repeat top left;font-size:22px;color:#333;padding-left:35px;margin-bottom:30px;}
.scontactItem li .nleft{float:left;width:45%;}
.scontactItem li .nright{float:right;width:38%;}
.scontactItem li p{padding-left:35px; line-height:36px;font-size:16px;color:#666;}
.xxk .ben_case li{float: left; margin-left: 55px; margin-bottom: 20px; border:0px; border-radius: 0px; margin-right: 55px; width: 110px; height: 50px; color: #333333;}
.xxk .xxkname{
    color: #333333;
    font-size: 18px;
    line-height: 62px;
    text-align: center;
    border-radius: 0px;
}
.xxk .svg_avtive .xxkname{ color: #2dc7fd; border-bottom: 3px #2dc7fd solid;}
.xxk .qygw_a{font-size: 48px; color: #333333; float: left; display: block; width: 580px;}
.ksjz{width: 100%; height: 800px; background: #f4f4f4;}
.ksjz .hd{width: 1200px; height: 40px; padding: 0 160px;}
.ksjz .hd li{width: 160px; height: 40px; margin:20px 30px 50px; border:1px #00afec solid; float: left; border-radius: 20px; color: #00afec; text-align: center; line-height: 38px;cursor: pointer;}
.ksjz .hd li.on{background:#00afec; color: #fff; }
.ksjz .bd li{width: 360px; text-align: center; height: 480px; background: #fff; border: 1px #e5e5e5 solid; border-radius: 10px; float: left; margin:0px 20px;}
.ksjz .bd li .ben_setmn{height: 90px;width: 90px;display: block; margin: 0 auto;clear:both;}
.ksjz .bd li img{display: block; width:90px; height: 90px;}
.ksjz .bd li h6{font-size: 25px;color: #333333;margin-top: 30px; font-weight: normal;}
.ksjz .bd li .fwjg{display: block; font-size: 18px; color: #ff6600; float: left; width: 360px; margin-top: 20px; margin-bottom: 20px;}
.ksjz .bd li .fwjg span{color: #666666; font-size: 14px;}
.ksjz .bd_a{ width: 360px; height: 140px; float: left; padding-left: 40px; padding-right: 40px; margin-top:40px; margin-bottom:10px; }
.ksjz .bd_a p{width: 280px; height: 40px; line-height: 40px; border-bottom: 1px #cccccc dashed; float: left; color: #999999;}
.ksjz .bd li .more{width: 120px; height: 35px; border-radius: 20px; line-height: 33px; text-align: center; border:1px #00afec solid; color: #00afec;}
.fwys{width: 100%; height: 466px;}
.fwys .fwys_a{width:1200px; float: left; margin-top: 70px;}
.fwys .fwys_a li{width: 300px; height: 240px; float: left; text-align: center;}
.fwys .fwys_a li p{font-weight: bold; margin-top: 25px; margin-bottom:15px; }
.fwys .fwys_a li span{font-size: 14px; color: #666666;}
.gzh_a{width: 1200px; height: 380px; margin:0 auto; margin-bottom:50px;}
.gzh_a .gzh_a_p{font-size: 24px; float: left; margin-top: 60px; margin-bottom:40px; display: block; width: 700px;}
.gzh_a .gzh_a_img{float: right; display: block;}
.gzh_a li{float: left; height: 30px; width: 700px; line-height: 30px;}
.gzh_a li img{float: left;}
.gzh_a li p{line-height: 20px; float: left; margin-left:10px;}
.gzh_a .gzh_b{width: 700px; height: 380px; float: right;}
.gzh_c{width: 1228px; height: 485px; margin:0 auto;}
.gzh_c li{width: 280px; height: 350px; float: left; border:1px #D1D1D1 solid; text-align: center; padding:0px 20px; margin-left:13px; margin-right: 13px; margin-top:20px;}
.gzh_c li img{margin-top:30px; margin-bottom: 20px;}
.gzh_c li p{font-size: 22px; color: #545655; margin-bottom: 20px;}
.gzh_c li span{color: #888A87; font-size: 14px;}
.gzh_a .gzh_a_p2{font-size: 16px; color: #89878A; float: left; margin-top: 20px; display: block; width: 700px; line-height: 25px;}
.gzh_a .gzh_a_p3{float: left; width: 500px; font-weight: bold; margin-top:10px; margin-bottom:10px;}
.gzh_d{width:1240px; height: 840px; margin:0 auto;}
.gzh_d li{width: 165px; height: 220px; float: left; margin-left:20px; margin-right: 20px; text-align: center;}
.gzh_d li p{margin-top:15px; margin-bottom: 10px;}
.gzh_d li span{font-size: 12px; color: #88888A; line-height: 20px;}
.gzh_a .xcx_p{font-size: 14px; width: 450px; display: block; float: right; margin-top:50px; line-height: 20px;}
.xcx_a{width: 1260px; height: 490px; margin:0 auto;}
.xcx_a li{width: 255px; height: 300px; text-align: center; float: left; margin-left:30px; margin-right: 30px;}
.xcx_a li p{font-size: 22px; margin-top:35px; margin-bottom:35px;}
.xcx_a li span{color: #666666; font-size: 14px;}

.xcx_b{width: 100%; height: 700px; background: #F4F4F4; padding-top: 40px;}
.xcx_b_auto{width: 1224px; height: 700px; margin:0 auto;}
.xcx_b_auto li{width: 280px; height: 160px; background: #fff; border:1px #DEDEDE solid; float: left; margin-top:24px; margin-left: 12px; margin-right: 12px;}
.xcx_b_auto li img{float: left; margin-left:20px; margin-top: 44px;}
.xcx_b_auto li span{font-size: 18px; float: left; margin-top:25px; margin-left: 20px;}
.xcx_b_auto li p{font-size: 14px; color: #999999; line-height: 20px; float: left; margin-top: 5px; margin-left: 20px; display: block; width: 155px;}

.appkf{width: 100%; height: 500px;}
.appkf_a{width: 1200px; height: 500px; margin:0 auto;}
.appkf_a img{float: left; margin-top: 50px;}
.appkf_a .appkf_title{font-size: 30px; float: right; width: 120px; margin-left:400px; margin-top: 90px; display: block;}
.appkf_a span{width: 70px; height: 6px; display: block; float: right; margin-top: 30px; margin-bottom: 30px; background: #FF6501; margin-left:400px;}
.appkf_a .appkf_p{width: 520px; display: block; font-size: 14px; color: #656565; line-height: 24px; float: right;}
.appkf_a a{width: 120px; height: 35px; border:1px #00B0EB solid; color: #00B0EB; float: right; margin-top: 40px; margin-left:200px; line-height: 33px; text-align: center; border-radius: 20px;}
.wztg_a{width: 100%;}
.wztg_a_auto{width: 1200px; height: 500px; margin:60px auto 0px;}
.wztg_a_auto li{width: 500px; height: 500px; float: left;  margin-left: 50px; margin-right: 50px;}
.wztg_a_auto li span{font-size: 30px;display:block; margin-top: 58px; color:#077cca;padding-left: 36px;}
.wztg_a_auto li p{ font-size: 16px; color: #333333; line-height: 37px;  padding-left: 50px; margin-top: 15px; }
.wztg_b{width: 100%; height: 510px; padding-top: 60px;}
.wztg_b_auto{width: 1260px; height: 510px; margin:0 auto;}
.wztg_b_auto li{width:255px; height: 300px; float: left; text-align: center; margin-left: 30px; margin-right: 30px;}
.wztg_b_auto li span{font-size: 24px; margin-bottom: 25px; display: block; width: 255px; text-align: center; margin-top: 10px;}
.wztg_b_auto li p{font-size: 14px; color: #333333; line-height: 36px;}
.wztg_c{width: 100%; height: 500px; padding-top: 50px; background: #F4F4F4;}
.wztg_c_auto{width: 1200px; height: 500px; margin:0 auto;}
.wztg_c_auto ul{width: 1020px; height: 300px; margin:0 auto;}
.wztg_c_auto li{width: 280px; height: 280px; text-align: center; background: #FEFEFE; border:1px #DEDEDE solid; float: left; border-radius: 10px; margin-left: 30px; margin-right: 30px;}
.wztg_c_auto li .tcname{font-size: 24px; margin-top: 33px;}
.wztg_c_auto li .tcprice{font-size: 18px; line-height: 30px;margin-top: 34px;}
.wztg_c_auto li .tcprice span{color: #ff6600; font-size: 48px;}
.wztg_c_auto li a{width: 120px; padding: 2px 6px; height: 35px; color: #fff; background: #01AFEC; line-height: 35px; text-align: center; border-radius: 20px; margin-top: 30px;}
.wztg_c_auto li .dztc{font-size: 40px; margin-top: 50px; margin-bottom: 15px;}
.wztg_d{width: 100%; height: 520px; padding-top: 50px; background: #F4F4F4;}
.wztg_d_auto{width: 1220px; height: 520px; margin:0 auto;}
.wztg_d_auto li{width: 275px; height: 328px; text-align: center; background: #FEFEFE; border:1px #DEDEDE solid; float: left; border-radius: 10px; margin-left: 15px; margin-right: 15px;}
.wztg_d_auto li img{margin-top: 55px;}
.wztg_d_auto li span{font-size: 18px; margin-top: 25px; margin-bottom: 20px; width: 275px; display: block;}
.wztg_d_auto li p{font-size: 14px; color: #666666; line-height: 24px; width: 275px; display: block; padding-left: 20px; padding-right: 20px;}
.wltg_a{width: 100%; height: 720px;}
.wltg_a_auto{width: 1200px; height: 720px; margin:60px auto 0px; text-align: center;}
.wltg_a_auto p{color: #333333; font-size: 14px; margin-bottom: 50px;}
.wltg_b{width: 100%; height: 430px;}
.wltg_b_auto{width: 1200px; height: 430px; margin:60px auto 0px;}
.wltg_b_auto ul{width: 1020px; height: 140px; margin:70px auto;}
.wltg_b_auto li{width: 140px; height: 140px; border-radius: 50%; background: #2DC7FD; color: #fff; font-size: 18px; text-align: center; line-height: 140px; margin-left: 32px; margin-right: 32px; float: left;}
.qyys{width: 100%; height: 500px; background: #fff;}
.qyys_auto{width: 1200px; height: 500px; margin:35px auto 0px;}
.qyys img{float: left; margin-left: 95px; margin-top: 40px;}
.qyys .qyys_a{width: 560px; height: 350px; float: left; margin-top: 59px;}
.qyys p{font-size: 14px; color: #333333; float: left;}
.mbdw{width: 100%; height: 395px; background: #f4f4f4; padding-top: 42px;}
.mbdw_auto{width: 1230px; height: 353px; margin:0 auto;}
.mbdw li{width: 278px; height: 172px; float: left; background: #fff; padding:34px 20px; margin:35px 14px; position: relative;}
.mbdw li span{width: 48px; height: 4px; background: #2CC7FD; float: left;}
.mbdw li p{position: absolute;top: 50%;transform: translateY(-50%);text-align: left; line-height: 25px; display: block;font-size: 14px; color: #333333; width: 240px;}
.fwal{width: 100%; height: 735px; background: #f4f4f4; padding-top: 40px;}
.fwal_auto{width: 1200px; height: 666px; margin:0 auto;}
.fwal li{width: 329px; height: 231px; float: left; border:2px #5C89EE solid; margin:30px 34px; position: relative;}
.fwal li img{display: block; width: 100%; height: 227px;}
.fwal li i{width: 325px; height: 227px; background: #333333 url(../images/al_hover.png) 130px 85px no-repeat; display: none; opacity: 0.5; position: absolute; left: 0px; top: 0px;}
.fwal li:hover i{display: block;}
.jzlc{width: 100%; height: 437px; padding-top: 40px;}
.jzlc .jzlc_auto{width: 1200px; height: 400px; margin:0 auto;}
.jzlc .jzlc_a{width: 1102px; height: 125px; background: url(../images/jzlc.jpg) no-repeat; margin:40px auto;}
.jzlc p{font-size: 18px; color: #333333; float: left;}
.ksjz{width: 100%; height: 732px; background: #f4f4f4; padding-top: 40px;}
.ksjz_auto{width: 1090px; height: 680px; margin:0 auto;}
.ksjz ul{width: 865px; float: left;}
.ksjz li{width: 173px; height: 83px; background: #fff; float: left; line-height: 83px; text-align: center; color: #333333; border:1px #E7E7E7 solid;}
.ksjz .red{color: red;}
.ksjz .ksjz_a{width: 223px; height: 413px; background: #fff; float: left;}
.ksjz .ksjz_a span{width: 223px; height: 83px; border:1px #E7E7E7 solid; line-height: 83px; text-align: center; color: #333333; display: block;}
.ksjz .ksjz_a p{display: block; width:223px; height: 330px; border:1px #E7E7E7 solid; color: #999999; font-size: 14px; line-height: 24px; padding: 30px 0px 0px 13px;}
.ksjz a{width: 300px; height: 60px; background: #01AFEC; color: #fff; line-height: 60px; text-align: center; border-radius: 40px; margin-left: 400px; margin-top: 50px;}
.hqwh{width: 100%; height: 375px; padding-top: 40px;}
.hqwh_auto{width: 1200px; height: 356px; margin:0 auto;}
.hqwh ul{margin-top: 28px;float: left;}
.hqwh li{width: 400px; height: 98px; float: left; border:1px #E7E7E7 solid; line-height: 96px; padding-left:185px;}
.hqwh li.hqwh1{background:#fff url(../images/hqwh1.png) no-repeat 110px 18px;}
.hqwh li.hqwh2{background:#fff url(../images/hqwh2.png) no-repeat 110px 18px;}
.hqwh li.hqwh3{background:#fff url(../images/hqwh3.png) no-repeat 110px 18px;}
.hqwh li.hqwh4{background:#fff url(../images/hqwh4.png) no-repeat 110px 18px;}
.hqwh li.hqwh5{background:#fff url(../images/hqwh5.png) no-repeat 110px 18px;}
.hqwh li.hqwh6{background:#fff url(../images/hqwh6.png) no-repeat 110px 18px;}
.hqwh li.hqwh1:hover{background:#fff url(../images/hqwh11.png) no-repeat 110px 18px;}
.hqwh li.hqwh2:hover{background:#fff url(../images/hqwh22.png) no-repeat 110px 18px;}
.hqwh li.hqwh3:hover{background:#fff url(../images/hqwh33.png) no-repeat 110px 18px;}
.hqwh li.hqwh4:hover{background:#fff url(../images/hqwh44.png) no-repeat 110px 18px;}
.hqwh li.hqwh5:hover{background:#fff url(../images/hqwh55.png) no-repeat 110px 18px;}
.hqwh li.hqwh6:hover{background:#fff url(../images/hqwh66.png) no-repeat 110px 18px;}
.hqwh li img{margin:0px 20px 0px 125px;}
.hqwh li:hover{box-shadow: 0 0 4px 2px #E7E7E7;}
.jsld{width: 100%; height: 628px; padding-top: 50px;}
.jsld li{width: 597px; height: 206px; float: left; text-align: center;}
.jsld li img{margin-top: 20px;}
.jsld li span{color: #333333; font-size: 18px; width: 597px; margin-top:10px; text-align: center; display: block;}
.jsld li p{color: #666666; font-size: 14px; line-height: 25px; text-align: center; width: 460px; margin:10px auto;}
.pp_fwfw{width: 100%; height: 605px; padding-top: 40px; background: #f4f4f4;}
.pp_fwfw li{width: 580px; height: 100px; background: #fff; float: left; margin:0px 10px 40px;}
.pp_fwfw li img{float: left; margin:28px 20px;}
.pp_fwfw li span{font-size: 18px; color: #333333; float: left; width: 400px; margin-top:27px; margin-bottom:6px;}
.pp_fwfw li p{width: 490px; display: block;float: left; color: #333333; font-size: 14px;}
.pp_jzlc{width: 100%; height: 437px; padding-top: 55px;}
.pp_jzlc .pp_jzlc_a{width: 100%; height: 60px; background: url(../images/ppgw12.jpg) no-repeat; float: left; margin-top:25px; margin-bottom:0px;}
.pp_jzlc span{font-size: 18px; float: left;}
.pp_jzlc p{font-size: 14px; color: #666666; float: left; line-height: 24px;}
.pp_jzlc p.ben_p {
	float:none;
    font-size: 14px;
    color: #999999;
    margin-bottom: 60px;
    text-align: center;
    letter-spacing: 1px;
}
.zyh{width: 100%; height: 850px; padding-top: 40px;}
.zyh li{width: 280px; height: 325px; float: left; text-align: center; padding-top: 50px; margin-left: 25px;}
.zyh li span{font-size: 40px; color: #ffffff;}
.zyh li p{width: 170px; text-align: center; color: #fff; font-size: 14px; line-height: 24px; margin:5px auto; display: block;}
.zyh li.zyh_a{background: url(../images/dswz1.jpg) no-repeat; margin-left: 0px;}
.zyh li.zyh_b{background: url(../images/dswz2.jpg) no-repeat;}
.zyh li.zyh_c{background: url(../images/dswz3.jpg) no-repeat;}
.zyh li.zyh_d{background: url(../images/dswz4.jpg) no-repeat;}
.zyh li.zyh_e{background: url(../images/dswz5.jpg) no-repeat; margin-left: 150px;}
.zyh li.zyh_f{background: url(../images/dswz6.jpg) no-repeat; margin-left: 30px;}
.zyh li.zyh_g{background: url(../images/dswz7.jpg) no-repeat; margin-left: 35px;}
.zyh li.zyh_g p{width: 95px;}
.qdgn{width: 100%; height: 520px; padding-top: 40px; background: #f4f4f4;}
.qdgn li{width: 145px; height: 165px; float: left; text-align: center; margin-top: 100px;}
.qdgn li p{display: block; background: #01AFEC; width: 90px; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #fff; margin:15px auto;}
.dyh{width: 100%; height: 360px; padding-top: 40px; background: #f4f4f4;}
.dyh li{width: 300px; height: 200px; float: left; text-align: center;}
.dyh li p{font-size: 14px; margin-top: 20px;}
.jzgn{width:1200px; height: 840px; margin:0 auto; padding-top: 40px;}
.jzgn li{width: 240px; height: 220px; float: left; text-align: center;}
.jzgn li p{margin-top:15px; margin-bottom: 10px;}
.jzgn li span{font-size: 12px; color: #88888A; line-height: 20px;}
.dysj{width: 100%; height: 666px; padding-top: 40px;}
.dysj li{width: 580px; height: 198px; border:1px #E2E2E2 solid; float: left; margin:0px 20px 40px;}
.dysj li img{float: left; margin:80px 28px 0px 58px;}
.dysj li span{font-size: 18px; float: left; margin:60px 0px 10px; width: 300px; display: block;}
.dysj li p{font-size: 14px; line-height: 25px; width: 420px; display: block; float: left;}
.dyys{width: 100%; height: 520px; background: #f4f4f4; padding-top: 40px;}
.dyys li{width: 300px; height: 173px; float: left; text-align: center;}
.dyys li span{font-size: 18px; margin:15px auto; width: 246px; display: block;}
.dyys li p{font-size: 14px; color: #666666; line-height: 24px; width: 246px; margin:0 auto;}
.dygy{width: 1920px; height: 400px; background: url(../images/xcdy13.jpg) no-repeat center; margin:0 auto;}
.dy_fwal{width: 100%; height: 760px; background: #f4f4f4; padding-top: 40px;}
.dy_fwal_auto{width: 1200px; height: 720px; margin:0 auto;}
.dy_fwal li{width: 332px; height: 588px; float: left; border:2px #5C89EE solid; margin:30px 34px; position: relative;}
.dy_fwal li img{display: block; width: 100%; height: 584px;}
.dy_fwal li i{width: 328px; height: 584px; background: #333333 url(../images/al_hover.png) 132px 250px no-repeat; display: none; opacity: 0.5; position: absolute; left: 0px; top: 0px;}
.dy_fwal li:hover i{display: block;}
.reason_bj {
    background: url(../images/reason_bj.jpg) no-repeat center top;
    height: 896px;
    overflow: hidden;
}
.reason {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.reason h2 {
    padding-top: 68px;
    height: 300px;
    font-size: 26px;
    color: #040000;
    font-weight: normal;
    text-align: center;
    line-height: 44px;
}
.reason h2 span {
    display: block;
    font-size: 42px;
    line-height: 64px;
}
.reason h2 p {
    padding-top: 15px;
    font-size: 22px;
    color: #524f4f;
}
.reason h2 i {
    color: #c90000;
}
.reas01 {
    height: 158px;
    overflow: hidden;
}
.reas01 li {
    width: 300px;
    float: left;
    overflow: hidden;
    font-size: 24px;
    text-align: center;
    color: #545252;
    line-height: 30px;
}
.reas01 li img {
    display: block;
    width: 150px;
    height: 75px;
    margin: 0 auto 5px;
}
.reason h3 {
    text-align: center;
    height: 80px;
    overflow: hidden;
    font-size: 30px;
    color: #040000;
    line-height: 32px;
}
.zx {
    width: 297px;
    height: 64px;
    background: #f08200;
    text-align: center;
    line-height: 64px;
    margin: 0 auto;
    border-radius: 2px;
    font-size: 22px;
}
.zx a {
    color: #fff;
}
.reas02 {
    margin-top: 45px;
    height: 180px;
    overflow: hidden;
}
.reas02 li {
    height: 125px;
    border-right: 1px solid #d2d2d2;
    overflow: hidden;
    width: 400px;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 18px;
    text-align: center;
    line-height: 20px;
    color: #040000;
}
.reas02 li img {
    display: block;
    width: 130px;
    height: 92px;
    margin: 0 auto 5px;
}
.reas02 .nomar {
    border-right: 0;
}
.good_w {
    width: 100%;
    margin: 0 auto;
    min-width: 1100px;
}
.good_w .good {
    width: 1100px;
    margin: 0 auto;
    padding: 0px 0 50px;
}
.good_w .good .good_line {
    width: 1100px;
    margin: 0 auto;
}
.good_w .good .good_line ul li {
    width: 275px;
    float: left;
    text-align: center;
    padding: 0 31px;
}
.good_w .good .good_line ul li span {
    display: block;
}
.good_w .good .good_line ul li h5 {
    display: block;
    font-size: 20px;
    color: #333333;
    font-weight: normal;
    padding: 20px 0;
}
.good_w .good .good_line ul li p {
    display: block;
    color: #666;
    font-size: 13px;
    line-height: 22px;
}
.shouyi{width: 100%; height: 650px; background: #f4f4f4; padding-top: 50px;}
.shouyi li{width: 580px; height: 480px; float: left; text-align: center;}
.shouyi li span{font-size: 30px; width: 400px; display: block; text-align: center; margin:40px auto 20px;}
.shouyi li p{font-size: 14px; line-height: 24px; width: 400px; display: block; margin:0px auto;}
.Feature_w {
    width: 100%;
    margin: 0 auto;
    min-width: 1100px;
    background: #fff;
    height: 720px;
    padding-top: 60px;
}
.Feature_w .Feature ul {
    width: 1020px;
    margin: 65px auto;
}
.Feature_w .Feature ul li {
    width: 340px;
    height: 250px;
    float: left;
    padding: 0 13px 20px 13px;
    text-align: center;
}
.Feature_w .Feature ul li span {
    width: 103px;
    height: 103px;
    display: block;
    margin: 0 auto;
}
.Feature_w .Feature ul li h3 {
    display: block;
    color: #333;
    font-size: 20px;
    padding: 20px 0 15px 0;
}
.Feature_w .Feature ul li p {
    display: block;
    font-size: 12px;
    color: #848484;
    line-height: 20px;
}
.wnjz{width: 100%; height: 750px; padding-top: 40px;}
.wnjz .buzhou{width: 1200px; height: 100px; background: url(../images/buzhou.jpg) no-repeat bottom; margin:50px auto;}
.wnjz .buzhou p{display: block; width: 410px; text-align: center; font-size: 24px; float: left;}
.wnjz li{width: 295px; float: left; height: 340px; margin:20px 60px;}
.wnjz li span{font-size: 18px; text-align: center; width: 295px; display: block; float: left;margin-bottom: 10px;}
.wnjz li p{color: #999999; font-size: 14px; line-height: 24px;float: left;}
.wnjz li p i{color: #FC5A2C; text-align: center;}
.wnjz a{width: 200px; height: 50px; display: block; clear: both; text-align: center; border-radius: 50px; background: #2DC7FD; margin:45px auto; color: #fff; font-size: 22px; line-height: 50px;}