.JiJinAbout{
/*background: #fff url(../img/bn14.png) no-repeat 50% 100%;*/
}
.JiJinAbout .JiJinAbout_title{ text-indent:2em; max-width: 1090px; margin: 0 auto;}
.JiJinAbout .JiJinAbout_title dd{ font-size: 40px; color: #333333; letter-spacing: .2em; margin-bottom: 48px; padding-bottom: 34px; position: relative;}
.JiJinAbout .JiJinAbout_title dd::before{ content: ""; position: absolute; display: inline-block; width: 62px; height: 2px; background: #dcdcdc; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.JiJinAbout .JiJinAbout_title dt{ text-indent:2em;font-size: 20px;color: #000;line-height: 42px;font-family: '微软雅黑';}
.JiJinAbout .JiJinAbout_bottom{ display: flex; align-items: center; justify-content: center; margin-top: 80px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 120px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd{ margin-bottom: 25px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list:last-child{ margin-right: 0px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dt{ font-size: 16px; color: #000000; line-height: 30px;}
.pc_all  .pc_all_content{ max-width:1510px; margin:0 auto;}
.JiJin1{ padding: 90px 0px; background: #fff; position: relative; z-index: 3;}
.about{ background: #f8f8f8 url(../images/bn.png) no-repeat 50% 100%;}
.about .about_title{ text-align: center; position: relative;}
.about .about_title dd{ font-size: 20px; color: #8d8d8d; font-weight:bolder; margin-bottom: 15px;}
.about .about_title dt{ font-size: 38px; letter-spacing: .2em; position: relative; padding-bottom: 25px; margin-bottom: 40px;

				font-family: PingFang SC;
				font-weight: 700;
				color: #182c49

}
/*.about .about_title dt::before{ content: ""; position: absolute; display: inline-block; width: 96px; height: 2px; background: #0685c4; bottom: 0px; left: 0; right: 0; margin: 0 auto;}*/

.honor{background: #fff;}
.honor .about_title{ margin-bottom: 50px;}
.honor .honor_content .honor_content_left{ width: 54%; position: relative;}
.honor .honor_content .honor_content_right{ width: 44%; padding-top: 0px;}
.honor .honor_content .honor_content_right ul{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.honor .honor_content .honor_content_right ul li{ display: inline-block; width: 49%; line-height: 50px; border: 1px solid #dcdcdc; margin-bottom: 15px; padding: 0px 14px;
overflow: hidden; cursor: pointer; transition:all 0.5s ease 0s;-webkit-transform:all 0.5s ease 0s;
text-overflow:ellipsis;
white-space: nowrap;
}


.honor .honor_content .honor_content_left .content_left_li{ position: relative; text-align: center;}
.honor .honor_content .honor_content_left .content_left_li .left_li_top {box-shadow: 0px 0px 20px 0px rgb(120 136 170 / 20%)}
.honor .honor_content .honor_content_left .content_left_li .left_li_top img{ max-width: 100%;}
.honor .honor_content .honor_content_left .content_left_li .left_li_bottom{ position: absolute; left: 0%; bottom: 25%; color: #333333; font-size: 18px; text-align: center; font-weight: bolder; margin-top: 20px; width: 100%;}
/*向右流动*/
.pipeline_right_arrows1 {
    width: calc(100% - 4px);
    height: 8px;
    /*border-top: 1px solid #68f321;
    border-bottom: 1px solid #68f321;
	border-right: 1px solid #68f321;*/
}

/*向下流动*/
.pipeline_down_arrows1 {
    width: 8px;
    height: calc(100% - 0px);
    /*border-left: 1px solid #68f321;
    border-right: 1px solid #68f321;
	border-bottom: 1px solid #68f321;
	border-top: 1px solid #68f321;*/
}
/*向左流动*/
.pipeline_left_arrows1 {
    width: calc(100% - -3px);
    height: 8px;
   /* border-top: 1px solid ##68f321;
    border-bottom: 1px solid #68f321;*/
}

/*向上流动*/
.pipeline_up_arrows1 {
    width: 8px;
    height: calc(100% - 1px);
    /*border-left: 1px solid #68f321;
    border-right: 1px solid #68f321;
	border-top: 1px solid #68f321;*/
}
.position_left_bottom1 {
    position: absolute;
	top: 0px;
    left: -1px;;
}

 .position_bottom_right1 {
    position: absolute;
    bottom: -1px;
    left: 1px;
}
.position_top_left1 {
    position: absolute;
	top: -1px;
    left: -1px;
}

 .position_right_top1 {
    position: absolute;
    bottom: 0px;
    left: 598px;
}

/*初始化下箭头*/
.arrow_down_arrows1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(#bab756, #fdfdfd,#bab756) repeat-y 0 0;

    /*无限循环箭头动画效果*/
    animation: down_arrow_square_default1 3s infinite linear;
    -moz-animation: down_arrow_square_default1 3s infinite linear;
    -webkit-animation: down_arrow_square_default1 3s infinite linear;
    -o-animation: down_arrow_square_default1 3s infinite linear;
}

/*初始化右箭头*/
.arrow_right_arrows1{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(to right, #bab756,#fdfdfd,#bab756) repeat-x 0 0;

    /*无限循环箭头动画效果*/
    animation: right_arrow_square_default1 3s infinite linear;
    -moz-animation: right_arrow_square_default1 3s infinite linear;
    -webkit-animation: right_arrow_square_default1 3s infinite linear;
    -o-animation: right_arrow_square_default1 3s infinite linear;
}
/*初始化上箭头*/
.arrow_up_arrows1 {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(#bab756, #fdfdfd,#bab756) repeat-y 0 0;

    /*无限循环箭头动画效果*/
    animation: up_arrow_square_default1 3s infinite linear;
    -moz-animation: up_arrow_square_default1 3s infinite linear;
    -webkit-animation: up_arrow_square_default1 3s infinite linear;
    -o-animation: up_arrow_square_default1 3s infinite linear;
}

/*初始化左箭头*/
.arrow_left_arrows1{
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(to right, #bab756,#fdfdfd,#bab756) repeat-x 0 0;

    /*无限循环箭头动画效果*/
    animation: left_arrow_square_default1 3s infinite linear;
    -moz-animation: left_arrow_square_default1 3s infinite linear;
    -webkit-animation: left_arrow_square_default1 3s infinite linear;
    -o-animation: left_arrow_square_default1 3s infinite linear;
}

@keyframes down_arrow_square_default1 {
    0% {
        background: linear-gradient(#bab756, #fdfdfd,#bab756) repeat-y 0 0;
    }

    100% {
        background: linear-gradient(#bab756, #fdfdfd,#bab756) repeat-y 0 500px;
    }
}

@keyframes right_arrow_square_default1 {
    0% {
        background: linear-gradient(to right, #bab756,#fdfdfd,#bab756) repeat-x 0 0;
    }
    100% {
        background: linear-gradient(to right,#bab756,#fdfdfd,#bab756) repeat-x 500px 0;
    }
}
@keyframes up_arrow_square_default1 {
    0% {
        background: linear-gradient(#bab756, #fdfdfd,#bab756) repeat-y 0 0;
    }

    100% {
        background: linear-gradient(#bab756, #fdfdfd,#bab756) repeat-y 0 -500px;
    }
}

@keyframes left_arrow_square_default1 {
    0% {
        background: linear-gradient(to right, #bab756,#fdfdfd,#bab756) repeat-x 0 0;
    }
    100% {
        background: linear-gradient(to right, #bab756,#fdfdfd,#bab756) repeat-x -500px 0;
    }
}






.background-clip2 {
  background: var(--gradient3);
  background-size: 200%;
  background-clip: text;
  -webkit-background-clip: text;
  background-position: left;
  text-align:center;
  /*color: transparent;*/
  margin: 0;
  padding: 0;
}
.demo {
font-size:36px;
 color: #182c49;

 letter-spacing: 0.04em;

}

.threed{
margin-top:150px;
font-size:48px;
 color: #fafafa;
 letter-spacing: 6px;
 font-family:'微软雅黑'

 /*text-shadow: 0px 1px 0px #999, 0px 2px 0px #888, 0px 3px 0px #777, 0px 4px 0px #666, 0px 5px 0px #555, 0px 6px 0px #444, 0px 7px 0px #333, 0px 8px 7px #001135 ;
text-shadow:#f3f3f3 1px 1px 0px, #b2b2b2 1px 2px 0 */
}

.images img {width: 100%;height: 100%;display: block;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s; -webkit-transition-duration: 1s;}
.images:hover img {transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);}
.w1280{width:1280px;margin:0 auto;overflow:hidden}
.S_menu{width:100%;float:left;border-bottom: 1px solid rgb(0 123 255 / 25%);height:40px;line-height:40px;font-size:16px;}
.S_menu p{float:left}
.S_menu p a{padding-bottom:20px;border-bottom:3px solid #fff;color:#666666;margin-right:50px;float:left}
.S_menu p a:hover,.S_menu p a.cur{
/*border-bottom:3px solid #0685c4*/
}
.S_menu .w1280>div{float:right}
em, i, strong {
    font-style: normal;
}
.news_top{padding:58px 0px}
.news_top a{width:390px;float:left;border:1px solid #cccccc;margin-right:50px;}
.news_top a i{width:100%;overflow:hidden;display:block}
.news_top a div{padding:16px 0px;width:100%;float:left}
.news_top a div p{font-size:16px;color:#333333;line-height:28px;padding:0px 16px;text-align:justify;text-justify:inter-ideograph;height:56px;overflow:hidden}
.news_top a div em{color:#333333;display:block;margin-top:10px;padding:0px 16px}
.news_top a:hover{border-color:#0685c4}
.news_top a:hover p{color:#0685c4;font-weight:bold}
.news_top a:last-child{margin-right:0px}
.news_bottom li,.news_bottom li a{width:100%;float:left}
.news_bottom li{border-bottom: 1px solid rgb(0 123 255 / 25%);}
.news_bottom li a{padding:40px 0px}
.news_bottom li strong{font-size:40px;font-family:Arial;color:#182c49;float:left}
.news_bottom li strong i{display:block;font-weight:normal;color:#182c49;font-size:14px;font-style:normal;}
.news_bottom li div{float:right;width:1120px;padding-right:118px;position:relative;margin-top:6px}
.news_bottom li div span{font-size:18px;color:#000000;font-weight:bold;height:24px;overflow: hidden;display:block;text-overflow: ellipsis;white-space: nowrap;}
.news_bottom li div p{color:#333333;margin-top:14px;height:19px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_bottom li div em{position:absolute;right:0px;font-family:Arial;font-size:12px;top:4px;color:#333333;padding-bottom:15px;background:url(../images/more2.png) no-repeat center bottom}
.news_bottom li:hover em{color:#0685c4;background:url(../images/more1.png) no-repeat center bottom}
.news_bottom li:hover span{color:#0685c4}
.page{width:100%;float:left;text-align:center;padding:48px 0px 68px 0px}
.page ul{width:100%;float:left;text-align:center}
.page ul li{display:inline-block;width:32px;height:32px;border-radius:100%;border:1px solid #e6e6e6;line-height:32px;color:#666666;margin:0px 4px;text-align:center}
.page li span,.page li a{width:100%;float:left}
.page li:hover,.page li.active{border-color:#007bff;background:#007bff;color:#fff}
.page li:hover a,.page li.active a{color:#fff}




.xq{padding:58px 0px}
.xq dl{width:100%;float:left;border-bottom:1px solid #dadadf;text-align:center;padding-bottom:10px;}
.xq dl dt{font-size:24px;color:#333333;font-weight:bold;margin-bottom:30px;}
.xq dl dd i{color:#666666;display:inline-block;margin:0px 14px}
.xq dl dd i img{float:left;margin-right:8px;margin-top:2px}
.xq_con,.xq_CT,.xq_CB,.xq_bo,.xq_bo .bshare-custom{width:100%;float:left}
.xq_CB{margin-top:26px}
.xq_CT{padding:25px 0px 40px 0px;border-bottom:1px dashed #e7e7e7}
.xq_con{border-bottom:1px solid #e7e7e7;padding-bottom:60px}
.xq_con p{font-size:18px;color:#000000;line-height:32px;margin-top:15px}
.xq_CT div{margin:60px 0px}
.xq_bo .bshare-custom{margin-top:30px}
.xq_bo .bshare-custom span{float:left;color:#646464;line-height:30px;}
.xq_bo .bshare-custom a{padding:0px;margin:0px;width:30px;height:30px;float:left;margin-left:10px}
.xq_bo .bshare-custom a.bshare-weixin{background:url(../img/fx1.png) no-repeat center}
.xq_bo .bshare-custom a.bshare-sinaminiblog{background:url(../img/fx2.png) no-repeat center}
.xq_bo .bshare-custom a.bshare-qqim{background:url(../img/fx3.png) no-repeat center}
.xq_bo .bshare-custom a.bshare-qzone{background:url(../img/fx4.png) no-repeat center}
.xq_BOL{float:left;width:50%;margin-top:16px}
.xq_BOL a{display:block;padding-right:120px;color:#333333;position:relative;margin-top:16px}
.xq_BOL a i{position:absolute;right:0px;color:#999999;top:0px}
.xq_BOL a strong{color:#333333}
.xq_bo>a{width:116px;line-height:38px;background:#0685c4;text-align:center;color:#fff;float:right;margin-top:34px}
.xq_bo>a:before{content:url(../img/xqico3.png);margin-right:8px;}








@media screen and (max-width:768px){
.JiJin1{ padding: 33px 0px;}
.JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 18px;}
.JiJin1 .JiJin1_title .JiJin1_title_dt{ font-size: 14px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 16px; padding-bottom: 12px; margin-bottom: 10px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title::before{ height: 1px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_txt p{ font-size: 14px; margin-bottom: 10px;}
.JiJin1 .JiJin1_content .JiJin1_content_list.on .content_list_top{ height: 210px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top{ height: 210px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li{ padding: 0px 12px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dd{ font-size: 16px; margin-bottom: 5px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_bottom .list_bottom_li .bottom_li_txt dt{ font-size: 13px;}


.JiJinCase .JiJinCase_content .JiJinCase_content_list{ width: 48%;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list:last-child{ display: none;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt span{ font-size: 12px;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{ line-height: 48px; font-size: 14px;}


.JiJinAbout .JiJinAbout_title dd{ font-size: 18px; padding-bottom: 18px; margin-bottom: 26px;}
.JiJinAbout .JiJinAbout_title dt{ font-size: 13px; line-height: 28px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd img{ max-height: 20px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dt{ font-size: 13px;}


.JiJinClient .JiJinClient_content .JiJinClient_content_list{ width: 48%; height: 90px;}
.JiJinClient .JiJinClient_content .JiJinClient_content_list img{ max-width: 70%;}
.JiJinClient .JiJinClient_content .JiJinClient_content_list:last-child{ display: none;}



.IndexNews .IndexService_content_title{ margin-bottom: 25px;}
.IndexNews .IndexService_content_title .IndexNews_title{ flex-wrap: wrap; justify-content: center;}
.IndexNews .IndexService_content_title dd{ font-size: 18px;}
.IndexNews .IndexNews_title a{ margin-right: 0px; width: 30%; margin-right: 13px; margin-bottom: 13px; line-height: 45px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: block;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img img{ height: auto;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title{ display: flex; height: 45px; line-height: normal; align-items: center; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title dd{ width: 70%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content .list_content_title:after{ display: none;}









.Customers .Customers_content .Customers_content_list{ width: 49%;}
.Customers .Customers_content .Customers_content_list:last-child{ display: none;}



.ContactNow{ padding: 32px 4%;}
.ContactNow .ContactNow_title dd{ font-size: 16px; margin-bottom: 30px;}
.ContactNow .ContactNow_title dd::before{ bottom: -15px;}




.APPDevelopment .APPDevelopment_bg img{ height:900px; object-fit:cover;}
}



@media screen and (max-width:1200px){
.pc_all .pc_all_content{ width: 96% !important; margin: 0 auto; overflow: hidden;}
.pc_top,.footer_content,#mydiv{ display: none;}
.mo_footer{ display:block;}
.mo_top{display: block;}
.mo_height{ height: 50px;}
.slick-dots li{ width: 10px !important; height: 1px !important; margin: 0px 4px !important;}
img{ max-width: 100%;}
.hight,.pc_top_company,.banner .banner_txt,.buildnum{ display: none;}

input::-ms-input-placeholder{ /* Internet Explorer 10+ */ color:#999999; font-size:13px !important;}
input::-webkit-input-placeholder{ /* WebKit browsers */ color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}
input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:#999999; font-size:13px !important;}
textarea::-webkit-input-placeholder{color:#999999; font-size:13px !important;}

.Copyright .pc_all_content{ display: block; padding: 15px 0px; height: auto; font-size: 13px; text-align: center;}
.Copyright .pc_all_content a{ font-size: 13px;}



.footer .footer_content{ z-index:50;}


.pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;}

.banner{ position: relative;}
.banner .slick-dots{ bottom: 4%; width: 100%; left: 0;}
.banner .slick-dots li{ width: 12px; height: 17px; margin: 0px 2px;}
.banner .slick-dots li.slick-active{ border:0px;}
.banner .slick-dots li.slick-active button:before{ opacity:1;}
.banner .slick-dots li button{ width:100%; height:auto; height: 1px; padding:0px;}
.banner .slick-dots li button:before{ position: relative; left: 0px; top: 0px; font-size:24px; width:100%; height:auto; line-height:2px; opacity:.5;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_jq .slick-hero-slider-caption .transitionDelay2{ margin-bottom:15px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_mdx .slick-hero-slider-caption .transitionDelay4{ padding:12px 0px;}
.banner_height{ display: none;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay2{ margin-bottom: 5px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .transitionDelay4{ margin-bottom: 0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption img{ max-width: 60%;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .slick-hero-slider-caption div{ margin: 0px;}
.banner,.slick-item,.banner_height,.slick-hero-slider .image-bg{ height: 400px !important;}


.AboutBanner{ position: relative;}
.AboutBanner_height{ display: none;}


.JiJinCase .JiJinCase_content .JiJinCase_content_list .content_list_txt{overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.JiJin1{ padding: 50px 2%;}
.JiJin1 .JiJin1_title{ margin-bottom: 30px;}
.JiJin1 .JiJin1_title .JiJin1_title_dd{ font-size: 30px; margin-bottom: 10px;}
.JiJin1 .JiJin1_content{ display: block;}
.JiJin1 .JiJin1_content .JiJin1_content_list{ width: 100%; box-shadow: 0px 0px 49px rgb(0 0 0 / 13%);}
.JiJin1 .JiJin1_content .JiJin1_content_list:last-child{ margin-top: 30px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_title{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;}
.JiJin1 .JiJin1_content .JiJin1_content_list .content_list_top .list_top_p{ right: 4%;}


.JiJinCase .JiJinCase_content{ margin-bottom: -20px;}
.JiJinCase .JiJinCase_content .JiJinCase_content_list{ margin-bottom: 22px;}


.JiJinAbout .JiJinAbout_title dd{ font-size: 24px; padding-bottom: 30px; margin-bottom: 22px;}
.JiJinAbout .JiJinAbout_title dt{ line-height: 30px;}
.JiJinAbout .JiJinAbout_bottom{ flex-wrap: wrap; margin-top: 22px;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list{ margin-right: 0px; width: 49%; margin-top: 26px; text-align: center;}
.JiJinAbout .JiJinAbout_bottom .JiJinAbout_bottom_list dd{ margin-bottom: 15px;}


.JiJinClient .JiJinClient_content .JiJinClient_content_list{ width: 30%; height: 145px;}

/*
.IndexNews .IndexService_content_title{ display: block; margin-bottom: 45px; overflow: hidden;}
.IndexNews .IndexService_content_title dd{ text-align: center; margin-bottom: 20px;}
.IndexNews .IndexService_content_title dd,.IndexNews .IndexService_content_title .IndexNews_title{ width: 100%;}
.IndexNews .IndexService_content_title .IndexNews_title{ display: flex; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_video,.IndexNews .IndexNews_content .IndexNews_content_right{ width: 100%;}
.IndexNews .IndexNews_content .IndexNews_content_video{ margin-bottom: 35px;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list{ display: flex; align-items: center; justify-content: space-between;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content p{-webkit-line-clamp: 2; height: auto;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_img{ width: 32%;}
.IndexNews .IndexNews_content .IndexNews_content_right .content_right_list .right_list_content{ width: 60%;}

*/


.about .about_title dd{ font-size: 15px; margin-bottom: 10px;}
.about .about_title dt{ font-size: 18px; margin-bottom: 22px; padding-bottom: 15px;}



.honor{ padding: 33px 0px;}
.honor .about_title{ margin-bottom: 30px;}
.honor .honor_content .honor_content_left,.honor .honor_content .honor_content_right{ width: 100%;}
.honor .honor_content .honor_content_left{ margin-bottom: 25px; position: relative;}
.honor .honor_content .honor_content_left .content_left_li .left_li_bottom{ font-size: 14px; bottom: 23%;}



.Perspective{
 /*height: 400px;*/}
.Perspective .Perspective_y{ top: 32%;}
.Perspective .Perspective_content{ padding-bottom: 0px;}
.Perspective .Perspective_content dd{ font-size: 30px;}
.Perspective .Perspective_content dt{ margin-top: 22px;}


.Customers{ padding: 33px 0px; background: url(../img/bg29.jpg) no-repeat 50%/cover;}
.Customers .about_title{ margin-bottom: 20px;}
.Customers .Customers_content .Customers_content_list{ width: 32%;}
.Customers .Customers_content .Customers_content_list{ height: 90px;}
.Customers .Customers_content .Customers_content_list img{ max-width: 80%; opacity: 1 !important;}


.pc_index .banner{ position:relative;}
.pc_index .pc_header{ z-index:50; height:auto; padding:0px 4%; position:absolute;}
.pc_header .pc_header_content{}
.pc_header2 .pc_header_content .header_content_right .top_right_icon,.pc_header2 .pc_header_content .header_content_right .top_right_phone{ display:none;}

.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top1{ font-size:16px; color:#fff; font-weight:bolder; text-transform:uppercase; margin-bottom:10px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top2{ font-size:14px; color:#fff; font-weight:bolder; margin-bottom:0px;}
.alt-dot-position.slick-hero-slider.slick-inner-dot .banner_index .slick-hero-slider-caption .top3{ font-size:12px; color:#fff;}




.DBanner .DBanner_txt{ padding:0px 25px;}
.DBanner .DBanner_txt .DBanner_txt_dd{ font-size:24px; line-height:36px;}
.DBanner .DBanner_txt .DBanner_txt_dt{ margin-top:25px; font-size:15px; text-align:center;}



.HighWebsite{ padding:35px 0px;}
.HighWebsite .HighWebsite_left,.HighWebsite .HighWebsite_right{ width:100%; }
.HighWebsite .HighWebsite_left .HighWebsite_left_title{ margin-bottom:30px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dd{ font-size:20px; margin-bottom:8px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title dt{ font-size:14px; padding-bottom:20px; margin-bottom:20px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_title p{ font-size:14px;}
.HighWebsite .HighWebsite_right{ position:inherit; margin-top:35px;}
.HighWebsite .HighWebsite_right img{ width:100%;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list{ width:48%; padding:18px 0px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dt{ font-size:15px; height:32px; padding:0px 10px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd{ height:40px;}
.HighWebsite .HighWebsite_left .HighWebsite_left_icon .left_icon_l .left_icon_list dd img{ max-height:32px;}



.HighWebsite2{ padding:35px 0px;}
.HighWebsite2 .pc_all_content{ display:block;}
.HighWebsite2 .HighWebsite2_center{ display:none;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_icon{ display:none;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content{ position:inherit; padding:25px 0px; padding-bottom:0px;}
.HighWebsite2 .HighWebsite2_right .HighWebsite2_right_content .right_content_title dd{ font-size:24px;}



.Research{ padding:35px 0px;}
.Research .Research_title{ margin-bottom:30px;}
.Research .Research_title dd{ font-size:24px;}
.Research .Research_title dt{ font-size:16px;}
.Research .Research_content{ display:block; padding:0px;}
.Research .Research_content .Research_content_list .content_list_li:first-child{ margin-bottom:30px;}
.Research .Research_content .Research_content_img{ margin:33px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_txt dd{ font-size:18px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_icon img{ max-height:35px;}
.Research .Research_content .Research_content_list .content_list_li .list_li_txt{ margin-left:20px;}



.ContentPlanning{ padding:35px 0px;}
.ContentPlanning .pc_all_content{ padding:0px; display:block;}
.ContentPlanning .ContentPlanning_right{ width:100%; margin-top:35px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title{ margin-bottom:30px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dd{ font-size:26px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_title dt{ font-size:16px;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list{ justify-content:space-between;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt{ width:80%;}
.ContentPlanning .ContentPlanning_right .ContentPlanning_right_content .right_content_list .content_list_txt dd{ font-size:16px;}



.BrandInternet{ padding-bottom:40px;}
.BrandInternet .pc_all_content{ display:block;}
.BrandInternet .BrandInternet_left{ padding:35px 0px;}
.BrandInternet .BrandInternet_left,.BrandInternet .BrandInternet_right{ width:100%;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title{ margin-bottom:0px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title dd{ font-size:24px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_title dt{ font-size:15px; margin-top:10px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list{ width:48%;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon{ height:40px; display:flex; align-items:center;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_icon img{ max-height:36px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dd{ font-size:16px;}
.BrandInternet .BrandInternet_left .BrandInternet_left_txt .left_txt_list .txt_list_bottom dt{ font-size:14px;}
.BrandInternet .BrandInternet_right{ position:inherit; right:0px;}
.BrandInternet .BrandInternet_right .mo_show{ padding:0px 33px;}

.pc_show{ display:none;}
.mo_show{ display:block;}



.HighWebsite2 .HighWebsite2_left,.HighWebsite2 .HighWebsite2_right{ width:100%;}


.SystemDevelopment::before{ display:none;}
.SystemDevelopment .pc_all_content{ display:block;}
.SystemDevelopment .SystemDevelopment_content{ width:100%; margin-top:35px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list{ display:block; padding:20px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon{ margin-right:0px; margin-bottom:15px;}
.SystemDevelopment .SystemDevelopment_content .SystemDevelopment_content_list .content_list_icon img{ max-height:36px;}



.Maintenance{ padding:36px 0px;}
.Maintenance .Maintenance_title { margin-bottom:33px;}
.Maintenance .Maintenance_title dd{ font-size:26px;}
.Maintenance .Maintenance_title dt{ font-size:14px; line-height:26px;}
.Maintenance .Maintenance_content .Maintenance_content_c{ display:none;}
.Maintenance .Maintenance_content .Maintenance_content_y{ margin-bottom:33px;}
.Maintenance .Maintenance_content .Maintenance_content_y2{ margin-bottom:0px;}
.Maintenance .Maintenance_content .Maintenance_content_y,.Maintenance .Maintenance_content .Maintenance_content_y2{ position:inherit; margin-top:0px; justify-content:space-between;}
.Maintenance .Maintenance_content .Maintenance_content_y::before{ display:none;}
.Maintenance .Maintenance_content .Maintenance_content_y2::before{ display:none;}
.Maintenance .Maintenance_content .Maintenance_content_y2 .content_y_list,.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ margin-right:0px !important; top:0px !important;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list{ width:25%;}
.Maintenance .Maintenance_content .Maintenance_content_y .content_y_list .y_list_title{ font-size:16px; text-align:center;}



.INews .INews_content .INews_content_list{ width:100%;}
.INews .INews_content .INews_content_list:last-child{ margin-top:36px;}


.DBanner .DBanner_scroll img{ max-height:25px;}



.SEO1{ padding:35px 0px;}
.SEO1 .pc_all_content{ display:block;}
.SEO1 .SEO1_left,.SEO1 .SEO1_right{ width:100%;}
.SEO1 .SEO1_left{ padding:0px 65px;}
.SEO1 .SEO1_right{ margin-top:35px;}
.SEO1 .SEO1_right .SEO1_right_title{ margin-bottom:33px;}
.SEO1 .SEO1_right .SEO1_right_title dd{ font-size:24px;}
.SEO1 .SEO1_right .SEO1_right_title dt{ font-size:16px; margin-top:12px; line-height:26px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list{ justify-content:space-between;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r{ margin-left:0px; width:80%;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dd{ font-size:16px;}
.SEO1 .SEO1_right .SEO1_right_txt .right_txt_list .txt_list_r dt{ font-size:14px;}



.SEO_Advantage{ display:block;}
.SEO_Advantage .SEO_Advantage_left,.SEO_Advantage .SEO_Advantage_right{ width:100%; top:0px; padding:33px 20px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_title{ font-size:26px; text-align:center; margin-bottom:22px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt{ text-align:center; width:100%;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_icon{ display:none;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dd{ font-size:16px;}
.SEO_Advantage .SEO_Advantage_left .Advantage_left_content .left_content_list .content_list_txt dt{ font-size:14px;}
.SEO_Advantage .SEO_Advantage_right .Advantage_left_content .left_content_list .content_list_txt{ margin-left:0px;}


.SEO_idea{ padding:0px; padding-bottom:35px;}
.SEO_idea .SEO_idea_title dd{ font-size:26px;}
.SEO_idea .SEO_idea_title dt{ padding:0px; font-size:14px; line-height:26px;}
.SEO_idea .SEO_idea_content{ display:block;}
.SEO_idea .SEO_idea_content .idea_content_icon{ width:100%; height:380px;}
.SEO_idea .SEO_idea_content .idea_content_icon .content_icon_t div{ padding:0px 30px;}
.SEO_idea .SEO_idea_content .idea_content_icon img{ width:100%;}
.SEO_idea .SEO_idea_content .idea_content_right{ width:100%;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list:before{ display:none;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list{ padding:20px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title{ font-size:18px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_title span{ font-size:14px;}
.SEO_idea .SEO_idea_content .idea_content_right .content_right_list .right_list_txt{ font-size:14px;}




.SEO_detail{ padding:33px 0px;}
.SEO_detail .SEO_detail_content{ flex-wrap:wrap; justify-content: flex-start; margin-top:30px;}
.SEO_detail .SEO_detail_content .detail_content_list{ width:33.33%; margin-bottom:30px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_icon img{ max-height:55px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{ font-size:16px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dt{ font-size:14px;}
.SEO_detail .SEO_detail_content .detail_content_list .content_list_txt dd{ margin-bottom:20px; padding-bottom:10px;}
.SEO_detail .SEO_detail_btn{ margin-top:0px;}



.SEO2{ padding:35px 0px;}
.SEO2 .pc_all_content{ display:block;}
.SEO2 .SEO2_img,.SEO2 .SEO2_right{ width:100%;}
.SEO2 .SEO2_right{ margin-top:33px;}
.SEO2 .SEO2_right dd{ font-size:20px; padding-right:0px; line-height:45px; margin-bottom:10px;}
.SEO2 .SEO2_right dt{ font-size:15px; margin-bottom:30px;}


.Customers .SEO_idea_title{ margin-bottom:25px;}
.Customers .SEO_idea_title dd{ font-size:26px; margin-bottom:10px;}
.Customers .SEO_idea_title dt{ padding:0px; font-size:14px;}



.SEO_case{ padding:35px 0px;}
.SEO_case .SEO_case_content{ display:block; padding:0px 25px; margin-top:25px;}
.SEO_case .SEO_case_content .case_content_list{ width:100%; margin-bottom:25px;}
.SEO_case .SEO_case_content .case_content_list .content_list_img{ padding:20px;}




.Topic_header{ top:30px;}
.Topic_header .pc_all_content{ display:block;}
.Topic_header .Topic_header_logo{ display:none;}
.Topic_header .pc_all_content .Topic_header_content{ display: flex; flex-wrap:wrap; justify-content:space-between;}
.Topic_header .pc_all_content .Topic_header_content .header_content_list{ margin-right:0px; width:31%; margin-bottom:15px;}
.Topic_header .pc_all_content .Topic_header_content .header_content_list .content_list_title{ font-size:16px; padding:10px 0px; border:1px solid #fff; text-align:center; display:inline-block; width:100%; border-radius:10px;}


.TBanner .TBanner_content{ height:76%; display:block; padding:0px 4%; max-width:100%;}
.TBanner .TBanner_content .TBanner_content_left{ width:100%; margin-bottom:35px;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dd{ font-size:18px;}
.TBanner .TBanner_content .TBanner_content_left .content_left_dt{ font-size:14px; line-height:26px;}
.TBanner .TBanner_content .TBanner_content_left a{ margin-top:30px; font-size:15px;}
.TBanner .TBanner_content .TBanner_content_right{ width:100%; text-align:left;}



.Topic_case{ padding:35px 0px;}
.Topic_case .Topic_case_content{ margin-top:20px;}
.Topic_case .Topic_case_content .case_content_list{ width:48%; margin-top:4%; padding:20px;}
.Topic_case .Topic_case_content .case_content_list .content_list_txt{ line-height:22px;}
.Topic_case .Topic_case_content .case_content_list .content_list_top .list_top_title{ font-size:16px; margin-bottom:20px; padding-bottom:10px;}



.Topic_technology{ padding:35px 0px;}
.Topic_technology:before,.Topic_technology:after{ display:none;}
.Topic_technology .pc_all_content{ display:block;}
.Topic_technology .Topic_technology_left{ margin-bottom:25px;}
.Topic_technology .Topic_technology_left .technology_left_dd{ font-size:18px;}
.Topic_technology .Topic_technology_left .technology_left_dd p{ margin-bottom:8px; text-align:center;}
.Topic_technology .Topic_technology_right{ width:100%;}
.Topic_technology .Topic_technology_right .technology_right_list{ padding:20px;}
.Topic_technology .Topic_technology_right .technology_right_list:nth-child(3){ margin-left:0px;}
.Topic_technology .Topic_technology_right .technology_right_list:nth-child(4){ margin-right:0px;}
.Topic_technology .Topic_technology_right .technology_right_list .right_list_title{ margin:15px 0px; font-size:16px;}


.honor{ padding:35px 0px;}
.honor .SEO_idea_title{ margin-bottom:30px;}





.APPService .HighWebsite_right{ right:0;}


.APPProcess{ padding:35px 0px;}
.APPProcess .APPProcess_title{ margin-bottom:33px; font-size:22px;}
.APPProcess:before{ display:none;}
.APPProcess .APPProcess_content{ flex-wrap:wrap;}
.APPProcess .pc_all_content{ padding:0px;}
.APPProcess .APPProcess_content .APPProcess_content_list{ margin-top:0px !important; width:48%; margin-bottom:25px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title{ margin-bottom:25px;}
.APPProcess .APPProcess_content .APPProcess_content_list:nth-child(2n) .content_list_title{ margin-top:25px;}
.APPProcess .APPProcess_content .APPProcess_content_list .content_list_title dd{ font-size:16px; margin-bottom:8px;}



.APPAdvantage{ padding:35px 0px;}
.APPAdvantage .APPAdvantage_title{ margin-bottom:34px;}
.APPAdvantage .APPAdvantage_title dd{ font-size:22px;}
.APPAdvantage .APPAdvantage_title dt{ font-size:14px; margin-top:11px;}
.APPAdvantage .APPAdvantage_content{ flex-wrap:wrap;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list{ width:48%; padding:20px; margin-bottom:4%;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_title{ font-size:16px; margin-bottom:20px;}
.APPAdvantage .APPAdvantage_content .APPAdvantage_content_list .content_list_txt{ font-size:14px; text-align:left; line-height:24px;}




.APPDevelopment .APPDevelopment_content{ display:block;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left,.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right{ width:100%; background:none; top:0px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left{ padding:0px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a{ height:65px; font-size:16px; padding:0px; justify-content:center; width:49%; margin-bottom:2%;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_left a img{ margin-right:15px; max-height:25px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_top dd{ font-size:18px;}
.APPDevelopment .APPDevelopment_content .APPDevelopment_content_right .content_right_list .right_list_bottom .list_bottom_li dd{ font-size:18px;}



.APPApplication .APPApplication_content .APPApplication_content_list{ width:48%; margin-bottom:4%; padding:20px;}
.APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dd{ font-size:16px;}
.APPApplication .APPApplication_content .APPApplication_content_list .content_list_txt dt{ font-size:14px;}





.WeChat2{ padding-bottom:0px;}
.WeChat2 .WeChat2_content{ flex-wrap:wrap;}
.WeChat2 .WeChat2_content .WeChat2_content_list{ width:49%; margin-bottom:2%; padding:20px 0px;}
.WeChat2 .WeChat2_content .WeChat2_content_list .content_list_iocn img{ max-height:45px;}
.WeChat2 .WeChat2_content .WeChat2_content_list .content_list_title{ padding:20px; font-size:14px; line-height:22px; margin-top:0px; padding-bottom:0px;}
.WeChat2 .WeChat2_bottom{ margin-top:30px;}




.WeChatShop{ padding:33px 0px; background: #ffffff url(../img/bg54.jpg) no-repeat 50%/cover;}
.WeChatShop .WeChatShop_title{ font-size:22px; margin-bottom:30px;}
.WeChatShop .WeChatShop_content{ display:block;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list{ width:100%; margin-top:0px;}
.WeChatShop .WeChatShop_content .WeChatShop_content_img{ display:none;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li{ margin-bottom:22px; width:32%;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dd{ width:100%; height:65px; border-radius:0px; padding:0px 15px;}
.WeChatShop .WeChatShop_content .WeChatShop_content_list .content_list_li dt{ font-size:16px;}
.WeChatShop .WeChatShop_bottom{ margin-top:18px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title{ padding:0px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dd{ font-size:20px; color:#fff;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_title dt{ font-size:14px; line-height:26px; color:#fff;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li{ width:32%; margin-bottom:2%; background:#fff; margin-top:0px; padding:13px 0px; border-radius:3px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dd img{ max-height:25px;}
.WeChatShop .WeChatShop_bottom .WeChatShop_bottom_content .bottom_content_li dt{ margin-top:10px;}




.WeChatWhy .WeChatWhy_content .WeChatWhy_content_img{ display:none;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po{ position:inherit; width:100%; display: block;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list{ width:100%; padding:20px; background:#2b303b;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list .content_list_txt .list_txt_li{ margin-bottom:22px;}
.WeChatWhy .WeChatWhy_content .WeChatWhy_content_po .WeChatWhy_content_list:last-child{ background:#656b78; width:100%; margin-top:20px;}







.pc_header .pc_header_content .header_content_right .menu ul li .DropDown a dd{ display:none;}
.APPProcess .APPProcess_content{ height:auto;}



.banner .slider .banner_mdx2 .banner_mdx2_content{ width:94%;}
.banner .slider .banner_mdx2 .banner_mdx2_left{ width:32%;}
.banner .slider .banner_mdx2 .banner_mdx2_left .mdx2_left_dd{ margin-bottom:15px;}
}
.licheng{
/*background: url(../images/bg15_1.jpg) no-repeat 50%/cover; */
background:#fff;
/*height: 380px;*/
 display: flex; align-items: center; position: relative; overflow: hidden;
padding: 90px 0 0 0;}
.Perspective{
/*background: url(../images/bg15_1.jpg) no-repeat 50%/cover; */
background:#fff;
/*height: 380px;*/
 display: flex; align-items: center; position: relative; overflow: hidden;
padding: 90px 0 0 0;}
.Perspective .Perspective_content{ text-align: center; margin-top:68px;}
.Perspective .Perspective_content dd{ font-size: 60px; color: #000000; font-weight: bolder;}
.Perspective .Perspective_content dt{ font-size: 14px; color: #000000; line-height: 36px; margin-top: 30px; position: relative; z-index: 2;}
.Perspective .Perspective_y{ position: absolute; top: 43%; width: 100%; z-index: 1; width: 100%; left: 0; overflow: hidden;}
.Perspective .Perspective_y .Perspective_y_list{ display: inline-block; text-align: right;}
.txt-scroll .scrollbox{ width: 100%; white-space: nowrap; overflow:hidden; transition: all .2s; }
.txt-scroll .txt,.txt-scroll .txt-clone{ display: inline; position: relative; }

.details_banner{
  background-image: url(../images/shangwuhezuo1.png);
  background-position: center center;
  background-repeat: no-repeat;
    background-size: 100% 100%;
      text-align: center;
      /*opacity:0.8;*/
}

/*云耐产品*/
.services-content h2{
box-sizing: border-box;
 margin-top: 0px;
 margin-bottom: 15px;
 line-height: 1.2;
 font-size: 40px;
  color: rgb(0, 2, 25);
  font-family: Lato, sans-serif;
  white-space: normal;
  background-color: rgb(255, 255, 255);
  text-align:center;
}
.services-content p{
box-sizing: border-box;
margin-top: 0px;
margin-bottom: 15px;
line-height: 1.8;
color: rgb(75, 82, 128);
font-family: Lato, sans-serif;
white-space: normal;
background-color: rgb(255, 255, 255);
font-size:16px;

}
.services-content p span{
box-sizing: border-box;
margin-right: 35px;
}
.services-content img {
    max-width: 100%;
    height: auto;
}
.page-title-area {
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  background-color: #000219;
  padding-top: 240px;
  padding-bottom: 100px;
  height:520px;
}

.page-title-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  /*background-image: url(../images/products_banner1.jpg);*/
   background-image: url(../images/jiejuefangan.jpg);
 /*background-position: center center;*/
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  opacity: 0.5;
}
.page-title-area1 {
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  background-color: #000219;
  padding-top: 240px;
  padding-bottom: 100px;
  height:520px;
}
.page-title-area1::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/solution_banner.jpg);
  /*background-position: center center;*/
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  opacity: 0.5;
}
.page-title-area2 {
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  background-color: #000219;
  padding-top: 240px;
  padding-bottom: 100px;
  height:520px;
}
.page-title-area2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
 /* background-image: url(../images/chanpinzhongxin3.png);*/
    background-image: url(../images/new_banner.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  opacity: 0.5;
}
.page-title-area3 {
  position: relative;
  overflow: hidden;
  text-align: center;
  z-index: 1;
  background-color: #000219;
  padding-top: 240px;
  padding-bottom: 100px;
  height:520px;
}
.page-title-area3::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/商务合作.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  z-index: -1;
  opacity: 0.6;
}
.page-title-content {
  position: relative;
  margin-top: -10px;
}

.page-title-content h2 {
  margin-bottom: 15px;
  color: #ffffff;
  font-size: 40px;
}

.page-title-content ul {
  padding-left: 0;
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: -5px;
}

.page-title-content ul li {
  display: inline-block;
  position: relative;
  color:#fff;
  font-size: 16px;
  padding-right: 15px;
  margin-left: 15px;
  font-weight: 500;
}

.page-title-content ul li::before {
  content: "";
  position: absolute;
  top: 6px;
  right: -3px;
  /*background-color: #ff2a60;*/
  width: 1px;
  height: 15px;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}


.container {
  max-width: 1100px;
  text-align: left;
      margin-left: 190px;
}
@media (max-width:1366px){
.container{
max-width:960px;
}
}
.services-details-content .services-content {
  margin-bottom: 30px;
  text-align:left;
}

.services-details-content .services-content h2 {
  font-size: 40px;
  margin-bottom: 15px;
}

.services-details-content .services-content .services-details-one {
  margin-top: 30px;
}

.services-details-content .single-services .services-content {
  margin-bottom: 0;
  bottom: 0;
}

.services-details-content .single-services .services-content h3 {
  margin-bottom: 0;
}

.services-details-content .related-post .title {
  margin-bottom: 25px;
}

.services-details-content .related-post .title h2 {
  font-size: 25px;
}

.services-sidebar .services-category {
 /* -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  /*background-color: #ffffff;
  /*border: 1px solid #d9d9d9;*/
  margin-bottom: 30px;
}

.services-sidebar .services-category ul li{
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size:18px;
    color:#333333;
    background: #eeeeee;
    margin-bottom: 15px;
    border-radius: 5px;
    font-family:'微软雅黑'
}


.services-sidebar .services-category ul li a {
  font-weight: 600;

  /*padding: 20px;
  border-bottom: 1px solid #d9d9d9;*/
  display: block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
  font-size: 18px;
      letter-spacing: 3px;

}

.services-sidebar .services-category ul li a i {
  float: right;
  font-size: 30px;
  position: relative;
  top: -2px;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.services-sidebar .services-category ul li:last-child a {
  border-bottom: none;
}

.services-sidebar .services-category ul li:hover a {
  color: #ffffff;
  background-color: #0685c4;
  border-radius:5px;
}

.services-sidebar .services-category ul li:hover a i {
  color: #ffffff;
}

.services-sidebar .services-pdf {
  margin-bottom: 30px;
}

.services-sidebar .services-pdf ul li {
  margin-bottom: 15px;
}

.services-sidebar .services-pdf ul li:last-child {
  margin-bottom: 0;
}

.services-sidebar .services-pdf ul li a {
  padding: 20px 30px;
  background-color: #000219;
  color: #ffffff;
  display: block;
  position: relative;
  padding-left: 75px;
}

.services-sidebar .services-pdf ul li a i {
  color: #ffffff;
  font-size: 40px;
  position: absolute;
  top: 13px;
  left: 30px;
}

.services-sidebar .services-pdf ul li:hover a {
  background-color: #ff2a60;
}
.pt-100 {
  padding-top: 100px;
}
.pb-70 {
   padding-bottom: 70px;
 }
 /*解决方案*/
 .detail-solution {
 	display: flex;
 	flex-direction: column;
 	justify-content: center;
 	width: 100%;
 	margin: 0 auto
 }

 .detail-solution .detail-title {
 	width: 100%;
 	font-size: 36px;
 	font-weight: 400;
 	color: #181a39;
 	line-height: 46px;
 	display: none;
 	margin: 4% auto 5%;
 	text-align: center;
 	letter-spacing: 1px
 }

 .detail-solution .detail-content {
 	display: flex;
 	flex-direction: row;
 	justify-content: flex-start;
 	flex-wrap: wrap;
 	width: 80%;
 	max-width: 1400px;
 	margin: 0 auto;
 	margin-top:5%;
 }

 .detail-solution .detail-content .content-wrap {
 	width: 30%;
 	margin: 0 2%;
 	background: #fff;
 	cursor: pointer;
 	border-radius: 10px;
 	margin-bottom: 4%
 }

 .detail-solution .detail-content .content-wrap .content-wrap2 {
 	box-shadow: 14px 14px 20px 0px rgba(192,199,207,.13);
 	width: 100%;
 	height: 100%
 }


.detail-solution .detail-content .content-wrap .content-wrap2:hover .content-bottom .bottom-title{
color:#0685c4;
}

.detail-solution .detail-content .content-wrap .content-wrap2:hover a .detail-content-picture img{
  /*opacity:.8;*/
  transition:all 0.5s ease;
  -webkit-transform:all 0.5s ease;
}
.detail-solution .detail-content .content-wrap .content-wrap2:hover a .detail-content-picture .tra {
	-webkit-transform:scale(1.15);
	-moz-transform:scale(1.15);
	-ms-transform:scale(1.15);
	-o-transform:scale(1.15);
	filter:scale(1.15);
	filter:transform;
	transition:all 0.5s ease 0s;
	-webkit-transform:all 0.5s ease 0s;
}



 .detail-solution .detail-content .content-wrap .content-wrap2 a .detail-content-picture {
 	width: 100%;
 	height:236px;
 	overflow:hidden;
 }

 .detail-solution .detail-content .content-wrap .content-wrap2 a .detail-content-picture img {
 	width: 100%;
 	height: 100%
 }

 .detail-solution .detail-content .content-wrap .content-wrap2 a .content-bottom {
 	width: 100%;
 	padding: 0 6%
 }

 .detail-solution .detail-content .content-wrap .content-wrap2 a .content-bottom .bottom-title {
 	width: 100%;
 	font-size: 20px;
 	font-weight: 500;
 	color: #181a39;
 	line-height: 34px;
 	display: block;
 	margin-top: 5%
 }

 .detail-solution .detail-content .content-wrap .content-wrap2 a .content-bottom .bottom-picture {
 	width: 100%;
 	border: none;
 	border-top: 1px solid #a3a8c1;
 	margin-top:5px;
 }

 .detail-solution .detail-content .content-wrap .content-wrap2 a .content-bottom .bottom-discription {
 	font-size: 16px;
 	font-weight: 400;
 	color: #6b707a;
 	line-height: 25px;
 	text-align: justify;
 	height: 180px;
overflow:hidden;
text-overflow:ellipsis;
margin-bottom: 10px;

 }

 .detail-solution .detail-content .content-wrap .content-wrap2 a .content-bottom .link {
 	width: 100%;
 	font-size: 18px;
 	font-weight: 400;
 	color: #0685c4;
 	line-height: 47px;
 	margin: -6% 0 6%
 }

 .detail-solution .detail-content .content-wrap .content-wrap2 a .content-bottom .detail:after {
 	content: ">";
 	color: #0685c4;
 	margin-left: 5px
 }

 .detail-solution .detail-content .content-wrap:nth-child(3n+1) {
 	margin-left: 0
 }

 .detail-solution .detail-content .content-wrap:nth-child(3n) {
 	margin-right: 0
 }
 /*解决方案详情*/
 .industry {
 	width: 100%;
 	padding: 70px 0
 }

 .industry .industry-title {
 	color: #181a39;
 	text-align: center;
 	margin-bottom: 50px
 }
 .industry-color-bg {
 	background-color: #f3f5f8
 }

 .flex {
 	width: 90%;
 	max-width: 1420px;
 	margin: 0 auto;
 	display: flex;
 	justify-content: center
 }

 .flex .industry-flex {
 	width: 25%;
 	max-width: 265px;
 	min-width: 170px;
 	margin: 0 30px;
 	text-align: center
 }

 .flex .industry-flex .flex-top {
 	width: 100%;
 	margin-bottom: 30px
 }

 .flex .industry-flex .flex-top .flex-icon {
 	margin: 0 auto
 }

 .flex .industry-flex .flex-content {
 	width: 100%;
 	min-height: 105px;
 	margin: 0 auto
 }

 .flex .industry-flex .flex-content p {
 	color: #6b707a;
 	margin-top: 5px
 }

 .flex .industry-flex .flex-content1 {
 	text-align: left
 }

 .flex .industry-flex .flex-content-img {
 	width: 100%;
 	margin-top: 5px
 }

@media screen and (max-width:1440px){
	.w1440{width:1200px;}
	}
@media screen and (max-width:1280px){
	.w1280,.w1270{width:1200px;}
	.news_top a{width:362px;}
	.news_bottom li div{width:740px}
	}
@media screen and (max-width:1025px){
	.w1440,.w1270,.talkB .w1280{width:96%!important;}
	.footer dl{width: 32%;}
	.w1280{width:96%}
	.news_top a{width:31.6%;margin-right:2%}
	}
@media screen and (max-width:768px){
	.inC ul li{width:25%;margin:0px;float:left}
	.inC{padding-bottom:40px}
	}
@media screen and (max-width:414px){
	.news_top a{width:100%;border:none;margin-right:0px }
	.news_bottom li div{width:80%;float:left;padding-right:20%}
	.news_bottom li div span{font-size:14px}
	.news_bottom li a{padding:20px 0px}
	.news_top{padding-bottom:0px}
	.xq dl dt{font-size:20px;margin-bottom:15px}
	.xq_CT{padding-top:0px;padding-bottom:30px}
	.xq_CT div{margin:20px 0px}
	.xq_BOL,.talk1_A .w1280>p,.talk2_con .talk1_A .w1280>p{width:100%}
	}
.imageflow img{ -webkit-box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); box-shadow: 2px 2px 2px 2px hsla(0,0%,0%,0.1); }
.imageflow{overflow:hidden; position:relative; text-align:left; visibility:hidden; width:950px; margin:0 auto}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:50%; margin-left:-106px; padding:5px; position:relative; visibility:visible; width:200px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:1%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:10001; height:1px}
.imageflow .slider{
/*background-image:url(../../Images/Index/slider.png);*/
 background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:10002}
.imageflow .images{overflow:hidden; white-space:nowrap}
.imageflow .button{cursor:pointer; height:17px; position:relative; width:17px}
.imageflow .previous{background:url(../../Images/Index/button_left.png) top left no-repeat; float:left; margin:-7px 0 0 -30px}
.imageflow .next{background:url(../../Images/Index/button_right.png) top left no-repeat; float:right; margin:-7px -30px 0 30px}

.indectrs-tit[data-v-01c76156] {
				position: relative;
				text-align: center;
				font-size: 28px;
				font-family: PingFang SC;
				font-weight: 700
			}
.indectrs-tit[data-v-01c76156]:before {
				content: "";
				width: 68px;
				height: 4px;
				background: #1458ea;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
				bottom: -20px
			}
 .flex-sbt[data-v-01c76156] {
				display: flex;
				justify-content: space-between;
				align-items: center;
				max-width:1510px;
				margin:0 auto;
			}
.flex-sbt>div[data-v-01c76156] {
				display: inline-flex;
				align-items: center;
				font-size: 18px;
				width:33%;
			}
.flex-sbt>div .iconfont[data-v-01c76156] {
				font-size: 34px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #0055f3;
				margin-right: 10px
			}
 .flex-sbt>div>span[data-v-01c76156] {
				display: inline-block;
				font-size: 24px;
				color: #0055f3;
				margin-right: 20px
			}

.el-timeline {
				margin: 0;
				font-size: 14px;
				list-style: none
			}

			.el-timeline .el-timeline-item:last-child .el-timeline-item__tail {
				display: none
			}

			.el-timeline-item {
				position: relative;
				padding-bottom: 20px
			}

			.el-timeline-item__wrapper {
				position: relative;
				padding-left: 28px;
				top: -3px
			}

			.el-timeline-item__tail {
				position: absolute;
				left: 4px;
				height: 100%;
				border-left: 2px solid #e4e7ed
			}

			.el-timeline-item__icon {
				color: #fff;
				font-size: 13px
			}

			.el-timeline-item__node {
				position: absolute;
				background-color: #e4e7ed;
				border-radius: 50%;
				display: flex;
				justify-content: center;
				align-items: center
			}



	[data-v-01c76156] .el-timeline-item:before {

				font-size: 24px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #132c4b;
				position: absolute;
				left: 0;
				top: 5px
			}


[data-v-01c76156] .el-timeline-item__node--normal {
				width: 40px;
				height: 40px;
				background: #d9e6ff;
				border-radius: 50%;
				position: relative;
				left: 150px
			}

			[data-v-01c76156] .el-timeline-item__node--normal:before {
				content: "";
				width: 12px;
				height: 12px;
				background: #fff;
				border-radius: 50%;
				position: absolute;
				left: 50%;
				top: 50%;
				transform: translate(-50%, -50%)
			}

			[data-v-01c76156] .el-timeline-item__tail {
				left: 170px
			}

			[data-v-01c76156] .el-timeline-item__content {
				font-size: 24px;
				font-family: PingFang SC;
				font-weight: 700;
				color: #132c4b
			}

			[data-v-01c76156] .el-timeline-item__timestamp {
				font-size: 16px;
				font-family: PingFang SC;
				font-weight: 400;
				color: #7b828e;
				margin-top: 12px;
				line-height: 24px
			}

			[data-v-01c76156] .el-timeline-item__wrapper {
				position: relative;
				padding-left: 210px;
				top: -36px
			}
.w-1180 {
    width: 1180px;
    margin: 0 auto;
    overflow: hidden;}
.kjmap{
/*background:url(../images/科技地图1.jpg);
margin-top:60px;
width:100%;
height:600px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% 100%;*/
  position:relative;
  text-align:center;
  background:#f6f6f6;
}
.kjmap .tanchuceng{
background:url(../images/biankuag.png);
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
position:absolute;
    width: 300px;
    height: 160px;
    text-align: left;
    z-index: 9999;
    font-size: 18px;
    /*color:#ffffff;*/
    color:rgba(50, 124, 124,0.9);
   display:none;
 }
 .kjmap .tanchuceng1{
 position:absolute;
     width: 300px;
     height: 120px;
     text-align: left;
     z-index: 9999;

     /*color:#ffffff;*/
     color:rgba(50, 124, 124,0.9)
  }
 .kjmap .tanchuceng p{
position: absolute;
    top: 23px;
    left: 38px;
    width: 258px;
    color:#0ff;
    font-size:24px;
    font-family:'黑体';
 }
  .kjmap .tanchuceng1 p{
 position: absolute;
     top: 20px;
     left: 40px;
     width: 250px;
     color:#0ff;
     font-size:24px;
     font-family:'黑体';
  }
.kjmap .xm1 {
background:url(../images/上海位置.gif);
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
position:absolute;
width:300px;height:300px;
top:420px;
left:1032px;
z-index:99999;
 transform:rotateY(180deg);
 display:none;
  }
.kjmap .xm2{
position:absolute;
right:40px;
bottom:200px;
display:block;

}

.kjmap .xm2 .chengshi1 {

right:104px;
bottom:210px;
}
.kjmap .xm2 .chengshi2{
right:234px;
bottom:411px;
}
.kjmap .xm2 .chengshi3 {
right:268px;
bottom:60px;
}
.kjmap .xm2 .chengshi4{
right:128px;
bottom:168px;
}
.kjmap .xm2 .chengshi5{
right:390px;
bottom:172px;
}
.kjmap .xm2 .chengshi6{
right:183px;
bottom:214px;
}
.kjmap .xm3{
position:absolute;
left:531px;
bottom:531px;
display:none;
}
.kjmap .xm3 .yewu{
background:url(../images/keji3.gif);
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
position:absolute;
font-family:'黑体';
    text-align: center;
    z-index: 9999;
    /*font-size: 18px;*/
    /*color:#ffffff;*/
    color:rgba(50, 124, 124,0.9);
        left: -315px;
        top: 230px;
        font-size: 32px;
        letter-spacing: .2em;
        width: 300px;
        height: 260px;
        /*line-height: 208px;*/
      /* display:none;*/
}
.kjmap .xm3 .fugai{
position: absolute;
    top: 88px;
    left: 73px;
    font-weight:700;
    font-size:32px;
    font-family:'黑体';
}
.kjmap .xm3 .shanshuo1{
left:310px;
top:-57px;
}
.kjmap .xm3 .shanshuo2{
left:486px;
top:-82px;
}
.kjmap .xm3 .shanshuo3{
left:211px;
top:114px;
}
.kjmap .xm3 .shanshuo4{
left:250px;
top:31px;
}
.kjmap .xm3 .shanshuo5{
left:348px;
top:81px;
}
.kjmap .xm3 .shanshuo6{
left:517px;
top:60px;
}
.kjmap .xm3 .shanshuo7{
left:350px;
top:200px;
}
.kjmap .xm3 .shanshuo8{
left:280px;
top:200px;
}
.kjmap .xm3 .shanshuo9{
left:448px;
top:181px;
}
.kjmap .xm3 .shanshuo10{
left:308px;
top:140px;
}
.kjmap .xm3 .shanshuo11{
left:456px;
top:50px;
}
.kjmap .xm3 .shanshuo12{
left:517px;
top:170px;
}
.kjmap .xm3 .shanshuo13{
left:488px;
top:120px;
}
.kjmap .xm3 .shanshuo14{
left:547px;
top:132px;
}
.kjmap .xm3 .shanshuo15{
left:480px;
top:259px;
}
.kjmap .xm3 .shanshuo16{
left:438px;
top:100px;
}
.kjmap .xm3 .shanshuo17{
left:545px;
top:22px;
}
.kjmap .xm3 .shanshuo18{
left:590px;
top:84px;
}
.kjmap .xm3 .shanshuo19{
left:600px;
top:125px;
}
.kjmap .xm3 .shanshuo20{
left:584px;
top:174px;
}



.kjmap .xm2 .chengshi {
display:none;
background:url(../images/biankuag.png);
background-position:center center;
background-repeat:no-repeat;
background-size:100% 100%;
position:absolute;
    width: 186px;
    height: 90px;
    text-align: center;
    z-index: 9999;
    font-size: 18px;
font-family:'黑体';
    color:rgba(50, 124, 124,0.9)
    color:#ddd;
}
.kjmap .xm2 .chengshi .wenzi{
    line-height: 79px;
    letter-spacing: .3em;
    font-size: 32px;
    color:#0ff;
    margin-left:12px;
}

.shanshuodian{
	position: absolute;
	top:96%;left:-6%;
	width: 40px;
	height: 40px;
	/*animation: warn 0.3s ease-out;
	animation-iteration-count: infinite;*/
}
/* 保持大小不变的小圆圈  */
@-webkit-keyframes ball-beat{
		50%{opacity:.3;-webkit-transform:scale(0.75);transform:scale(0.75)}
		100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}
}
@-moz-keyframes ball-beat{
		50%{opacity:.3;-moz-transform:scale(0.75);transform:scale(0.75)}
		100%{opacity:1;-moz-transform:scale(1);transform:scale(1)}
}
@-o-keyframes ball-beat{
		50%{opacity:.3;-o-transform:scale(0.75);transform:scale(0.75)}
		100%{opacity:1;-o-transform:scale(1);transform:scale(1)}
}
@keyframes ball-beat{
		50%{opacity:.3;-webkit-transform:scale(0.75);-moz-transform:scale(0.75);-o-transform:scale(0.75);transform:scale(0.75)}
		100%{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}

@keyframes circl {
    0% {transform: scale(1, 1);opacity:1;}
    100% {transform: scale(1.5, 1.5);opacity:0;}
}







.dotcont{
  position:absolute;
  z-index:1;
  width:12px;
  height:12px;
  border-radius:50%;
  background:#3300ff!important;
   border:1px solid #a800ff;}
  .dotcont span{
    display:block;
    position:absolute;
    width:16px;
    height:16px;
    left:50%;top:50%;
    margin-top:-8px;
    margin-left:-8px;
    border-radius:50%;
    box-shadow:0px 0px 2px rgba(168, 0, 255,1);
    animation:myfirst 1.5s infinite;
  }
  .dotcont span:first-child{
    width:8px;
    height:8px;
    margin-top:-4px;
    margin-left: -4px;
  }
 .dotcont .title{
    width:120px;
    line-height: 16px;
    font-size:14px;
    color:greenyellow;
    transform:translate(1.5rem,-0.3rem);
  }
  @keyframes myfirst
  {
    0% {transform:scale(1); }
    100% {transform:scale(3); }
  }