@charset "utf-8";
/* CSS Document */
.index_head .nav li .pro_xiala{ padding:40px 60px; left: -400px; width: 1200px;/*transform: scaleY(0);opacity: 0;*/}
.index_head .nav li .pro_xiala dt{ width: 31%; margin-right: auto;}
.index_head .nav li .pro_xiala dt:last-child{ margin-right:0;}
.index_head .nav li .pro_xiala b{ font-family:teko; font-size: 26px;line-height: 40px; height: 40px; margin-bottom:20px;}
.index_head .nav li .pro_xiala a{ font-size: 20px;}

.top_contact{ display: flex; align-items: center;}
.top_contact .top_search{ line-height: 100px; width: 100px; text-align: center;cursor: pointer; font-size: 24px; border-left: 1px solid rgba(0,0,0,.3); border-right: 1px solid rgba(0,0,0,.3);}
.top_contact .follow_list{ padding: 0 25px;}
.top_contact .lang{ position: relative;}
.top_contact .lang p{ display: inline-block; line-height: 28px; font-size: 14px; border-radius: 15px; padding: 0 7px; border: 1px solid #333; cursor: pointer; transition: .3s ease;}
.top_contact .lang p i{ margin: 0 3px;}
.top_contact .lang p i.icon-xiangxia2{ font-size: 14px;}
.top_contact .lang p:hover{background: #005df8; border-color: #005df8; color: #fff;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; right: 30%; width: auto; left: auto;bottom: 50px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 14px; height: 14px; background: #bababa; opacity: 1; margin:0 10px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #0e56a8;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{display: none;}
.top_h{ height: 100px;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 b{font-size: 64px; font-family: tsb; line-height: 80px; color: #fff; max-width: 50%;}
.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0;}
.scr_down{ margin: 0 auto;animation: downico 1.5s ease-out infinite; transform: translateY(0);}
@keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
@-webkit-keyframes downico{
	0%{transform: translateY(0);}
	25%{transform: translateY(-5px);}
	50%{transform: translateY(-8px);}
	75%{transform: translateY(-5px);}
	100%{transform: translateY(0);}
}
.ban_control .swiperbtn{ position: unset; color: #fff; font-size: 20px; margin-top: 0;}
.ban_control span.line{ color: #fff; display: inline-block; margin: 0 20px;}
.ban_control .swiper-num{ font-size: 14px; font-family: monsb; color: #fff; width: 80px;}
.ban_control .swiper-num span{ display: inline-block; line-height: 34px; opacity: .5;}
.ban_control .swiper-num .svgbox{ position: relative;border-radius: 50%; width: 38px; height: 38px; border: 2px solid rgba(255,255,255,.2); text-align: center; opacity: 1; display: inline-block; margin-right: 3px;}
.ban_control .swiper-num .svgbox span.active{opacity: 1;}
.ban_control .swiper-num .svgbox .svg{width: 38px;height: 38px;transform: rotate(-90deg);transition: opacity .3s;display: block; position: absolute; left: -2px; top: -2px;}
.ban_control .swiper-num .svgbox .circle1{/*stroke: #999;*/}
.ban_control .swiper-num .svgbox .circle2{stroke: #fff;stroke-dasharray: 0 339;-webkit-animation: svgCircleAnmi 6s linear infinite;animation: svgCircleAnmi 6s linear infinite;}
@-webkit-keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@keyframes svgCircleAnmi{0%{stroke-dasharray: 0 339}
to{stroke-dasharray: 339 339}}
@-webkit-keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
5%{opacity: 1}
to{opacity: 0;transform: scale(1)}}
@keyframes amap-icon-anim{0%{opacity: 0;transform: scale(.1)}
	5%{opacity: 1}}
.ban_control .swiper-num i{ display: inline-block; width: 1px; height: 22px; background: rgba(255,255,255,.5); transform: rotate(12deg); margin: 0 8px;}

.amore{ padding: 1px; display: inline-block; position: relative;}
.amore span{display: flex; padding: 0 20px; clip-path: polygon(15px 0, 100% 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 16px 100%, 0 calc(100% - 0px), 0 14px); background: #fff;line-height: 54px; position: relative; transition: .3s ease; font-size: 18px; font-family: pop;}
.amore:before{content: '';position: absolute; top: 0;left: 0;width: 100%; height: 100%;clip-path: polygon(15px 0, 100% 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 15px 100%, 0 calc(100% - 0px), 0 15px);background: #3a3a3a;}
.amore i{ font-size: 16px; margin-left: 30px; color: #005df8;}
.amore:hover span,.amore.on span{ background: #005df8; color: #fff;}
.amore:hover:before,.amore.on:before{ background: #005df8;}
.amore:hover i,.amore.on i{ color: #fff;}
.amore.wbg:before{ background: #fff;}
.sy_title{margin-bottom: 45px;}
.sy_title b,.sy_title h1,.sy_title h2{ font-family: tsb; font-size: 70px; line-height:80px;}
.sy_title p{ font-family: pop; font-size: 18px;}
.dtop{padding-top: 100px;}

.item_top .sy_title{ margin-bottom: 0; margin-right: auto; max-width: 42%;}
.item_top{ margin-bottom: 70px;}
.pro_nav a{display: block; width: 170px; text-align: center; font-family: pop; margin-left: 30px; line-height: 44px; border: 1px solid #dedede; transition: .3s ease;}
.pro_nav a:hover{ background: #005df8; color: #fff; border-color: #005df8;}
.proswiper{ overflow: hidden; position: relative;padding: 8px 8px 40px;}
.proswiper li{ box-shadow: 0 0 8px rgba(0,0,0,.15); border-top: 4px solid #005df8;}
.proswiper li a{ display: block; padding:15px 8px 5px; text-align: center;}
.proswiper li .imgfd{margin-bottom: 20px;}
.proswiper li .txt{padding: 0 15px;}
.proswiper li .txt span{ font-family: pop;}
.proswiper li .txt h2{ font-family: tsb; font-size: 24px; line-height: 30px; height: 60px; overflow: hidden;}
.proswiper li .des{background: #f7f7f7; padding: 20px 35px 25px;}
.proswiper li .des p{ height: 48px; overflow: hidden;}
.proswiper li:hover h2{ color: #005df8;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 0;}
.swiper-pagination-bullet{ width: 49px; height: 4px; background: #bbbbbb; border-radius: 0; margin: 0 4px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #005df8;}

.sy_solution .pic{ width: 56%}
.sy_solution .pic .imgfd{padding-top: 63%;}
.sy_solution .pic li{position: relative;}
.sy_solution .pic .bot{ position: absolute;width: 100%; left: 0; padding: 0 85px 60px; bottom: 0; color: #fff;}
.sy_solution .pic .bot .left{ width: calc(100% - 300px); margin-right: auto;}
.sy_solution .txt{ width: 38%;}
.sy_solution .bot b{ font-size: 40px; font-family: tsb; margin-bottom: 25px; color: #fff; line-height: 45px;}
.sy_solution .bot p{ font-size: 18px; line-height: 27px; height: 54px; overflow: hidden;}
.sy_solution .txt li{ padding: 30px 0 15px; border-bottom: 1px solid #d1d1d1;}
.sy_solution .txt .tit h3{ margin: 0 auto 0 20px; font-family: pop; font-size: 20px; max-width: calc(100% - 130px);}
.sy_solution .txt .tit i{ width: 32px; height: 32px; position: relative; display: block;}
.sy_solution .txt .tit i:after,.sy_solution .txt .tit i:before{ position: absolute; content: ''; background: #333333; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sy_solution .txt .tit i:after{ width: 100%; height: 2px;}
.sy_solution .txt .tit i:before{ height: 100%; width: 2px;}
.sy_solution .txt li .des{ display: none;}
.sy_solution .txt li.active .tit{ padding-bottom: 15px; margin-bottom: 18px; border-bottom: 1px solid #d1d1d1;}
.sy_solution .txt li.active .des{ display: block;}
.sy_solution .txt li.active .des p{font-size: 18px; line-height: 30px; height: 90px; overflow: hidden;}
.sy_solution .txt .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.sy_solution .txt li.active .ic img{ filter: unset;}
.sy_solution .txt li.active .tit i:before{ display: none;}
.sy_solution .txt li.active .tit i:after{ background: #005df8;}

.sy_who .left{ width: 42%; margin-right: auto;}
.sy_who .right{width: 52%;}
.sy_who .left .sy_number b{ font-size: 100px; font-family: tsb; line-height: 100px; height: 100px;}
.sy_who .left b sup{ font-size: 70px; line-height: 60px;}
.sy_who .left dt{ width: 42%;}
.sy_who .left dt:nth-child(2n+1){ margin-right: auto;}
.sy_who .left dt:nth-child(n+3){ margin-top: 80px;}
.sy_who .left dt p{ font-size: 18px; height: 48px;}
.sy_who .left .sy_number{ position: relative; margin-bottom: 60px;}
.sy_who .left .sy_number:after,.sy_who .left .sy_number:before{ position: absolute;content: ''; background: rgba(0,0,0,.1); top: 50%; left: 50%; transform: translate(-50%,-50%);}
.sy_who .left .sy_number:after{ width: 100%; height: 1px;}
.sy_who .left .sy_number:before{ height: 300px; width: 1px;}
.sy_who .right .des{ font-size: 18px; line-height: 30px; margin-top: 35px;}

.sy_choose .sy_title h2{ color: #fff;}
.choswiper1 .ic{ margin-bottom: 20px;}
.choswiper1 .ic img{ height: 80px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.choswiper1,.choswiper2{ overflow: hidden;}
.choswiper1  b{ font-size: 40px;font-family: teko; color: #fff; margin-bottom: 30px;}
.choswiper1 p{ font-size: 18px; line-height: 30px; height: 120px;}
.choswiper1{ width: 28%; color: #fff; margin-bottom: 90px;}
.choswiper2 b{ font-size: 36px; font-family: teko; color: #fff; opacity: .6;}
.choswiper2 li{ padding-bottom: 20px; position: relative; border-bottom: 3px solid rgba(255,255,255,.3); cursor: pointer; position: relative;}
.choswiper2 li:after{ height: 3px; width: 0; content: ''; background: #fff; position: absolute; bottom: -3px; left: 0; transition: 6s ease; }
.choswiper2 li.swiper-slide-thumb-active b{opacity: 1;}
.choswiper2 li.swiper-slide-thumb-active:after{ width: 100%;}

.news_box{ height: 600px;}
.newsswiper{ overflow: hidden; position: relative; margin: 0 auto; height: 100%; width: 45%;}
.news_box .left{ height: 100%; width: 26%; position: relative;}
.news_box .left a{display: block; height: 100%;}
.news_box .left a .imgfdd{ height: 100%;}
.news_box .left a .imgfdd img{ height: 100%; object-fit: cover;}
.news_box .left .txt{ position: absolute; width: 100%; left: 0; top: 0; padding: 45px 42px 200px; background: linear-gradient( to bottom,rgba(255,255,255,1),rgba(255,255,255,0));}
.news_box .list{ height: 100%; width: 25%;}
.news_box .left .txt h2{ font-size: 32px; font-family: tekom; line-height: 50px; margin-bottom: 20px;}
.newsswiper .imgfdd,.newsswiper .imgfdd img,.news_box .list ul{height: 100%;}
.newsswiper .txt{background: rgba(0,0,0,.3); padding: 25px 45px 38px; color: #fff; position: absolute; width: 100%; left: 0; bottom: 0;}
.newsswiper .txt h2{ font-size: 28px; color: #fff; margin-bottom: 25px; font-family: teko;}
.newsswiper .swiper-pagination{ right: 45px; bottom: 42px; width: auto; left: auto;}
.newsswiper .swiper-pagination-bullet{ height: 2px; width: 30px;}
.newsswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.news_box .list li{ height: calc((100% - 30px) / 2); background: #f1f1f1;}
.news_box .list li:first-child{ margin-bottom: 30px;}
.news_box .list .txt{ padding: 35px 35px 0;}
.news_box .list .txt h2{ font-size: 28px; font-family: teko;line-height: 32px; height: 64px; overflow: hidden; margin-bottom: 10px;}
.news_box .list .txt p{ height: 48px; overflow: hidden; margin: 16px 0 30px;}
.news_box .list .txt .more i{ color: #005df8; margin-left: 12px;}
.news_box .list li:hover h2,.news_box .left:hover h2,.newsswiper li:hover h2{color: #005df8;}


.bot_link .item{ width: calc(50% - 10px); margin-right: auto; position: relative; margin-bottom: 20px;}
.bot_link .item:last-child{margin-right: 0;}
.bot_link .item .imgfd{ padding-top: 45%;}
.bot_link .item .txt{ left: 15%; top: 100px; color: #fff; width: 80%; position: absolute; z-index: 3;}
.bot_link .item .txt h3{ font-size: 60px; font-family: teko; color: #fff; line-height: 60px;margin-bottom: 20px;}
.bot_link .item .txt p{ font-size: 18px; height: 24px;}
.bot_link .item .txt .title{ margin-bottom: 75px;}

.com_foot{ color: #333; }
.foot_top{ padding: 75px 0 40px; border-bottom: 1px solid #e6e6e6;}
.foot_top .flogo{ margin-right: auto;}
.f_center{ padding: 70px 0 60px; position: relative;}
.foot_top .b_top{ font-size: 18px; transition: .3s ease; cursor: pointer;}
.foot_top .b_top i{ display: inline-block; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #005df8; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.foot_top .b_top:hover { color: #0e56a8;}
.foot_top .b_top:hover i{ background: #0e56a8; border-color: #0e56a8; color: #fff;}
.f_center .f_left{ width: 30%;}
.f_center .f_left .f_msg{ font-size: 18px; line-height: 30px;}
.f_center .f_nav{ width: 68%;}
.f_center .flogo img{ width: 110px;}
.f_center .flogo p{ font-size: 18px; line-height: 30px; width: calc(100% - 130px); margin-left: auto; padding-left: 25px; border-left: 1px solid rgba(199,199,199,.2); color: #dcdcdc;}
.f_left .f_cont .item .p span{margin-right: 25px;}
.f_left .f_cont .item{ margin-top: 18px;}
.f_left .f_cont .item .p{display: block; line-height: 24px; width: calc(100% - 80px);margin-left: auto; color: #333; font-size: 18px;}
.f_left .f_cont .item i{ font-size: 18px; color: #999999; line-height: 24px; text-transform: uppercase;}
.f_left .f_cont .item.fl{ width: 48%}
.f_left .f_cont .item .p:hover{color: #005df8;}
.f_center .f_left .follow_list{ margin-top: 60px;} 
.f_nav dt{ margin-left: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #333; font-size: 24px; font-family: tekom; margin-bottom: 20px;}
.f_nav dt a{ margin-bottom: 15px; color: #666;}
.f_nav dt a:hover{ color: #005df8;}
.copy{ padding: 30px 0; border-top: 1px solid #e6e6e6;}
.copy .power{ margin-left: auto;}


@media (max-width: 1700px){
	
}


@media (max-width: 1600px){
	.bot_link .item .txt{ top: 70px; left:10%;}
	.bot_link .item .txt .title{ margin-bottom: 60px;}
	.news_box{height: 530px;}
	.sy_solution .txt li{ padding: 20px 0 10px;}
	.index_head .nav li{ margin-left: 40px;}
	
}

@media (max-width: 1441px){
	.sy-ban .txt1 b{ font-size: 60px; line-height: 75px;}
	.sy_title b,.sy_title h1,.sy_title h2{ font-size: 58px; line-height: 60px;}
	.index_head .nav li{ margin-left: 35px;}
	.index_head .logo img{ max-height: 32px;}
	.sy_title p{ font-size: 16px;}
	.item_top{ margin-bottom: 50px;}
	.sy_title{ margin-bottom: 35px;}
	.sy_solution .txt .ic img{height: 50px;}
	.sy_solution .txt li.active .des p{ font-size: 16px; line-height: 24px; height: 72px;}
	.sy_who .left .sy_number b{ font-size: 80px; line-height: 85px; height:85px;}
	.sy_who .left b sup{ font-size: 44px; line-height: 40px;}
	.sy_who .left dt p{ font-size: 16px;}
	.sy_who .right .des{ font-size: 16px; line-height: 24px;}
	.choswiper2 b{ font-size: 32px; line-height: 35px;}
	.news_box .left .txt{padding: 30px 30px 120px;}
	.news_box .left .txt h2{ font-size: 28px; line-height: 42px; }
	.newsswiper .txt{padding: 20px 30px 30px;}
	.news_box .list .txt p{ margin-bottom: 20px;}
	.f_msg{ margin-bottom: 45px;}
	.bot_link .item .txt h3{ font-size: 50px; line-height:50px;}
	.top_contact .follow_list{ display: none;}
	.index_head .nav li .tarA a{ font-size: 24px;}
}

@media (max-width: 1281px){
	.index_head .nav li .tarA a{ font-size: 22px;}
	.index_head .nav li{ height: 80px; line-height: 80px;}
	.index_head{height: 80px;}
	.sy_solution .txt .tit i{ width: 26px; height: 26px;}
	.sy_solution .txt .tit h3{ font-size: 18px;}
	.sy_solution .txt .ic img{ height: 44px;}
	.sy_solution .txt li.active .des p{ height: 48px;}
	.sy_solution .pic .bot{ padding: 0 50px 40px;}
	.sy_solution .bot b{ font-size: 34px; line-height: 36px; margin-bottom:20px;}
	.amore span{ line-height: 46px; font-size:16px;}
	.amore i{margin-left: 22px;}
	.choswiper1{ width: 35%; margin-bottom:50px;}
	.choswiper1 b{ font-size: 32px; line-height: 35px;}
	.choswiper1 .ic img{height: 60px;}
	.choswiper1 p{ font-size: 16px; line-height: 24px; height: 96px;}
	.news_box{ height: 480px;}
	.news_box .list .txt p{ display: none;}
	.news_box .list .txt .more{ margin-top:30px; display:block;}
	.bot_link .item .txt{ top: 40px;}
	.bot_link .item .txt .title{margin-bottom: 40px;}
	.foot_top{ padding-top: 50px;}
	
}

@media (max-width: 1024px){
	.m_img .headlf .m_logo{ max-height: 28px;}
	.m_img .headlf{ padding-top: 10px;}
	.sy-ban .txt1 b{ font-size: 45px; line-height: 50px;}
	.sy_title b,.sy_title h1,.sy_title h2{ font-size: 48px; line-height: 50px;}
	.proswiper li .txt{padding: 0;}
	.proswiper li .txt h2{ font-size: 22px; line-height:26px; height:52px;}
	.proswiper li .des{ padding: 15px 25px 20px;}
	.sy_solution .pic .bot .left{ width: calc(100% - 180px);}
	.sy_solution .pic .bot{ padding: 0 35px 40px;}
	.sy_who .left dt:nth-child(n+3){ margin-top:55px;}
	.choswiper2 b{ font-size: 28px; line-height:30px;}
	.bot_link { display: none;}
	.foot_top,.f_center{ display: none;}
	.sy-ban{ margin-top: 54px;}
	
}
@media (max-width: 768px){
	.sy-ban .txt1 b{ max-width: 65%;}
	.sy-ban .txt1 b{ font-size: 36px; line-height: 40px;}
	.ban_control .center{padding: 25px 0;}
	.scr_down{ display: none;}
	.ban_control .swiper-num{ margin-right: auto;}
	.item_top{ display: block;}
	.item_top .sy_title{ width: 100%; margin-bottom: 20px; max-width:100%;}
	.item_top .pro_nav{ width: 100%;}
	.pro_nav a{margin: 0 auto;}
	.swiper-pagination-bullet{ width: 30px; height: 3px;}
	.sy_solution .pic{ width: 100%; margin-bottom: 30px;}
	.sy_solution .txt{ width: 100%;}
	.sy_who{ display: block;}
	.sy_who .left{ width: 100%; margin-bottom:30px;}
	.sy_who .right{ width: 100%;}
	.sy_who .left .sy_number{margin-bottom: 40px;}
	.choswiper1{ width: 65%;}
	.news_box .left{ display:none;}
	.newsswiper{display:none;}
	.news_box .list{ width: 100%;}
	.news_box{height: auto;}
	.news_box .list .txt{padding: 20px 25px;}
	.news_box .list .txt h2{height: auto;}
	.copy{ padding: 15px 0;}
	.item_top .amore{ display: none;}
	
}
@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 26px; line-height: 30px;}
	.ban_control .swiper-num{ display: none;}
	.ban_control .center{ padding: 15px 0;}
	.sy_title b,.sy_title h1,.sy_title h2{ font-size: 32px; line-height: 35px;}
	.sy_title p{ font-size: 14px;}
	.pro_nav a{ width: 90%; margin-bottom: 20px;}
	.item_top{ margin-bottom: 30px;}
	.proswiper li .des{display: none;}
	.proswiper li .txt h2{ font-size: 20px;}
	.proswiper li a{ padding-bottom: 15px;}
	.proswiper{padding-bottom: 30px;}
	.sy_solution .pic .bot{padding: 0 20px 30px;}
	.sy_solution .bot p{ display: none;}
	.sy_solution .bot b{ font-size: 28px; line-height: 30px; margin-bottom: 0;}
	.sy_solution .txt .tit i{ width: 22px; height: 22px;}
	.sy_solution .txt .ic img{height: 36px;}
	.sy_solution .txt .tit h3{ width: calc(100% - 80px); margin-left:10px;}
	.sy_who .left .sy_number b{ font-size: 46px; line-height: 46px; height: 46px;}
	.sy_who .left b sup{ font-size: 36px; line-height: 36px;}
	.sy_who .left dt p{ font-size: 14px;}
	.sy_who .left dt{ width: 46%;}
	.sy_who .right .des{margin-top: 25px;}
}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width:100%;}
.ny_ban .txt{ position:absolute; width: 100%; left: 0; top: 50%; color: #fff; transform:translateY(-50%); text-align:center;}
.ny_ban .txt .posi,.ny_ban .txt .posi a{ color: #fff; font-size: 18px;}
.ny_ban .txt h1,.ny_ban .txt b{ font-size: 80px; color: #fff; font-family:tsb; text-transform:uppercase;}

.tsb60{ font-size: 60px; font-family: tsb; line-height: 70px; margin-bottom:50px;}
.pro_main .title{ text-align: center; width: 76%; margin: 0 auto 60px;}
.pro_main .title span{ font-size: 18px; text-transform: uppercase; color:#333;}
.pro_main .title .tit{ padding-bottom: 20px; position: relative; margin-bottom:25px;}
.pro_main .title .tit .tsb60{ margin-bottom: 0;}
.pro_main .title .tit:after{ position:absolute; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); height: 4px; width: 95px; background:#005df8;}
.pro_main .title p{ font-size: 18px;}
.pro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 35px;}
.pro_list li:nth-child(3n){ margin-right:0;}
.proli{ padding: 20px 25px 50px; text-align:center; border: 1px solid #e9e9e9; transition:.3s ease;}
.proli h2{ font-size: 22px; line-height: 30px; height: 60px; overflow: hidden; margin-top: 30px;}
.proli:hover{ border-color:#005df8;}
.proli:hover h2{ color:#005df8;}

.pro_supp{ text-align: center;}
.pro_supp b{ color: #fff; font-size: 60px; line-height: 70px; font-family:teko;}
.pro_supp p{ color: #fff; font-size: 18px; margin: 10px 0 50px;}

.pro_desc .tsb60{ position: relative; padding-bottom: 20px; }
.pro_desc .tsb60:after{position:absolute; left: 0; bottom: 0; height: 4px; width: 95px; content: ''; background: #005df8;}
.desc_list .tit{ padding: 20px 70px; background: #f7f7f7; cursor:pointer;}
.desc_list .tit h3{font-size: 26px; margin-right: auto; line-height: 36px; max-width: calc(100% - 45px);}
.desc_list li{ margin-bottom: 20px;}
.desc_list li .box{ padding: 45px 70px; display:none; transition:.3s ease;}
.desc_list .tit i{ display: inline-block; font-size: 28px;}
.desc_list li.on .tit i{ transform: rotate(180deg);}
.desc_list li.on .box{ display: block;}
.desc_list li .box p{ font-size: 20px; line-height: 30px;}

@media (max-width: 1441px){
    .tsb60{ font-size: 56px; line-height: 65px;}
    .desc_list .tit{padding: 15px 50px;}
    .desc_list li .box{ padding: 35px 50px;}
}
@media (max-width: 1281px){
    .pro_main .title{ width: 85%;}
    .pro_main .title p{ font-size: 16px;}
    .proli h2{ font-size: 20px;}
    .desc_list li .box p{ font-size: 18px;}
    .ny_ban .txt h1,.ny_ban .txt b{ font-size: 68px; line-height: 70px;}
    .pro_supp b{ font-size: 52px; line-height: 60px;}
}
@media (max-width: 1024px){
    .top_h{height: 54px;}
    .ny_ban .txt .posi, .ny_ban .txt .posi a{ font-size: 16px;}
    .ny_ban .txt h1,.ny_ban .txt b{ font-size: 58px; line-height: 60px;}
    .tsb60{ font-size: 50px; line-height: 55px;}
    .desc_list .tit h3{ font-size: 22px;}
    
}
@media (max-width: 768px){
    .tsb60{ font-size: 40px; line-height: 45px;}
    .pro_main .title .tit:after{ width:60px; height: 3px;}
    .pro_main .title span{ font-size: 14px;}
    .ny_ban .txt h1{ font-size: 48px; line-height: 48px;}
    .proli{padding: 15px 10px 30px;}
    .proli h2{margin-top: 15px; font-size:18px; line-height:26px; height:52px;}
    .pro_supp b{ font-size: 36px; line-height: 40px;}
    .pro_supp p{font-size: 16px;}
    .pro_supp p{ margin-bottom: 30px;}
    .desc_list .tit{padding: 15px 25px;}
    .desc_list li .box{padding: 15px 25px;}
    .desc_list .tit h3{ font-size: 20px; line-height: 26px;}
    .desc_list li .box p{ font-size: 16px; line-height: 24px;}
    .desc_list .tit i{ font-size: 24px;}
}
@media (max-width: 450px){
    .ny_ban .txt h1,.ny_ban .txt b{ font-size: 30px; line-height: 30px; margin-top:10px;}
    .ny_ban .txt .posi, .ny_ban .txt .posi a{ font-size: 14px;}
    .ny_ban img{ width: 140%; margin-left: -20%;}
    .tsb60{ font-size: 32px; line-height: 35px;}
    .pro_main .title .tit{padding-bottom: 15px; margin-bottom: 20px;}
    .pro_main .title{ width: 95%; margin-bottom: 30px;}
    .pro_list li{ width: 49%; margin-bottom:20px;}
    .pro_list li:nth-child(3n){ margin-right:2%;}
    .pro_list li:nth-child(2n){ margin-right:0;}
    .proli h2{ font-size: 16px; line-height: 24px; height: 48px;}
    .desc_list .tit h3{ font-size: 18px;}
}
.showposi{ padding: 55px 0; font-size:18px; color:#666;}
.showposi a{ color: #666;}
.showposi a:last-child{ color:#333;}

.show_top .picswiper{ position: relative; width: 49%; border:1px solid #dedede; overflow:hidden;}
.show_top .picswiper .swiper-pagination{ bottom: 25px;}
.show_top .picswiper .swiper-pagination-bullet{ width: 20px;}
.show_top .picswiper .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 30px;}
.show_top .txt{ width: 46%;}
.show_top .txt .tit span{ font-size: 18px; color: #333;}
.show_top .txt .tit h1{ font-size: 46px; font-family: tsb; line-height:50px; margin: 10px 0 30px;}
.show_top .txt .des p{ line-height: 30px; font-size: 17px;}
.show_top .txt .des{margin-bottom: 70px;}
.show_top .txt .btn{ display: block; line-height: 54px; width: 54px; text-align: center; height: 54px; border: 2px solid #666666; margin-left:15px; font-size:22px; transition:.3s ease; cursor:pointer;}
.show_top .txt .btn:hover{background:#005df8; color: #fff;}
.show_top .txt .btns{ margin-bottom: 40px;}
 #st-1 .st-btn{margin-right: 6px;}

.show_det{ overflow: hidden;}
.show_det img{ max-width: 100%!important;}
.show_det table{ width: 100%;}
.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3; margin-top:60px;}
.page_btn span{ display: inline-block; line-height: 20px; font-size:20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 48px; border: 1px solid #797c80; padding: 0 45px; text-transform: uppercase; transition:.2s ease; font-size:16px;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #005df8; border-color: #005df8; color: #fff;}
.page_btn .next{ text-align: right;}
.page_btn i{ font-size: 14px;}
.page_btn .next i{ margin-left: 10px; font-size:14px;}
.page_btn .prev i{margin-right: 10px; font-size:14px;}
.page_btn .next:hover a,.page_btn .prev:hover a{ color: #005df8;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}

.rel_pro .tsb60{ text-align: center;}
.relswiper{ overflow: hidden; padding-bottom: 50px; position: relative;}
.relswiper .proli h2{ font-size: 18px;}
.relswiper .swiper-pagination-bullet{ width: 25px; height:3px;}
.mainh{height: 90px;}
@media (max-width: 1441px){
    .show_top .txt .tit h1{ font-size: 40px; line-height: 42px;}
    .show_top .txt .des{ margin-bottom: 40px;}
}
@media (max-width: 1024px){
    .show_top .txt .des p{font-size: 16px; line-height: 24px;}
    .show_top .txt .btn{ display: none;}
    .tsb60{ margin-bottom: 35px;}
    .page_btn{ margin-top: 40px; padding-top:30px;}
    .mainh{height: 60px;}
}
@media (max-width: 768px){
    .showposi{ padding: 25px 0;}
    .show_top .picswiper{ width: 100%; float: none; margin-bottom: 30px;}
    .show_top .txt{ width: 100%;}
    .tsb60{ margin-bottom: 25px;}
    .page_btn{display: block;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{text-align: left; margin-top: 20px;}
    .page_btn .back{display: none;}
    .mainh{height: 40px;}
}
@media (max-width: 450px){
    .show_top .txt .tit h1{ font-size: 30px; line-height: 32px; margin-bottom:20px;}
    .show_top .txt .tit span{ font-size: 16px;}
    .show_top .txt .des{margin-bottom: 20px;}
    .show_top .txt .btns{ display: block;}
    .show_top .txt .amore{ margin-bottom: 15px;}
    .page_btn{padding-top: 20px; margin-top: 25px;}
    .page_btn span{ font-size: 18px;}
    .tsb60{ margin-bottom: 20px;}
    .relswiper{ padding-bottom: 25px;}
    .showposi{ padding: 15px 0; font-size:14px;}
    .show_top .txt .btns{margin-bottom: 10px;}
}
.ab_company .item{margin-bottom:100px;}
.ab_company .item .imgfdd{width: 49%; }
.ab_company .item .txt{ width: 46%; padding-top:40px;}
.ab_company .item .txt p{ font-size: 18px; line-height: 30px;}

.swiperbox{ position: relative;}
.choswiper{ overflow: hidden; padding-bottom:50px; position:relative;}
.choswiper li{padding: 35px 40px 45px; border:1px solid #b5b5b5;}
.tsb70{ font-family: tsb; font-size: 70px; margin-bottom:25px; line-height:70px;}
.ab_choose .title{ width: 75%; margin: 0 auto 60px; text-align: center;}
.ab_choose .title p{ font-size: 18px; line-height: 30px;}
.choswiper li .tit{ margin:15px 0 25px; padding-bottom:25px; border-bottom:1px solid #d0d0d0;}
.choswiper li img{ height: 80px;}
.choswiper li .tit b{ font-size: 40px; font-family:teko; line-height: 50px; height: 50px; overflow: hidden;}
.choswiper li p{ font-size: 18px; line-height: 27px; height: 91px; margin-bottom: 50px;}
.choswiper li a{font-size: 18px;}
.choswiper li a i{ color: #005df8; margin-left: 5px;}
.choswiper li:hover{ border-color:#005df8;}
.choswiper li:hover b,.choswiper li:hover a{ color:#005df8;}
.choswiper li:hover .tit{ border-color:#005df8;}
.swiperbox .swiperbtn{ top: 50%; font-size:50px;}
.swiperbox .swiper-button-prev{ left: -60px;}
.swiperbox .swiper-button-next{ right: -60px;}
.swiperbtn:hover{ color:#005df8;}

.sy_global .txt{ width: 38%; margin-right:auto;}
.sy_global .pic{ width: 57%;}
.sy_global .pic img{ width: 100%;}
.sy_global .txt p.des{ font-size: 18px; line-height: 30px; margin-bottom: 85px;}
.ny_number dt{ width: 45%; margin-right: auto;}
.ny_number dt:nth-child(2){ margin-right:0;}
.ny_number b{ font-family: tsb; font-size: 90px; line-height: 80px; height: 80px;}
.ny_number b sup{ font-size: 60px; line-height: 40px; height: 40px; margin-left:10px;}
.ny_number p{ font-size: 18px; color: #666666; line-height: 27px; height: 27px; margin-top: 20px;}

@media (max-width: 1700px){
    .swiperbox .swiper-button-prev{ left: 1%;}
    .swiperbox .swiper-button-next{ right: 1%;}
}
@media (max-width: 1281px){
    .swiper-pagination-bullet{ width: 25px; height: 3px;}
    .choswiper li{padding: 30px 30px 35px;}
    .choswiper li img{ height: 72px;}
    .choswiper li .tit b{ font-size:32px; line-height:34px; height:34px;}
    .choswiper li .tit{ padding-bottom: 18px; margin-bottom: 20px;}
    .choswiper li p{ font-size: 16px; line-height: 24px; height: 120px; margin-bottom: 30px;}
    .tsb70{ font-size: 58px; line-height: 60px;}
    .sy_global .txt p.des{margin-bottom: 50px;}
    .ab_company .item .tsb60{ margin-bottom: 30px;}
    .ab_company .item .txt p{font-size: 16px; line-height: 24px;}
    .dtop{ padding-top: 70px;}
    .ab_company .item{margin-bottom: 70px;}
}
@media (max-width: 768px){
    .dtop{ padding-top: 40px;}
    .ab_company .item .imgfdd{ width: 100%; float:none;}
    .ab_company .item .txt{ width: 100%; float: none;}
    .ab_company .item{ margin-bottom: 40px;}
    .ab_choose .title p{ font-size: 16px; line-height: 24px;}
    .tsb70{ font-size: 48px; line-height: 50px;}
    .ny_number b{ font-size: 60px; line-height: 60px; height: 60px;}
    .ny_number p{ font-size: 16px; line-height: 24px;}
    .sy_global .txt p.des{ margin-bottom: 30px;}
    .sy_global { display: block;}
    .sy_global .txt{ width: 100%; margin-bottom:25px;}
    .sy_global .pic{ width: 100%;}
    .ny_number p{margin-top: 10px;}
    .ny_number b sup{ font-size: 40px; line-height: 30px; height: 30px;}
}
@media (max-width: 450px){
    .ab_company .item .txt{ padding-top: 25px;}
    .ab_company .item .tsb60{ margin-bottom: 20px;}
    .tsb70{ font-size: 40px; line-height: 40px; margin-bottom:20px;}
    .ab_choose .title{ width: 95%; margin-bottom: 25px;}
    .choswiper li p{display: none;}
    .choswiper li{ padding: 15px 10px 20px;}
    .choswiper li p{ display: none;}
    .choswiper li a{ display: none;}
    .choswiper li img{ height: 48px;}
    .choswiper li .tit b{ font-size: 26px; line-height: 28px; height: 28px;}
    .choswiper li .tit{ padding-bottom:0; border:none; margin-bottom:0;}
    .swiperbox .swiperbtn{ font-size: 30px;}
    .choswiper{ padding-bottom: 30px;}
    .sy_global{ padding-bottom: 0;}
}
.news_top { margin-bottom: 50px;}
.news_top .tsb70{ margin-right: auto;}
.news_top .news_nav a{ display: block; font-size: 18px; width: 200px; text-align: center; margin-left: 20px; line-height:53px; border:1px solid #999999; transition:.3s ease;}
.news_top .news_nav a.act,.news_top .news_nav a:hover{ color: #fff; background: #005df8; border-color: #005df8;}
.ny_news_list ul li{ width: 32%; margin-right: 2%; margin-bottom: 95px; float:left; padding-bottom:30px; border-bottom:1px solid #cdcdcd;}
.ny_news_list ul li:nth-child(3n){ margin-right:0;}
.ny_news_list ul li .imgfd{ padding-top: 60%; margin-bottom:35px;}
.ny_news_list ul li h2{ font-size: 30px; font-family: tekom; line-height: 35px; height: 70px; overflow: hidden; margin: 15px 0 50px;}
.ny_news_list ul li span i{ color: #005df8; margin-left: 5px;}
.ny_news_list ul li:hover h2,.ny_news_list ul li:hover .more{ color:#005df8;}
.ny_news_list ul li:hover{ border-color:#005df8;}

@media (max-width: 1281px){
    .ny_news_list ul li{ margin-bottom: 60px;}
    .ny_news_list ul li .imgfd{margin-bottom: 25px;}
    .ny_news_list ul li h2{ font-size: 26px; line-height: 30px; height: 60px; margin-bottom:30px;}
}
@media (max-width: 768px){
    .ny_news_list ul li{ width: 49%; margin-bottom: 40px;}
    .ny_news_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_news_list ul li:nth-child(2n){ margin-right:0;}
    .ny_news_list ul li{ padding-bottom: 20px;}
}
@media (max-width: 450px){
    .news_top .tsb70{ display: none;}
    .news_top .news_nav a{ width: 90%; margin-bottom: 15px; line-height:50px;}
    .news_top{ margin-bottom: 25px;}
    .ny_news_list ul li .info{ display: none;}
    .ny_news_list ul li .imgfd{ margin-bottom: 0;}
    .ny_news_list ul li h2{ font-size: 20px; line-height: 22px; height: 44px; margin-bottom: 10px;}
    .ny_news_list ul li span i{ font-size: 14px;}
    .ny_news_list ul li{ margin-bottom: 30px;}
}
.main_left{ width: calc(100% - 500px);}
.main_left h1.tsb60{ margin-bottom: 0;}
.main_right{ width: 450px;}
.news_info{padding: 35px 0; border-bottom: 1px solid #e3e3e3; margin-bottom: 60px; font-size:14px;}
.news_info .colname{ display: inline-block; line-height: 38px; padding: 0 20px; font-size: 14px; background: #f3f3f3; color:#005df8; margin-right:20px;}
.news_info i{display: inline-block; width: 4px; height: 4px; background: #909090; margin: 0 10px;}
.news_info .follow{ margin-left: auto;}

.hot_news b{ font-size: 50px; font-family: tsb; margin-bottom: 20px;}
.hot_news a{padding: 40px 0 30px; border-bottom: 1px solid #e2e2e2;}
.hot_news .pic{ width: 140px; margin-right: auto;}
.hot_news .imgfd{ padding-top: 60%;}
.hot_news h2{ font-family: tekom; line-height: 24px; font-size: 22px; height: 48px; overflow: hidden; margin-bottom: 10px;}
.hot_news .txt{ width: calc(100% - 165px);}
.hot_news .txt span{font-size: 14px;}
.hot_news a:hover h2{ color:#005df8;}

@media (max-width: 1281px){
    .main_right{ width: 360px;}
    .hot_news a{padding: 30px 0 25px;}
    .main_left{ width: calc(100% - 400px);}
    .news_info{padding: 25px 0; margin-bottom: 40px;}
}
@media (max-width: 1024px){
    .main_right{ display: none;}
    .main_left{ width: 100%;}
}
@media (max-width: 450px){
    .news_info p{ display: none;}
    .news_info .colname{ margin-right: auto;}
}
.lx_top .left{ width: 40%;}
.lx_top b{ margin-bottom: 20px;}
.lx_top .left dt{margin-bottom: 60px;}
.lx_top .left dt i{ display: block; line-height: 50px; height: 50px; width: 50px; text-align: center; border-radius: 50%; border: 1px solid #eaeaea; margin-right:12px; font-size:26px; color:#333;}
.lx_top .left .txt{ max-width: calc(100% - 75px);}
.lx_top .left h4{ font-size: 28px; line-height:30px; font-family: tekom; margin-bottom:10px;}
.lx_top .left a:hover{ color:#004580;}
.lx_top .left .follow p{ font-size: 18px; text-transform: uppercase; margin-right: 10px;}
.lx_top .left .title p{ font-size: 18px; line-height: 30px;}
.lx_top .left .title{ margin-bottom: 70px;}
.lx_msg input,.lx_msg textarea{ line-height: 54px; padding-left: 15px; margin-bottom:20px; width:100%; font-size:14px;}
.lx_msg .sub{ width: 100%; line-height: 58px; text-align: center; display: block; background: #005df8; color: #fff; cursor:pointer; transition:.3s ease; overflow:hidden; text-transform:uppercase;margin-top:40px;}
.lx_msg .sub:hover{ background:#004580;}
.lx_top .lx_msg{ width: 46%; margin-left: auto;}
.lx_top .lx_msg .title{ margin-bottom: 35px;}
.lx_top .lx_msg .title p{ font-size: 18px; line-height: 30px;}
.lx_msg p.exp{ font-size: 14px; color:#333;}
@media (max-width: 768px){
    .lx_top { display: block;}
    .lx_top .left{ width: 100%; margin-bottom: 35px;}
    .lx_top .lx_msg{ width: 100%;}
    .lx_top .left .title{ margin-bottom: 30px;}
    .lx_top .left dt{ margin-bottom: 25px;}
    
}
@media (max-width: 450px){
    .lx_top .lx_msg .title p{ font-size: 16px; line-height: 24px;}
    .lx_top .lx_msg .title{margin-bottom: 25px;}
    .lx_msg input, .lx_msg textarea{ line-height: 48px;}
    .lx_msg .sub{ line-height: 50px; margin-top: 25px;}
}
.sol_main .title{ width: 75%; margin: 0 auto 60px; text-align:center;}
.sol_main .title b{margin-bottom: 30px;}
.sol_main .title b span{ color: #005df8;}
.sol_main .title p{ font-size: 18px; line-height: 30px;}

.sol_list ul li{ width: 32%; margin-right: 2%;; margin-bottom: 80px; float:left;}
.sol_list ul li:nth-child(3n){margin-right:0;}
.sol_list ul li .imgfd{ padding-top: 62.6%; margin-bottom: 45px;}
.sol_list ul li h2{ font-size: 40px; font-family: tekom; line-height: 45px; overflow: hidden; height: 45px; margin-bottom: 20px;}
.sol_list ul li p{ font-size: 18px; line-height: 30px; height: 90px; overflow: hidden; margin-bottom:40px;}
.sol_list ul li span i{ color: #005df8; margin-left:5px;}
.sol_list ul li:hover h2{ color:#005df8;}
@media (max-width: 1281px){
    .sol_main .title{ width: 85%;}
    .sol_main .title p{ font-size: 16px; line-height: 24px;}
    .sol_list ul li .imgfd{margin-bottom: 30px;}
    .sol_list ul li h2{ font-size: 34px; line-height: 38px; height: 38px; margin-bottom:10px;}
    .sol_list ul li p{ margin-bottom: 25px;}
    
}
@media (max-width: 1024px){
    .sol_main .title{ width: 90%; margin-bottom: 40px;}
    .sol_list ul li p{ font-size: 16px; line-height: 24px; height: 72px;}
}
@media (max-width: 768px){
    .sol_list ul li{ width: 49%; margin-bottom:50px;}
    .sol_list ul li:nth-child(3n){ margin-right:2%;}
    .sol_list ul li:nth-child(2n){ margin-right:0;}
    
}
@media (max-width: 450px){
    .sol_main .title b{ margin-bottom: 20px;}
    .sol_main .title{margin-bottom: 25px;}
    .sol_list ul li{ width: 100%; margin-bottom: 30px;}
    .sol_list ul li .imgfd{margin-bottom: 20px;}
    .sol_list ul li h2{ font-size: 28px; line-height: 28px; height: 28px;}
    .sol_list ul li p{ margin-bottom: 15px;}
}
.sol_txt{ width: 70%; margin: 0 auto; text-align: center;}
.sol_txt .tsb60{ margin-bottom: 40px;}
.sol_txt p{ font-size: 18px; line-height: 30px;}
.mach_list ul li{border: 1px solid #e9e9e9; padding:30px 30px 45px ; text-align:center;}
.sol_machine .tsb60{text-align: center;}
.macswiper{overflow: hidden; position:relative; padding-bottom:40px;}
.mach_list ul li .imgfd{ margin-bottom: 20px;}
.mach_list ul li p{ font-size: 22px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 30px;}
.mach_list ul li .md-trigger{ display: block; width: 100%; line-height: 50px; border: 1px solid #6f6f6f; border-radius: 4px; text-align: center; font-size:18px; transition:.3s ease;}
.mach_list ul li:hover p{ color:#005df8;}
.mach_list ul li .md-trigger:hover{ background:#005df8; color: #fff; border-color: #005df8;}

.sol_step1 .title{ width: 75%; margin: 0 auto 50px; text-align:center;}
.sol_step1 .title .tsb60{ margin-bottom: 40px;}
.sol_step1 .title .tsb60 span{color: #005df8;}
.step_box{ width: calc(100% - 350px); position:relative; z-index:8;}
.step_dw.pcnone{ display: none;}
.step_dw{ position: sticky; top: 150px; z-index: 7; padding-bottom:400px; }
.step_dw ul{ width:300px; border-left:4px solid #e3e3e3; overflow:visible;}
.step_dw ul li{padding-left: 30px; position:relative; margin-bottom: 22px;}
.step_dw ul li span{ font-size: 18px; color: #c0c0c0; display:inline-block; width:25px;}
.step_dw ul li h3{ font-size: 26px; font-family: tekom; line-height: 35px; color:#333;}
.step_dw ul li{ margin-bottom: 40px; cursor:pointer;}
.step_dw ul li:last-child{ margin-bottom:0;}
.rapid_nav ul li p{ line-height: 27px; color: #333; font-size: 18px; margin-top:5px;}
.step_dw ul li.active:after{ height:100%; width: 4px; background: #005df8; position: absolute; left: -4px; top: 0; content:''; z-index:2;}
.step_dw ul li.active p{ color: #005df8;}

.item_box{ padding: 65px 55px 60px; border:1px solid #e1e1e1;}
.item_box .left{ width: 45%; margin-right: auto;}
.item_box .right{ width: 50%;}
.item_box .left b{ font-size: 46px; font-family: tekom; line-height: 50px; padding-bottom: 40px; position: relative; margin-bottom:25px;}
.item_box .left b:after{position:absolute; content: ''; background: #005df8; width: 90px; height: 3px; left: 0; bottom: 0;}
.item_box p{ font-size: 18px; line-height: 27px;}
.item_box .right p{ position: relative; padding-left: 20px; position: relative; margin-bottom:15px;}
.item_box .right p:after{ position:absolute; left: 0; width: 6px; height: 6px; content: ''; background: #005df8; top: 11px;}
.step_dl .imgfdd{ width: 45%;}
.step_dl .txt{ width: 50%;}
.step_dl dt{padding: 80px 0; border-bottom: 1px solid #e1e1e1;}
.step_dl dt:last-child{ border:none;}
.step_dl dt:nth-child(2n+1) .imgfdd{ margin-left:auto;}
.step_dl dt:nth-child(2n) .txt{ margin-left:auto;}
.step_dl dt .txt b{ font-size: 50px; font-family: tekom; margin-bottom: 40px; line-height: 50px;}
.step_dl dt .txt p{ font-size: 20px; line-height: 30px; position: relative; padding-left: 20px; margin-bottom: 10px;}
.step_dl dt .txt p:after{ position:absolute; left: 0; width: 6px; height: 6px; content: ''; background: #bcbcbc; top: 12px;}

.sol_step2 .tab-hd1{ justify-content: center;}
.sol_step2 .tab-hd1 li{ margin: 0 60px; font-size:30px; font-family:teko; color:#333; padding-bottom:15px; position:relative;}
.sol_step2 .tab-hd1 li:after{ position:absolute; left: 0; height: 3px; width: 0; transition: .3s ease; background: #005df8; content:''; bottom:0;}
.sol_step2 .tab-hd1 li.active{ color: #005df8;}
.sol_step2 .tab-hd1 li.active:after{ width:100%;}
.sol_step2 .tab-bd1 li{background: #fff; text-align: center; padding:65px 80px 75px;}
.sol_step2 .tab-bd1 li b{ font-size: 44px; font-family: tekom; margin-bottom: 45px;}
.sol_step2 .tab-bd1 li dt{ width: 23%; margin-right: absolute; color:#333; margin-right:auto;}
.sol_step2 .tab-bd1 li img{ height: 80px;}
.sol_step2 .tab-bd1 li .ic{ transition: 2s ease;}
.sol_step2 .tab-bd1 li p{ font-size: 28px; font-family: teko; line-height: 30px; height: 30px; overflow: hidden; margin: 20px 0;}
.sol_step2 .tab-bd1 li span{ display: block; font-size: 18px; line-height: 30px; height:120px;}
.sol_step2 .tab-bd1 li dt:nth-child(4n),.sol_step2 .tab-bd1 li dt:last-child{ margin-right:0;}
.sol_step2 .tab-bd1 li dt:hover .ic{ transform:rotateY(360deg);}

.sol_case{text-align: center;}
.caseswiper{ overflow: hidden;}
.case_list{ position: relative;}
.caseswiper .imgfd{ padding-top: 60%; margin-bottom: 30px;}
.caseswiper p{ font-size: 20px; line-height: 30px; height: 30px; overflow: hidden;}
.case_list .swiperbtn{ font-size: 50px; top: 50%;}
.case_list .swiper-button-prev{ left: -80px;}
.case_list .swiper-button-next{ right: -80px;}
@media (max-width: 1700px){
    .case_list .swiper-button-prev{ left: 1%;}
    .case_list .swiper-button-next{ right: 1%;}
}
@media (max-width: 1441px){
    .sol_txt{ width: 85%;}
    .item_box{ padding: 50px 40px 55px;}
}
@media (max-width: 1281px){
    .item_box .left b{ font-size: 40px; line-height: 40px; padding-bottom:30px;}
    .step_dl dt .txt b{ font-size: 42px; line-height: 42px; margin-bottom: 30px;}
    .step_dl dt .txt p{ font-size: 18px;}
    .sol_step2 .tab-bd1 li span{ font-size: 16px; line-height: 24px;}
    .sol_step2 .tab-bd1 li{ padding: 50px 55px 55px;}
    .sol_step2 .tab-bd1 li img{height: 60px;}
}
@media (max-width: 1024px){
    .mach_list ul li{ padding: 20px 20px 30px;}
    .mach_list ul li p{ font-size: 20px; height: 60px; margin-bottom:20px;}
    .caseswiper .imgfd{ margin-bottom: 20px;}
    .step_dw{ position: unset;}
    .step_dw ul{ width: 100%;}
    .step_box{ width: 100%; margin-top: 25px;}
    
}
@media (max-width: 768px){
    .step_dw.pcnone{ display: block; padding-bottom:0;}
    .step_dw.mobnone{ display: none;}
    .step_dl dt{ padding: 40px 0; display:block;}
    .step_dl .txt{ width: 100%; margin-bottom: 20px;}
    .step_dl .imgfdd{ width: 100%;}
    .sol_step1 .title{ width: 95%;}
    .sol_step1 .title .tsb60{margin-bottom: 30px;}
    .sol_step2 .tab-hd1 li{ margin-bottom: 25px;}
    .sol_step2 .tab-bd1 li dl{ display: block;}
    .sol_step2 .tab-bd1 li dt{ display: flex; align-items: flex-start; width:100%; margin-bottom:30px;}
    .sol_step2 .tab-bd1 li dt .dtxt{ text-align: left; width:calc(100% - 80px); margin-left:auto;}
    .sol_step2 .tab-bd1 li p{ margin-top: 0; margin-bottom:10px;}
    .sol_step2 .tab-bd1 li span{ height: auto;}
    
}
@media (max-width: 450px){
    .sol_txt p{ font-size: 16px; line-height: 24px;}
    .mach_list ul li{ padding: 10px 10px 20px;}
    .mach_list ul li p{ font-size: 16px; line-height: 24px; height: 48px;}
    .mach_list ul li .md-trigger{ line-height: 40px; font-size: 16px;}
    .step_dw ul li{ padding-left: 20px; margin-bottom: 30px;}
    .item_box{ padding: 25px 20px; display:block;}
    .item_box .left{ width: 100%; margin-bottom: 25px;}
    .item_box .left b{ font-size: 32px; padding-bottom: 20px;}
    .item_box .right{ width: 100%;}
    .sol_step2 .tab-hd1 li{ font-size: 26px; padding-bottom: 15px; margin: 0 30px 15px;}
    .sol_step2 .tab-bd1 li{ padding: 25px 20px;}
    .sol_step2 .tab-bd1 li b{ font-size: 30px; line-height: 30px; margin-bottom:25px;}
    .sol_step2 .tab-bd1 li p{ font-size: 24px; line-height:25px; height:25px;}
    .caseswiper .imgfd{ margin-bottom: 10px;}
    .caseswiper p{ font-size: 18px;}
}
.case_main{ margin: 0 auto;}


.right_online{position: fixed;top: 35%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 26px;color: #fff;background:#005df8;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background:#005df8;border-radius: 30px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;line-height:55px;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;border-radius: 5px;}
.right_online li .ewmtp .p{padding: 10px;}
.right_online li .ewmtp .p img{ width: 100%; height:100%;}
@media (max-width: 1024px){
    .right_online{ display: none;}
}
#st-1{ z-index: 8!important;}

.blog_right{width: 350px;}
.blog_left{ width: calc(100% - 400px);}
.blog_top{ border: 1px solid #ebebeb; margin-bottom:75px;}
.blog_top .pic{ width: 58%;}
.blog_top .pic .imgfd{padding-top: 60%;}
.blog_top .txt{ width: 42%; padding: 0 65px;}
.blog_top .txt h2{ font-size: 38px; line-height: 45px; max-height: 180px; overflow: hidden; margin: 20px 0 35px; font-family:tekom;}
.blog_top span.more i{ font-size: 16px; color: #005df8; margin-top:3px;}
.blog_list li{ border: 1px solid #ebebeb; margin-bottom:30px;}
.blog_list .pic{ width: 30%;}
.blog_list .pic .imgfd{padding-top: 60%;}
.blog_list .txt{ width: 70%; padding: 0 60px;}
.blog_list .txt h2{ font-size: 30px; line-height: 35px; max-height: 70px; overflow: hidden; margin: 8px 0 15px; font-family:tekom;}
.blog_list .txt p{ font-size: 18px; line-height: 30px; height: 60px;overflow: hidden;}
.blog_top:hover h2,.blog_list li:hover h2{ color:#005df8;}


.r_search form{ width: 100%; background: #f9f9f9;}
.r_search form input.fl{ width: calc(100% - 60px); line-height: 50px; padding-left: 15px; font-size: 14px; background: #f9f9f9;}
.r_search form .search_sub{background: #005df8; font-size: 22px; cursor:pointer; line-height: 50px; width: 60px; height: 50px; text-align: center;  color: #fff; transition:.3s ease;}
.r_search form .search_sub:hover{ background:#071e32;}
.r_box{ margin-top: 50px;}
.r_box b.tit{ font-size: 30px;font-family: tsb; line-height: 22px; padding-left: 15px; border-left: 4px solid #005df8; margin-bottom:30px; text-transform:uppercase;}
.blog_nav a{ font-family: tekom; font-size: 30px; padding:18px 0; border-bottom:1px solid #ebebeb; margin-bottom:15px;}
.blog_nav a p{ margin-right: auto; max-width: calc(100% - 30px);}
.blog_nav a i{ color: #005df8; opacity: 0;}
.blog_nav a:hover,.blog_nav a.act{ color:#005df8;}
.blog_nav a:hover i,.blog_nav a.act i{ opacity:1;}


.r_box .hot_list li{ padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; margin-bottom:30px;}
.r_box .hot_list .imgfd{ padding-top: 60%; margin-bottom:15px;}
.r_box .hot_list h2{font-size: 28px; line-height: 30px; margin-bottom: 15px; font-family:tekom;}
.r_box .hot_list li:hover h2{ color:#005df8;}
.blog_main{ width: 1024px; margin: 0 auto;}
.blog_main .main_left{width: 100%;}
.main_left .tag{margin-top: 60px;}
.main_left .tag i{margin-right: 3px;}
.main_left .tag a{ display: inline-block; line-height: 34px; margin-left: 10px; padding: 0 18px; background: #f7f7f7; color: #333333;}
.main_left .tag a:hover{ color:#3b5df8;}
.copy a.policy{ display: inline-block; margin-left: 30px;}
.copy a.policy:hover{ text-decoration:underline;}

@media (max-width: 1441px){
    .blog_top .txt{ padding: 0 40px;}
    .blog_list .txt{ padding: 0 35px;}
    .blog_top .txt h2{ font-size: 30px; line-height: 36px; max-height: 108px;}
    .blog_list .txt p{ font-size: 16px; line-height: 26px; height: 52px;}
    .blog_list .txt h2{ font-size: 26px; line-height: 30px; height: 30px;}
}
@media (max-width: 1024px){
    .blog_left{ width: 100%; float: none;}
    .blog_right{ display: none;}
    .blog_main{ width: 96%;}
}
@media (max-width: 450px){
    .blog_top{ display: none;}
    .blog_list .txt p{ display: none;}
    .blog_list .txt{ padding: 0 18px;}
    .blog_list .txt span{ font-size: 14px;}
    .blog_list .txt h2{ font-size: 20px; line-height: 24px; height: 48px; margin-bottom:0;}
    .blog_list li{ margin-bottom: 20px;}
}