@charset "utf-8";
:root{
  --theme-colors:#0059eb;/*主题色*/ 
}
body{
  min-width:1100px;
  overflow: auto;
}
a {
  color: #333;
  text-decoration: none;
  -webkit-transition: all 400ms ease-in-out;
  -moz-transition: all 400ms ease-in-out;
  -o-transition: all 400ms ease-in-out;
  -ms-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out; 
}

a:hover {
  color: #666;
  text-decoration: none;
}

a:focus {
  outline: none;
  text-decoration: none;
}

/*------------------------------------------*/
/*  lists
/*------------------------------------------*/

ul {
  margin: 0;
  padding: 0;
  list-style: none;
} 

/*------------------------------------------*/
/*  text list
/*------------------------------------------*/

.txt-list li i {
  position: relative;
  font-size: 1.05rem;
  line-height: 1.5rem;
  float: left;
  margin-right: 10px;
  top: 2px;
}

.txt-list li p {
  overflow: hidden;
  margin-bottom: 10px;
}


/*------------------------------------------*/
/* page-2 p2-wrapper
/*------------------------------------------*/
.p2-wrapper{
  padding:0px 0%;
  text-align: center;
}

.p2-wrapper .p2-wrp-list{border-top: solid 2px #b2dffd; background:#f9f9f9;}
.p2-wrapper .p2-wrp-list-2{border-top:solid 2px #b3d2fe}
.p2-wrapper .p2-wrp-list-3{border-top:solid 2px #a1e0cd}
.p2-wrapper .p2-wrp-list-4{border-top:solid 2px #f2b1ab}
.p2-wrapper .pw-wlt-list{ font-size: 18px; color:#6c6c6c;}
.p2-wrapper .pw-wlt-list li{padding: 3px 0; line-height: 28px;}
.p2-wrapper .pw-wlt-list li:before{content:'·';font-weight:bold;}
.p2-wrapper .p2-wrp-list img{width:100%}

/*------------------------------------------*/
/* index page 2 list
/*------------------------------------------*/
.idx_p2{
  background:url(/uploads/image/cgimage/idx_p2_right.png)no-repeat right top;
  background-size: cover;
}

.idx_p3{
  position: relative;
  background: #f5f5f5;
  overflow:hidden;
}
.idx_p3 .left-column{background: linear-gradient(38.35deg, rgba(51, 185, 141, 0.8) 0.82%, rgba(102, 203, 169, 0.8) 99.49%);}
.idx_p3 .right-column{background: linear-gradient(38.35deg, rgba(72, 137, 245, 0.8) 0.82%, rgba(116, 166, 249, 0.8) 99.49%);}
.idx_p3 .left-column,.idx_p3 .right-column{padding:20px 0px 0px 30px;border-radius: 10px;overflow: hidden;}
.idx_p3 .left-column .h3-sm,.idx_p3 .right-column .h3-sm{font-weight:400;font-size: 32px;}
.idx_p3 .left-column .txt-list li,.idx_p3 .right-column .txt-list li{width:calc(100% / 2);float:left;position: relative;margin:5px 0px;}
.idx_p3 .left-column .txt-list li:after,.idx_p3 .right-column .txt-list li:after{
  font-family: "kushewang" !important;
  font-size:13px;
  content: "\e8dc";
}
.idx_p3 .left-column img,.idx_p3 .right-column img{width:100%;}
.idx_p3 .left-column .txt-list li a,.idx_p3 .right-column .txt-list li a{color:#fff;}
.idx_p3 .left-column .txt-list li a:hover,.idx_p3 .right-column .txt-list li a:hover{color:#000;}

.idx_p3 .left-column .txt-list li{display: inline-block;clear: both;}

.case-renke{ width: 1140px; margin: 0 auto; overflow: hidden;}
.case-renke .swiper-slide{width: 960px;}
.case-renke .slide-img{float:left;width: 620px; height: 448px;}
.case-renke .slide-img img{width:100%;height:100%;
  border-radius: 9px 0px 0px 9px;}
.case-renke .slide-txt{float:left;width:340px;height:448px; padding: 45px 17px 0 17px; border-radius:0 9px 9px 0; background:#fff;}
.case-renke .slide-txt h5{font-size: 22px;}
.case-renke .slide-txt p{font-size: 13px;}
.case-renke .slide-txt ul li{width: 300px;
  height: 39px;
  margin-bottom: 18px;
  padding:0 10px;
  line-height: 39px;
  background: #f7f8fa;
  border-radius: 4px 4px 4px 4px;
  font-size: 13px;
  opacity: 1;}
  .case-renke .slide-txt ul{margin-top: 68px;}
  .case-renke .slide-txt ul li img{ float:left; width: 21px;margin:10px 10px 0 8px}
  .case-renke .slide-txt ul li .text{float:left; width:210px;overflow:hidden; text-overflow: ellipsis;white-space: nowrap;}
  .case-renke .slide-txt ul li .rgt{float:right;}
.idx_p3 .swiper-button-next,
.idx_p3 .swiper-button-prev{
  height:51px;width:51px;
  line-height: 51px;
  /* bottom:-70px;top:auto;
  border: 1px solid #fff; */
  background:#337aef;
  border-radius:51px;
  text-align:center;
  color:#fff;
}
.idx_p3 .swiper-button-next.swiper-button-disabled,
.idx_p3 .swiper-button-prev.swiper-button-disabled{
  pointer-events: auto;
  color:#fff;
  cursor:pointer;
  opacity:0.6
}
  /*------------------------------------------*/
/*  index page content-4
/*------------------------------------------*/
.idx_p4{
  border-bottom:solid 1px #f1f2f5;
  background:url(/uploads/image/cgimage/idx_p4_bg.jpg) no-repeat center;
  background-size:cover;
}
.p4-wrp-list {text-align:center;color:#333}
.p4-wrp-list .num{position:relative;width:120px;margin:0 auto;font-size: 50px;}
.p4-wrp-list .num img{position:absolute;top:0;right:-5px;}
.p4-wrp-list .percent{position:absolute;bottom:12px;right:0; font-size: 16px;color:#006fff}
.p4-wrp-list .name{font-size: 22px;}
.idx_p4 .margin-center{margin-left: auto; margin-right: auto;}


.idx_p5{background:#fdfdfd;}
.idx_p5 .p5-bxshow{
  background: #f0f2f4;
  box-shadow: -6px -6px 12px rgba(255, 255, 255, 0.7), 6px 6px 12px rgba(189, 200, 223, 0.7);
  border-radius: 15px;
}
.idx_p5 .p5-item h5{padding: 22px 15px;color: #669bf3;}
.idx_p5 .p5-item .im-list{float:left;width: 230px;
  height: 279px;margin:0px 0 0 10px;
  background: linear-gradient(180deg, #edf0f4 0%, #ffffff 24%, #ffffff 100%);
  border-radius: 4px 4px 4px 4px;
  opacity: 1;
  border: 1px solid #e7e7e7;}
.idx_p5 .p5-item .im-list img{width:36px;height:33px; margin-right: 10px;}
.idx_p5 .p5-item .im-list h5{color: rgba(0, 0, 0, 0.6);}
.idx_p5 .p5-item .im-list ul{margin-top:15px;position: relative;}
.idx_p5 .p5-item .im-list ul li{position: relative;color: #595959;margin-bottom:15px;}
.idx_p5 .p5-item .im-list ul li:before{content:'· ';width:25px;height:20px; font-weight:bold}
.idx_p5 .col-md-1{line-height:279px;}


.idx_p6{
  padding-bottom:85px;
  background: #f7f8fb;
}
.idx_p6 .container{margin:0px auto;}
.idx_p6 .kehu-renke{overflow: inherit;}
.idx_p6 .kehu-renke .swiper-slide{background: #ffffff;border-radius: 6px;min-height:330px;
  box-shadow: 0px 3px 7px 1px rgba(0,0,0,0.04);overflow: hidden;}
.idx_p6 .kehu-renke .swiper-slide .slide-img{}
.idx_p6 .kehu-renke .swiper-slide .slide-img img{width:100%;height:85.714286%;}
.idx_p6 .kehu-renke .swiper-slide .slide-txt{}
.idx_p6 .kehu-renke .swiper-slide .desc{font-size: 14px;font-size: 14px;display: block;height: 115px;padding:10px 20px;overflow:hidden;}
.idx_p6 .kehu-renke .swiper-slide .gs{padding:0px 20px;}

.idx_p6 .kehu-renke .swiper-slide .gs .gsuser {
  /*overflow: hidden;*/
  /*float: right;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.idx_p6 .kehu-renke .swiper-slide .gs .gsuser span:last-child {
  font-size: 14px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.idx_p6 .kehu-renke .swiper-slide .gs h5{font-size: 20px;color:#000;margin-bottom:0px;}
.idx_p6 .kehu-renke .swiper-slide .gs p{font-size:12px;color: rgba(0, 0, 0, 0.5);}
.idx_p6 .kehu-renke .swiper-slide .gs .gslogo{width:80px;height: 26px;float: left;}

.idx_p6 .swiper-button-next,
.idx_p6 .swiper-button-prev{
  margin-top:50px;
  height:50px;
  width:50px;
  bottom:-70px;
  top:auto;
  border: 1px solid #fff;
  background:#337aef;
  border-radius:30px;
  /*text-align:center;*/
  color:#fff;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  pointer-events: all!important;
}
.idx_p6 .swiper-button-prev{left: 44%;}
.idx_p6 .swiper-button-next{left: 51%}
.idx_p6 .swiper-button-next i,
.idx_p6 .swiper-button-prev i{font-size:18px;}
.idx_p6 .swiper-button-next:hover,
.idx_p6 .swiper-button-prev:hover{background:#0354d9;}

.idx_p7{}
.idx_p7 .qiye-logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.idx_p7 .qiye-logo a{
  /*display: block;*/
  height: 82px;
  width:calc(100% / 8 - 10px);
  /*float:left;*/
  margin:5px;
  background:#fff;
  padding:15px;
  overflow: hidden;
  border: 1px solid #dcdcdc;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.idx_p7 .qiye-logo a img{
  /*width: 100%;*/
}

.idx_p8{
  background:;
  background-size: contain;
  width: 100%;
}
.idx_p8 .section-title h4:after{
  background:none;
}
.idx_p8 .col-md-6{margin:0px auto;}
.idx_p8 .col-md-6 a:not(:last-child){margin-right:60px;}
.idx_p8 .col-md-6 a.btn-primary{}
.idx_p8 .col-md-6 a.btn-freebtn{border-color: #007bff;color: #007bff;background:#fff;}
.idx_p8 .col-md-6 a.btn-freebtn:hover{background-color: #007bff;color:#fff;}
.idx_p8 .col-md-6 a.btn-secondary{border-color: #fff;color: #fff;background:none;}
.idx_p8 .col-md-6 a.btn-secondary:hover{background-color: #fff;color:#007bff;}


/* function page */
.pfn1_page2{
  background:url(/uploads/image/cgimage/pfn1_p2_left.png) no-repeat -418px 63px, linear-gradient(256.3deg, #edf2f9 0%, #fafcff 100%);
  background-size: contain;
}
.pfn1_page2 .p2-warp{border-radius: 40px;}
.pfn1_page2 .p2-warp .w-up{height:190px;background: linear-gradient(270deg, #337aef 0.08%, #647bf4 100%);border-radius: 40px 40px 0px 0px;}
.pfn1_page2 .p2-warp .p2-wrp-center{
  margin:-60px auto 0px;
    width: 300px;
    height: 300px;
    background: linear-gradient(180deg, #0059eb 0%, #647bf4 100%);
    border-radius: 200px;
    overflow: hidden;
}
.pfn1_page2 .p2-warp .p2-wrp-center .text-center{background:#fff;width:270px;height:270px;border-radius: 200px;
    margin:15px;padding:15px;}
.pfn1_page2 .p2-warp .p2-wrp-center h5{font-size: 24px;font-weight: normal;}
.pfn1_page2 .p2-warp .p2-wrp-center .p2-list li{color: rgba(0, 0, 0, 0.6);position:relative;}
.pfn1_page2 .p2-warp .p2-wrp-center .p2-list li:before{content:'· ';}
.pfn1_page2 .p2-warp .p2-wrp-left,
.pfn1_page2 .p2-warp .p2-wrp-right{color:#fff;}
.pfn1_page2 .p2-warp .p2-wrp-left h5,
.pfn1_page2 .p2-warp .p2-wrp-right h5{font-weight: normal;}

.pfn1_page2 .p2-warp .p2-wrp-left .p2-list,
.pfn1_page2 .p2-warp .p2-wrp-right .p2-list{line-height: 32px;}
.pfn1_page2 .p2-warp .p2-wrp-left .p2-list li{float:right;}
.pfn1_page2 .p2-warp .p2-wrp-right .p2-list li{float:left;}

.pfn1_page2 .p2-warp .p2-wrp-right .p2-list li:before,
.pfn1_page2 .p2-warp .p2-wrp-left .p2-list li:before,
.pfn1_page2 .p2-warp .p2-wrp-right .p2-list li:before{content:'· ';}

.pfn1_page2 .p2-warp .w-dovn,
.sn_page2 .sn_p2row{border-radius:0px 0px 40px 40px;background:#fff;margin-top:5px;overflow:hidden;}
.pfn1_page2 .p2-warp .w-dovn img,
.sn_page2 .sn_p2row .col-lg-3 img{width:60px;height:60px;margin-bottom:20px;}
.pfn1_page2 .p2-warp .w-dovn p,
.sn_page2 .sn_p2row .col-lg-3 p{color: rgba(0, 0, 0, 0.5);margin:0px;}
.pfn1_page2 .p2-warp .w-dovn h5,
.sn_page2 .sn_p2row .col-lg-3 h5{color: #337aef;font-size:32px;}


.pfn1_page3 .d-flex .ptitle{font-size: 20px;color:var(--theme-colors);}
.pfn1_page3 .d-flex .h3-sm{font-size: 40px;}
.pfn1_page3 .d-flex .txt-list{position: relative;line-height:35px;}
.pfn1_page3 .d-flex .list-item:before{
  float:left;
  content:'';
  height:9px;width:9px;
  margin-right:10px;
  margin-top:11px;
  display:block;
  background: #757575;
  border-radius:9px;
}
.pfn1_page3 .m-row{}

/*------------------------------------------*/
/*p_function3 list*/
/*------------------------------------------*/

.pfn3_page2{background:url(/uploads/image/cgimage/pfn3_p2_bg.jpg)center left no-repeat,linear-gradient(256.3deg, #f5f9ff 0%, #fcfdff 100%);background-size: contain;}
.pfn3_page2 .iphone{width:240px;float:right;}
.pfn3_page2 .iphone img{width:100%;}
.pfn3_page2 .rowprice{}
.pfn3_page2 .rowprice h4{font-size: 24px;}
.pfn3_page2 .rowprice .cont{}
.pfn3_page2 .rowprice .left-column,.pfn3_page2 .rowprice .right-column{width:50%;float:left;position: relative;}
.pfn3_page2 .rowprice .left-column:after{position:absolute;right:53px;top:25px;
  content:'';width: 1px;height:65%;background: rgba(0, 0, 0, 0.3);display:block;}

.pfn3_page2 .rowprice .left-column p,
.pfn3_page2 .rowprice .right-column p{font-size:18px;color:rgba(0, 0, 0, 0.6);margin-top: 15px;}
.pfn3_page2 .rowprice .left-column h5,
.pfn3_page2 .rowprice .right-column h5{font-size:30px;color: var(--theme-colors);}
.pfn3_page2 .rowprice .btn-secondary{margin-top:10px;}


.pfn3_page3{}
.pfn3_page3 .p3-warp{padding: 0px 4%;}
.pfn3_page3 .p3-warp .ipng{width:32px;height: 32px;display: block;float:left;margin-right:15px;}
.pfn3_page3 .p3-warp .ic1{background: url(/uploads/image/cgimage/pfn3_p3_0.png);}
.pfn3_page3 .p3-warp .ic2{background: url(/uploads/image/cgimage/pfn3_p3_1.png);}
.pfn3_page3 .p3-warp .ic3{background: url(/uploads/image/cgimage/pfn3_p3_2.png);}
.pfn3_page3 .p3-warp .ic4{background: url(/uploads/image/cgimage/pfn3_p3_3.png);}
.pfn3_page3 .p3-warp .ic5{background: url(/uploads/image/cgimage/pfn3_p3_4.png);}
.pfn3_page3 .p3-warp .ipng{width:32px;height: 32px;display: block;background-repeat:no-repeat;}
.pfn3_page3 .p3-warp .sbox{background: #f2f7fe;border-radius: 10px;padding:20px;}
.pfn3_page3 h5{font-size: 24px;}
.pfn3_page3 .list{height: 100px;}
.pfn3_page3 .list li{width:50%;float:left;color: rgba(0, 0, 0, 0.6);line-height:30px;}
.pfn3_page3 .list li:before{content:'·';font-size:16px;padding-right:5px;}
.pfn3_page3 .pricebox{}
.pfn3_page3 .plist{width:50%;float:left;position: relative;}
.pfn3_page3 .plist p{font-size:18px;margin-bottom:0px;}
.pfn3_page3 .plist h5{font-size:30px;color: var(--theme-colors);}
.pfn3_page3 .plist.lines:after{position: absolute;top:5px;right:18px;
  content:'';width:1px;height:77%;background: rgba(0, 0, 0, 0.3);
}
.pfn3_page4 .tblist .t-head div{font-weight: 700;font-size: 24px !important;color:#000 !important;}
.pfn3_page4 .tblist .row{margin:0px;padding:15px 0px;}
.pfn3_page4 .tblist .row .col-md-2{font-weight: 700;font-size: 24px;}
.pfn3_page4 .tblist .row .col-md-5{font-size:14px;color: rgba(0, 0, 0, 0.6);}
.pfn3_page4 .tblist .row:not(:first-child):before{content:'';margin-top: -15px;width:100%;display:block;height: 1px;background:rgba(0, 0, 0, 0.3);}
.pfn3_page4 .tblist .text-center{transform: translate(0%,45%);}

.pfn3_page5{
  background: url(/uploads/image/cgimage/idx_p4_left.png) -1px 0px, url(/uploads/image/cgimage/idx_p8bg2.png) right 0px;
    background-color: #f2f7fe;
    background-size: contain;
    background-repeat: no-repeat;
}
.pfn3_page5 .col-md-10{margin:0px auto;}
.pfn3_page5 .card{border:0px;width:calc(100% / 2 - 15px);float:left;overflow: hidden;border-radius:10px;}
.pfn3_page5 .card .card-title{color:#fff;padding:15px;}
.pfn3_page5 .card .card-body{padding:0px;}

.pfn3_page5 .card.bg-blue .card-title{background:var(--theme-colors);}
.pfn3_page5 .card.bg-green .card-title{background:#00a870;}

.pfn3_page5 .card .item{position: relative;width:50%;float:left;padding:20px;border-radius: 10px;}
.pfn3_page5 .card .item span{font-size: 20px;color: #000;}
.pfn3_page5 .card.bg-blue .item h5{color:var(--theme-colors);font-size: 33px}
.pfn3_page5 .card.bg-green .item h5{color:#00a870;font-size:33px}

.pfn3_page5 .card.bg-blue .item:not(:last-child):after,.pfn3_page5 .card.bg-green .item:not(:last-child):after{
  position:absolute;top: 31px;right:5px;
  content:'';width:1px;height:50%;display: block;background: rgba(0, 0, 0, 0.3);}

/*------------------------------------------*/
/*p_function4 list*/
/*------------------------------------------*/
.pfn4_page{}
.pfn4_page2 .btn-secondary,.pfn3_page2 .rowprice .btn-secondary{
  border-color:var(--theme-colors);
  color:var(--theme-colors);
  background:none;
}
.pfn4_page2 .btn-secondary:after,.pfn3_page2 .rowprice .btn-secondary:after{
  content: "\e8dc";
  margin-left:10px;
  font-family: "kushewang" !important;
  font-size:12px;
}
.pfn4_page2 .btn-secondary:hover,.pfn3_page2 .rowprice .btn-secondary:hover{
  background: var(--theme-colors);color:#fff;
}
.pfn4_page2 .p2-warp{background: #f2f7fe;border-radius: 10px;}
.pfn4_page2 .p2-warp .sbox-1-ico{width:110px;height:110px;background:#fff;padding:5px;margin:0px auto;border-radius:4px;overflow: hidden;}
.pfn4_page2 .p2-warp .sbox-1-ico .img-65{width:100%;height:100%;}
.pfn4_page2 .p2-warp .btn-more{color: #33b98d;
  font-size:24px;width: 174px;display: block;height: 34px;font-weight: 700;margin:0px auto;
}
.pfn4_page2 .p2-warp .btn-more:hover,.pfn4_page2 .p2-warp .btn-more:focus{outline:none;font-weight:normal;}
.pfn4_page3 .p3-warp .sbox-1{padding:25px 15px;
  width:calc(100% / 5 - 20px);
  display: inline-block;
  background: #f2f7fe;
  border-radius: 10px;
}
.pfn4_page3 .p3-warp .sbox-1 .sbox-1-ico{background:#fff;border-radius: 10px;width:110px;height:110px;line-height:110px;margin:0px auto 15px;}
.pfn4_page3 .p3-warp .sbox-1 .sbox-1-ico .kushewang{font-size:50px;color:#2f2961;}
.pfn4_page3 .p3-warp .sbox-1:not(:first-child){margin-left:20px;}
.pfn4_page3 .p3-warp .sbox-1 h5{font-size:24px;}
.pfn4_page3 .p3-warp .sbox-1 h5:after{background: rgba(0, 0, 0, 0.6);width: 40px;height:4px;border-radius:2px;content:'';display:block;margin:15px auto 0px;}
.pfn4_page3 .p3-warp .sbox-1 p{font-size:20px;color: rgba(0, 0, 0, 0.6);}
.pfn4_page3 .p3-warp .sbox-1 .cw-dab-arrow-right{font-size:18px;}

.pfn4_page4 .item{margin-right:0px;margin-left:0px;overflow:hidden;border-radius:10px;background: #f2f7fe;}
.pfn4_page4 .item .left-column .h3-sm,
.pfn4_page4 .item .right-column .h3-sm{font-size:24px;height:138px;overflow:hidden;}
.pfn4_page4 .item .imglogo{}
.pfn4_page4 .item .imglogo img{max-width:100%;}

.pfn4_page5{
  background: url(/uploads/image/cgimage/idx_p4_left.png) -1px 0px, url(/uploads/image/cgimage/idx_p8bg2.png) right 0px;
    background-color: #f2f7fe;
    background-size: contain;
    background-repeat: no-repeat;
}

/*------------------------------------------
/*  solution page list
/*------------------------------------------*/
.sn_newpage1{clear: both;padding-bottom:0px;}
.sn_newpage1 .card{min-height:193px;}

.sn_page2{}
.sn_page2 .card{border:0px;overflow: hidden;border-radius:10px;}
.sn_page2 .card .card-title{color:#fff;padding:20px 15px;}
.sn_page2 .card .card-body{padding:0px;background: #f2f7fe;border-radius:10px;overflow: hidden;}

.sn_page2 .card.bg-blue .card-title{background:var(--theme-colors);}
.sn_page2 .card.bg-green .card-title{background:#00a870;}
.sn_page2 .card ul{margin:40px;counter-reset:line;}
.sn_page2 .card .item{position: relative;float:left;padding:20px;
  background:#ffffff;border-radius: 10px;width: calc(100% / 5 - 25px);}
.sn_page2 .card .item:not(:last-child){margin-right:30px;}
.sn_page2 .card .item span{font-size: 20px;color: #000;}
.sn_page2 .card.bg-blue .item h5{color:var(--theme-colors);font-size: 24px;margin-top:20px;}
.sn_page2 .card.bg-green .sn_p2row{padding:40px;background:none;}


.sn_page2 .card .item:before{
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  color: #b3cdf9;
  font-size:24px;
  padding:5px 5px 10px 5px;
  border-bottom:3px solid #b3cdf9;
}
.sn_page2 .card .item:after{}
.sn_page2 .snlist{margin-top:50px;}
.sn_page2 .snlist .h3-sm{font-size:40px;}
.sn_page2 .snlist p{margin-bottom: 20px;}
.sn_page2 .snlist .img-fluid{max-width:100%;}

.sn3_page3{background:#337aef url(/uploads/image/cgimage/pfn1_p2_left.png) no-repeat 90% 138px;background-size:contain;}
.sn3_page3 .blog-1-post{background:#fff;border-radius:10px;overflow:hidden;}
.sn3_page3 .blog-post-img img{border-radius:0px;}
.sn3_page3 .blog-post-txt{padding:30px 20px;}
.sn3_page3 .blog-post-txt a{font-size: 24px;}
.sn3_page3 .blog-post-txt a:hover{color:var(--theme-colors);}


/*2022年9月21日19:19:46 改版开发*/
.sn921_page2{
  background: no-repeat;
  background-position:right bottom;
}
.sn921_page2 .card{border:0px;overflow: hidden;border-radius:10px;background:none;}
.sn921_page2 .card .card-title{color:#333;padding:20px 15px;font-size:40px;}
.sn921_page2 .card .card-body{padding:0px;background:none;border-radius:10px;overflow: hidden;}

.sn921_page2 .card.bg-blue .card-title{}
.sn921_page2 .card.bg-green .card-title{}
.sn921_page2 .card ul{margin:40px;counter-reset:line;}
.sn921_page2 .card .item{position: relative;float:left;padding:10px 20px 20px 20px;border-radius:50%;
  background:#ffffff;width: calc(100% / 5 - 25px);border:2px solid var(--theme-colors);}
.sn921_page2 .card .item:not(:last-child){margin-right:30px;}
.sn921_page2 .card .item span{font-size: 20px;color: #000;}
.sn921_page2 .card.bg-blue .item h5{color:var(--theme-colors);font-size: 24px;margin-top:20px;font-weight:normal;}
.sn921_page2 .card.bg-green .sn_p2row{padding:40px;background:none;}


.sn921_page2 .card .item:before{
  counter-increment: line;
  content: counter(line);
  display: inline-block;
  color:var(--theme-colors);
  font-size:24px;
  padding:5px 5px 10px 5px;
  border-bottom:3px solid var(--theme-colors);
}




/*------------------------------------------
/*  case list
/*------------------------------------------*/
.cs1_page2{background:#fdfdfd; padding-bottom: 10px}
.casefilter .iftype,.lgc1_page2 .sandbar{
/*box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);*/
/*border-radius: 16px;*/
padding:20px;
}
.casefilter {
  /*border-bottom: 1px #e5e6e9 solid;*/
}

.casefilter .lefttext{/*width:60px;*/margin-bottom:0;float:left;line-height:35px;display: block;font-weight:bold; font-size:20px;}
.casefilter .simplefilter,
.casefilter .multifilter,
.casefilter .kecfilter{width:calc(100% - 120px);float:left;padding-left:10px;position:relative;line-height:24px;font-size: 16px}
.casefilter .simplefilter:before,
/*.casefilter .multifilter:before,.casefilter .kecfilter:before{position: absolute;top:1px;left:0px;
  content:'';display: block;border-left:1px solid rgba(0, 0, 0, 0.1);width:1px;height:100%;}*/

.casefilter .simplefilter li,.casefilter .multifilter li,.casefilter .kecfilter li {
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  padding: 4px 12px;
  margin:3px;
  font-size: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  border-radius:4px;
}
.casefilter .simplefilter li.active,.casefilter .multifilter li.active,
.casefilter .kecfilter li.active {
  background:#f0f4ff;
  color:#0059eb;
}

.casefilter .simplefilter li.active a,.casefilter .multifilter li.active a,
.casefilter .kecfilter li.active a{
  background:#f0f4ff;
  color:#0059eb;
}

.casefilter .filtr-item .blog-1-post{border:solid 1px #e1e6f0;background:#fff;
/*box-shadow: -6px -6px 12px 4px rgba(189, 200, 223, 0.1), 6px 6px 12px 4px rgba(189, 200, 223, 0.1);
border-radius: 16px;*/
overflow:hidden;margin-bottom:30px;}

.casefilter .filtr-item .blog-post-img{}
.casefilter .filtr-item .blog-post-img img{border-radius:0px;width:100%;height:85.714286%;}
.casefilter .filtr-item .blog-post-txt{padding:25px 20px;}
.casefilter .filtr-item .blog-post-txt a{font-size:18px;display:block;height:80px;overflow: hidden;}
.casefilter .filtr-item .blog-post-txt a:hover{color:var(--theme-colors);}
.casefilter .filtr-item .frilg{ width: 100%;  clear: both;list-style: none;margin-top: 10px;font-size: 12px;color: #999;}


.news .filtr-item .blog-1-post{background:#fff;
/*box-shadow: -6px -6px 12px 4px rgba(189, 200, 223, 0.1), 6px 6px 12px 4px rgba(189, 200, 223, 0.1);
border-radius: 16px;*/
border: 1px solid #e1e6f0;
overflow:hidden;margin-bottom:30px;}

.news{background:#f7f8fc;}
.news .filtr-item .blog-post-img{height:122px;overflow:hidden;}
.news .filtr-item .blog-post-img img{border-radius:0px;width:100%;height:100%;}
.news .filtr-item .blog-post-txt{padding:20px;}
.news .filtr-item .blog-post-txt a{font-size:18px;line-height:24px;display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  -moz-box-orient: vertical;;}
.news .filtr-item .blog-post-txt a:hover{color:var(--theme-colors);}
.news .filtr-item .frilg{width:100%;clear:both;list-style: none;margin-top:20px;font-size: 12px;color:#999}


.case_float{
  position: fixed;
  right:-5px;
  bottom:15%;
  width:299px;
  padding:20px;
  background:#fff url(/uploads/image/cgimage/case_float_rightbg.png) no-repeat;
  background-size: contain;
  border-radius:5px;
  z-index:9;
}
.case_float .colse_cf{
  position: absolute;font-size:18px;text-align: center;
  right:5px;top:-8px;display: block;width:20px;height:20px;line-height:18px;
  background:#fff;
  border-radius:20px;
  color:#ff0000;
  opacity:0;
}
.case_float:hover .colse_cf{background:#ff0000;color:#fff;opacity:1;}
.case_float:hover .colse_cf:hover{background:#cf4646;color:#fff;opacity:1;}

.case_float .txt{font-size:14px;color:rgba(0, 0, 0, 0.9);font-weight: bold;}
.case_float .btn-primary{font-size:14px;}

.csdef_page2 .detail{border-bottom: 1px solid #dee0e3;}
.csdef_page2 .detail p{font-size:20px;}
.csdef_page2 .detail .qiyelogo img{max-width:100%;}
.csdef_page2 .detail .portraits img{max-width:100%;}
.csdef_page2 .detail .portraits .pimg{width:50px;height:50px;border-radius:50px;overflow: hidden;float: left;}
.csdef_page2 .detail .portraits .pimg img{width:50px;height:50px;}
.csdef_page2 .detail .portraits ul{width:calc(100% - 60px);;float: left;}
.csdef_page2 .intro h5{font-size: 26px;margin-bottom:26px;}
.csdef_page2 .intro p{font-size:16px;color: rgba(0, 0, 0, 0.6);}
.csdef_page2 .challenge{}
.csdef_page2 .che_bg1{background:#dee8fa;}
.csdef_page2 .che_bg2{background:#ebfaf7;}
.csdef_page2 .che_bg3{background:#f5fcfe;}
.csdef_page2 .challenge .left-column{position: relative;width:50%;padding:22px 32px;float:left;}
.csdef_page2 .challenge .left-column:after{content:"\eb91";display: inline-block;position:absolute;right:-14px;top:32%;
  font-family: "kushewang" !important;font-size:50px;}
.csdef_page2 .challenge .right-column{width:50%;padding:22px 32px;float:left;}
.csdef_page2 .che_bg1 .left-column h5,.csdef_page2 .che_bg1 .right-column h5{font-size:18px;color:#000;}
.csdef_page2 .che_bg1 .left-column p,.csdef_page2 .che_bg1 .right-column p{font-size:14px;color:var(--theme-colors);}

.csdef_page2 .che_bg2 .left-column h5,.csdef_page2 .che_bg2 .right-column h5{font-size:18px;color:#000;}
.csdef_page2 .che_bg2 .left-column p,.csdef_page2 .che_bg2 .right-column p{font-size:14px;color:#33b98d;}

.csdef_page2 .che_bg3 .left-column h5,.csdef_page2 .che_bg3 .right-column h5{font-size:18px;color:#000;}
.csdef_page2 .che_bg3 .left-column p,.csdef_page2 .che_bg3 .right-column p{font-size:14px;color: rgba(0, 0, 0, 0.6);}
.csdef_page2 .che_bg1 .left-column:after{color:#b3cdf9;}
.csdef_page2 .che_bg2 .left-column:after{color:#99dcc6;}
.csdef_page2 .che_bg3 .left-column:after{color:rgba(0, 0, 0, 0.3);}

.csdef_page2 .df-title .h5{font-size:40px;}
.csdef_page2 .df-title span{font-size:16px;color: rgba(0, 0, 0, 0.9);}
.csdef_page2 .df-pimg img{width:100%;}
.csdef_page2 .df-cont{padding-top:7px;}
.csdef_page2 .df-cont p{font-size: 16px;color: rgba(0, 0, 0, 0.6);line-height: 27px;}

.guanggao img{max-width:100%;}
.deffenye .df_footer .p-up{margin-bottom:0px;}
.deffenye .df_footer .p-up a{display:block;width:calc(100% - 80px);overflow: hidden;color: rgba(0, 0, 0, 0.9);float: right;white-space: nowrap;text-overflow: ellipsis;}
.deffenye .df_footer .p-up a:hover{color:var(--theme-colors);}
.deffenye .tag{margin-bottom: 40px;margin-top: 20px;padding-top:10px;font-size: 14px;}
.deffenye .tag .badge{padding: 10px 12px;border: 1px solid #e0e0e5;border-radius: 2px;}
.deffenye .tag .badge:not(:last-child){margin-right:20px;}
.deffenye .tag .badge-success{color: rgba(0, 0, 0, 0.6);;background: #fafafa;border-radius: 4px;}
.hot{position: fixed;right:-1px;background:#fff;border-radius:5px 0px 0px 5px;overflow:hidden;bottom: 1%;z-index: 9;}
.hot .card-header{font-size: 20px;}
.hot .card-header:before{content:'';width: 3px;height:20px;float:left;margin-right:10px;background:var(--theme-colors);display:block;margin-top:5px;}
.hot .card-body{}
.hot .card-body li{line-height:25px;}
.hot .card-body li a{display:block;width:269px;}
.hot .card-body li a:before{content:'·';width:10px;height:100%;float:left;margin-right:5px;font-size:16px;}
.hot .card-body li:hover a{color: var(--theme-colors);}


/*------------------------------------------
/*  观麦服务
/*------------------------------------------*/
.gmforms {background:#fff;box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);border-radius:10px;}
.gmforms .left-column{background:var(--theme-colors);float:left;width:50%;padding:40px;border-radius: 10px 0px 0px 10px;}
.gmforms .right-column{border-radius:0px 10px 10px 0px;float:left;width:50%;padding:60px 80px 20px;}
.gmforms .section-title .h3-md{font-size:40px;text-align: left;}
.gmforms .p4-up img,.gmforms .p4-down img{width:50px;height:50px;margin:0px auto;}
.gmforms .p4-up span,.gmforms .p4-down span{display:block;clear:both;font-size:14px;color:#fff;}
.gmforms .num{font-size:20px;color:#fff;}
.gmforms .p4-up .num:before,.gmforms .p4-down .num:before{
  width:15px;
  height:25px;margin-bottom: -5px;margin-right:5px;
  background-size:100%;
}
.gmforms .gms{border-radius:10px;padding:15px 15px 10px 15px;color:#fff;}
.gmforms .gms.bg1{background:#337aef;}
.gmforms .gms.bg2{background:#33b98d;}
.gmforms .gms h5{font-size: 24px;}
.gmforms .gms p{font-size: 14px;}

.gmforms .req_form，
.gmforms .login_form{position: relative;}
.gmforms .login_form .apply_account{
  position: absolute;
  right:35px;
  top:30px;
  color:var(--theme-colors);}
.gmforms .login_form .apply_account:hover{color:#000;}
.gmforms .login_form .apply_account:after{content: "\eb91";display:block;float:right;width:20px;height:20px;
  text-align: right;font-family: "kushewang" !important;
}
.gmforms .req_form h5{font-size: 40px;color:#000;}
.gmforms .login_form h5{font-size: 40px;color:#000;margin-top:60px;}
.gmforms .req_form .form-group label{font-size:16px;font-weight:bold;}
.gmforms .login_form .form-group label{font-size:16px;font-weight:bold;}
.gmforms .form-group label i{font-size: 20px;
    font-weight: bold;
    font-style: normal;
    color: #ff0000;
    margin-bottom: -5px;
    display: inline-block;
    margin-top: 5px;
    float: right;}
.gmforms .login_form{}
.form-success{padding:50px;background:#fff;text-align:center;}
.form-success h5{margin-bottom:50px;line-height:30px;font-size:30px;}
.form-success .success{color:#00c32c;}
.form-success .error{color:#ff0000;}
.form-success .success:before,
.form-success .error:before{font-family: "kushewang" !important;position: absolute;
  margin-left:-57px;margin-top:5px;
  display: inline-block;font-size: 42px;margin-right:15px;
}

.form-success .success:before {content: "\e65a";}
.form-success .error:before {content: "\e610";}
.form-success p.msg{margin-bottom:50px;}
.form-success .tip{width:250px;margin:0px auto;padding-bottom:50px;}
.form-success .tip li{line-height:25px;text-align: left;}
.form-success .tip li.text-center a{color:#00c32c;margin-left:-50px;display:block;}
.form-success .tip li.text-center a:hover{color:#000;}
/*------------------------------------------
/*  learning center page content list
/*------------------------------------------*/
.lgc1_page2 .navlist{}
.lgc1_page2 .fixed{position: relative;}
.lgc1_page2 .navfix{position: fixed;top:60px;z-index:3;background:#fff;margin-left:-18px;box-shadow: none;}
.lgc1_page2 .sandbar{text-align: center;}
.lgc1_page2 .sandbar li{
  cursor: pointer;
  display: inline-block;
  text-transform: uppercase;
  padding: 4px 12px;
  margin:3px;
  font-size: 16px;
  text-align: center;
  color: rgba(0, 0, 0, 0.6);
  border-radius:4px;
}
.lgc1_page2 .sandbar li{width:calc(100% / 6 - 20px);}
.lgc1_page2 .sandbar li a{font-size: 20px;text-align: center;color: rgba(0, 0, 0, 0.6);}
.lgc1_page2 .sandbar li.active a{color:var(--theme-colors);}
.lgc1_page2 .sandbar li a.btn-primary{color:#fff;}

.lgc1_page2 .r-warp{width:100%;margin-top:50px;}
.lgc1_page2 .r-warp .rp-header h5{float:left;font-weight: 500;font-size: 24px;}
.lgc1_page2 .r-warp .rp-header h5:before{content:'';display:inline-block;width:3px;height:25px;background:var(--theme-colors);float:left;margin-right:10px;}
.lgc1_page2 .r-warp .rp-header .rmore{float:right;font-size: 16px;color:var(--theme-colors);}
.lgc1_page2 .r-warp .rp-header .rmore:before{content:"\e8dc";display:inline-block;width:25px;height:25px;float:right;margin-left:10px;font-family: "kushewang" !important;}
.lgc1_page2 .r-warp .rp-header .rmore:hover{font-weight:bold;}
.lgc1_page2 .r-warp .rp-body{clear:both;}
.lgc1_page2 .rp-body .rp-left{width:35%;float:left;border-radius: 16px;overflow: hidden;height:270px;}
.lgc1_page2 .rp-body .rp-left img{width:100%;}
.lgc1_page2 .rp-body .rp-right{width:calc(65% / 3 - 25px);float:left;border-radius: 16px;overflow: hidden;box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);}
.lgc1_page2 .rp-body .rp-right:not(:first-child){margin-left:25px;}
.lgc1_page2 .rp-body .rp-right .img-block{width:100%;height: 142px;overflow: hidden;}
.lgc1_page2 .rp-body .rp-right img{width:100%;height:100%;}
.lgc1_page2 .rp-body .rp-right .cont{padding:10px;}
.lgc1_page2 .rp-body .rp-right p{font-size:18px;display:block;height:80px;overflow: hidden;margin-bottom:5px;}
.lgc1_page2 .rp-body .rp-right span{float:right;font-size:14px;color: rgba(0, 0, 0, 0.3);}
.lgc1_page2 .rp-body .rp-right span.line:before{content:'——';display:inline-block;float: left;}

.lgc1-pg2 .section-title .h3-md{font-size:40px;color:rgba(0, 0, 0, 0.9);}
.lgc1-pg2 .section-title .p-lg{font-size:20px;color:rgba(0, 0, 0, 0.8);}
/* .lgc1-pg2 .pbox{box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);
border-radius: 16px;overflow: hidden;} */
.lgc1-pg2 .pbox .pbox-ico{max-height: 150px;overflow: hidden;}
.lgc1-pg2 .pbox .pbox-ico img{max-width:100%;}
.lgc1-pg2 .pbox .pbox-doc{padding:15px 15px 0px 15px;}
.lgc1-pg2 .pbox .pbox-doc img{max-width:100%;margin: 0px auto;}
.lgc1-pg2 .pbox .name{font-size: 20px;color:#000;margin-bottom:8px; font-weight: 700;}
.lgc1-pg2 .pbox .name-doc{font-size: 14px;color: #171717;display: block;overflow: hidden;line-height: 24px;}
.lgc1-pg2 .pbox .name-doc p{text-indent:2em;}

.lgc1-pg2 .shejiao{background: #fff;border-radius: 5px;padding:15px; border:solid 1px #e1e6f0;
  box-shadow: 0px 1px 7px 1px rgba(16,26,124,0.02);}
.lgc1-pg2 .shejiao .sjimg{width:50px;height: 50px;border-radius:50px;overflow: hidden;margin:0px auto;}
.lgc1-pg2 .shejiao .sjimg img{width:100%;}
.lgc1-pg2 .shejiao .sjtitle{font-size: 20px;color: #101010;}

.lgc1-pg2 .shejiao .pw-wlt-list{ font-size: 14px; color:#6c6c6c;}
.lgc1-pg2 .shejiao .pw-wlt-list li{padding: 3px 0; line-height: 24px;}
.lgc1-pg2 .shejiao .pw-wlt-list li:before{content:'·';font-weight:bold;}
/* .lgc1-pg2 .shejiao p.sjdoc{font-size:14px;color: rgba(0, 0, 0, 0.3);height:65px;overflow: hidden;display: block;} */
.lgc1-pg2 .shejiao .jiaru .tipfixed{position: relative;}
.lgc1-pg2 .more-posts .zixunservice{position: relative;width: 180px;margin: 0px auto;}
.lgc1-pg2 .more-posts .zixunservice .tipfixed{left:9%;}


.lgcdef-pg2{padding-top:0px;}
.lgcdef-pg2 .returnup{color:var(--theme-colors);font-size:16px;}
.lgcdef-pg2 .returnup:hover{color:#333;}

.lgcdef-pg2 .lgcdef-title{}
.lgcdef-pg2 .lgcdef-title .h3-md{margin-bottom:0px;font-size: 40px;color:#000;}
.lgcdef-pg2 .lgcdef-title .p-time{color:#000;font-size:16px;}
.lgcdef-pg2 .sxbox{}
.lgcdef-pg2 .sxbox .pbox-ico{overflow:hidden;}
.lgcdef-pg2 .sxbox .pbox-ico img{width:100%;}

.lgcdef-pg2 .sxbox .pbox-doc img{max-width:100%;margin:0px auto;}
.lgcdef-pg2 .sxbox .pbox-doc p{color: rgba(0, 0, 0, 0.6);/*text-indent:2em;*/}


.breadcrumb{background: none;position:relative;padding:0px;color: rgba(0, 0, 0, 0.6);}
.breadcrumb:before{content:'您当前位置：';display:inline-block;}
.breadcrumb li a{color: rgba(0, 0, 0, 0.6);}


.box-shadow-radius{
  box-shadow: -6px -6px 10px rgba(189, 200, 223, 0.1), 6px 6px 12px rgba(189, 200, 223, 0.2);
  border-radius: 10px;
}
.gm_serp1 .myinfo{padding:30px;}
.gm_serp1 .myinfo .item .tx{width:72px;height:72px;background:#337aef; border-radius:50%;overflow:hidden;}
.gm_serp1 .myinfo .item .tx i{font-size:50px;color:#fff;}
.gm_serp1 .myinfo .item .info{margin-left:20px;}
.gm_serp1 .myinfo .item .info h5{font-size:20px;color:#000;}
.gm_serp1 .myinfo .item .info p{font-size:16px;color:rgba(0, 0, 0, 0.6);}

.gm_serp1 .myinfo .ime p{font-size:16px;color:rgba(0, 0, 0, 0.6);margin-bottom:10px;}
.gm_serp1 .myinfo .ime h5{color:#337aef;font-size:20px;}
.gm_serp1 .myinfo .code{background:#f2f7fe;width:210px;position:absolute;right:10px;border-radius:4px;overflow: hidden;}
.gm_serp1 .myinfo .code .doc{width:50%;padding-top:34px;padding-right:20px;}
.gm_serp1 .myinfo .code .doc p{color: rgba(0, 0, 0, 0.5);font-size: 12px;line-height:18px;}
.gm_serp1 .myinfo .code .img{width:50%;}
.gm_serp1 .myinfo .code .img img{width:100%;}

.record{padding:30px;}
.record .jltitlt{font-size:40px;color:#000;}
.record .th div{font-weight: 400;font-size: 20px;color:#000;}
.record .trd{}
.record .trd:after{content:'';width:100%;height:1px;background:rgba(0, 0, 0, 0.05);}
.record .trd div{line-height:40px;}
.record .trd a{font-size:16px;color: rgba(0, 0, 0, 0.6);}
.record .trd a:hover{font-size:16px;color:#337aef;}
.record .trd a .cw-ziliaoxiazai:before {content:"\e856"; font-family: "kushewang" !important;}
.record .trd a:hover .cw-ziliaoxiazai:before {content:"\e6e0"; font-family: "kushewang" !important;}
.record .trd .col-lg-3{text-align:right;color:#337aef;}


.no_data{width:250px;height:400px;margin:0px auto;text-align:center;}
.no_data img{width:100%;}
.no_data .no_data_tex{pointer-events:none;margin-top:40px;color: var(--theme-colors);}

/*------------------------------------------
/*  help center list
/*------------------------------------------*/
.search-group{}
.search-group .h3-md{font-size: 40px;color:#000;margin-bottom:20px;text-align: center;}
.search-group .input-group{background:#fff;border-radius:50px;padding:5px;height:55px;margin: 0px auto;width:700px;}
.search-group .input-group .sino{position: absolute;top:7px;left:15px;}
.search-group .input-group .sino i{font-size:30px;color:#b3cdf9;}
.search-group .input-group .input{position:absolute;top:9px;left:55px;width:81%;height:37px;line-height:35px;border:0px;
}
.search-group .input-group .input:focus,.search-group .input-group .input:hover{
  outline: none;border:0px;
}
.search-group .input-group .sbtn{position:absolute;right:9px;top:9px;
  background:var(--theme-colors);border-radius:50px;padding:5px 20px;
  color:#fff;
}
.search-group .input-group .sbtn:hover,.search-group .input-group .sbtn:focus{
  outline: none;
  background-color: #0069d9;
  border-color: #0062cc;
}

.search-nominate,.search-list{background:#fff;}
.search-nominate .section-title .h3-md{font-size: 20px;color: rgba(0, 0, 0, 0.8);}

.search-list{padding:30px 50px;}
.search-list .section-title .h3-md{font-size:16px;color: rgba(0, 0, 0, 0.6);}
.search-list ul.list{padding-bottom:20px;}
.search-list ul.list li{width:100%;display:block;margin-bottom:30px;}
.search-list ul.list li a{font-size:16px; color: rgba(0, 0, 0, 0.8);margin-bottom:10px;display:block;}
.search-list ul.list li a span{color:var(--theme-colors);}
.search-list ul.list li a:hover{color:var(--theme-colors);}


/*filter type*/

.filter-type{}
.filter-type .box-shadow-radius{background:#fff;width:100%;}
.filter-type .section-title .h3-md{font-size: 13px;color:#000;margin-bottom:15px;text-align: left;}
.filter-type .item-node{padding: 20px;}
.filter-type .item-node .h5-md{font-weight: 500;font-size: 20px;}
.filter-type .item-node .list{margin-top: 10px;}
.filter-type .item-node .list li{width:calc(100% / 2 - 10px);float:left;margin-bottom: 10px;}
.filter-type .item-node .list li:nth-child(even){margin-left:20px;}
.filter-type .item-node .list a{font-size:14px;color: rgba(0, 0, 0, 0.6)}
.filter-type .item-node .list a.active,
.filter-type .item-node .list a:hover{color:var(--theme-colors);text-decoration:underline;}

.search-input{position: relative;background:#fff;border-radius:50px;height:30px;border:1px solid rgba(0, 0, 0, 0.3);}
.search-input .kushewang{position: absolute;top:-2px;left:8px;z-index:1;color:#b3cdf9;font-size:22px;}
.search-input .input,.search-input .input:focus,.search-input .input:hover{position: absolute;top:1px;
  outline: none;height:27px;border-radius:50px;border:0px;width:100%;padding-left:40px;}
.search-input .sbtn{position: absolute;top:0px;right:-1px;display:none;border-radius:50px;}
.search-input:hover,.search-input:focus{border-color:var(--theme-colors);}

/*sxxt-page2*/
.sxxt-page2 .filtr-item{}
.sxxt-page2 .filtr-item .tag{
  position: absolute;z-index:1;color:#fff;font-size:13px;
  display: block;
  padding:5px;
  width: 55px;
  text-align: center;
  height: 36px;
  line-height: 30px;
}
.sxxt-page2 .filtr-item .tag:before{
  position: absolute;z-index: -1;
  top:0px;left:0px;content:' ';
  display: block;
  width: 0px;
  height: 0px;
  border-top: 40px solid var(--theme-colors);
  border-left: 40px solid var(--theme-colors);
  border-bottom: 40px solid transparent;
  border-right: 40px solid transparent;
  border-top-left-radius:15px; 
}

/*------------------------------------------*/
/*  reviews rating
/*------------------------------------------*/

.section-title {
  text-align: center;
}

.section-title h3,
.section-title h2 {
  letter-spacing: -0.75px;
}

.section-title p {
  color:#868686;
  padding: 0 15%;
  margin: 10px 0 0;
  /* font-weight:bold; */
}
.section-title h4{
  position: relative;
  padding-bottom: 20px;
}
.section-title h4:after,.section-title .other:after{
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
  content:'';
  width: 27px;
  height: 5px;
  background: no-repeat center;
}
.section-title .other:after{
  background: no-repeat center;
}
.section-title .nobg{ font-weight: 500;}
.section-title .nobg:after{
  background:none;
}

/*------------------------------------------*/
/*  text color
/*------------------------------------------*/


.grey-color,
.grey-color h2, 
.grey-color h3, 
.grey-color h4, 
.grey-color h5, 
.grey-color h6, 
.grey-color p, 
.grey-color a,
.grey-color li, 
.grey-color i,
.grey-color span, 
.white-color .grey-color { color: #757575; }

/*------------------------------------------*/
/*  text block typography
/*------------------------------------------*/ 

.txt-block h4,
.txt-block h3,
.txt-block h2 {
  letter-spacing: -1px;
  margin-bottom: 25px;
}

.txt-block h5.sm-title {
  margin-bottom: 12px;
}

.txt-block .btn {
  margin-top: 15px;
}



/* =================
  preload spinner
  ======================== */

#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999999;
}

#loading {
  background-color: #2b3648;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999999;
  margin-top: 0px;
  top: 0px;
}

.cssload-loader {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  width: 50px;
  height: 50px;
  animation: cssload-invert 2.3s infinite steps(2, end);
  -o-animation: cssload-invert 2.3s infinite steps(2, end);
  -ms-animation: cssload-invert 2.3s infinite steps(2, end);
  -webkit-animation: cssload-invert 2.3s infinite steps(2, end);
  -moz-animation: cssload-invert 2.3s infinite steps(2, end);
}

.cssload-ball {
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  background:var(--theme-colors);
}

.cssload-ball-1 {
  animation: cssload-ball1 1.15s infinite alternate linear;
  -o-animation: cssload-ball1 1.15s infinite alternate linear;
  -ms-animation: cssload-ball1 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball1 1.15s infinite alternate linear;
  -moz-animation: cssload-ball1 1.15s infinite alternate linear;
}

.cssload-ball-2 {
  animation: cssload-ball2 1.15s infinite alternate linear;
  -o-animation: cssload-ball2 1.15s infinite alternate linear;
  -ms-animation: cssload-ball2 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball2 1.15s infinite alternate linear;
  -moz-animation: cssload-ball2 1.15s infinite alternate linear;
}

.cssload-ball-3 {
  animation: cssload-ball3 1.15s infinite alternate linear;
  -o-animation: cssload-ball3 1.15s infinite alternate linear;
  -ms-animation: cssload-ball3 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball3 1.15s infinite alternate linear;
  -moz-animation: cssload-ball3 1.15s infinite alternate linear;
}

.cssload-ball-4 {
  animation: cssload-ball4 1.15s infinite alternate linear;
  -o-animation: cssload-ball4 1.15s infinite alternate linear;
  -ms-animation: cssload-ball4 1.15s infinite alternate linear;
  -webkit-animation: cssload-ball4 1.15s infinite alternate linear;
  -moz-animation: cssload-ball4 1.15s infinite alternate linear;
}

@keyframes cssload-invert {
  100% {transform: rotate(180deg);}
}

@-o-keyframes cssload-invert {
  100% {o-transform: rotate(180deg);}
}

@-ms-keyframes cssload-invert {
  100% {-ms-transform: rotate(180deg);}
}

@-webkit-keyframes cssload-invert {
  100% {-webkit-transform: rotate(180deg);}
}

@-moz-keyframes cssload-invert {
  100% {-moz-transform: rotate(180deg);}
}

@keyframes cssload-ball1 {
  12% {transform: none;}
  26% {transform: translatex(25%) scale(1, 0.8);}
  40% {transform: translatex(50%) scale(0.8, 0.8);}
  60% {transform: translatex(50%) scale(0.8, 0.8);}
  74% {transform: translate(50%, 25%) scale(0.6, 0.8);}
  88% {transform: translate(50%, 50%) scale(0.6, 0.6);}
  100% {transform: translate(50%, 50%) scale(0.6, 0.6);}
}

@-o-keyframes cssload-ball1 {
  12% {-o-transform: none;}
  26% {-o-transform: translatex(25%) scale(1, 0.8);}
  40% {-o-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-o-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-o-transform: translate(50%, 25%) scale(0.6, 0.8);}
  88% {-o-transform: translate(50%, 50%) scale(0.6, 0.6);}
  100% {-o-transform: translate(50%, 50%) scale(0.6, 0.6);}
}

@-ms-keyframes cssload-ball1 {
  12% {-ms-transform: none;}
  26% {-ms-transform: translatex(25%) scale(1, 0.8);}
  40% {-ms-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-ms-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-ms-transform: translate(50%, 25%) scale(0.6, 0.8);}
  88% {-ms-transform: translate(50%, 50%) scale(0.6, 0.6);}
  100% {-ms-transform: translate(50%, 50%) scale(0.6, 0.6);}
}

@-webkit-keyframes cssload-ball1 {
  12% {-webkit-transform: none;}
  26% {-webkit-transform: translatex(25%) scale(1, 0.8);}
  40% {-webkit-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-webkit-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-webkit-transform: translate(50%, 25%) scale(0.6, 0.8);}
  88% {-webkit-transform: translate(50%, 50%) scale(0.6, 0.6);}
  100% {-webkit-transform: translate(50%, 50%) scale(0.6, 0.6);}
}

@-moz-keyframes cssload-ball1 {
  12% {-moz-transform: none;}
  26% {-moz-transform: translatex(25%) scale(1, 0.8);}
  40% {-moz-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-moz-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-moz-transform: translate(50%, 25%) scale(0.6, 0.8);}
  88% {-moz-transform: translate(50%, 50%) scale(0.6, 0.6);}
  100% {-moz-transform: translate(50%, 50%) scale(0.6, 0.6);}
}

@keyframes cssload-ball2 {
  12% {transform: none;}
  26% {transform: translatex(25%) scale(1, 0.8);}
  40% {transform: translatex(50%) scale(0.8, 0.8);}
  60% {transform: translatex(50%) scale(0.8, 0.8);}
  74% {transform: translate(50%, -25%) scale(0.6, 0.8);}
  88% {transform: translate(50%, -50%) scale(0.6, 0.6);}
  100% {transform: translate(50%, -50%) scale(0.6, 0.6);}
}

@-o-keyframes cssload-ball2 {
  12% {-o-transform: none;}
  26% {-o-transform: translatex(25%) scale(1, 0.8);}
  40% {-o-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-o-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-o-transform: translate(50%, -25%) scale(0.6, 0.8);}
  88% {-o-transform: translate(50%, -50%) scale(0.6, 0.6);}
  100% {-o-transform: translate(50%, -50%) scale(0.6, 0.6);}
}

@-ms-keyframes cssload-ball2 {
  12% {-ms-transform: none;}
  26% {-ms-transform: translatex(25%) scale(1, 0.8);}
  40% {-ms-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-ms-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-ms-transform: translate(50%, -25%) scale(0.6, 0.8);}
  88% {-ms-transform: translate(50%, -50%) scale(0.6, 0.6);}
  100% {-ms-transform: translate(50%, -50%) scale(0.6, 0.6);}
}

@-webkit-keyframes cssload-ball2 {
  12% {-webkit-transform: none;}
  26% {-webkit-transform: translatex(25%) scale(1, 0.8);}
  40% {-webkit-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-webkit-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-webkit-transform: translate(50%, -25%) scale(0.6, 0.8);}
  88% {-webkit-transform: translate(50%, -50%) scale(0.6, 0.6);}
  100% {-webkit-transform: translate(50%, -50%) scale(0.6, 0.6);}
}

@-moz-keyframes cssload-ball2 {
  12% {-moz-transform: none;}
  26% {-moz-transform: translatex(25%) scale(1, 0.8);}
  40% {-moz-transform: translatex(50%) scale(0.8, 0.8);}
  60% {-moz-transform: translatex(50%) scale(0.8, 0.8);}
  74% {-moz-transform: translate(50%, -25%) scale(0.6, 0.8);}
  88% {-moz-transform: translate(50%, -50%) scale(0.6, 0.6);}
  100% {-moz-transform: translate(50%, -50%) scale(0.6, 0.6);}
}

@keyframes cssload-ball3 {
  12% {transform: none;}
  26% {transform: translatex(-25%) scale(1, 0.8);}
  40% {transform: translatex(-50%) scale(0.8, 0.8);}
  60% {transform: translatex(-50%) scale(0.8, 0.8);}
  74% {transform: translate(-50%, 25%) scale(0.6, 0.8);}
  88% {transform: translate(-50%, 50%) scale(0.6, 0.6);}
  100% {transform: translate(-50%, 50%) scale(0.6, 0.6);}
}

@-o-keyframes cssload-ball3 {
  12% {-o-transform: none;}
  26% {-o-transform: translatex(-25%) scale(1, 0.8);}
  40% {-o-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-o-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-o-transform: translate(-50%, 25%) scale(0.6, 0.8);}
  88% {-o-transform: translate(-50%, 50%) scale(0.6, 0.6);}
  100% {-o-transform: translate(-50%, 50%) scale(0.6, 0.6);}
}

@-ms-keyframes cssload-ball3 {
  12% {-ms-transform: none;}
  26% {-ms-transform: translatex(-25%) scale(1, 0.8);}
  40% {-ms-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-ms-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-ms-transform: translate(-50%, 25%) scale(0.6, 0.8);}
  88% {-ms-transform: translate(-50%, 50%) scale(0.6, 0.6);}
  100% {-ms-transform: translate(-50%, 50%) scale(0.6, 0.6);}
}

@-webkit-keyframes cssload-ball3 {
  12% {-webkit-transform: none;}
  26% {-webkit-transform: translatex(-25%) scale(1, 0.8);}
  40% {-webkit-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-webkit-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-webkit-transform: translate(-50%, 25%) scale(0.6, 0.8);}
  88% {-webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);}
  100% {-webkit-transform: translate(-50%, 50%) scale(0.6, 0.6);}
}

@-moz-keyframes cssload-ball3 {
  12% {-moz-transform: none;}
  26% {-moz-transform: translatex(-25%) scale(1, 0.8);}
  40% {-moz-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-moz-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-moz-transform: translate(-50%, 25%) scale(0.6, 0.8);}
  88% {-moz-transform: translate(-50%, 50%) scale(0.6, 0.6);}
  100% {-moz-transform: translate(-50%, 50%) scale(0.6, 0.6);}
}

@keyframes cssload-ball4 {
  12% {transform: none;}
  26% {transform: translatex(-25%) scale(1, 0.8);}
  40% {transform: translatex(-50%) scale(0.8, 0.8);}
  60% {transform: translatex(-50%) scale(0.8, 0.8);}
  74% {transform: translate(-50%, -25%) scale(0.6, 0.8);}
  88% {transform: translate(-50%, -50%) scale(0.6, 0.6);}
  100% {transform: translate(-50%, -50%) scale(0.6, 0.6);}
}

@-o-keyframes cssload-ball4 {
  12% {-o-transform: none;}
  26% {-o-transform: translatex(-25%) scale(1, 0.8);}
  40% {-o-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-o-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-o-transform: translate(-50%, -25%) scale(0.6, 0.8);}
  88% {-o-transform: translate(-50%, -50%) scale(0.6, 0.6);}
  100% {-o-transform: translate(-50%, -50%) scale(0.6, 0.6);}
}

@-ms-keyframes cssload-ball4 {
  12% {-ms-transform: none;}
  26% {-ms-transform: translatex(-25%) scale(1, 0.8);}
  40% {-ms-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-ms-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-ms-transform: translate(-50%, -25%) scale(0.6, 0.8);}
  88% {-ms-transform: translate(-50%, -50%) scale(0.6, 0.6);}
  100% {-ms-transform: translate(-50%, -50%) scale(0.6, 0.6);}
}

@-webkit-keyframes cssload-ball4 {
  12% {-webkit-transform: none;}
  26% {-webkit-transform: translatex(-25%) scale(1, 0.8);}
  40% {-webkit-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-webkit-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-webkit-transform: translate(-50%, -25%) scale(0.6, 0.8);}
  88% {-webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);}
  100% {-webkit-transform: translate(-50%, -50%) scale(0.6, 0.6);}
}

@-moz-keyframes cssload-ball4 {
  12% {-moz-transform: none;}
  26% {-moz-transform: translatex(-25%) scale(1, 0.8);}
  40% {-moz-transform: translatex(-50%) scale(0.8, 0.8);}
  60% {-moz-transform: translatex(-50%) scale(0.8, 0.8);}
  74% {-moz-transform: translate(-50%, -25%) scale(0.6, 0.8);}
  88% {-moz-transform: translate(-50%, -50%) scale(0.6, 0.6);}
  100% {-moz-transform: translate(-50%, -50%) scale(0.6, 0.6);}
}

/*------------------------------------------*/
/*  logo image
/*------------------------------------------*/

.logo-black {display: block;}
.navbar-dark .logo-white {display: none;}


/*------------------------------------------*/
/*  service box text 
/*------------------------------------------*/

.sbox-3-txt,
.sbox-4-txt,
.sbox-5-txt{
  overflow: hidden;
  padding-left: 25px;
}

.sbox-3-txt {
  padding-left: 20px;
}

.sbox-4-txt {
  padding-left: 30px;
}

/*------------------------------------------*/
/*  service box typography
/*------------------------------------------*/

.sbox-1 p {
  margin-top: 20px;
  margin-bottom: 0;
}

.sbox-2 h6 {
  margin-top: 20px;
  margin-bottom: 12px;  
}

.sbox-5-txt h5,
.sbox-5-txt h6 {
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;  
}

.sbox-6 p {
  line-height: 1;
  font-weight: 400;
  margin-top: 20px;
  margin-bottom: 0;
}


.sbox-3-ico,
.sbox-4-ico,
.sbox-5-ico,
.sbox-9-ico {     
  float: left;
  text-align: center;
  margin-top: 2px;
}


input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  border: 1px solid green;
  -webkit-text-fill-color: #555;
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  transition: background-color 5000s ease-in-out 0s;
}


/* footer  page*/

.footer {
  padding-top:50px;
  padding-bottom: 30px;
  border-top:1px solid rgba(0, 0, 0, 0.05);
} 

.footer h6 {
  line-height: 1;
  margin-bottom: 25px;
  font-size:20px;color: rgba(0, 0, 0, 0.9);
}

/*------------------------------------------*/
/*   footer links
/*------------------------------------------*/

.footer-links li {
  width: auto !important;
  display: block !important;
  vertical-align: top;
  clear: none !important;
  margin: 0;
  padding: 0;
}

.footer-links li a{
  margin-bottom: 10px;
  display:block;
  color: rgba(0, 0, 0, 0.8);
}

.footer-links li a:hover {
  color:var(--theme-colors);
}

/*------------------------------------------*/
/*  youqing tabs footer
/*------------------------------------------*/
.re-you-qing{}
.re-you-qing .nav-tabs{}
.re-you-qing .nav-tabs li{margin-right:50px;line-height:40px;}
.re-you-qing .nav-tabs li a{font-size:14px;color: rgba(0, 0, 0, 0.5);}
.re-you-qing .nav-tabs li a .cw-arrow-down{font-size:12px;margin-left:5px;}
.re-you-qing .nav-tabs li.active a{color:var(--theme-colors);}
.re-you-qing .nav-tabs li.active a .cw-arrow-down:before{content:"\e658";}
.re-you-qing .tab-content{clear:both;}
.re-you-qing .tab-content .tab-pane ul{margin-top:10px;}
.re-you-qing .tab-content .tab-pane ul li{
  display: inline-block;
  margin-bottom:10px;
  font-size:14px;
}
.re-you-qing .tab-content .tab-pane ul li a{color: rgba(0, 0, 0, 0.5);}
.re-you-qing .tab-content .tab-pane ul li:hover a{color: var(--theme-colors);}

/*------------------------------------------*/
/*  footer copyright
/*------------------------------------------*/
.bottom-footer {
  margin-top: 30px;
}

.footer-copyright li{float:left;}
.footer-copyright li:not(:first-child){margin-left:30px;}
.footer-copyright li p,.footer-copyright li a {
  margin-bottom: 0;
  font-size:12px;
  color: rgba(0, 0, 0, 0.5);
  float: left;
}
.footer-copyright li a:hover{color:var(--theme-colors);}


/* ==========================================================================
 page pagination
  =========================================================================== */
.page-link {
  color: #666;
  padding: 8px 14px;
  margin: 0 3px;
  background-color: transparent;
  border-color: transparent;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  border: 1.5px solid rgba(0, 0, 0, 0.6);
}

.page-item:first-child .page-link {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.page-item:last-child .page-link {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.page-item:first-child .page-link,
.page-item:last-child .page-link{padding:8px 11px;}

.page-item.disabled .page-link {
  color: #aaa;
  background-color: transparent;
}

.next-page.page-link1 {
  margin-left: 30px;
}

.page-link:hover,
.page-item.active .page-link {
  background-color:var(--theme-colors);
  color: #fff;
  border-color: var(--theme-colors);
  box-shadow: 0 0 0 1px rgba(56, 60, 67, .05), 0 1px 3px 0 rgba(56, 60, 67, .15);
}

.page-link:focus {
  background-color: transparent;
  color:var(--theme-colors);
  border-color:var(--theme-colors);
  box-shadow: 0 0;
}


.linkus-dl{}
.linkus-dl dl{}
.linkus-dl dl dt{font-size: 20px;}
.linkus-dl dl dt img{margin-right: 5px;}
.linkus-dl dl dd{ margin-top: 10px;padding-left: 30px;line-height:32px;font-size:18px;}
.linkus-map{margin-top:30px;padding-top:60px;border-top:solid 1px #e1e6f0}

.about-num-box{background: #0059eb;margin-bottom: 40px;border-radius:9px;color:#fff;}
.about-num-box h5{font-size:50px;}
.about-num-box p{font-size:28px;}
.about-dl{position:relative;background:#fff}
.about-dl dl{position:relative;z-index:1;padding:50px 0 50px 120px;box-shadow: 0px 1px 7px 1px rgba(16,26,124,0.02);}
.about-dl dl dt{font-size:35px;color:#0059eb;font-weight:700;}
.about-dl dl dd{margin-top:30px;color:#111f2c}
.about-dl .bot-num{position:absolute; top:35px;left:55px;z-index:0;width:187px;height:93px;}
.about-value{padding:60px 0;background:#f7f8fb}

.about-history-bg{padding-top:80px;
  /*background:url(/uploads/image/cgimage/about-history-bg.jpg) no-repeat top;*/
  background-size:contain;}
.history-list .content {margin: 53px 0 0 50px;width:916px}
.history-list .left-menu {padding:15px 20px 30px 0; border-right: solid 2px #0077ff}
.history-list .left-menu li{position:relative; margin: 30px 0 120px 0; text-align:right; font-size:22px; color:#a6a8ab;}
.history-list .left-menu li h3{font-weight:700; font-size:32px;}
.history-list .left-menu li:hover{cursor:pointer}
.history-list .left-menu li::after,.history-list .left-menu li.active::after{content:'';position:absolute;right:-33px; top:9px;width:24px;height:24px; background-image:url(/uploads/image/cgicon/about-circle2.png); }
.history-list .left-menu li.active { color:#111f2c; }
.history-list .left-menu li.active::after{background-image:url(/uploads/image/cgicon/about-circle.png);}
.history-list .left-menu li.active::before{content:'';position:absolute;right: -105px; top:21px;
width: 82px;
 height: 2px;
 background: linear-gradient(90deg, #0077ff 0%, #0077ff 45%, #0077ff 47%, rgba(0,119,255,0) 100%);
 border-radius: 0px 0px 0px 0px;
 opacity: 1;}
.history-list .rgt-box{display:none;width:916px}
.history-li{position:relative;width:780px;padding:16px;margin:32px 0 0 0;line-height:24px;font-size:18px;color:#111f2c;background: rgba(0, 119, 255, 0.1);}
.history-li:before{content:'';position:absolute;left:-25px;top:50%;margin-top:-7px;width:13px;height:13px;
  /*background-image:url(/uploads/image/cgicon/about-sj.png);*/
}


.main-left-menu{width:135px;margin-right:20px}
.main-left-menu .simplefilter{border-right:solid 1px #d1daf2}
.main-left-menu .simplefilter li{position:relative;padding:22px 32px 22px 0;border-bottom:solid 1px #e2e8f9;text-align:right;line-height:24px;cursor:pointer;font-size:16px;color:#374568;}
.main-left-menu .simplefilter li:hover,.main-left-menu .simplefilter li.active{color:#0059eb;background: linear-gradient(90deg, #eff1fc 0%, #fdfdfe 46%, #fdfdfe 100%);}
.main-left-menu .simplefilter li:hover:after,.main-left-menu .simplefilter li.active:after{content:'';position:absolute;right:-1px;top:0;width:2px;height:100%;background:#3860f4;}
.main-content-box{width:calc(100% - 435px)}
.main-content-box-title{font-size:18px;font-weight:500;color:#0059eb}
.main-content-box .col-md-4{padding-left:8px;padding-right:8px;}
.main-right-box{width:255px;margin-left:15px;}
.main-right-box img{width:100%}
.main-right-box .list-box{background:#fff;}
.main-right-box .list-box .title{padding:16px;line-height:22px;font-size:22px;border-bottom:solid 1px #e5e6eb;}
.hot-rgt-news,.new-rgt-news{background:#fff;}
.hot-rgt-news li a,.new-rgt-news li a{display: flex;padding: 10px 20px;align-items: center; }
.hot-rgt-news li img{width:52px;height:36px; margin-right:8px;}
.hot-rgt-news li span{font-size: 16px;line-height: 22px;color:#666;}
.hot-rgt-news li a:hover span{color:#0461f9}
.new-rgt-news{position:relative; margin-top:20px;padding-bottom:20px;}
.new-rgt-news:before{content:'';position:absolute;left:20px; top: 0;width:2px; height: 100%; background:#f3f3f3;}
.new-rgt-news li{padding-left: 20px;}
.new-rgt-news li a{position:relative;}
.new-rgt-news li a:before{content:'';position:absolute;left:-5px; top:50%;margin-top:-7px;width:14px;height:14px;background:url(/uploads/image/cgicon/about-circle.png) no-repeat center;background-size:contain;}
.new-rgt-news li a:hover{color:#0461f9}
.tag-rgt-news{padding:20px;}
.tag-rgt-news li{display:inline-block;margin:0 10px 10px 0;}
.tag-rgt-news li a{display:inline-block;padding:8px 15px;border:solid 1px #e0e0e5;border-radius:2px;line-height:22px;font-size:14px;color:#666;background:#fafafa;}
.tag-rgt-news li a:hover{color:#0461f9}
.main-detai-left{width:calc(100% - 270px);}
.main-detai-left .m-detail-box{padding:25px 45px;border:solid 1px #e0e0e5;background:#fff;}
.m-detail-box .p-time{position:relative;padding:0 0 15px 0;color:#999}
.m-detail-box .p-time:after{content:'';position:absolute;bottom:0;left:0;width:74px;height:3px;background:#ddd;}
.m-detail-box .pbox-doc{padding: 20px 0}
.m-detail-box h3{font-size:32px;}

.news-detail-bot-updown{display:flex;justify-content: space-between;padding:24px 30px;border-radius:12px;background:#f7f8fc;}
.news-detail-bot-updown .up-left{position:relative;flex:1;padding:0 10px;}
.news-detail-bot-updown .up-left:after{content:'';position:absolute;right:20px;top:0;width: 1px; height: 100%;background:#e7e8ec}
.news-detail-bot-updown .down-right{flex:1;padding:0 10px;}
.news-detail-bot-updown .p-up a:hover{color:#004fc4}
.news-tag{}
.news-tag span{display:inline-block; padding:6px 9px;margin:0 5px 10px 0;font-size:14px;border:solid 1px #e0e0e5;border-radius:2px;color:#666;}
.related-news{ wdith:100%;}
.related-news li{float:left;width:50%;}
.related-news li a{position:relative;width:100%;display:inline-block;padding:5px 20px;line-height:24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.related-news li a:before{content:'';position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;border-radius:5px;background:#666}
.related-news li a:hover{color:#4f77f6}

#containermap{width:100%;height:478px;}


.foo-socials {
  /*display: inline-block; */
  /*padding-left: 0;*/
  /*margin: 0 auto 0;*/
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.foo-servers li{float:left;}
/*.foo-servers li:not(:first-child){margin-left:50px;}*/
.foo-servers li p {
  /*font-size: 14px;*/
  /*color: rgba(0, 0, 0, 0.6);*/
  margin-bottom: 10px;
  /*font-size: 16px;*/
  /*font-family: sourcehansanscn;*/
  font-weight: 400;
  color: #606060;
}
.foo-servers li a{display:block;font-size: 20px;color:#000000;}
.btn_primary_o,
.foo-servers li a.rengong-plus{
  margin-top:10px;
  padding:5px 20px;
  border:1px solid var(--theme-colors);
  border-radius:5px;
  color:var(--theme-colors);
  font-size: 16px;
}
.foo-servers li a.rengong-plus:hover,.btn_primary_o:hover{
  background:var(--theme-colors);
  color:#fff;
}

.foo-socials li {
  width: auto !important;
  display: inline-block !important;
  vertical-align: top;
  clear: none !important;
  text-align: right;
  margin: 0 0 10px 0;
  padding: 0;
}

.foo-socials a {
  position: relative;
  display: block;
  width: 38px;
  height: 38px;
  color:rgba(0, 0, 0, 0.5);
  line-height: 36px!important;
}
.foo-socials li:not(:first-child){margin-left:30px;}
.foo-socials a .kushewang{font-size:28px;}
.foo-socials a:hover .cw-weixin{color:#00d330;}
.foo-socials a:hover .cw-douyin{color:#666666;}
.foo-socials a:hover .cw-weibo{color:#007bff;}

.foo-socials .tipfixed,
.lgc1-pg2 .shejiao .jiaru .tipfixed,
.zixunservice .tipfixed{
  position: absolute;
  left:-50px;
  display:none;
  width:150px;
  /*height:200px;*/
  z-index:2;
  border: 1px solid #ccc;
  padding:15px;
  text-align: center;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
  -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
  box-shadow: 0 3px 8px rgb(0 0 0 / 15%);
}
.foo-socials .tipfixed:after,.zixunservice .tipfixed:after,
.foo-socials .tipfixed:before,.zixunservice .tipfixed:before,
.lgc1-pg2 .shejiao .jiaru .tipfixed:after,
.lgc1-pg2 .shejiao .jiaru .tipfixed:before {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.foo-socials .tipfixed:after,.lgc1-pg2 .shejiao .jiaru .tipfixed:after,.zixunservice .tipfixed:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
  border-width: 8px;
  margin-left: -8px;
}
.foo-socials .tipfixed:before,.lgc1-pg2 .shejiao .jiaru .tipfixed:before,.zixunservice .tipfixed:before {
  border-color: rgba(204, 204, 204, 0);
  border-bottom-color: #cccccc;
  border-width: 9px;
  margin-left: -9px;
}



.foo-socials .tipfixed .img-fluid,
.lgc1-pg2 .shejiao .jiaru .tipfixed .img-fluid,.zixunservice .tipfixed .img-fluid{width:100%;margin-bottom:10px;}
.foo-socials .tipfixed font,
.lgc1-pg2 .shejiao .jiaru .tipfixed font,
.zixunservice .tipfixed font{color:var(--theme-colors);}
.foo-socials a:hover .tipfixed,.lgc1-pg2 .shejiao .jiaru:hover .tipfixed,
.zixunservice:hover .tipfixed{display: block;}

.lgc1-pg2 .shejiao .jiaru .tipfixed{left: 23%;}
/* ==========================================================================
  scroll to top
  =========================================================================== */

#scrollup {
  display: none;
  width: 50px;
  height: 50px;
  position: fixed;
  bottom: 35px;
  right: 25px;
  z-index: 99;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%; 
  background-image: url(/uploads/image/cgimage/back-to-top.png);
  background-repeat: no-repeat;
  background-position: 50% 48%;
  background-color: rgba(35, 35, 35, .2);
  -webkit-transition: all 250ms linear;
  -moz-transition: all 250ms linear;
  transition: all 250ms linear; 
}

#scrollup:hover {
  background-color: rgba(35, 35, 35, .5);
}

nav a#pull {  
  display: none;  
}  

/*dideo page */
.video-player {
  --accent:#c9c9c9;
  --border-width: 5;
  background: var(--accent);
  overflow: hidden;
  position: relative;
}
.video-player__action {
  position: absolute;
  font-weight: bold;
  font-size: 2rem;
  color: #fff;
  -webkit-transform: scale(0);
  transform: scale(0);
  background: transparent;
  border: 0;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  outline-color: transparent;
  outline: 0;
}
.video-player__action svg {
  height: 2.5rem;
  fill: #fff;
}
.video-player__indicator {
  position: absolute;
  background: var(--theme-colors);
}
.video-player__indicator:nth-of-type(1),
.video-player__indicator:nth-of-type(3) {
  height: calc(var(--border-width) * 1px);
  width: 100%;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-transform: scalex(0);
  transform: scalex(0);
}
.video-player__indicator:nth-of-type(2),
.video-player__indicator:nth-of-type(4) {
  height: 100%;
  width: calc(var(--border-width) * 1px);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
  -webkit-transform: scaley(0);
          transform: scaley(0);
}
.video-player__indicator:nth-of-type(1) {
  top: 0;
}
.video-player__indicator:nth-of-type(3) {
  bottom: 0;
}
.video-player__indicator:nth-of-type(2) {
  top: 0;
  right: 0;
  bottom: 0;
}
.video-player__indicator:nth-of-type(4) {
  top: 0;
  left: 0;
  bottom: 0;
}
.video-player video {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 500px;
  outline-color: transparent;
}
@media (min-width: 768px) {
  .video-player video {
    width:100%;
  }
}



.page404 {
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -65%);
          transform: translate(-50%, -65%);
}
.page404 .section-title{margin-top:-30px;}
.page404 .section-title .h3-md{color:#ff0000;}
.page404 .section-title p{line-height:22px;font-weight:normal;margin:0px;padding:0px;}
.page404 .section-title a{color: var(--theme-colors);padding-top:20px;display:block;}
.page404 .section-title a:hover{color:#000;}
.error-no {
  font-size:170px;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  color:var(--theme-colors);
  text-shadow: -2px 4px 2px rgba(0, 0, 0, 0.5);
}

.moon {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background: #fff;
  position: relative;
  display: inline-block;
  z-index: 10;
  overflow: hidden;
  /*box-shadow: -20px 0 20px var(--theme-colors) inset;*/
  border: 1px solid var(--theme-colors);
}
.moon:after {
  content: '';
  position: absolute;
  left: 75px;
  top: 70%;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #e9e9e9;
  background: currentcolor;
  -webkit-animation: 5s spin linear infinite;
          animation: 5s spin linear infinite;
  box-shadow: -30px -50px 0 20px, 50px -30px 0 -8px , 50px -90px 0 2px ,  100px -90px 0 0px,  100px -40px 0 25px, 150px -15px 0 0px,  240px 15px 0 4px, 230px -80px 0 2px,   200px -20px 0 16px, 350px  0 0, 320px -50px 0 20px, 400px -30px 0 -8px, 400px -90px 0 2px;
}

.mj {
  position: relative;
  margin: auto;
  z-index: 30;
  width: 60px;
  -webkit-transform: scale(0.6) translatey(70%);
          transform: scale(0.6) translatey(70%);
}
.mj .head {
  width: 30px;
  height: 35px;
  background: #feead6;
  position: relative;
  border-radius: 0 0 8px 0;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  left: 10px;
  top: 5px;
  z-index: 5;
}
.mj .head:before {
  content: '';
  background: #000;
  width: 35px;
  height: 30px;
  position: absolute;
  left: -2px;
  bottom: 100%;
}
.mj .head:after {
  content: '';
  height: 3px;
  width: 60px;
  background: #000;
  position: absolute;
  left: 50%;
  -webkit-transform: translatex(-50%);
          transform: translatex(-50%);
  bottom: 100%;
}
.mj .head .nose {
  position: absolute;
  left: 100%;
  top: 10px;
  border-width: 8px 0 0 4px;
  border-style: solid;
  border-color: transparent #feead6;
}
.mj .hair {
  background: #151515;
  width: 12px;
  height: 20px;
  position: relative;
  left: -2px;
  border-radius: 0 0 6px 0;
}
.mj .hair .ponytail {
  position: absolute;
  background: #151515;
  width: 14px;
  height: 30px;
  border-radius: 50%;
  -webkit-transform: rotate(20deg);
          transform: rotate(20deg);
  left: -60%;
  top: 90%;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-animation: ponytail 1s infinite alternate;
          animation: ponytail 1s infinite alternate;
}
.mj .hair .ponytail:after {
  content: '';
  background: #151515;
  width: 9px;
  height: 14px;
  position: absolute;
  left: 10%;
  -webkit-transform: rotate(21deg);
          transform: rotate(21deg);
  top: 70%;
  border-radius: 10px 0 50%;
}
.mj .hair .frontpony {
  position: absolute;
  width: 8px;
  height: 12px;
  border-left: 3px solid;
  border-bottom: 2px solid;
  left: 22px;
  top: 0px;
  -webkit-transform: skew(35deg, 0) rotate(35deg);
          transform: skew(35deg, 0) rotate(35deg);
  border-radius: 0 0 0 43%;
  color: #151515;
}
.mj .hair .frontpony:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  border-right: 1px solid;
  border-bottom: 1px solid;
  left: -4px;
  top: 13px;
  -webkit-transform: skew(0deg, -47deg) rotate(-28deg);
          transform: skew(0deg, -47deg) rotate(-28deg);
  border-radius: 0 0 7px 0;
}

.body {
  width: 35px;
  background: #feead6;
  position: relative;
}
.body:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-style: solid;
  border-width: 5px 8px 15px 0px;
  border-color: transparent #feead6 transparent transparent;
}
.body .jacket {
  background: #000;
  height: 70px;
  position: relative;
}
.body .jacket:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -10px;
  width: 45px;
  height: 40px;
  background: #000;
  border-radius: 0 50px  50px 50px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
  z-index: 5;
  -webkit-animation: 1s jacket infinite alternate;
          animation: 1s jacket infinite alternate;
}
.body .jacket:after {
  content: '';
  position: absolute;
  left: 95%;
  width: 6px;
  height: 115%;
  top: 0;
  background: #000;
  z-index: -5;
  border-radius: 0 0 100px 0;
}

.hand {
  width: 15px;
  height: 40px;
  background: #151515;
  top: 10px;
  left: -5px;
  margin: auto;
  position: relative;
  border-radius: 10px 10px 0 0;
  z-index: 10;
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
.hand:after {
  content: '';
  width: 100%;
  position: absolute;
  top: 38px;
  left: -1px;
  background: #151515;
  height: 40px;
  -webkit-transform: rotate(-35deg);
          transform: rotate(-35deg);
  -webkit-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  border-radius: 0 0 10px 10px;
  z-index: 5;
  -webkit-animation: forarm 1s infinite alternate;
          animation: forarm 1s infinite alternate;
}
.hand:before {
  content: '';
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #feead6;
  top: 54px;
  left: 18px;
  -webkit-animation: pam 1s infinite alternate;
          animation: pam 1s infinite alternate;
}

.leg {
  width: 22px;
  background: #000;
  height: 50px;
  margin-left: 10px;
  margin-bottom: 45px;
  position: relative;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-animation: leg 1s infinite alternate;
          animation: leg 1s infinite alternate;
}
.leg .foot {
  position: absolute;
  top: 50px;
  left: 0;
  width: 22px;
  height: 50px;
  background: #000;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  border-bottom: 6px solid #fff;
  border-radius: 0 0 2px 2px;
  -webkit-animation: foot 1s infinite alternate;
          animation: foot 1s infinite alternate;
}
.leg .foot:before {
  content: '';
  position: absolute;
  top: 50px;
  left: -1px;
  height: 13px;
  width: 42px;
  background: #000;
  border-radius: 0 10px 10px;
}
.leg.lft {
  position: absolute;
  bottom: -50px;
  animation-direction: alternate-reverse;
}
.leg.lft .foot {
  animation-direction: alternate-reverse;
}

@-webkit-keyframes spin {
  0% {
    left: 75px;
  }
  100% {
    left: -275px;
  }
}

@keyframes spin {
  0% {
    left: 75px;
  }
  100% {
    left: -275px;
  }
}
@-webkit-keyframes foot {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@keyframes foot {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@-webkit-keyframes leg {
  0% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@keyframes leg {
  0% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@-webkit-keyframes ponytail {
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@keyframes ponytail {
  100% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
}
@-webkit-keyframes jacket {
  100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@keyframes jacket {
  100% {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
@-webkit-keyframes forarm {
  100% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
}
@keyframes forarm {
  100% {
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
  }
}
@-webkit-keyframes pam {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
}
@keyframes pam {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
}