﻿html, body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, input, select, button, textarea, iframe, table, th, td {margin: 0; padding: 0; }
img { border: 0 none; vertical-align: top; }
ul,li,dl,dd,dt { list-style-type: none; }
i,em,cite { font-style: normal; }
body {  -webkit-text-size-adjust:none;  font-family:"微软雅黑";}
a{ text-decoration: none; }
.clear,.cle {clear:both;}
a,area { blr:expression(this.onFocus=this.blur()) }   
a:focus { outline: none; }    



.t_tel{position:absolute;right: 0px;top: 0px;text-align:right;height: 36px;line-height: 36px;padding-left: 20px;background: url(../image/hot_tel.png) no-repeat left center;}
.t_tel_ts{font-size: 12px;color: #fff;}
.t_tel_nb{font-size: 12px;color: #fff;padding-left:5px;}


.t_name{position:absolute;top:0;left: 0;color: #fff;line-height: 36px;font-size: 12px;}


.t_logo{position:absolute;top: 54px;left:0px;}
.t_logo img{width: 142px;height: 55px;border:0px;}


.xn_n_14_wrap{position: absolute;top: 36px;height: 0;width: 100%;text-align:center;}
.xn_n_14_wrap_main{margin:0 auto; width: 1200px;}
#xn_n_14_VMenu1{float: right;}
#xn_n_14_VMenu1>li>a{}
#xn_n_14_VMenu1>li+li+li+li+li+li+li+li+li+li{display:none;}
#xn_n_14_VMenu1>li:last-child>a{background: none;}
.xn_n_14_wrap_menu1 {float:left;width: 110px;height:89px;font-size:16px;}
.xn_n_14_wrap_menu1>a{color: #fff;line-height: 90px;text-decoration:none;}
.xn_n_14_wrap_menu1>a+ul+ul{padding-top: 0px!important;display:none !important;}
.xn_n_14_wrap_menu1_2 {float:left;height: 89px;font-size:16px;width: 110px;}
.xn_n_14_wrap_menu1_2>a{color: #30bceb;line-height: 90px;text-decoration:none;}
.xn_n_14_wrap_menu1_2>a+ul+ul{padding-top: 0px!important;display:none !important;}
.xn_n_14_wrap_menu1_cur {float:left;height: 89px;font-size:16px;width: 110px;}
.xn_n_14_wrap_menu1_cur>a{color: #30bceb;line-height: 90px;text-decoration:none;}
.xn_n_14_wrap_menu1_cur>a+ul+ul{padding-top: 0px!important;display:none !important;}
.xn_n_14_wrap_menu2>a{color:#4c4c4c;font-weight:normal;line-height: 36px !important;border-bottom: 1px solid #e8e8e8;}
.xn_n_14_wrap_menu2_2>a{color:#30bceb;font-weight:normal;line-height: 36px !important;border-bottom: 1px solid #e8e8e8;}
.xn_n_14_wrap_main ul li ul{width: 105px;filter:Alpha(opacity=80);margin: 0 auto;border-top: 4px solid #30bceb;position: absolute;left: 50%;margin-left: -52.5px;top: 73px;background: #fff;box-shadow: 1px 0px 9px rgba(0,0,0,0.21);}
.xn_n_14_wrap_main>ul>li{position:relative;}
.xn_n_14_wrap_main>ul>li>ul>li>a{line-height: 36px;display: block;-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;}
.xn_n_14_wrap_main>ul>li>ul>li>a:hover{color:#e15f4d !important;}
.xn_n_14_wrap_main ul li ul li ul{ float:left; margin-left:128px;display: none!important;}
.xn_n_14_wrap #xn_n_14_VMenu1>li:before {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    left: 50%;
    top: 0;
    display: block;
    content: " ";
    height: 4px;
    width: 0;
    background: #30bceb;
}
.xn_n_14_wrap #xn_n_14_VMenu1li:hover:before {
    left: 13px!important;
    width: 82px !important;
}
.xn_n_14_wrap_menu1_2:before {
     left: 13px!important;
     width: 82px !important;
}
.xn_n_14_wrap_menu1_cur:before {
     left: 13px!important;
    width: 82px !important;
}


.top{width: 100%;height: 126px;position: relative;z-index:9;background: #2e2e2e;}
.t_t{position:relative;width: 100%;margin:0 auto;height: 36px;border-bottom: 1px solid #403e3e;z-index:1;}
.t_t_width{width: 1200px;height: 36px;margin: 0 auto;position: relative;}






.about1{width: 100%;height: 800px;background: url(../image/CgAGe1z2SuWAcZrZAAKS6Od5lqU580.jpg) no-repeat top center;margin: 0px 0px 0px 0px;}
.about1c{width: 1200px;position: relative;margin: 0px auto;height: 800px;}
.about1c_1{width: 100%;text-align: center;height: 36px;margin: 35px 0px 30px 0px;float: left;color: #FFF;font-size: 36px;line-height: 36px;}
.about1c_3{width: 1160px;margin: 0px auto 70px auto;position: relative;color: #fff;font-size: 16px;text-align: center;line-height: 16px;}
.about1c_2{width: 100%;float: left;text-align: center}


.about2{width: 1200px;position: relative;height: 805px;margin: 0px auto;;}
.about2_top{width: 100%;position: relative;height: 317px;;}
.about2_topimg{width: auto;float: left;margin: 42px 0px 0px 35px;}
.about2_topwz{width: 665px;float: left;margin: 73px 0px 0px 115px;}
.about2_topwz1{width: 100%;height: 30px;margin: 0px 0px 25px 0px;float: left;color: #333333;font-size: 30px;line-height: 36px;padding: 0px 0px 20px 0px;position: relative;}
.about2_topwz1::before{content: "";display: block;width: 58px;height: 1px;position: absolute;bottom: 0px;left: 0px; background: #66beff;}
.about2_topwz2{width: 100%;line-height: 26px;color: #66beff;font-size: 16px;}
.about2_b{width: 100%;position: relative;}
.about2_bli{width: 330px;height: 145px;background: url(../image/CgAGe1zx3jaASA_bAAAPywus1U4131.png) no-repeat center top;float: left;margin: 0px 35px;}
.about2_blitop{width: 220px;height: 55px;margin: 10px auto;text-align: left;}
.about2_blitop>div{display: inline-block;line-height: 55px;overflow: hidden;color: #121212;font-size: 22px;}
.about2_blitopimg{margin: 0px 30px 0px 0px;}
.about2_blib{width: 220px;line-height: 22px;color: #868686;font-size: 15px;position: relative;margin: 0px auto;}


.xn_c_solution_view_5_wrap{width:300px;margin:20px auto;}
.xn_c_solution_view_5_pic img{width:300px;height:200px;}


.xn_c_index_23_wrap{ width:800px; margin:20px auto;}
.xn_c_index_23_bigbox{}
.xn_c_index_23_fltitle{ width:800px; height:30px; font-size:14px;}
.xn_c_index_23_topmore{float:right;}
.xn_c_index_23_contbox{}
.xn_c_index_23_contbox2{float:left;width:180px; margin:5px 10px;}
.xn_c_index_23_contbox2_1{width:180px; height:150px; background:#f1fdf3;}
.xn_c_index_23_contbox2_1:hover{width:180px; height:150px; background:#51c562;}
.xn_c_index_23_contbox2_1title{width:180px; text-align:center;}
.xn_c_index_23_contbox2_1img{width:80px; height:80px; margin:0px auto;}
.xn_c_index_23_contbox2_1img img{width:80px; height:80px;}
.xn_c_index_23_contbox2_2{padding:10px;}


.about4{width: 100%;height: 722px;position: relative;;}
.about4top{width: 100%;height: 122px;color: #333333;font-size: 30px;line-height: 122px;text-align: center;}
.about4c{width: 100%;height: 600px;position: relative;background: url(../image/CgAGe1z3F72Ad74QAABngQXGPYQ761.png) no-repeat center top;}
.about4cen{width: 1200px;position: relative;margin: 0px auto;height: 600px;background: url(../image/CgAGe1z3E9KABs-qAABb4KGJPA4090.png) no-repeat left top;}
.swiper-pagination-bullet{width: 116px !important;height: 119px !important;background: url(../image/CgAGe1z2TXuAeiXcAAAT6JXWK_k351.png) no-repeat  !important;position: absolute;margin: 0px !important;opacity: 1 !important;background-size: 116px 116px !important;}
.swiper-container{width: 100%;height: 600px;position: relative;;}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: 300ms opacity;
    -o-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10;
    top: 0px;
    width: 504px !important;
    left: 210px !important;
  }
  .swiper-pagination-bullet:nth-child(1){
    bottom: -2px;
    left: 188px;
}
  .swiper-pagination-bullet:nth-child(2){
    bottom: 123px;
    left: 51px;
}
  .swiper-pagination-bullet:nth-child(3){
    bottom: 318px;
    left: 41px;
}
  .swiper-pagination-bullet:nth-child(4){
    top: 15px;
    left: 170px;
}
  .swiper-pagination-bullet:nth-child(5){
   
left: 383px;
   
top: 9px;
}
  .swiper-pagination-bullet:nth-child(6){
    top: 160px;
    right: -120px;
}
  .swiper-pagination-bullet:nth-child(7){
    top: 211px;
    right: -128px;
}
  .swiper-pagination-bullet::before{content: ""; display: block;width: 36px;height: auto;position: absolute;top: 50%;left: 50%;color: #636363;line-height: 18px;font-size: 18px;transform: translate(-50%,-50%);}
  .swiper-pagination-bullet:nth-child(1)::before{content: "公司注册"}
  .swiper-pagination-bullet:nth-child(2)::before{content: "定制报表"}
  .swiper-pagination-bullet:nth-child(3)::before{content: "个性内容"}
  .swiper-pagination-bullet:nth-child(4)::before{content: "培训试运"}
  .swiper-pagination-bullet:nth-child(5)::before{content: "正式上线"}
  .swiper-pagination-bullet:nth-child(6)::before{content: "资料导入"}
  .swiper-pagination-bullet-active{background: url(../image/CgAGe1z2TM-AZQSrAAAIf-_IAnI278.png) no-repeat !important;background-size: 116px 116px !important;}
  .swiper-pagination-bullet-active::before{color: #FFF !important;}
  .slidecon{width: 445px;height: 275px;position: absolute;top:250px;right: 325px;}
  .slideconwz1{width: 100%;height: 30px;font-size: 30px;line-height: 30px;color: #333;font-weight: bold;margin: 50px 0px 35px 0px;padding: 0px 0px 0px 180px;box-sizing: border-box;}
  .slideconwz2{width: 100%;height: auto;font-size: 17px;line-height: 35px;color: #959595;padding: 0px 0px 0px 180px;box-sizing: border-box;}
    
    
    .about5{width: 1200px;position: relative;height: 780px;margin: 0px auto;}
    .about5top1{width: 100%;margin: 50px 0px 0px 0px;height: 30px;font-size: 30px;color: #333333;text-align: center;float: left;;}
    .about5top2{width: 100%;margin: 40px 0px 30px 0px;height: 16px;font-size: 16px;color: #24b0de;text-align: center;float: left;;}
    .about5con{width: 100%;float: left;}
    .about5conli{width: 255px;height: 450px;float: left;margin: 40px 0px 0px 50px;    box-shadow: -5px -5px 25px #d0ecf6;text-align: center;transition: all 0.3s ease;}
    .about5conli:nth-child(1){margin-left: 0px !important;}
    .about5conlicur{width: 280px;height: 485px;float: left;margin: 20px 0px 0px 50px;    box-shadow: -5px -5px 25px #d0ecf6;}
    .about5conli>img{height: 54px;margin: 70px 0px 40px 0px;transition: all 0.3s ease;;}
    .about5conlicur>img{height: 68px;margin: 80px 0px 30px 0px;;}
    .about5conli1{width: 100%;height: 45px;position: relative;font-size: 30px;line-height: 30px;text-align: center;}
    .about5conli:nth-child(1) .about5conli1{color: #42c185}
    .about5conli:nth-child(2) .about5conli1{color: #43a1c1}
    .about5conli:nth-child(3) .about5conli1{color: #fcc641}
    .about5conli:nth-child(4) .about5conli1{color: #b140e6}
    .about5conli1::before{content: "";display: block;width: 50px;height: 2px;background: #d2d2d2;position: absolute;bottom: 0px;left: 50%;margin-left: -25px;;}    
    .about5conli2{width: 100%;padding: 15px 35px 0px 35px;color: #818181;line-height: 30px;text-align: left;font-size: 18px;box-sizing: border-box;}
    

.n_content_left{width: 1170px;margin: 0 auto;position: relative;height: 50px;}
.products_body .n_content_left,.prod_view_body .n_content_left{ height: 0px;}


.n_content_right_name_r{    width: 500px;height: 50px; color: #777; font-size: 14px; float: left; line-height: 50px;}

.products_body .n_content_right_name_r,.prod_view_body .n_content_right_name_r{color: #666;font-size: 12px;}
.products_body .n_content_right_name_r a,.prod_view_body .n_content_right_name_r a{color: #999;font-size: 12px;}
.n_r_wz1,.n_r_wz2,.n_r_wz3,.n_r_wz4,.n_r_wz5,.n_r_wz6{}
.n_content_right_name_r ul li{float:left; line-height:50px;}
.n_content_right_name_r ul li a{color: #777;}
.n_content_right_name_r ul li a:hover{color: #ff6176;}
.n_content_right_name_r ul li img{ display: none;}




.index_body .xn_f_21_wrap{display: block!important;}
.xn_f_21_wrap{width: 1200px;margin:0px auto;overflow: hidden;display: none;}
.xn_f_21_xhbox{float:left;width:80px;height:30px;overflow:hidden;text-align:center;color: #fff!important;font-size: 14px!important;}
.xn_f_21_xhbox a{color: #fff!important;font-size: 14px!important;}


.foot_nav2{width: auto;overflow: hidden;text-align:left;margin: 56px 0 56px 48px;float: left;margin-left: 48px;}
#ShoveWebControl_VMenu4>li+li+li+li+li+li+li+li{display: none;}
.foot_nav2_ul{ float:left; margin:0px; padding:0px;}
.foot_nav2 ul li{width: 94px;float:left;}
.foot_nav2 ul li a{line-height:25px;font-size: 14px!important;color: #fff!important;}
.foot_nav2 ul li ul li a{line-height:25px; font-weight: normal !important;}


.foot_tel{width: 194px;color:#999;float: right;text-align: center;margin-right: 50px;}
.foot_tel_f{ position:relative; width:100%; height:100%;}
.foot_phone{font-size: 16px;color: #fff;margin-top: 22px;}
.foot_fax,.foot_add{font-size: 12px!important;color:#6b6d70!important;line-height: 22px!important;font-family: "宋体";}
.foot_tel a{color:#999; }


.foot_copy{width: 100%;text-align: center;height: 47px;line-height: 47px;border-top: 1px solid #393939;background: #272727;}
.foot_copy_name,.foot_copy_ba{display: inline-block;}
.foot_copy_name,.foot_copy_ba a{line-height: 47px!important;font-size: 12px!important;color: #6b6d70!imortant;}


.xn_f_2_warp {position: absolute;bottom: 0;right: 0;}


.foot{width:100%;position:relative;text-align:center;font-size:12px;color:#666666;line-height:25px;}
.foot a{ font-size:12px; color:#666666; text-decoration:none; line-height:25px;-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
transition: all .3s linear;}
.foot a:hover{ color:#e15f4d!important;}
.foot_c{position:relative;width: 100%;margin:auto;text-align:left;background: #2e2e2e;}
.foot_c_width{width: 1200px;height: 139px;margin:0px auto;}


.foot_logo{float: left;margin-top: 42px;width:142px;}
.foot_logo img{width:142px;}


.foot_erweima{float: right;margin-top: 28px;position: relative;}
.foot_erweima_img{width: 60px;height: 60px;background: #3a3a3a url(../image/foot_weixin.png) no-repeat center center;margin:0 auto;}
.foot_erweima_text{font-size: 12px;color:#6b6d70!important;font-family: "宋体";}
.foot_erweima_big{position: absolute;left: 50%;margin-left: -65px;top:-130px;z-index: 10;display: none;}
.foot_erweima:hover .foot_erweima_big{display: block;}
.foot_erweima_big img{width: 130px;height: 130px;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-ms- transition: all .4s ease-in-out;transition: all .4s ease-in-out;}


.xn_c_index_top{width: 60px;height: 60px;background: rgba(0,0,0,0.1) url(../image/back_top.png) no-repeat center center;border-radius: 2px;cursor: pointer;position: fixed;bottom: 140px;right: 10px;z-index:90;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;transition: all .3s linear;}
.xn_c_index_top:hover{background: rgba(0,0,0,0.4) url(../image/back_top.png) no-repeat center center;}