body{background:url("../images/body_bj.jpg") repeat-x left top; text-align:center;}
/*大于568pxpc版*/


.gpzhy{ width:100%; height:auto;  }
.hypic{ width:100%; overflow:visible;}
.hypic h2,.parpic h2{ font-size:185%; color:#444444; font-weight:normal; letter-spacing:2px; margin:20px auto 0;}
.hyys{ padding:0 6% 14%;}
.hyys_c{ width:48%; margin-bottom:5%;}
.hyrc{ padding:0 .2%;}
.linebot{ width:100%; height:4px; background:url(../images/linebot.png) 0 1px ; margin-top:-5px;}
.iphone_dw{ width:45%;}
.per80{ width:90%; margin:0 auto;}
.per70{ width:80%; margin:3% auto;}
.xqword{ text-align:center; margin:10% auto 7%;}
.bgf7f7f7{ background-color:#f7f7f7; margin-top:20px;}
.xqword a{ font-size:.8em; text-decoration:underline; color:#ff7220;}
.hycon{ margin-top:6%;; padding:0 5%;}
.tel-con{ padding:3% 5%; position:relative;}
.tel-L{ width:40px; position:absolute; left:4%;}
.tel-L span{ display:block; width:40px; margin-top:20%; height:40px; text-align:center; line-height:1.7em; border-radius:40px;; background-color:#ffd72b; font-size:1.5em; color:#96520f;}
.tel-R{ padding-left:20%;}
.tel-R p{ color:#6f7480; text-align:left; line-height:24px; margin-top:7px; font-size:95%; }
.cebebeb{ background-color:#ebebeb; border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.download{ margin-top:6%;}
.hycon_L{ width:24%;}
.hycon_R{ width:65%; padding-left:10%;  }
.hycon_R h2,.tel-R h2{ font-size:1em; font-weight:normal; text-align:left;}
.hycon_R p{ color:#999999; text-align:left; line-height:24px; margin-top:10px; font-size:95%; }
.tcpic{ width:90%; margin:5% auto;}
.parpic{ width:80%; margin:6% auto 5%;}
.hzhb{ width:80%; margin:5% auto 0;}
.hz_c{ width:47%; margin-bottom:16%;}

.liucheng-con{ position:relative; clear:both; margin-top:-2px;}
.liucheng-L{ width:30px; height:30px;}
.liucheng-L  { position:absolute; bottom:0; left:10px;}
.liucheng-R{ width:80%; margin-left:40px;; }
.liucheng-R h2{ font-size:1em; font-weight:; color:#ff6c43; text-align:left; line-height:2em; margin-left:2%;}
.footer{ width:100%; background-color:#eff2f5; padding:20px 0;}
.footer_con{ width:90%; margin:0 auto; }
.footer_con a,.footer_con span,.footer_con p{color:#7f7f7f; font-size:75%;}
.footer_con span{ margin:0 5px;}
.margin10{ margin-top:4%;}
.aaa{ margin-left:25px; border-left:1px solid #fe6b42; padding-top:2%; padding-bottom:5%; margin-right:25px;}
.bbb{background-color:#ebebeb; margin-left:10px;}
.bbb p{ text-align:left; line-height:22px; padding-left:3%; padding-top:3%; padding-bottom:3%; color:#6f7480; font-size:95%; padding-left:10px; padding-right:10px;}
.bordernone{ border-color:#f7f7f7;}

.device {
  height: 230px;
  padding: 20px 5%;
  border-radius: 20px;
  /*background: #FFF;*/
  
  margin: 5px auto;
  position: relative;
  
}
/*.device .arrow-left {
  background: url(img/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}
.device .arrow-right {
  background: url(img/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
}*/
.swiper-container {
	height:230px;
}
.content-slide {
  padding: 20px;
  color: #fff;
}
.title {
  font-size: 25px;
  margin-bottom: 10px;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  box-shadow: 0px 1px 2px #555 inset;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #fff;
}
/*选号码*/
.per40{ width:46%; border:1px solid #ff7220; margin-right:1px;}
.num-wrap .per40 a{ /* color:#ff7220;*/ font-size:1em; }
.num-wrap .per40 div{ font-size:1em; background-color:#ff7220; color:#fff;  padding:5px 0;}
.num-wrap .per40 p{ padding:3px 0;}
.num-wrap .per40 p a{  color:#ff7220; font-size:1em; }
.marginT10{ margin-top:20px;}
.num-wrap{ clear:both;}
/* banner */
.banner{width:100%; height: auto; padding:10px 0 30px 0; margin: 0 auto; background:url("../images/banner_bj.jpg") repeat-x left 401px;}
.banner_con{width:100%; height:auto; margin: 0 auto; max-width: 1200px; background: url("../images/banner_bj.png") no-repeat; background-size: cover;}
.banner_con a{display: block; max-width: 761px; margin:3.8% 0 8% 18.6%; float: left; width:63.41666666666666666667%;}
.banner_con img{width:100%;}
.banner_small{width:100%; height: auto;  margin: 0 auto; background: url("../images/banner_small_bj.jpg") repeat-x left top; padding:1.22% 0 1.22% 0;}
.banner_small_con{width: 100%; height: auto; margin: 0 auto; max-width: 1200px; padding-bottom: 10px;}
.banner_small_con li{float: left; margin:0 2.40%; max-width: 161px; cursor: pointer; background-size: cover; padding:6.708333%; box-shadow:3px 5px 5px #3d3d3d;}
.ban_small1{background: url("../images/ban1.jpg") no-repeat; margin-left:6.3% !important;}
.ban_smallH1{background: url("../images/ban1H.jpg") no-repeat; margin-left:6.3% !important;}
.ban_small2{background: url("../images/ban2.jpg") no-repeat;}
.ban_smallH2{background: url("../images/ban2H.jpg") no-repeat;}
.ban_small3{background: url("../images/ban3.jpg") no-repeat;}
.ban_smallH3{background: url("../images/ban3H.jpg") no-repeat;}
.ban_small4{background: url("../images/ban4.jpg") no-repeat;}
.ban_smallH4{background: url("../images/ban4H.jpg") no-repeat;}
.ban_small5{background: url("../images/ban5.jpg") no-repeat;}
.ban_smallH5{background: url("../images/ban5H.jpg") no-repeat;}
.use_method{width:100%; height: auto; margin: 0 auto; background: url("../images/hw_bj.jpg") repeat;}
.method_con{width:100%; height: auto; margin: 0 auto; max-width: 1200px; padding-left: 5%;}
.method_block{float: left; padding: 60px 0; margin-right:5%; display: block; overflow: hidden;}
.method_block:nth-child(1){width:26.5%;}
.method_block:nth-child(2){width:33.4%;}
.method_block:nth-child(3){width:26.3%; margin-right: 0;}
.method_block .method_L{width: 124px; height: 124px; float: left; border-radius: 124px; margin-right: 1.8%;}
.method_word{float: left; margin-top:10px;}
.method_word h3{font-size:1.5em; color: #005cb1; font-weight: normal; padding-bottom:5px; }
.method_word div{font-size: 0.875em; line-height: 1.75em;}
.use_web{background: url("../images/use_method_ico.png") -18px -20px no-repeat #86b3c2;}
.method_block:hover .use_web{background: url("../images/use_method_ico.png") -18px -20px no-repeat #ff7867;}
.use_mobile{background: url("../images/use_method_ico.png") -18px -584px no-repeat #86b3c2;}
.method_block:hover .use_mobile{background: url("../images/use_method_ico.png") -18px -584px no-repeat #ff7867;}
.use_num{background: url("../images/use_method_ico.png") -17px -308px no-repeat #86b3c2;}
.method_block:hover .use_num{background: url("../images/use_method_ico.png") -17px -308px no-repeat #ff7867;}
/* 优势 */
.advantage{width:100%; height: auto; margin:0 auto; background: url("../images/ys_bj.jpg") repeat; border-bottom: 10px solid #1c7799;}
.advan_line{width:100%; height: auto; margin:0 auto; max-width: 1184px; padding:30px 0 60px 0;}
.advan_line img{width:100%;}
.advan_con{width:100%; height: auto;  margin:0 auto;  max-width: 947px; position: relative; background: url("../images/youshi_bj.jpg") no-repeat left top; padding-bottom: 3em;}
.advan_con h3{font-size: 1.125em; color: #92c510; font-weight: normal; line-height: 2.5em;}
.advan_block{width:65.469%;}
.advan_block div{font-size:0.875em; color: #579ee6; line-height: 1.6em;}
.advan_conL,.advan_conR{width:50%;}
.advan_conR{text-align:right;}
.advan_conL .advan_block{float: left;}
.advan_conR .advan_block{float: right;}
.advan_con .lt{margin:0.3em 0 0 14%;}
.advan_con .lm{margin:3.2em 0 0 14%;}
.advan_con .lf{margin:3.5em 0 0 14%;}
.advan_con .rt{margin:0.3em 14% 0 0;}
.advan_con .rm{margin:3.2em 14% 0 0;}
.advan_con .rf{margin:3.5em 14% 0 0;}
/* 外圈旋转style */
.circle_out{width:188px; height: 188px; position: absolute; left: 386px; top:168px; background: url("../images/circle-outer.png") no-repeat; animation: circle-outer 2s linear infinite;
    -moz-animation: circle-outer 2s linear infinite;
    -webkit-animation: circle-outer 2s linear infinite;
    -o-animation: circle-outer 2s linear infinite;
}
@-webkit-keyframes circle-outer{
    from{-webkit-transform:rotate(0deg)}
    to{-webkit-transform:rotate(360deg)}
}
@-moz-keyframes circle-outer{
    from{-moz-transform:rotate(0deg)}
    to{-moz-transform:rotate(360deg)}
}
@-o-keyframes circle-outer{
    from{-o-transform:rotate(0deg)}
    to{-o-transform:rotate(360deg)}
}
@keyframes circle-outer{
    from{transform:rotate(0deg)}
    to{transform:rotate(360deg)}
}
/* 内圈旋转style */
.circle_inner{width:148px; height: 148px; left: 406px; top:187px; position: absolute; background: url("../images/circle_inner.png") no-repeat; animation:circle-inner 14s linear infinite;
    -webkit-animation:circle-inner 14s linear infinite;
    -moz-animation:circle-inner 14s linear infinite;
    -o-animation:circle-inner 14s linear infinite;
}
@-webkit-keyframes circle-inner
{
    0%{-webkit-transform:rotate(0deg)}
    10.7%{-webkit-transform:rotate(-90deg)}
    25%{-webkit-transform:rotate(-90deg)}
    35.7%{-webkit-transform:rotate(-180deg)}
    50%{-webkit-transform:rotate(-180deg)}
    60.7%{-webkit-transform:rotate(-270deg)}
    75%{-webkit-transform:rotate(-270deg)}
    85.7%{-webkit-transform:rotate(-360deg)}
    100%{-webkit-transform:rotate(-360deg)}
}
@-moz-keyframes circle-inner{
    0%{-moz-transform:rotate(0deg)}
    10.7%{-moz-transform:rotate(-90deg)}
    25%{-moz-transform:rotate(-90deg)}
    35.7%{-moz-transform:rotate(-180deg)}
    50%{-moz-transform:rotate(-180deg)}
    60.7%{-moz-transform:rotate(-270deg)}
    75%{-moz-transform:rotate(-270deg)}
    85.7%{-moz-transform:rotate(-360deg)}
    100%{-moz-transform:rotate(-360deg)}
}
@-o-keyframes circle-inner{0%{-o-transform:rotate(0deg)}10.7%{-o-transform:rotate(-90deg)}25%{-o-transform:rotate(-90deg)}35.7%{-o-transform:rotate(-180deg)}50%{-o-transform:rotate(-180deg)}60.7%{-o-transform:rotate(-270deg)}75%{-o-transform:rotate(-270deg)}85.7%{-o-transform:rotate(-360deg)}100%{-o-transform:rotate(-360deg)}}
@keyframes circle-inner{0%{transform:rotate(0deg)}10.7%{transform:rotate(-90deg)}25%{transform:rotate(-90deg)}35.7%{transform:rotate(-180deg)}50%{transform:rotate(-180deg)}60.7%{transform:rotate(-270deg)}75%{transform:rotate(-270deg)}85.7%{transform:rotate(-360deg)}100%{transform:rotate(-360deg)}}
.mobile_adv{display: none;}
.center_word{font-size:1.5em; color: #767676; line-height: 2em; width:40%; max-width: 1200px; margin:0 auto; background: url("../images/bnh_bj.jpg") no-repeat center top; max-height: 840px; padding:19em 30% 2.5em 30%; text-align: center;}
.center_word b{font-size:1.625em; color: #326ca4; font-weight: normal;}
.huibao_block{width:100%; height:auto; margin:0 auto; background: url("../images/hb_img_bj1.jpg") no-repeat center top;}
.huibao2{background: url("../images/hb_img_bj2.jpg") no-repeat center top;}
.huibao3{background: url("../images/hb_img_bj3.jpg") no-repeat center top;}
.huibao4{background: url("../images/hb_img_bj4.jpg") no-repeat center top;}
.huibao_block div{width: 100%; max-width: 1200px; margin:0 auto; background-size:cover; color:#fff;}
.huibao_block div span{display: block; line-height: 1.75em;}
.huibao_block1{height: 300px; background: url("../images/hb_img1.jpg") no-repeat left top;}
.huibao_block1 span{width:40%; float: left; margin:180px 0 0 82px;}
.huibao_block2{height: 376px; background: url("../images/hb_img2.jpg") no-repeat right top;}
.huibao_block2 span{width:35%; float: right; margin:160px 25px 0 0;}
.huibao_block3{height: 299px; background: url("../images/hb_img3.jpg") no-repeat left top;}
.huibao_block3 span{width:40%; float: left; margin:160px 0 0 70px;}
.huibao_block4{height: 284px; background: url("../images/hb_img4.jpg") no-repeat right top;}
.huibao_block4 span{width:40%; float: right; margin:170px 120px 0 0;}
/* Index客户案例 */
.case{width:100%; height: auto; margin: 0 auto; padding-bottom: 20px; background: url("../images/case_bj.jpg") repeat; border-top: 1px solid #fff; padding-top:4.2%;}
.case_block{width:100%; height:auto; margin: 0 auto; max-width: 1200px; box-shadow:3px 5px 5px #b1b1b1;}
.case_block span{font-size: 0.875em; color: #fff; line-height: 1.85em;}
.case_row1{background: url("../images/case_bj1.jpg") no-repeat left top; width:100%; height: auto; margin: 0 auto;}
.case_row1 span{float: left; width:34.58%; margin:5.2% 0 0 4.16%;}
.case_row1 img{width:58.166%;}
.case_row2 div img{width:100%;}
.case_row2 div:nth-child(1) span{width:40%; text-align: center; float: right; font-size: 0.75em; padding:6% 5% 0 0;}
.case_row2 div:nth-child(1){width:28.75%; float: left;}
.case_row2 div:nth-child(3){width:28.66%; float: left;}
.case_row2_word{float: left; background:url("../images/case_bj4_1.jpg") no-repeat right top; width:100%;}
.case_row2_word img{width:51% !important;}
.case_row3 div{width:60.9%; float: left; background: url("../images/case_bj8.jpg") no-repeat right top;}
.case_row3 div img{width:57.6%;}
.case_row3 .img_width{width:25%;}
.case_row3 a{display: block; float: left; width: 14.1%; max-width: 169px;}
.case_row3 a img{width:100%; float: left;}
.case_row3 div span{font-size:0.75em; width:32.8%; text-align: center; float: right; margin:7%  5.3% 0 0;}
/* Index_使用百脑汇 */
.use_meeting{width:100%; max-width: 1200px; margin: 0 auto; padding-top:30px;}
.use_meeting .use_block{width:21.3%; height:auto; float: left; margin: 0 6%;}
.use_block div:nth-child(1){width:156px; height: 156px; border-radius: 156px; float: left;}
.use_block_ico1{background: #1c79c6 url("../images/use_method_ico.png") no-repeat -230px 5px;}
.use_block_ico2{background: #1c79c6 url("../images/use_method_ico.png") no-repeat -235px -270px;}
.use_block_ico3{background: #1c79c6 url("../images/use_method_ico.png") no-repeat -245px -528px;}
.use_block:hover .use_block_ico1{background: #ff7867 url("../images/use_method_ico.png") no-repeat -230px 5px;}
.use_block:hover .use_block_ico2{background: #ff7867 url("../images/use_method_ico.png") no-repeat -235px -270px;}
.use_block:hover .use_block_ico3{background: #ff7867 url("../images/use_method_ico.png") no-repeat -245px -528px;}
.use_word{width:100%; float: left; padding-top: 30px; line-height: 1.5em;}
.use_word div{font-size:0.875em; float: left;}
.use_word div a{text-decoration: underline; color: #0776d2;}
.use_word h2{font-size:1.875em; font-weight: normal; color: #005092; padding-bottom: 10px;}
.use_block1 table{width:85%; float: left; font-size: 0.875em;}
.use_block1 table a{display: block; width:88px; height: 27px; float: left;}
.down_ios{background: url("../images/down_ico.jpg") no-repeat;}
.down_android{background: url("../images/down_ico.jpg") no-repeat left -27px;}
.check_details_btn,.zixun_btn{width:116px; height: 36px; display: block; background: url("../images/btn_jihe.png")no-repeat left -32px; float: left; margin-top: 10px;}
.use_block2 div{background:url("../images/btn_jihe.png") no-repeat -186px 5px; padding-left: 10px;}
.zixun_btn{background: url("../images/btn_jihe.png")no-repeat left -73px;}
.use_hot_line{background: url("../images/btn_jihe.png") no-repeat left -124px; height: 26px; width:190px;}




/* 手机版480px */
@media screen and (max-width:750px) {
    body{background:url("../images/body_bj_small.jpg") repeat-x left top;}
    /* banner部分 */
    .banner{width:100%; height: auto; padding:10px 0 30px 0; margin: 0 auto; background:url("../images/banner_bj.jpg") repeat-x left 194px;}
    .banner_small_con li{float: left; margin:1% 2% 0 2%; max-width: 161px; cursor: pointer; background-size: cover; padding:7.0%; box-shadow:2px 4px 4px #3d3d3d;}
    .ban_small1{background: url("../images/ban1.jpg") no-repeat; margin-left:5.8% !important;}
    .ban_smallH1{background: url("../images/ban1H.jpg") no-repeat; margin-left:5.8% !important;}
    /* 优势部分 */
    .pc_advan,.huibao_block{display: none;}
    .mobile_adv{display:block;}
    .mobile_adv .advan_con{background: none; width:100%; max-width: 480px; padding-top: 10px;}
    .circle_con{width:210px; height: 212px; position: relative; margin:0 auto; background: url("../images/mobile_adv_img.jpg") no-repeat;}
    .mobile_adv .circle_inner{left:30px; top: 30px;}
    .mobile_adv .circle_out{left:10px; top:10px;}
    .mobile_adv .advan_line{padding: 30px 0 40px 0;}
    .mobile_adv .advan_con .advan_block{width:66% !important; margin:0 auto; padding:20px 5px 10px 14.583%;}
    .advan_xline{width:100%; background: url("../images/adv_xline.jpg") no-repeat center top; height: 2px;}
    .mobile_adv .advan_con .advan_block:nth-child(1){background:url("../images/mobile_adv_ico.png") no-repeat 2px 12px;}
    .mobile_adv .advan_con .advan_block:nth-child(3){background:url("../images/mobile_adv_ico.png") no-repeat -98px -136px;}
    .mobile_adv .advan_con .advan_block:nth-child(5){background:url("../images/mobile_adv_ico.png") no-repeat 2px -284px;}
    .mobile_adv .advan_con .advan_block:nth-child(7){background:url("../images/mobile_adv_ico.png") no-repeat -98px -431px;}
    .mobile_adv .advan_con .advan_block:nth-child(9){background:url("../images/mobile_adv_ico.png") no-repeat 2px -576px;}
    .mobile_adv .advan_con .advan_block:nth-child(11){background:url("../images/mobile_adv_ico.png") no-repeat -98px -726px;}
    /* 付出和回报 */
    .center_word{width:80%; max-width: 568px; background: url("../images/bnh_bj_small.jpg") no-repeat center top; max-height:645px; padding:20em 10% 3em 10%; text-align: center;}
    .center_word b{font-size:1.5em; color: #326ca4; font-weight: normal;}
    .center_word{font-size:1.2em; color: #767676; line-height: 2em;}
    /* 480px回报 */
    .mobile_hb{width:100%; max-width: 568px; margin:0 auto; display: block; background:url("../images/huibao_bj_480.jpg") no-repeat left top;}
    .mobile_hb div{width:100%; max-width: 480px; margin:0 auto; color: #fff; font-size: 0.75em; line-height: 1.5em;}
    .mobile_hb .huibao_block1{height:129px; background: url("../images/hb_img1_480.jpg") no-repeat left top;}
    .mobile_hb .huibao_block2{height:150px; background: url("../images/hb_img2_480.jpg") no-repeat right top;}
    .mobile_hb .huibao_block3{height:151px; background: url("../images/hb_img3_480.jpg") no-repeat left top;}
    .mobile_hb .huibao_block4{height:150px; background: url("../images/hb_img4_480.jpg") no-repeat right top;}
    .mobile_hb .huibao_block1 span{width:58%; float: left; margin:75px 0 0 30px;}
    .mobile_hb .huibao_block2 span{width:64%; float: right; margin:75px 0 0 0;}
    .mobile_hb .huibao_block3 span{width:70%; float: left; margin:75px 0 0 30px;}
    .mobile_hb .huibao_block4 span{width:63%; float: right; margin:75px 0 0 0;}
    /* Index_客户案例_480 */
    .case_block_480{display: block; width:100%; max-width: 480px; margin: 0 auto;}
    .case_block_480 span{color: #fff; line-height: 1.3em; font-size:0.75em; }
    .case_block_480 .case_row1{background: url("../images/case_bj1_480.jpg") no-repeat left top;}
    .case_block_480 .case_row1 span{margin:10px 0 0 18px; width:55.2%; float: left;}
    .case_block_480 .case_row1 img{width: 38.125%;}
    .case_block_480 .case_row2 img{width:100%;}
    .case_block_480 .case_row3{background:#626262;}
    .case_block_480 .case_row3 span{float: left; width:37.5%; margin: 18px 0 0 10px; text-align: center;}
    .case_block_480 .case_row3 img{width:57.9%;}
    .case_block_480 .case_row4 div{width:54.58%; background: url("../images/case_bj6_480.jpg") no-repeat right top; float: left;}
    .case_block_480 .case_row4 img{width:44.27%;}
    .case_block_480 .case_row4 span{width:50%; float: right; margin:18px 8px 0 0; text-align: center;}
    .case_block_480 .case_row4 .img_width{width:25.8%;}
    .case_block_480 .case_row4 a{width:19.62%; float: left; display: block;}
    .case_block_480 .case_row4 a img{width:100%;}
    /* Index使用百脑会480 */
    .use_meeting{max-width: 480px;}
    .use_line480{display:block; width:100%; height: 2px; max-width: 568px; background: url("../images/use_border-top480.jpg") center top;}
    .use_block{width:100% !important; max-width: 480px; margin: 0 auto; border-bottom: 1px solid #d7d7d7; padding-bottom:30px;}
    .use_word{width:50.8% !important; float: left; margin-left: 6.25%; display: inline;}
    .use_block div:nth-child(1){margin-top: 20px;}

    .method_con{width:100%; height: auto; margin: 0 auto; max-width: 520px; padding-left: 0;}
    .method_con{width:100%; height: auto; margin: 0 auto; max-width: 520px;}
    .method_block{margin:0 auto; padding: 30px 4%; border-bottom: 1px solid #cfcfcf; float: none;}
    .method_word h3{font-size:1.25em; color: #005cb1; font-weight: normal; padding-bottom:5px; }
    .method_word div{font-size: 0.8125em; line-height: 1.75em;}
    .method_block:nth-child(1){width:80%;}
    .method_block:nth-child(2){width:80%;}
    .method_block:nth-child(3){width:80%; margin-left:9%;}
    .method_block .method_word{width:58%;}
    .method_block .method_L{width: 124px; height: 124px; float: left; border-radius: 124px; margin-right: 1.8%;}
}
@media screen and (max-width:380px)
{
    .mobile_adv .advan_con .advan_block{width:78% !important; margin:0 auto; padding:20px 5px 10px 22%; }
    .advan_block div{font-size: 0.82em;}
}
@media screen and (max-width:479px)
{
    .case_block_480,.case_block{display: none;}
    .center_word{font-size:0.95em; color: #767676; line-height: 2em; width:84%; max-width: 568px; background: url("../images/bnh_bj_small.jpg") no-repeat center top; max-height:645px; background-size: contain; padding:13em 8% 3em 8%; text-align: center;}
    .center_word b{font-size:1.35em; color: #326ca4; font-weight: normal;}
    .mobile_hb div{width:100%; max-width: 320px; margin:0 auto; color: #fff; font-size: 0.75em; line-height: 1.5em;}
    .mobile_hb .huibao_block1{height:119px; background: url("../images/hb_img1_320.jpg") no-repeat left top;}
    .mobile_hb .huibao_block2{height:156px; background: url("../images/hb_img2_320.jpg") no-repeat right top;}
    .mobile_hb .huibao_block3{height:175px; background: url("../images/hb_img3_320.jpg") no-repeat left top;}
    .mobile_hb .huibao_block4{height:151px; background: url("../images/hb_img4_320.jpg") no-repeat right top;}
    .mobile_hb .huibao_block1 span{width:62%; float: left; margin:58px 0 0 18px;}
    .mobile_hb .huibao_block2 span{width:66%; float: right; margin:58px 7px 0 0;}
    .mobile_hb .huibao_block3 span{width:59%; float: left; margin:58px 0 0 18px;}
    .mobile_hb .huibao_block4 span{width:65%; float: right; margin:58px 7px 0 0;}
    /* 320px-Index客户案例 */
    .case_block_320{display: block; width:100%; max-width: 299px; margin: 0 auto;}
    .case_block_320 span{color: #fff; line-height: 1.3em; font-size:0.75em; }
    .case_block_320 .case_row1{background: url("../images/case_bj1_320.jpg") no-repeat left top;}
    .case_block_320 .case_row1 span{margin:10px 0 0 18px; width:59%; float: left;}
    .case_block_320 .case_row1 img{width: 31.4%;}
    .case_block_320 .case_row2 img{width:100%;}
    .case_block_320 .case_row3{background:#626262;}
    .case_block_320 .case_row3 span{float: left; width:52%; margin:8px 0 0 10px; text-align: left;}
    .case_block_320 .case_row3 img{width:44.14%;}
    .case_block_320 .case_row4 img{width:71.9%;}
    .case_block_320 .case_row4 a{width:28.1%; float: left; display: block;}
    .case_block_320 .case_row4 a img{width:100%;}
    .use_word h2{font-size:1.34em;}

    .method_con{width:100%; height: auto; margin: 0 auto; max-width: 415px; padding-left: 0;}
    .method_con{width:100%; height: auto; margin: 0 auto; max-width: 415px;}
    .method_block{margin:0 auto; padding: 30px 0; border-bottom: 1px solid #cfcfcf; float: none;}
    .method_word h3{font-size:1.25em; color: #005cb1; font-weight: normal; padding-bottom:5px; }
    .method_word div{font-size: 0.8125em; line-height: 1.75em;}
    .method_block:nth-child(1){width:80%;}
    .method_block:nth-child(2){width:80%;}
    .method_block:nth-child(3){width:80%; margin-left:9%;}
    .method_block .method_word{width:70%; margin:0 auto; float: none; padding-top: 15px;}
    .method_block .method_L{width: 124px; height: 124px; float:none; margin:0 auto; border-radius: 124px;}

    .use_block{padding-top: 20px; width:300px; float: none; margin: 0 auto;}
    .use_block div:nth-child(1){float: none; margin: 0 auto; display: block;}
    .use_word{float: none; padding: 30px 0 0 0; line-height: 1.5em; margin: 0 auto; width:220px !important; display: block !important;}
    .use_word h2{width:100%; display: block; overflow: hidden;}
    .use_word div{width:100%;margin: 0 auto;}



}
@media screen and (max-width:430px)
{
    .banner{width:100%; height: auto; padding:10px 0 20px 0; margin: 0 auto; background:url("../images/banner_bj.jpg") repeat-x left 134px;}
    .banner_small_con li{float: left; margin:1% 2% 0 2%; max-width: 161px; cursor: pointer; background-size: cover; padding:7.0%; box-shadow:2px 4px 4px #3d3d3d;}
    .ban_small1{background: url("../images/ban1.jpg") no-repeat; margin-left:5.8% !important;}
    .ban_smallH1{background: url("../images/ban1H.jpg") no-repeat; margin-left:5.8% !important;}
}