html,body{width:100%;height:100%;}
button,html,input,select,textarea{color:#222;outline:0 none !important; blr:expression(this.onFocus=this.blur());}
a,input,button{ outline:none; }
::-moz-focus-inner{border:0px;}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #e3e3e3;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.chromeframe{margin:.2em 0;background:#e3e3e3;color:#000;padding:.2em 0}
.ir{background-color:transparent;border:0;overflow:hidden}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none!important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
ul,li{list-style:none;}
body{font-size:1em;line-height:1.4;background-size:100% 100%;background-attachment:fixed;overflow-x:hidden;overflow-y:scroll;}
html,body,h1,h2,h3,h4,h5,ul,li,p,section,header,footer,nav,div{margin:0;padding:0;list-style:none; }
.fl{float:left;}
.fr{float:right;}
a,a:hover{text-decoration:none;outline: none;}                                                                                                                                                        
a{color:#252525;}
.cl{clear:both;}
.red{color:#ff2400;}
@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
    a,a:visited{text-decoration:underline}
    a[href]:after{content:" (" attr(href) ")"}
    abbr[title]:after{content:" (" attr(title) ")"}
    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
    blockquote,pre{border:1px solid #999;page-break-inside:avoid}
    thead{display:table-header-group}
    img,tr{page-break-inside:avoid}
    img{max-width:100%!important}
    @page{margin:.5cm}
    h2,h3,p{orphans:3;widows:3}
    h2,h3{page-break-after:avoid}
}   
*{  
    box-sizing:border-box;
    -moz-box-sizing:border-box; /* Firefox */
    -webkit-box-sizing:border-box; /* Safari */
    /*behavior: url(css/iecss3.htc); */
}

*::after {
    font-family: inherit;
}
img{border:0;padding:0;vertical-align: middle;}
a, a img, a:active, a:hover, button:active, button:hover { outline: 0px none; }
.nav_overlay, .parallax_block { top: 0px; left: 0px; bottom: 0px; right: 0px; }
.contact_overlay, .nav_overlay {  }
.close_nav, button { cursor: pointer; }
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, .header_nav a, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; list-style: outside none none; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: outside none none; }
blockquote::after, blockquote::before, q::after, q::before { content: none; }
button, input, textarea { outline: 0px none; border: medium none; padding: 0px; }
textarea { resize: vertical; }
@media screen and (max-width: 768px) {
    body { font-size: 15px; line-height: 20px; }
}


/*PC隐藏*/ 
.box-header .nav .fr{
    display: none;
}
#navbut{
    display: none;
}
.box-banner .phone{
    display: none;
}
.box-banner img{
    width: 100%;
}

/*共用代码*/
.Sharebox{
    width: 100%;
    float: left;
    position: relative;
    height: auto;
    overflow: hidden;

}
.box-1200{
    max-width: 1220px;
    margin: 0 auto;

}
.box-title{
    width: 100%;
    text-align: center;
    font-size: 30px;
    color: #515151;
    font-weight: bold;
    position: relative;
}
.box-title div{
    position: relative;
    display: inline-block;
}
.box-title div:before{
    border: 3px solid #ccc;
    border-bottom: none;
    border-right: none;
    width:30px; 
    height: 10px;
    position: absolute;
    left: -50px;
    top: 20px;
    content: "";
}
.box-title div:after {
    border: 3px solid #ccc;
    border-bottom: none;
    border-left: none;
    width:30px; 
    height: 10px;
    position: absolute;
    right: -50px;
    top: 20px;
    content: "";
}
/*header头部*/
.box-header .navbut{
    display: none;
}
.box-header .box .fl{
    float: left;
}
.box-header .box .fl ul{
    float: left;
    margin:15px 0 0 30px;
}
.box-header .box .fl li{
    float: left;
    margin-right: 15px;
}
.box-header .box .fl .logo{
    float: left;
}
.box-header .box{
    float: left;
    padding: 30px 0 20px 0;
    width: 100%;
}
.box-header .fr{
    position: relative;
}
.box-header .fr .tel{
    float: right;
}
.box-header .box .fr i{
    float: left;    
    margin-top:-5px;   
    font-size:40px;
    color: #ff6600;
    margin-right: 10px;
}
.box-header .box .fr .text{
    color: #515151;
    font-size: 16px;
    font-weight: bold;
    float: right;
}
.box-header .box .fr .number{
    font-size: 30px;
    font-weight: bold;
    position: relative;
    top: -5px;

    color: #517fff;
}
.box-header .box .fr .number em{
    font-size: 25px;
}
.box-header .nav{
    width: 100%;
    float: left;
    background: #EC8617;
}
.box-header .nav .hover{
    background: #f09819 ;
    color: #fff;
}
.box-header .nav ul{
    max-width: 1200px;
    margin: 0 auto;
}
.box-header .nav ul li{
    float: left;
    width: 12.5%;
    line-height: 40px;
}
.box-header .nav ul li a{
    width: 100%;
    float: left;
    display: block;
    color: #fff;
    text-align: center;
}
/*footer尾部*/
.box-footer{
    background: #424242;
    padding: 30px 0 110px 0;
}
.box-footer .foot-nav{
    width: 100%;
    background: #515151;
    float: left;
    position: relative;
    box-shadow: 0 0 20px rgba(0,0,0,.3);
    height: 30px;
}
.box-footer .foot-nav .box-1200{
    padding: 0 10px;
}
.box-footer .foot-nav .box-1200 .box{
    position: relative;
    width: 100%;
    float: left;
    padding: 10px 0;
}
.box-footer .foot-nav .fl .tel{
    font-size: 20px;
    font-weight: bold;
    float: left;
    color: #EC8617 ;
}
.box-footer .foot-nav .fl .content{
    font-size: 18px;
    float: left;
    color: #fff;
    margin-left: 10px;
}
.box-footer .foot-nav .fr{
    position: absolute;
    right: 0px;
    height: 52px;
    width: 50px;
    background: #ff6600;
    top: 0px;
    color:  #fff;
    line-height: 52px;
    font-size: 25px;
    text-align: center;
    cursor: pointer;
}
.box-footer .footcontent{
    float: left;
    width: 100%;
    color: #fff;
}
.box-footer .footcontent .footTel{
    width: 100%;
    float:left;
    padding-top: 40px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #666;
}
.box-footer .footcontent .footTel .title{
    font-size: 19px;
    font-weight: bold;
    width: 100%;
    float: left;
    border-bottom: 2px solid #666;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.box-footer .footcontent .footTel li a{
    color: #ccc;
    display:block;
    float:left;
    margin:  5px 5px  5px 0;
    font-size: 14px;
}
.box-footer .footcontent .box-1200{
    padding: 0 10px;
}
.box-footer .foot_con01{
    padding: 40px 0 30px 0;
    float: left;
    width: 100%;
    position: relative;
    margin-top:0px;
}
.box-footer .foot_con01 .img{
    position: absolute;
    top: 40px;
    left: 0px;
    padding-right: 50px;
    border-right: 1px dashed #666;
}
.box-footer .foot_con01 .wechat{
    position: absolute;
    top: 30px;
    right: 0px;
}
.box-footer .foot_con01 .nav{
    float: left;
    width: 100%;
    padding: 0 200px 50px 220px;
    margin-top: 6px;
    border-bottom: 1px dashed #666;
    position: relative;
}
.box-footer .foot_con01 .nav .title{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}
.box-footer .foot_con01 .nav li{
    float: left;
    padding-right: 20px;
    font-size: 12px;
    position: relative;
}
.box-footer .foot_con01 .nav li:before{
    position: absolute;
    content: "/";
    right: 6px;
}
.box-footer .foot_con01 .nav li:last-child:before{
    content: none;
}
.box-footer .foot_con01 .nav li a{
    color :#fff;
}
.box-footer .foot_con02 {
    float: left;
    width: 100%;
}
.box-footer .foot_con02 .title{
    width: 100%;
    float: left;
    font-weight: bold;
    color: #EC8617;
}
.box-footer .foot_con02 ul{
    margin-top: 10px;
    float: left;
    width: 100%;
}
.box-footer .foot_con02 li{
    float: left;
    margin: 0 20px 10px 0 ;
    font-size: 14px;
}
.box-footer .foot_con02 li a{
   color: #666;
}
.box-footer .foot-con03{
    font-size: 12px;
    width: 100%;
    margin-top: 40px;
    float: left;
}
.box-footer .foot-con03 div{
    margin-bottom: 10px;
}
.box-footer .foot-con03 div p{
    position: relative;
    padding-left: 20px;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}
.box-footer .foot-con03 div p:nth-child(1) i{
    font-size: 12px;
    left: -10px;
    top: 0px;
}
.box-footer .foot-con03 div p i{
    position: absolute;
    left: -4px;
    font-size: 15px;
    top: -2px;
    color: #ff6600;
}


/*banner幻灯*/
.box-banner .swiper-pagination {
    bottom: 30px;
}
.box-banner .swiper-pagination-bullet{
    opacity: 1;
    background: #fff;
    width: 30px;
    border-radius: 0;
    height: 3px;
}
.box-banner .swiper-pagination-bullet-active{
    background: #517fff;
}
/*限时抢购*/
.box-con01{
    padding: 90px 0;
}
.box-con01 .box-title-01 .img{
   float: left;
   width: 180px;
   margin: 0 15px  0 10px;
}
.box-con01 .box-title-01 .img img{
    width: 100%;
}
.box-con01 .box-title-01 .time{
    float: left;
    margin-top: 15px;
}
.box-con01 .box-title-01 .time em{
    float: left;
    font-size: 18px;
    font-weight: bold;
    color: #515151;
    margin:5px;
}
.box-con01 .box-title-01 .time .time-style{
    float: left;
    color: #EC8617;
    font-size: 18px;
    font-weight: bold;
}
.box-con01 .box-title-01 .time .time-style span{
    color: #fff;
    border-radius: 5px;
    padding: 5px 10px;
    background: #EC8617;
    margin:0 5px;
    display: inline-block;
}
.box-con01 ul{
    margin-top: 30px;
}
.box-con01 ul li{
    float: left;
    width: 25%;
    padding: 10px;
}
.box-con01 ul li .Li-div{
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #dedede;
}
.box-con01 ul li .Li-div:before{
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../image/B01_li.png) no-repeat;
    background-size: 60px;
    width: 60px;
    height: 87px;
    content: "";
}
.box-con01 ul li .Li_number{
    color: #EC8617;
    font-size: 30px;
    font-weight: bold;
    float: left;
    width: 100%;
    text-align: center;
    padding: 30px 0;
    border-bottom: #dedede dashed  1px;
}
.box-con01 ul li .Li_text{
    padding: 15px 0;
    text-align: center;
    width: 100%;
    float: left;
    font-size: 13px;
}
.box-con01 ul li .Li_but{
    width: 100%;
    float: left;
}
.box-con01 ul li .Li_but div a{
    width: 50%;
    font-size: 14px;
    font-weight: bold;
    float: left;
    color: #515151;
    text-align: center;
    padding: 10px;
}
.box-con01 ul li .Li_but div:nth-child(1) a{
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
    color: #fff;
}
.box-con01 ul li .Li_but div:nth-child(2) a{
    background: #f0f0f0
}
/*企业为什么要办400电话*/
.box-con02{
    padding: 90px 0;
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.box-con02 .box{
    width: 100%;
    float: left;
    background: #fff;
    margin-top:50px;
}
.box-con02 .box .title{
    width: 100%;
    float: left;
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}
.box-con02 .box .title li{
    width: 20%;
    float: left;
    text-align: center;
    line-height: 80px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
}
.box-con02 .box .title .hover{
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
    box-shadow: 0 0 10px rgb(255,102,0,.5);
}
.box-con02 .box .title li div:nth-child(2){
    display: none;
}
.box-con02 .box .content{
    width: 100%;
    float: left;
    padding: 10px;
}
.box-con02 .box .content li{
    width: 100%;
    float: left;
    display: none;
    min-height: 320px;
    position: relative;
}
.box-con02 .box .content li:before{
    position: absolute;
    top: 0px;
    left: 50%;
    width: 1px;
    height: 100%;
    background: #f0f0f0;
    content: "";
}
.box-con02 .box .content li:nth-child(1){
    display: block;
}
.box-con02 .box .content li .fl,.box-con02 .box .content li .fr{
    width: 50%;
    float: left;
    padding: 50px;
}
.box-con02 .box .content .fl .Li-title,.box-con02 .box .content li .fr .Li-title{
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    float: left;
}
.box-con02 .box .content .fl .Li-content{
    line-height: 1.8;
    margin-top: 50px;
    font-size: 15px;
}
.box-con02 .box .content .fl .Li-more a{
    margin-top:20px;
    display: inline-block;
    padding:5px 20px;
    border-radius: 5px;
    border: 1px solid #ff6600;
    color: #ff6600;
}
.box-con02 .box .content li .fr .Li-content{
    width: 100%;
    float: left;
    margin-top: 28px;
    font-size: 15px;
}
.box-con02 .box .content li .fr .Li-content div{
    width: 33.333333%;
    float: left;
    margin-bottom: 25px;
    position: relative;
    padding-left: 40px;
    line-height: 30px;
}
.box-con02 .box .content li .fr .Li-content div i{
    color: #ff6600;
    font-size:23px;
    position: absolute;
    top: 0px;
    left: 0px;
}
/*400电话套餐推荐*/
.box-con03{
    padding: 90px 0;
}
.box-con03 .box{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.box-con03 .swiper-slide{
    width: 33.3333%;
    float: left;
    margin-bottom: 20px;
}
.box-con03 .swiper-container{
    padding-top: 20px;
}
.box-con03 .box-block{
    width: 100%;
    float: left;
    padding: 0 10px;
}
.box-con03 .box-block .div{
    width: 100%;
    float: left;
    position: relative;
    border: 1px solid #dedede;
     transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
    background: #fff;
}
.box-con03 .box-block .br{
     padding: 30px 30px 0px 30px;
     width: 100%;
     float: left;
      transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
}
.box-con03 .box-block .div .Label{
    position: absolute;
    right: 20px;
    top: -10px;
    content: "";
    width: 70px;
    height: 50px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding-top: 5px;
    font-weight: bold;
}
.box-con03 .box-block .div .dp{
    background: url(../image/index.png) left -283px no-repeat;    
}
.box-con03 .box-block .div .qy{
    background: url(../image/index.png) left -168px no-repeat;    
}
.box-con03 .box-block .div .jt{
    background: url(../image/index.png) left -226px no-repeat;    
}
.box-con03 .box-block .div .title{
    float: left;
    width: 100%;
    position: relative;
    padding-bottom: 20px;
    display: flex;
}
.box-con03 .box-block .div .title i{
    float: left;   
    font-size: 40px;
    font-weight: bold;
    color : #f71510;
    line-height: 40px
}
.box-con03 .box-block .div span{
    float: left;
    width: 100%;
    position: relative;
    padding-top:10px;
    padding-left: 10px;
    margin-top: 5px;
}
.box-con03 .box-block .div span:before{
    background: url(../image/hot_icon.png) no-repeat;
    content: "";
    position: absolute;
    top: 0px;
    width: 23px;
    height: 13px;
}
.box-con03 .box-block .div .Give{
    float: left;
    width: 100%;
    padding:20px 0;
    border-top: 1px solid #dedede;
    border-bottom: 1px dashed #dedede;
}
.box-con03 .box-block .div .Give .fl,.box-con03 .box-block .div .Give .fr{
    width: 50%;
    position: relative;
    
    font-size: 14px;
}
.box-con03 .box-block .div .Give .fl{
    border-right: 1px solid #ccc;
    padding-right: 30px;
}
.box-con03 .box-block .div .Give .fr{
    padding-left: 30px;
}
.box-con03 .box-block .div .text figcaption{
    font-size: 14px;
    color: #ff6600;
    font-weight: bold;
}
.box-con03 .box-block .div .Give i{
    position: absolute;
    top: 0px;
    width: 40px;
    height: 40px;
    font-size: 40px;
    color : #ff6600;
    line-height: 40px;
}
.box-con03 .box-block .div .Give .fr i{
    right: 0px;
}
.box-con03 .box-block .div .Give .fl i{
    right: 20px;
}
.box-con03 .box-block .div .number{
    float: left;
    width: 100%;
    padding:20px 0;
}
.box-con03 .box-block .div .number  div{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.box-con03 .box-block .div .number li{
    width: 50%;
    float: left;
    padding-top: 5px;
    font-size: 14px;

}
.box-con03 .box-block .div .more {
    width: 100%;
    float: left;
    border-top: 1px solid #dedede;
}
.box-con03 .box-block .div .more a{
    display: inline-block;
    text-align: center;
    width: 100%;
    line-height: 40px;
    color: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
}
/*为什么找我们办理400电话*/
.box-con04{
    padding: 90px 0;
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.box-con04 .box{
    width: 100%;
    float: left;
    margin-top: 50px;
}
.box-con04 .swiper-container{
    padding-top: 20px;
}
.box-con04 .swiper-wrapper .swiper-slide{
    width: 33.33333%;
    float: left;
}
.box-con04 .box-block{
    width: 100%;
    float: left;
    padding: 0 10px;
}
.box-con04 .box-block .div{
    background: #f0f0f0;
    float: left;
    border: 1px solid #ccc;
    width: 100%;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
}
.box-con04 .box-block  .top{
    width: 100%;
    float: left;
    text-align: center;
    background: #fff;
    padding: 40px 0;
}
.box-con04 .box-block  .top i{
    font-size: 80px;
    color: #ff6600;
}
.box-con04 .box-block  .top .title{
    font-weight: bold;
    font-size: 18px;
    color: #515151;
    margin: 5px 0;
}
.box-con04 .box-block  li{
    width: 100%;
    float: left;
    padding: 30px 20px;
    background: #f0f0f0;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.box-con04 .box-block  li:last-child{
    border: 0;
}
.box-con04 .box-block li .title{
     font-size: 18px;
     color: #ff6600;
     font-weight: bold;
}
.box-con04 .box-block li .content{
    font-size: 14px;
    margin-top: 10px;
}

/*400办理流程*/
.box-con05{
    background: none;
    padding-top: 90px;
}
.box-con05 .box_ul{
    width: 100%;
    float: left;
    margin-top: 50px;
}
.box-con05 .box_ul li{
    width: 25%;
    float: left;text-align: center;
    position: relative;
}
.box-con05 .box_ul li .Li_img{
    display: inline-block;
    width: 122px;
    height: 122px;
    border-radius: 50%;
    position: relative;
    border: 4px solid #fab98e;
    text-align: center;
}
.box-con05 .box_ul li img{
    margin-top:30px;
}
.box-con05 .box_ul li:after{
    position: absolute;
    top: 50%;
    right: -10px;
    margin-top: -36px;
    background: url(../image/icon_05.png);
    content: "";
    width: 25px;
    height: 27px;
}
.box-con05 .box_ul li:last-child:after{
    content: none;
}
.box-con05 .box_ul li .Li_img:before{
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    background: #527fff;
    border-radius: 50%;
}
.box-con05 .box_ul li:nth-child(1) .Li_img:before{
    top: -8px;
    left: 50%;
    margin-left: -4px;
}
.box-con05 .box_ul li:nth-child(2) .Li_img:before{
    top: 5px;
    left: 80%;
    margin-left: -4px;
}
.box-con05 .box_ul li:nth-child(3) .Li_img:before{
    top: 50%;
    right: -8px;
    margin-top: -4px;
}
.box-con05 .box_ul li:nth-child(4) .Li_img:before{
    bottom: 6px;
    left: 80%;
    margin-top: -4px;
}
.box-con05 .box_ul li:nth-child(5) .Li_img:before{
    bottom: -8px;
    left: 50%;
    margin-left: -4px;
}
.box-con05 .box_ul li:nth-child(6) .Li_img:before{
    top: 50%;
    left: -8px;
    margin-top: -4px;
}
.box-con05 .box_ul li .title{
    font-size: 17px;
    font-weight: bold;
    margin:10px 0;
    color: #515151;
}
.box-con05 .box_ul li .content{
    font-size: 14px;
}
.box-con05 .box-more{
    width: 100%;
    float: left;
    text-align: center;

}
.box-con05 .box-more a{
    display: inline-block;
    padding: 10px 20px;
    font-size: 20px;
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
    border-radius: 5px;
    color: #fff;
    margin-top:40px;
    position: relative;
}

@keyframes sg
{
    0%   {line-height: 52px;}
    25%  {line-height: 45px;}
    50%  {line-height: 58px;}
    100% {line-height: 52px;}
}
/*400电话介绍*/
.box-con06 {
    padding: 90px 0 0px 0;
}
.box-con06 .fl{
    width: 40%;
    padding-left: 10px;
}
.box-con06 .fl .title{
    font-size: 35px;
    font-weight: bold;
    color: #ff6600;
    float: left;
    clear: both;
}
.box-con06 .fl .content{
    margin-top: 18px;
    float: left;
    color: #626262;
    font-weight: bold;
    line-height: 1.8;
}
.box-con06 .fr{
    width: 60%;
    padding-right: 10px;
}
.box-con06 .fr img{
    width: 100%;
    padding:0;
    display: block;
}
/*400电话客户案例*/
.box-con07{
   background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    padding: 90px 0 120px 0;
    float: left;
    width: 100%;
}
.box-con07 .box{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 50px;
    padding: 0 10px;
}
.box-con07 .swiper-box{
    width: 100%;
    float: left;
    text-align: center;
}
.box-con07 .swiper-box .number{
    background: #f0f0f0;
    color: #ff6600;
    line-height: 40px;
    font-weight: bold;
}
.box-con07 .swiper-box .title{
    margin-top:20px;
    font-size: 12px;
}
.box-con07 .swiper-box img{
    width: 100%;
    display: block;
}
.box-con07 .swiper-pagination{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.box-con07 .swiper-pagination-bullet{
    margin: 0 3px;
}
.box-con07 .swiper-pagination-bullet{
    margin: 0 3px;
}
/*新闻资讯*/
.box-con08{
    padding: 90px 0;
}
.box-con08 .box ul{
    float: left;
    margin-top: 50px;
}
.box-con08 .box ul li{
    width: 33.333%;
    float: left;
    padding:  10px;
}
.box-con08 .box ul li .Li-div{
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    padding: 40px;
    float: left;
    position: relative;
    overflow: hidden;
    border-top: 4px solid #ccc;
}
.box-con08 .box ul li .title{
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    float: left;
    color: #515151;
    position: relative;
    z-index: 10;
    height: 22px;
    overflow: hidden;
}
.box-con08 .box ul li .title i{
    position: absolute;
    top: -5px;
    left: -30px;
    font-size: 25px;
    color:#fff;
}
.box-con08 .box ul li .Li-div:before{
    right: -30px;
    top: 10px;
    position: absolute;
    content: "\e619";
    font-family: "icon";
    font-size: 150px;
    color: #fff;
    z-index: 8;
    opacity: 0.5
}
.box-con08 .box ul li .content{
    font-size: 14px;
    margin-top: 14px;
    float: left;
    height: 60px;
    overflow: hidden;
    position: relative;
    z-index: 10;
}
.box-news .box div{
    line-height: 1.8;
    margin: 10px 0;
    display: block;
}
.box-news .box img{
    display: inline-block;
    width: 100%;
    margin-top: 10px;
}

/*新闻内页*/
.box-news .box{
    float: left;
    width: 100%;
    padding: 90px;
}
.box-news .box .show{
    width: 100%;
    float: left;
}
.box-news .box .show .prev{
    float: left;
    width:100%;
}
.box-news .box .show .next{
    float: right;
    width:100%;
    margin-top:10px;
}
.box-news .box .top{
    text-align: center;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ececec;
    padding-bottom: 30px;
}
.box-news .box .top .title{
    font-size: 30px;
    font-weight: bold;
    color :#515151;
}
.box-news .box .top .time{
    margin-top: 10px;   
}
.box-news .box .top .time small{
    margin:0 10px;
}
.box-news .box  .content{
    margin: 40px 0;
    float: left;
    width: 100%;
}

/*内页开始*/
/*400的价值*/
.box-page01 img{
    display: block;
}
.box-page01 .box-1200{
    max-width: 1200px;
}
.box-page01 .con01,.box-page01 .con02,.box-page01 .con03,.box-page01 .con04{
    width: 100%;
    float: left;
}
.box-page01 .con01 .fr{
    padding: 30px 0;
}
.box-page01 .con01 .fl,.box-page01 .con03 .fl{
    padding-right: 50px;
}
.box-page01 .con02,.box-page01 .con04{
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.box-page01 .con02 .fr{
    padding: 40px 0;
}
.box-page01 .con02 .fl,.box-page01 .con04 .fl{
    float: right;
}
.box-page01 .con02 .fr{
    float: left;
    padding-right: 50px;
}
.box-page01 .con04 .fr{
    padding: 20px 0;
}
.box-page01 .con04 .fl{
    float: right;
    padding-left: 50px;
}
.box-page01 .con02 .fl{
    padding-left: 50px;
}
.box-page01  .fl{
    width: 50%;
    padding-top:100px;
}
.box-page01 .fl .title{
    width: 100%;
    float: left;
    -webkit-background-clip: text;
    color: transparent;
    font-size: 30px;
    line-height: 30px;
    font-weight: bold;
    color: #ff6600;
}
.box-page01 .fl .content{
    margin-top: 10px;
    float: left;
}
.box-page01 .fr{
    width: 50%;
    text-align: center;

}
.box-page01 .fr img{
    width: 100%;
}
.box-page01 .fr .title{
    font-size: 18px;
    margin-top: 15px;
}
/*增值功能*/
.box-page02{
    padding: 90px 0;
}
.box-page02 .box{
    margin-top: 50px;
    float: left;
    width: 100%;
}
.box-page02 .con1 .swiper-slide{
    width: 33.3333%;
    float: left;
    min-height: 250px;
    padding: 10px;
}
.box-page02  .swiper-slide .box-block {
    float: left;
    width: 100%;
    border: 1px solid #dedede;
    padding: 20px;
}
.box-page02 .box-block .title{
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #515151;
}
.box-page02 .con1 .box-block .title i{
    display: inline-block;
    border: 2px solid #ff6600;
    border-radius: 2px;
    color :#ff6600;
    font-size:18px;
}
.box-page02 .con1 .box-block .content{
    float: left;
    margin-top: 15px;
    width: 100%;
    height: 65px;
    overflow: hidden;
    color: #666;
}
.box-page02 .box-block .text{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.box-page02 .box-block .text figcaption{
    width: 100%;
    float: left;
    font-size: 25px;
    font-weight: bold;
    height: 35px;
}
.box-page02 .box-block .text div{
    width: 100%;
    float: left;
    font-size: 35px;
    font-weight: bold;
    color : #ff6600 ;
}
.box-page02 .box-block .more a{
    float: left;
    margin-top: 20px;
    border-radius: 30px;
    padding: 5px 40px;
    border: 1px solid #ff6600;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}
.box-page02 .con2{
    margin-top:60px;
    float: left;
    width: 100%;
}
.box-page02 .con2 .swiper-slide{
    width: 25%;
    float: left;
    min-height: 150px;
    padding: 10px;
}
.box-page02 .con2 .box-block .content{
    float: left;
    margin-top: 5px;
    width: 100%;
    height: 60px;
    overflow: hidden;
    font-size: 14px;
    color: #666;
}
.box-page02 .con2 .box-block .title i{
    display: inline-block;
    border-radius: 2px;
    color :#ff6600;
    font-size: 25px;
}
/*选号指南*/
.box-page03 .con1{
    width: 100%;
    padding: 90px 0;
}
.box-page03 .con1 .box-block{
    float: left;
    width: 33.33333%;
    padding: 0 10px;
}
.box-page03 .con1 .box-content{
    float: left;
    margin-top: 50px;
    width: 100%;
}
.box-page03 .con1 .box-block .br{
    width: 100%;
    float: left;
    border: 1px solid #dedede;
    padding: 20px;
    font-size: 14px;
    line-height: 1.7;
    position: relative;
    overflow: hidden;
}
.box-page03 .con1 .box-block .number{
    font-size: 18px;
    font-weight: bold;
}
.box-page03 .con1 .box-block .title{
    color: #ff6600;
}
.box-page03 .con1 .box-block .more a{
    float: left;
    margin-top: 20px;
    border-radius: 30px;
    padding: 5px 40px;
    border: 1px solid #ff6600;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
    color : #ff6600;
    font-weight: bold;
}
.box-page03 .con1 .animation-brt{
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 1px;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
}
.box-page03 .con1 .animation-brr{
    position: absolute;
    top: -100%;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
    transition-delay: 0.4s;
    -moz-transition-delay: 0.4s; /* Firefox 4 */
    -webkit-transition-delay: 0.4s; /* Safari 和 Chrome */
    -o-transition-delay: 0.4s; /* Opera */
}
.box-page03 .con1 .animation-brb{
    position: absolute;
    bottom: 0px;
    right: -100%;
    width: 100%;
    height: 1px;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s; /* Firefox 4 */
    -webkit-transition-delay: 0.6s; /* Safari 和 Chrome */
    -o-transition-delay: 0.6s; /* Opera */
}
.box-page03 .con1 .animation-brl{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 1px;
    height: 100%;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
    transition-delay: 0.8s;
    -moz-transition-delay: 0.8s; /* Firefox 4 */
    -webkit-transition-delay: 0.8s; /* Safari 和 Chrome */
    -o-transition-delay: 0.8s; /* Opera */
}
.box-page03 .con1 .box-block .number span{
    color: #ff6600 ;
}
.box-page03 .con1 .box-block:nth-child(1) .br:before{
    font-family: "icon";
    content: "\e776";
    position: absolute;
    bottom: -80px;
    right: 10px;
    font-size:150px;
    color :#f0f0f0;
}
.box-page03 .con1 .box-block:nth-child(2) .br:before{
    font-family: "icon";
    content: "\e617";
    position: absolute;
    bottom: -80px;
    right: 10px;
    font-size:150px;
    color :#f0f0f0;
}
.box-page03 .con1 .box-block:nth-child(3) .br:before{
    font-family: "icon";
    content: "\e620";
    position: absolute;
    bottom: -90px;
    right: 10px;
    font-size: 150px;
    color :#f0f0f0;
}
.box-page03  .con2{
   background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
    padding: 90px 0;
}

.box-page03 .con2 .box-content{
    margin-top: 50px;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.box-page03 .con2 .box-content:before{
    font-family: "icon";
    font-size: 60px;
    content: "\e610";
    position: absolute;
    left: 33.33%;
    top: 50%;
    margin-top: -30px;
    margin-left: -45px;
    color: #f9f9f9;
}
.box-page03 .con2 .box-content:after{
    font-family: "icon";
    font-size: 60px;
    content: "\e610";
    position: absolute;
    left: 66.6666%;
    top: 50%;
    margin-top: -30px;
    margin-left: -45px;
    color: #f9f9f9;
}
.box-page03 .con2 .box-content .box-block{
    width: 33.33333%;
    float: left;
    display: flex;
    padding: 20px;
}
.box-page03 .con2 .box-content .fl{
    font-size: 70px;
    font-weight: bold;
    color: #ff6600;
    line-height: 70px;
}
.box-page03 .con2 .box-content .fr{
    padding-left: 10px;

}
.box-page03 .con2 .box-content .fr figcaption{
    font-size: 20px;
    font-weight: bold;
    color: #515151;
}
.box-page03 .con2 .box-content .box-block:nth-child(2) .content{
    padding-right: 25px;
}
.box-page03 .con2 .box-content .fr .content{
    margin-top: 5px;
    font-size: 14px;
}
.box-page03 .con2 .box-content .fr ul{
    width: 100%;
    float: left;
    margin-top: 5px;
}
.box-page03 .con2 .box-content .fr li{
    float: left;
    font-size: 14px;
    padding-right: 10px;
}
.box-page03 .con3 .box-content{
    float: left;
    width: 100%;
    margin-top: 50px;
}
.box-page03 .con3{
   padding: 90px 0; 
}
.box-page03 .con3 .box-block{
    width: 33.3333%;
    float: left;
    padding: 0 10px;
}
.box-page03 .con3 .box-block .br{
    width: 100%;
    float: left;
    border: 1px solid #dedede;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    overflow: hidden;
    position: relative;
}
.box-page03 .con3 .box-block .br .animation-brt{
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 1px;
    background: #ff6600;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
    z-index: 999    
}
.box-page03 .con3 .box-block .br .animation-brr{
    position: absolute;
    top: -100%;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #ff6600;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.25s;    /* Opera */
}
.box-page03 .con3 .box-block .br.animation-brb{
    position: absolute;
    bottom: 0px;
    right: -100%;
    width: 100%;
    height: 1px;
    background: #ff6600;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}
.box-page03 .con3 .box-block .br .animation-brl{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 1px;
    height: 100%;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
}
.box-page03 .con3 .box-block .br .top{
    text-align: center;
    width: 100%;
    float: left;
    padding: 20px 0;
}
.box-page03 .con3 .box-block .br .top .title{
    font-weight: bold;
    font-size: 18px;
    color: #515151;
}
.box-page03 .con3 .box-block .br .top i:before{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 100px;
    line-height: 100px;
    font-family: "icon";
    color: #ff6600;
}
.box-page03 .con3 .box-block .br .text{
    width: 100%;
    float: left;
    background: #f0f0f0;
    text-align: center;
    padding: 20px 0 10px 0;
    line-height: 30px;
    font-size: 12px;
}
.box-page03 .con3 .box-block .br figcaption{
    display: inline-block;
    font-weight: bold;
    background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);
    color : #fff;
    padding: 0 20px;
    font-size: 14px;
    border-radius: 30px;
}
.box-page03 .con3 .box-block  .number{
    float: left;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    transition: all 0.2s;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.box-page03 .con3 .box-block  .number .title{
    font-weight: bold;
    font-size: 15px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.box-page03 .con3 .box-block  .number li{
    width: 50%;
    float: left;
    line-height: 30px;
    font-size: 14px;
}
.box-page03 .con3 .box-block .more a{
    width: 100%;
    float: left;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0;
    border-top: 1px solid #dedede;
    color : #ff6600;
}
.box-page03 .con4{
   padding-top: 90px ; 
}
.box-page03 .con4{

}
.box-page03 .con4 .box {
    margin-top: 50px;
    float: left;
    width: 100%;
}
.box-page03 .con4 .box li{
    float: left;
    width: 33.333%;
    padding: 0 10px;
}
.box-page03 .con4 .box li .Li_block{
    float: left;   
    width: 100%;
    padding:20px 20px 60px 20px;
    overflow: hidden;
    border-radius: 5px;
    position: relative;
}
.box-page03 .con4 .box li:nth-child(1) .Li_block{
    background-image: linear-gradient(120deg, #f6d365 0%, #fda085 100%);
}
.box-page03 .con4 .box li:nth-child(2) .Li_block{
   background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);
}
.box-page03 .con4 .box li:nth-child(3) .Li_block{
    background-image: linear-gradient(-20deg, #6e45e2 0%, #88d3ce 100%);
    color: #fff;
}
.box-page03 .con4 .box li:nth-child(1) .Li_block:before{
    font-family: "icon";
    content: "\e781";
    position: absolute;
    bottom: -50px;
    right: -80px;
    font-size: 240px;
    color :#f0f0f0;
    z-index: 9;
    opacity: 0.3
}
.box-page03 .con4 .box li:nth-child(2) .Li_block:before{
    font-family: "icon";
    content: "\e6a7";
    position: absolute;
    bottom: -80px;
    right: -80px;
    font-size: 300px;
    color :#f0f0f0;
    z-index: 1;
    opacity: 0.3
}
.box-page03 .con4 .box li:nth-child(3) .Li_block:before{
    font-family: "icon";
    content: "\e622";
    position: absolute;
    bottom: -30px;
    right: -130px;
    font-size: 180px;
    color :#f0f0f0;
    z-index: 1;
    opacity: 0.3
}
.box-page03 .con4 .box li .Li_block .title{
    font-size: 20px;
    font-weight: bold;
    color : #515151;
    position: relative;
    z-index: 10
}
.box-page03 .con4 .box li .Li_block .content{
    font-size: 14px;
    line-height: 1.8;
    float: left;
    margin-top: 10px;
    width: 100%;
    color : #666;
    position: relative;
    z-index: 10
}
.box-page03 .con4 .box li:nth-child(3) .Li_block .title{
    color : #333;
}
.box-page03 .con4 .box li:nth-child(3) .Li_block .content{
    color : #333;
}
.box-page03 .con4 .box li .Li_block .more{
    position: absolute;
    bottom:0px;
    left: 0px;
    width: 100%;
    padding: 5px;
    z-index: 10
}
.box-page03 .con4 .box li .Li_block .more a{
    background: rgba(0,0,0,.5);
    width: 100%;
    float: left;
    padding: 5px 10px;
    color :#fff;
    font-weight: bold;
    font-size:  15px;
}



/*选号指南*/
.box-page04 .con1{
    padding: 90px 0;
}
.box-page04 .con1 .box{
    margin-top: 50px;
}
.box-page04 .con1 .box-content{
    text-align: center;
    width: 100%;
    padding: 0 200px;
}
.box-page04 .con1 ul{
    width: 100%;
    float: left;
    margin-top: 30px;
    border: 1px #dedede solid;
    border-right: 0;
}
.box-page04 .con1 ul li{
    width: 25%;
    float: left;
    padding: 20px;
    border-right: 1px solid #dedede;
    text-align: center;
}
.box-page04 .con1 ul li .text{
    float: left;
    width: 100%; 
}
.box-page04 .con1 ul li img{
    width: 160px;
}
.box-page04 .con1 ul li .text figcaption{
    font-weight: bold;
    font-size: 18px;
    color : #515151;
}
.box-page04 .con1 ul li .text .content{
    font-size: 14px;
    margin-top: 5px;
    line-height: 1.7;
}
.box-page04 .con2{
    background: #f0f0f0;
    padding: 90px 0 30px 0;
}
.box-page04 .con2 .top{
    background-image: linear-gradient(305deg, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    padding: 40px;
    float: left;
    width: 100%;  
    margin-top: 50px;
}
.box-page04 .con2 .top .fr{
    width: 30%;
    background: #fff;
    border-radius: 4px;
    padding: 40px;
}
.box-page04 .con2 .top .fr .title{
    width: 100%;
    float: left;
    text-align: center;
    font-weight: bold;
    color : #515151;
    font-size: 25px;
}
.box-page04 .con2 .top .fr .number{
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.box-page04 .con2 .top .fr .big{
    display: inline-block;
    font-size: 120px;
    font-weight: bold;
    color :#b12a5b;
    line-height: 120px;
}
.box-page04 .con2 .top .fr  .small{
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color :#b12a5b;
}
.box-page04 .con2 .top .fr .more{
    float: left;
    margin-top: 20px;
    width: 100%;
    text-align: center;
}
.box-page04 .con2 .top .fr .more a{
    background-image: linear-gradient(305deg, #ff8177 0%, #ff867a 0%, #ff8c7f 21%, #f99185 52%, #cf556c 78%, #b12a5b 100%);
    padding: 10px 40px;
    margin-top: 10px;
    border-radius: 60px;
    font-weight: bold;
    color :#fff;
    width: 100%;
    display: inline-block;
}
.box-page04 .con2 .top .fl{
    width: 70%;
    padding-right: 20px;
    padding: 40px;
    color :#fff;
}
.box-page04 .con2 .top .fl .fl-top{
    float: left;
    width: 100%;
}
.box-page04 .con2 .top .fl .title{
    float: left;
    width: 100%;
    font-size: 20px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}
.box-page04 .con2 .top .fl .title div:nth-child(1){
    float: left;
    font-weight: bold;
}
.box-page04 .con2 .top .fl .title div:nth-child(2){
    float: right;
    font-size: 15px;
}
.box-page04 .con2 .top .fl .title div:nth-child(2) a{
    color : #fff;
}
.box-page04 .con2 .top .fl .fl-top ul{
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.box-page04 .con2 .top .fl .fl-top li{
    margin: 15px 0;
    float: left;
    width: 25%;
    position: relative;
    padding-left: 60px;
}
.box-page04 .con2 .top .fl .fl-top li i{
    position: absolute;
    font-size: 40px;
    left: 0px;
    top: 0px;
    line-height: 40px;
}
.box-page04 .con2 .top .fl .fl-top li .content{
    font-weight: bold;
    font-size: 14px;
}
.box-page04 .con2 .top .fl .fl-bottom ul{
    margin-top: 10px;
    float: left;
    width: 100%;
}  
.box-page04 .con2 .top .fl .fl-bottom li{
    width: 33.33333%;
    float: left;
    padding:10px;
}
.box-page04 .box-con03{
    padding: 40px 0;
}
.box-page04 .con2 .top .fl .fl-bottom li div{
    text-align: center;
    width: 100%;
    position: relative;
    padding-left: 60px;
    padding: 10px 0;
    background-image: linear-gradient(235deg, #fbdaa9 0%, #e2d1c3 100%);
    color :#640118;
    font-weight: bold;
}
.box-page04 .con3{
    padding: 90px 0;
}
.box-page04 .con3 .box-1 .box-content{
    margin-top: 50px;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.box-page04 .con3 .box-1 .box-content:before{
    font-family: "icon";
    font-size: 60px;
    content: "\e610";
    position: absolute;
    left: 33.33%;
    top: 50%;
    margin-top: -30px;
    margin-left: -45px;
    color: #f0f0f0  ;
}
.box-page04 .con3 .box-1 .box-content:after{
    font-family: "icon";
    font-size: 60px;
    content: "\e610";
    position: absolute;
    left: 66.6666%;
    top: 50%;
    margin-top: -30px;
    margin-left: -45px;
    color: #f0f0f0  ;
}
.box-page04 .con3 .box-1 .box-content .box-block{
    width: 33.33333%;
    float: left;
    display: flex;
    padding: 20px;
}
.box-page04 .con3 .box-1 .box-content .fl{
    font-size: 70px;
    font-weight: bold;
    color: #ff6600;
    line-height: 70px;
}
.box-page04 .con3 .box-1 .box-content .fr{
    padding-left: 10px;
    
}
.box-page04 .con3 .box-1 .box-content .fr figcaption{
    font-size: 20px;
    font-weight: bold;
    color: #515151;
}
.box-page04 .con3 .box-1 .box-content .box-block:nth-child(2) .content{
    padding-right: 25px;
}
.box-page04 .con3 .box-1 .box-content .fr .content{
    margin-top: 5px;
    font-size: 14px;
}
.box-page04 .con3 .box-1.box-content .fr ul{
    width: 100%;
    float: left;
    margin-top: 5px;
}
.box-page04 .con3 .box-1 .box-content .fr li{
    float: left;
    font-size: 14px;
    padding-right: 10px;
}

.box-page04 .con3 .box-2 .box-block{
    float: left;
    width: 33.33333%;
    padding: 0 10px;
}
.box-page04 .con3 .box-2 .box-content{
    float: left;
    margin-top: 50px;
    width: 100%;
}
.box-page04 .con3 .box-2 .box-block .br{
    width: 100%;
    float: left;
    border: 1px solid #dedede;
    padding: 20px;
    font-size: 14px;
    line-height: 1.7;
    position: relative;
    overflow: hidden;
}
.box-page04 .con3 .box-2 .box-block .number{
    font-size: 18px;
    font-weight: bold;
}
.box-page04 .con3 .box-2 .box-block .title{
    color: #ff6600;
}
.box-page04 .con3 .box-2 .box-block .more a{
    float: left;
    margin-top: 20px;
    border-radius: 30px;
    padding: 5px 40px;
    border: 1px solid #ff6600;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
    color : #ff6600;
    font-weight: bold;
}
.box-page04 .con3 .box-2 .animation-brt{
    position: absolute;
    top: 0px;
    left: -100%;
    width: 100%;
    height: 1px;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
}
.box-page04 .con3 .box-2 .animation-brr{
    position: absolute;
    top: -100%;
    right: 0px;
    width: 1px;
    height: 100%;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
    transition-delay: 0.4s;
    -moz-transition-delay: 0.4s; /* Firefox 4 */
    -webkit-transition-delay: 0.4s; /* Safari 和 Chrome */
    -o-transition-delay: 0.4s; /* Opera */
}
.box-page04 .con3 .box-2 .animation-brb{
    position: absolute;
    bottom: 0px;
    right: -100%;
    width: 100%;
    height: 1px;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
    transition-delay: 0.6s;
    -moz-transition-delay: 0.6s; /* Firefox 4 */
    -webkit-transition-delay: 0.6s; /* Safari 和 Chrome */
    -o-transition-delay: 0.6s; /* Opera */
}
.box-page04 .con3 .box-2 .animation-brl{
    position: absolute;
    top: 100%;
    left: 0px;
    width: 1px;
    height: 100%;
    background: #ff6600;
    transition: all 0.2s;
    -moz-transition: all 0.2s;  /* Firefox 4 */
    -webkit-transition: all 0.2s;   /* Safari 和 Chrome */
    -o-transition: all 0.2s;    /* Opera */
    transition-delay: 0.8s;
    -moz-transition-delay: 0.8s; /* Firefox 4 */
    -webkit-transition-delay: 0.8s; /* Safari 和 Chrome */
    -o-transition-delay: 0.8s; /* Opera */
}
.box-page04 .con3 .box-2 .box-block .number span{
    color: #ff6600 ;
}
.box-page04 .con3 .box-2 .box-block:nth-child(1) .br:before{
    font-family: "icon";
    content: "\e776";
    position: absolute;
    bottom: -80px;
    right: 10px;
    font-size:150px;
    color :#f0f0f0;
}
.box-page04 .con3 .box-2 .box-block:nth-child(2) .br:before{
    font-family: "icon";
    content: "\e617";
    position: absolute;
    bottom: -80px;
    right: 10px;
    font-size:150px;
    color :#f0f0f0;
}
.box-page04 .con3 .box-2 .box-block:nth-child(3) .br:before{
    font-family: "icon";
    content: "\e620";
    position: absolute;
    bottom: -90px;
    right: 10px;
    font-size: 150px;
    color :#f0f0f0;
}
.box-page04 .con4{
    padding: 90px 0;
    background: #f0f0f0
}
.box-page04 .con4 .box{
    margin-top: 50px;
    float: left;
}
.box-page04 .con4 .swiper-slide{
    width: 33.3333%;
    float: left;
    min-height: 250px;
    padding: 10px;
}
.box-page04 .con4  .swiper-slide .box-block {
    float: left;
    width: 100%;
    border: 1px solid #dedede;
    padding: 20px;
    background: #fff;
}
.box-page04 .con4 .box-block .title{
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 18px;
    color: #515151;
}
.box-page04 .con4 .box-block .title i{
    display: inline-block;
    border: 2px solid #ff6600;
    border-radius: 2px;
    color :#ff6600;
    font-size:18px;
}
.box-page04 .con4 .box-block .content{
    float: left;
    margin-top: 15px;
    width: 100%;
    height: 65px;
    overflow: hidden;
    color: #666;
}
.box-page04 .con4 .box-block .text{
    float: left;
    width: 100%;
    margin-top: 20px;
}
.box-page04 .con4 .box-block .text figcaption{
    width: 100%;
    float: left;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
}
.box-page04 .con4 .box-block .text div{
    width: 100%;
    float: left;
    font-size: 35px;
    font-weight: bold;
    color : #ff6600 ;
    line-height: 35px;
    margin-top: 5px;
}
.box-page04 .con4 .box-block .more a{
    float: left;
    margin-top: 20px;
    border-radius: 30px;
    padding: 5px 40px;
    border: 1px solid #ff6600;
    transition: all 0.5s;
    -moz-transition: all 0.5s;  /* Firefox 4 */
    -webkit-transition: all 0.5s;   /* Safari 和 Chrome */
    -o-transition: all 0.5s;    /* Opera */
}

/*内页案列*/
.box-page05{
    padding: 90px 0;
}
.box-page05 .box{
    float: left;
    margin-top: 50px;
    width: 100%;
}
.box-page05 li{
    float: left;
    width: 25%;
    padding: 0 10px;
}
.box-page05 li .Li-bolck{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.box-page05 li .Li-bolck img{
    width: 100%;
}
.box-page05 li .number{
    background: #f0f0f0;
    color: #ff6600;
    line-height: 40px;
    font-weight: bold;
}
.box-page05 li .title{
    margin-top: 10px;
    font-size: 12px;
}
.box-page05 li img{
    width: 100%;
    display: block;
}
/*为什么选择商客通*/
.box-page06 .con1 {
    padding: 90px 0 0px 0;
}
.box-page06 .con1 .fl{
    width: 40%;
    padding-left: 10px;
     margin-top: 40px;
}
.box-page06 .con1 .fl .title{
    font-size: 35px;
    line-height: 35px;
    font-weight: bold;
    color: #ff6600;
    float: left;
    clear: both;
}
.box-page06 .con1 .fl .content{
    margin-top: 18px;
    float: left;
    color: #626262;
    font-weight: bold;
    line-height: 1.8;
}
.box-page06 .con1 .fr{
    width: 60%;
    padding-right: 10px;
}
.box-page06 .con1 .fr img{
    width: 100%;
    padding:0;
    display: block;
}
.box-page06 .con2{
    padding: 90px 0;
    background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
}
.box-page06 .con2 .box{
    margin-top: 50px;
}
.box-page06 .con2 li{
    float: left;
    width: 20%;
    padding:0 10px;
    text-align: center;
}
.box-page06 .con2 li img{
    width: 100%;
    border:5px solid #fff;
    margin-bottom: 10px;
}
/*400电话客户案例*/
.box-page06 .con3{
    padding: 90px 0 120px 0;
    float: left;
    width: 100%;
}
.box-page06 .con3 .box{
    width: 100%;
    float: left;
    position: relative;
    margin-top: 50px;
    padding: 0 10px;
}
.box-page06 .con3 .swiper-box{
    width: 100%;
    float: left;
    text-align: center;
}
.box-page06 .con3 .swiper-container{
    padding-bottom: 40px;
}
.box-page06 .con3 .swiper-box .number{
    background: #f0f0f0;
    color: #ff6600;
    line-height: 40px;
    font-weight: bold;
}
.box-page06 .con3 .swiper-box .title{
    margin-top:20px;
    font-size: 12px;
}
.box-page06 .con3 .swiper-box img{
    width: 100%;
    display: block;
}
.box-page06 .con3 .swiper-pagination{
    width: 100%;
    float: left;
    margin-top: 30px;
}
.box-page06 .con3 .swiper-pagination-bullet{
    margin: 0 3px;
}
.box-page06 .con3 .swiper-pagination-bullet{
    margin: 0 3px;
}

/*page*/
.box-page{
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 30px;
}
.dede_pages{
    text-align: center;
    margin-top: 30px;
}
.dede_pages .pagelist{
    display:inline-block;
}
.dede_pages .pagelist li{
    float: left;
    width: auto;
    border: 1px solid #ccc;
    margin-right: 5px;
    font-size: 13px;
    padding: 0px;
}
.dede_pages .pagelist li a{
    display: inline-block;
    padding: 5px 10px;
}
.dede_pages .pagelist li .on{
    background: #ff6600;
    color:#fff;
}
.dede_pages .pagelist .thisclass{
    background: #ff6600;
    border-color: #ff6600;
    color: #fff;
}
.dede_pages .pagelist .pageinfo{
    float: left;
    color: #999;
    margin-right: 20px;
    margin-top: 5px;
}

/*
  
 主色 #EC8617 
 高亮色 #ff6600
 字体颜色 #515151  文本颜色#626262
 线颜色 #dedede
 点缀色 #517fff

*/