@charset "utf-8";
/* CSS Document */
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display:none;}
.search_box{ width: 100%; position: fixed; left: 0; top: 105px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #1e4fb1;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form .search_sub{ width: 150px; line-height:60px; text-align:center; color:#fff; font-size:30px; text-align: center;background:#1e4fb1; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}

.right_online{position: fixed;top: 40%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 24px;color: #fff;background:#1e4fb1 ;position: relative;z-index: 2;border-radius: 3px;display: block;line-height: 50px;width: 50px;height: 50px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 50px;line-height: 50px;background: #1e4fb1 ;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#1e4fb1;}
.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;}
.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;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}

.top_contact .top_search{ padding-left: 25px; margin-left: 20px; line-height: 19px; border-left: 1px solid #c5c5c5; font-size: 22px;}
.top_contact .lang p{ cursor: pointer;}
.top_contact  .follow_list{ margin-left: 25px;}
.top_h{ height: 104px;}
.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: 20px; height: 3px; border-radius:0; background: #bcbcbc; opacity: 1; margin:0 6px!important; transition:.2s ease;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #133d8b; width:30px;}
.sy-ban .swiper-pagination .swiper-pagination-bullet{ border-color: #fff;}
.sy-ban .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #fff;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 b{font-size: 60px; line-height: 80px; color: #fff; max-width: 60%; text-transform: uppercase;}
.sy-ban .txt1 .amore{ margin-top: 60px;}
.ban_control{ bottom: 0; left: 0; width: 100%; position: absolute; z-index: 2}
.ban_control .center{ padding: 42px 0; border-top: 1px solid rgba(255,255,255,.2);}
.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 .swiperbtn.icon-right-l{ margin-left: 30px;}
.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{ display: inline-block; padding: 9px 25px 8px; text-transform: uppercase;border: 2px solid #666666; position: relative;border-radius: 26px; overflow: hidden; color: #333;}
.amore i.icon-right-l{ font-size: 18px;}
.amore i{ margin-left: 10px; display: inline-block; width: 16px; height: 16px; line-height: 16px;transition: .3s ease;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore.rb{ border-color: #133d8b; color: #133d8b;}
.amore.wbg{ background: #fff; color: #133d8b; border-color: #fff;}
.amore.amore1{ border-color: #133d8b; color: #133d8b;}
.amore.amore2{ background: #111111; border-color: #111111; color: #fff;}
.amore span{ position: relative; z-index: 2; display:inline-block; line-height:18px; height:18px}
.amore:hover,.amore.on{ background:#133d8b; border-color:#133d8b; color: #fff;}
.amore:hover i{ transform: rotate(0deg); margin-left:15px; }
.amore.wbg:hover{ background: #133d8b; color: #fff;}
.amore.on:hover{ box-shadow:0 0 8px rgba(44,26,0,.6);}
.amore.rb:hover{ color: #fff;}

.sy_title b{ font-size: 56px; text-transform: uppercase; line-height: 60px; margin-bottom: 10px;}
.sy_title{ margin-bottom: 30px;}
.item_top{ margin-bottom: 40px;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto; max-width: calc(100% - 300px);}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}


.dtop{ padding-top: 80px;}

.proswiper{ overflow: hidden; position: relative; width: calc( 50% + 450px);}
.probox{ border-top: 1px solid #cddeec;}
.sypro_nav{ padding-top: 50px; width: 340px;}
.sypro_nav a{ margin: 22px 0; font-size: 20px; transition: .3s ease;}
.sypro_nav a i{ font-size: 18px; display: block; margin-right: 5px; width: 0; overflow: hidden; transition: .3s ease;}
.sypro_nav a:hover i,.sypro_nav a.act i{ width: auto;}
.sypro_nav a:hover,.sypro_nav a.act{ color: #133d8b;}
.proswiper .act_box{ display: none;}
.proswiper .next_box{ display: block; width: 260px;}
.proswiper .swiper-slide-active .act_box{ display: block;}
.proswiper .swiper-slide-active .next_box{ display: none}
.proswiper .act_box .pic{ width: 510px; position: relative; padding: 25px;}
.proswiper .act_box .pic .imgfd{ padding-top: 100%; border-radius: 50%;}
.proswiper .act_box .pic:after{ width: 100%; height: 100%; left: 0; top: 0; position: absolute; content: ''; background: url("../images/cirbg_03.png") no-repeat center; background-size: cover; -webkit-animation: xuanzhuan 20s linear infinite; transform:rotate(0deg);}

@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
.proswiper .act_box .txt{ width: calc(100% - 550px); margin-left: auto;}
.proswiper .swiper-slide{ padding: 75px 0; padding-left: 65px;}
.proswiper .swiper-slide.swiper-slide-active{ padding-right: 100px; padding-left: 0; border-right: 1px solid #cddeec;}
.proswiper .act_box .txt h2{ font-size: 22px; font-family: popsb; line-height: 36px; margin-bottom: 30px;}
.proswiper .act_box .txt p{ margin-bottom: 60px; height: 108px; line-height: 27px; overflow: hidden;}
.proswiper .act_box .txt .btns .amore.on{ margin-right: 20px;}
.proswiper .next_box span{ font-size: 16px;}
.proswiper .next_box .pic{ width: 210px; margin: 55px 0 70px;}
.proswiper .next_box .pic .imgfd{ background: #fff; border-radius: 50%; padding-top: 100%;}
.proswiper .next_box h2{ font-size: 18px;}
.proswiper .swiperbtn{ position: unset; width: 55px; line-height: 55px; height: 55px; text-align: center; background: #fff; border-radius: 50%; margin-left: 12px; font-size: 24px; transition: .3s ease;}
.proswiper .swipers{ position: absolute; top: 70px; right: 400px;}
.proswiper .swiperbtn:hover{ background: #003c8b; color: #fff;}

.sy_about{ position: relative;}
.sy_about .abbox{ width: 48%; margin-top: 60px; margin-bottom: 170px;}
.sy_about .abbox h2{ font-size: 26px; font-family: popsb; margin-bottom: 15px;}
.sy_about .zmbg{ font-size: 150px; line-height: 150px; position: absolute; top: 0px; right: 5%; color: rgba(0,0,0,.0);-webkit-text-stroke: 1px rgba(0,0,0,.08); text-stroke: 1px rgba(0,0,0,.08) ; text-transform: uppercase;}
.sy_about .center{ position: relative;}
.sy_about .circle{ position: absolute; left: 50%; top: 90px;}
.sy_about .circle img.cirbg{ width: 190px; animation: xuanzhuan 10s linear infinite; -webkit-animation: xuanzhuan 10s linear infinite; transform:rotate(0deg);}
.sy_about .circle a{ display: inline-block; width: 80px; height: 80px; line-height: 80px; text-align: center; color: #fff; font-size: 24px; background: #133d8b; position: absolute; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.sy_about:after{ height: 300px; width: 60%; content: ''; background: linear-gradient( to right,rgba(19,61,139,1),rgba(19,61,139,1),rgba(19,61,139,0)); position: absolute; left: 0; bottom: 0;}
.sy_num { color: #fff; position: relative; z-index: 2; width: 55%;}
.sy_num b{ font-size:80px; line-height: 80px; color: #fff; }
.sy_num dt{ width: 45%; margin-right: auto; font-size: 16px;}
.sy_num b sup{ font-size: 60px; line-height: 40px;}
.sy_num dt:nth-child(n+3){ display:none;}
.c_txt{ width: 80%; margin: 0 auto; text-align: center; margin-bottom: 40px;}
.c_txt .sy_title{ margin-bottom: 0;}

.stxtswiper{ overflow: hidden; margin-bottom: 30px;}
.stxtswiper .swiper-slide{ width: auto!important; margin:0 auto!important; cursor: pointer; font-size: 22px; line-height: 55px;}
.solswiper{ overflow: hidden}
.solswiper .swiper-slide{ width: 1040px;}
.solswiper .imgfd{padding-top: 55.7%;}
.solswiper .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 100px 65px 32px; color: #fff;background: linear-gradient( to bottom,rgba(0,0,0,0.01),rgba(0,0,0,0.3));}
.solswiper .txt .left{width: calc(100% - 220px); margin-right: auto;}
.solswiper .txt h2{ font-family: popm; font-size: 26px; color: #fff; margin-bottom: 10px;}
.solswiper .txt p{ height: 60px; overflow:hidden;}
.stxtswiper .swiper-slide:after{ position: absolute; width: 0; transition: .2s ease; height: 2px; background: #2d3778; content: ''; left: 0; bottom: 0;}
.stxtswiper .swiper-slide.swiper-slide-thumb-active{ color: #2d3778;}
.stxtswiper .swiper-slide.swiper-slide-thumb-active:after{ width: 100%;}

.ny_choose{ position: relative;}
.ny_choose .left{ width: 40%; margin-right:auto; position:relative; z-index:3;}
.ny_choose .right{ width: 60%; position:relative;}
.ny_choose .tit{ margin-bottom: 90px;}
.ny_choose .tab-bd b{ font-size: 28px; font-family: popab; line-height:45px; position:relative; padding-bottom:15px; margin-bottom:45px;}
.ny_choose .tab-bd b:after{ position:absolute; left: 0; bottom: 0; width: 100px; background: #133d8b; content:''; height:4px;}
.ny_choose .tab-bd p{ font-size: 20px;}
.ny_choose .left .cert{ margin-top: 75px;}
.ny_choose .left .cert dt{ margin-right: 80px;}
.ny_choose .left .cert dt img{ height: 85px;}
.ny_choose .right .cir_pic{ position: relative; width: 670px; height: 670px; background:url(../images/chobg_03.jpg) no-repeat center; background-size:cover; border-radius:50%;}
.ny_choose .right .imgfd{ width: 440px; padding-top: 440px; border-radius: 50%; z-index:3; position:absolute; left:115px; top:115px;}
.ny_choose .right .cir_pic:after{ position:absolute; width: 510px; height: 510px; position: absolute; background: url(../images/cirbg_03.png) no-repeat center; background-size:cover; left: 80px; top: 80px; content:''; border-radius:50%; -webkit-animation: xuanzhuan 20s linear infinite; transform:rotate(0deg);}
.ny_choose .right .cir_pic:before{ position: absolute; left: -110px; top: -110px; content:'';}
.ny_choose .right li{ position: absolute; width: 480px; top:0; right:60px;}
.ny_choose .right li .ic{ width: 130px; height: 130px; background:#fff; border: 1px solid #ededed; border-radius: 50%; position:relative; margin-right:auto;}
.ny_choose .right li .ic:after{ width:104px; height: 104px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border-radius: 50%; background: #f9f9f9; content:''; border-radius:50%; transition:.3s ease;}
.ny_choose .right li .ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);z-index:3; height:60px;}
.ny_choose .right li p{ width: calc(100% - 150px);}
.ny_choose .right li:last-child{ bottom:0; right:40px; top:auto;}
.ny_choose .right li:nth-child(2){ top:25%; right:-80px;}
.ny_choose .right li:nth-child(3){ bottom:26%; right:-80px; top:auto;}
.ny_choose .right li.active .ic{ background: rgba(19,61,139,.1); border:none;}
.ny_choose .right li.active .ic:after{ background:#133d8b;}
.ny_choose .right li.active .ic img{  filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.sy_look { color: #fff;}
.sy_look span{ font-size: 20px;}
.sy_look b{ margin-top: 10px; font-size: 46px; color: #fff; line-height: 70px; margin-bottom: 60px;}

.newsbox .left,.newsbox .c_news,.newsbox .r_news{ height: 605px; width: 32%; overflow: hidden;}
.newsbox .c_news{margin: 0 auto; position: relative;}
.newsbox a{ display: block; height: 100%;}
.newsbox .left{background: #f7f7f7;}
.newsbox .left .imgfd{padding-top:60.7%; }
.newsbox .left .txt{ padding: 30px 35px 0;}
.newsbox .left span.info,.newsbox .r_news span.info{ font-size: 16px; color: #133d8b; display: block; position: relative;}
.newsbox .left span.info:after,.newsbox .r_news span.info:after{ position: absolute; width: calc(100% - 290px); height: 1px; background: rgba(45,55,120,.2); content: ''; top: 50%; right: 0;}
.newsbox .left h2{ font-size: 22px; line-height: 33px; font-family: popsb; max-height: 99px; overflow: hidden; margin: 20px 0 10px;}
.newsbox .left p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden;}
.newsbox .c_news img{ height: 100%; object-fit: cover;}
.newsbox .c_news .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 50px 40px 35px;background: linear-gradient( to bottom,rgba(19,61,139,0.01),rgba(19,61,139,0.8)); color: #fff;}
.newsbox .c_news .txt span.info{font-size: 16px;}
.newsbox .c_news .txt h2{ font-size: 20px; color: #fff; margin-top: 5px; font-family: popsb;}
.newsbox .r_news a{ height: calc((100% - 34px) / 2); background: #f1f1f1; padding: 30px 35px 0;}
.newsbox .r_news a:first-child{margin-bottom: 34px;}
.newsbox .r_news h2{ font-family: popsb; font-size: 20px; line-height: 33px; max-height: 66px; margin: 5px 0 15px; overflow: hidden;}
.newsbox .r_news p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 25px;}
.newsbox .left:hover h2,.newsbox .r_news a:hover h2{ color: #133d8b;}
.newsbox .c_news:hover h2{ color: #133d8b;} 


.index_foot{ position: relative; background: #010102; color: #fff;}
.index_foot a{ color: #fff;}
.foot_center{ padding: 60px 0 50px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_center .foot_nav{ margin-left: auto;width: 60%;}
.foot_center .foot_nav li{ margin-left: auto;}
.foot_center .foot_nav a{display: block; font-size: 16px; color: #c8c8c8; margin-bottom: 15px;} 
.foot_center .box{ width: 38%;}
.foot_center .box .f_des{ font-size: 16px; line-height: 27px; margin-bottom: 50px; opacity: .6}
.foot_center .box .flo_box { margin-bottom: 55px;}
.foot_center .box .flo_box p{ width: calc(100% - 190px); line-height: 24px; font-size: 18px; color: #b3b3b3; margin-bottom: 0;}
.foot_contact .fcon_box{ width: 30%;}
.foot_contact .fcon_item{ margin-bottom: 10px; overflow: hidden;}
.foot_contact .fcon_item span{ display: inline-block; margin-right: 10px; font-size: 18px; color: #fff; margin-right: auto;}
.foot_contact .fcon_item p{ line-height: 27px; width: calc(100% - 98px); font-size: 18px; opacity: .6}
.foot_center .box .follow{ margin-top: 40px;}
.copy{ padding: 20px 0; color: #d6d6d6;}
.foot_center b{ font-family: popsb; font-weight: normal;font-size: 20px; text-transform:uppercase; margin-bottom: 25px; display: block; color: #fff;}
.foot_top .b_top{font-size: 18px; transition: .3s ease; cursor: pointer;}
.foot_top .b_top i{ display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; border: 1px solid #666666; font-size: 20px; margin-left: 15px; border-radius: 50%; transition: .3s ease;}
.foot_top .b_top:hover { color: #133d8b;}
.foot_top .b_top:hover i{ background: #133d8b; border-color: #133d8b; color: #fff;}
.fcon_tel span{ font-size: 30px; color: #004088; margin-right: 5px;}
.fcon_tel{ color: #333;}
.fcon_tel p{ font-size: 42px; margin-top: 20px;}
.foot_top{ padding: 75px 0 55px; border-bottom: 1px solid rgba(255,255,255,.1);}
.foot_top .flogo{margin-right: auto;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}


.msg_tanchuang{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; display:none; z-index:100;}
.tc_bg{ position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.4);}
.tc_box{ position: absolute; width: 1200px; padding: 40px 55px; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%);}
.tc_box .tsb72{ margin-bottom: 40px;}
.tc_box .popb48{ text-align: center; margin-bottom: 40px;}
.tc_box .close{ position: absolute; right: 30px; top: 30px; font-size: 38px; cursor:pointer; transition:1s ease;}
.tc_box .close:hover{ color:#133d8b; transform:rotate(180deg);}

@media (max-width: 1700px){
	.proswiper .swiper-slide.swiper-slide-active{padding-right: 80px;}
	.proswiper .act_box .pic{ width: 450px;}
	.proswiper .act_box .txt{ width:calc(100% - 490px);}
	.ny_choose .right li{width: 440px; right:120px;}
	.ny_choose .right li:nth-child(2),.ny_choose .right li:nth-child(3){ right:-30px;}
	.ny_choose .right .cir_pic{ width: 630px; height: 630px;}
	.ny_choose .right .imgfd{ width: 400px; padding-top: 400px;}
	.ny_choose .right .cir_pic:after{ width:460px; height: 460px; left:85px; top:85px;}
}


@media (max-width: 1600px){
	.sy-ban .txt1 b{ font-size:50px; line-height:70px;}
	.sy_title b{ font-size: 50px; line-height:52px;}
	.proswiper{ width: calc(98% - 360px);}
	.proswiper .act_box .pic{ width: 400px;}
	.proswiper .act_box .txt{ width: calc(100% - 420px);}
	.proswiper .act_box .txt p{margin-bottom: 40px;}
	
}

@media (max-width: 1541px){
	.index_head .nav li{margin-left: 50px;}
	.sy_about:after{height:240px;}
	.sy_about .abbox{margin-bottom: 140px;}
	.stxtswiper .swiper-slide{ font-size: 20px;}
	.solswiper .swiper-slide{ width: 850px;}
	.ban_control .center{padding: 30px 0;}
	.ny_choose .tab-bd b{ font-size: 24px; line-height: 38px;}
	.ny_choose .tab-bd p{ font-size: 18px;}
	.ny_choose .right li{ width: 350px;}
	.sy_look b{ font-size: 42px; line-height: 62px;}
}

@media (max-width: 1281px){
	.index_head .logo img{max-height: 45px;}
	.index_head .nav li .tarA a{ font-size: 16px;}
	.index_head .nav li{ margin-left: 40px;}
	.sy-ban .txt1 b{ font-size: 42px; line-height: 60px;}
	.sy-ban .txt1 .amore{ margin-top: 40px;}
	.proswiper .swipers{ right: 40px;}
	.sy_about{background-size: 80%!important;}
	.stxtswiper .swiper-slide{ font-size: 18px;}
	.ny_choose .left .cert dt{margin-right: 50px;}
	.ny_choose .right .cir_pic{ width: 500px; height: 500px;}
	.ny_choose .right .cir_pic:after{ width:380px; height: 380px; left:60px; top:60px;}
	.ny_choose .right .imgfd{ width: 350px; padding-top: 350px; left: 75px; top: 75px;}
	.ny_choose .right li .ic{ width: 90px; height: 90px;}
	.ny_choose .right li .ic:after{ width:74px; height: 74px;}
	.ny_choose .right li .ic img{ height: 44px;}
	.ny_choose .right li p{ width: calc(100% - 100px);}
	.sy_title b{ font-size: 40px; line-height: 45px;}
	.ny_choose .tab-bd b{ font-size: 20px; line-height: 30px; margin-bottom:30px;}
	.ny_choose .tab-bd p{ font-size: 16px;}
	.ny_choose .right li{ width: 320px;}
	.ny_choose .right li:nth-child(2), .ny_choose .right li:nth-child(3){right:-20px;}
	.ny_choose .left .cert{margin-top: 45px;}
	.ny_choose .left .cert dt img{ height: 70px;}
	.newsbox .left, .newsbox .c_news, .newsbox .r_news{height: 480px;}
	.newsbox .r_news p{ display: none;}
	.foot_top{padding: 55px 0 30px;}
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.right_online{ display: none;}
	.sy-ban .txt1 b{ max-width: 70%; font-size: 32px; line-height: 50px;}
	.amore{ padding: 5px 15px 4px;}
	
	.ban_control .center{ padding: 15px 0;}
	.scr_down{ display: none;}
	.sypro_nav{ display: none;}
	.proswiper{ width: 100%; padding: 0 2%;}
	.proswiper .swiper-slide.swiper-slide-active{ border: none;}
	.sy_about .circle img.cirbg{ width: 140px;}
	.sy_about .circle{ left: auto; right: 2%;}
	.sy_about .zmbg{ font-size: 100px; line-height: 100px;}
	.sy_about .abbox{ width: 70%;}
	.sy_num b{ font-size: 60px; line-height: 60px; height: 60px;}
	.sy_num{ width: 60%;}
	.sy_num p{height: 30px;}
	.sy_about:after{height:180px;}
	.stxtswiper{ display: none;}
	.solswiper .swiper-slide{width: 650px;}
	.solswiper .txt{padding: 60px 40px 25px;}
	.ny_choose .left .tab-bd{ display: none;}
	.ny_choose .left{width: 100%; margin-bottom:30px;}
	.ny_choose .right{width: 100%;}
	.ny_choose .right li{ width: 500px;}
	.sy_look b{ font-size: 32px; line-height: 42px; margin-bottom:40px;}
	.foot_center{ display: none;}
	.newsbox .left,.newsbox .c_news{ display: none;}
	.newsbox .r_news{ width: 100%;}
	.dtop{padding-top: 45px;}
	
}

@media (max-width: 450px){
.m_img .headlf .m_logo{max-height: 36px;}
.m_img .headlf{padding-top: 10px;}
.sy-ban .txt1 b{ font-size: 22px; line-height: 32px; max-width:80%;}
.sy-ban .txt1 .amore{ display: none;}
.ban_control .center{ display: none;}
.dtop{padding-top: 35px;}
.item_top{ display: block;}
.item_top .amore{ display: none;}
.item_top .sy_title{ max-width: 100%;}
.sy_title b{ font-size: 28px; line-height: 35px;}
.proswiper .swiper-slide.swiper-slide-active{padding: 30px 0;}
.proswiper .act_box .txt{width: 100%; margin-top:25px;}
.proswiper .act_box .txt h2{margin-bottom: 20px;}
.proswiper .act_box .txt p{margin-bottom: 20px;}
.proswiper .swipers{ display: none;}
.sy_about .circle{ display: none;}
.sy_about .zmbg{ font-size: 60px; line-height: 60px;}
.sy_about .abbox{ width: 100%; margin-top:30px;}
.sy_about .abbox h2{ font-size: 22px; line-height:30px ;}
.sy_about{background-size: 120%!important;} 
.sy_about:after{ width:100%;}
.sy_about .abbox{margin-bottom: 90px;}
.sy_num{ width: 100%;}
.sy_num b{ font-size: 40px; line-height: 40px; height:40px;}
.sy_num b sup{ font-size: 26px; line-height: 26px;}
.sy_about:after{height:140px;}
.c_txt{ width: 95%; margin-bottom:25px;}
.solswiper .swiper-slide{ width: 320px;}
.solswiper .txt .amore{ display: none;}
.solswiper .txt .left{ width: 100%;}
.solswiper .txt{ padding: 40px 25px 20px;}
.solswiper .txt h2{ font-size: 20px;}
.solswiper .txt p{ display: none;}
.ny_choose .left .cert{margin-top: 30px;}
.ny_choose .left .cert dt img{ height: 45px;}
.ny_choose .right .cir_pic{ display: none;}
.ny_choose .right li{ width: 100%; position:unset;}
.ny_choose .right li .ic{ width: 80px; height: 80px;}
.ny_choose .right li .ic:after{ width:60px; height: 60px;}
.ny_choose .right li .ic img{height: 36px;}
.ny_choose .right li{margin-bottom: 15px;}
.ny_choose .left .cert dt{margin: 0 auto;}
.sy_look b{ font-size: 24px; line-height: 30px; margin-bottom:30px;}
.sy_look span{ font-size: 16px;}
.item_top{margin-bottom: 25px;}
.newsbox .r_news a{padding: 20px 25px 0;}
.newsbox .r_news{height: 400px;}
.newsbox .r_news h2{ font-size: 18px; line-height: 30px; height: 60px;}
.newsbox .r_news span.info{ font-size: 14px;}
.newsbox .left span.info:after, .newsbox .r_news span.info:after{ width:calc(100% - 220px);}
.copy{ font-size: 13px;}
}

.ny_ban{ position: relative; overflow: hidden;}
.ny_ban .ban_txt{ width: 100%; left: 0; top: 50%; position: absolute; transform: translateY(-50%); text-align:center; color:#fff;}
.c_btns{ text-align: center; margin-top: 40px;}
.ny_ban b{ font-size: 60px; color: #fff; line-height: 65px; text-transform: uppercase; margin-bottom:15px;}
.c_btns .amore{ margin: 0 10px;}
.ny_ban .amore.on{ background: #a78562; border-color: #a78562;}
.ny_ban .posi{ width: 100%; left: 0; bottom: 30px; position: absolute; color: #fff; font-size:16px; text-transform: uppercase;}
.ny_ban .posi a{ color: #fff;}
.promain{ position: relative;}
.main_left{ width: 380px; position: sticky; top: 40px;z-index:5;}
.main_right{ width: calc(100% - 430px); position:relative; z-index:3;}
.pro_list{ padding:100px 0 100px 70px;}
.promain:after{ position:absolute; width: calc(50% + 370px); height: 100%; background: #f8f8f8; right:0; top:0; content:'';}
.pro_list .cate_tit b{ font-size: 30px; font-family: popsb; margin-bottom: 15px;}
.pro_list .cate_tit{margin-bottom: 60px;}
.pro_list ul li{ width: 32%; margin-right: 2%; margin-bottom: 40px; float:left;}
.pro_list ul li:nth-child(3n){margin-right:0;}
.proli{ text-align: center;}
.proli .imgfd{padding-top: 100%; background: #fff; margin-bottom: 30px;}
.proli:hover h2{ color:#133d8b;}
.proli h2{ line-height: 30px; font-size:18px; height: 90px; overflow: hidden;}
.pro_list .bd_item{}
.left_nav a{ height: 62px; margin-bottom: 15px; padding-right:18px; transition:.3s ease;}
.left_nav a p{ font-size: 20px; margin-right:auto; max-width:calc(100% - 60px);}
.left_nav a.cur{ background: #ffffff;}
.left_nav a.cur{ padding-left: 25px; border-left: 6px solid #133d8b;}
.left_nav a.cur p{ max-width: calc(100% - 90px); color:#133d8b;}
@media (max-width: 1600px){
    .promain:after{ width:calc(100% - 440px);}
    .ny_ban b{ font-size: 50px; line-height:50px;}
    
}
@media (max-width: 1281px){
    .left_nav a p{ font-size: 18px;}
    .main_left{width: 340px;}
    .main_right,.promain:after{ width: calc(100% - 380px);}
    .pro_list{padding-left:40px ;}
    .pro_list .cate_tit{margin-bottom: 40px;}
    .proli .imgfd{margin-bottom: 20px;}
    .proli h2{ font-size: 16px;}
    .pro_list ul li{margin-bottom: 25px;}

}
@media (max-width: 1024px){
    .main_left{ display: none;}
    .main_right{ width: 100%;}
    .pro_list{ padding: 60px 30px 40px;}
    .ny_ban .posi{bottom: 20px; font-size: 14px;}
    .c_btns{margin-top: 30px;}
    .main_right, .promain:after{ width:100%;}
    .pro_list .cate_tit b{ font-size: 26px;}
    .ny_ban b{ font-size: 40px; line-height: 40px;}
}
@media (max-width: 450px){
    .ny_ban img{height: 240px; object-fit: cover;}
    .ny_ban .ban_txt p{ display: none;}
    .ny_ban b{font-size: 30px; line-height: 30px;}
    .c_btns .amore:last-child{ display:none;}
    .pro_list{padding: 40px 0 30px;}
    .pro_list .cate_tit b{font-size: 22px;}
    .pro_list .cate_tit{margin-bottom: 25px;}
    .pro_list ul li{width: 100%; float: none; margin-bottom: 25px;}
    .proli h2{height: auto;}
    .pro_list .bd_item{padding-bottom: 20px; margin-bottom: 30px;}
    .proli .imgfd{margin-bottom: 10px;}
}



.show_top{ padding-bottom:95px; background: url(../images/map_18.png) no-repeat right 120px;}
.show_posi{ padding: 35px 0; color:#999; text-transform:uppercase;}
.show_posi a{ color: #999;}
.show_posi a:last-child{ color:#333;}
.show_top .pic{ width: 43%; position:relative;}
.show_top .pic .imgfd{ padding-top: 100%;}

.show_top .txt{ width: 48%;}
.bigswiper{ overflow: hidden;}
.show_top .txt h1{ font-size: 38px; font-family: popb; line-height: 50px; }
.show_top .txt .cirbtn{ line-height: 50px; height: 50px; border: 1px solid #133d8b; display:inline-flex; align-items:center; text-align:center; margin-left:15px; font-size:0; color:#133d8b; transition:.2s ease; border-radius:26px;}
.show_top .txt .cirbtn i{ font-size: 22px; display: inline-block; line-height: 50px; width:50px; color:#133d8b;}
.show_top .txt .cirbtn span{ font-size:18px; line-height:50px; padding:0 10px 0 0; display:none;}
.show_top .txt .cirbtn:hover{ border-color:#133d8b; color:#133d8b;}
.show_top .txt .cirbtn:hover span{ display: inline-block;}
.show_top .share{margin-top: 55px;}
.show_top .share span{ margin-right: 10px; font-size:24px; font-family:teko;}
.show_top .txt .des{margin-bottom: 45px;}
.show_top .txt .tit{ padding-bottom: 40px; border-bottom: 1px solid #d8d8d8; margin-bottom:40px;}

.pro_youshi dt{ width: 23%; margin-right: auto;}
.pro_youshi dt:last-child{ margin-right:auto;}
.pro_youshi dt img{ height: 70px;}
.pro_youshi dt p{ width: calc(100% - 85px); margin-left: auto; font-size: 18px;}
.pro_youshi{ margin-bottom: 50px;}

.det_nav .tab-hd{ background: #fff;}
.det_nav .tab-hd li{ width:33.33%; font-size:24px; font-family:popsb;}
.det_nav .tab-hd a{ height:72px; justify-content:center;}
.det_nav .tab-hd a i{ font-size: 24px; margin-right: 8px;}
.det_nav .tab-hd li.active{ background: #133d8b; color: #fff;}
.det_nav .tab-hd li.active a{ color: #fff;}
.det_show .bd_item{ padding-top: 80px; overflow:hidden;}
.det_show .bd_item .det_tit b{ font-size: 40px; font-family: tekom;}
.det_show .bd_item .det_tit{ padding-bottom: 15px; position: relative; margin-bottom:50px;}
.det_show .bd_item .det_tit:after{position:absolute; left: 0; bottom: 0; width: 74px; height: 4px; background: #b81b25; content:'';}
.det_show .bd_item form{ margin-top: 45px;}
.det_para .main-header{ width: 100%; padding:18px 0; background:#2c3e50; text-align:center; font-size:20px; font-weight:bold; color:#fff; border-radius:5px;}
.det_para .table_scroll{ overflow-x: auto;}
.det_para table{ width: 100%; margin:20px 0;}
.det_para table th{ line-height: 30px; padding: 8px 15px 10px; border-color:#ddd; text-align:center; background:#111; color:#fff; font-weight:bold;}
.det_para table td{ line-height: 30px; padding: 8px 15px 10px; border-color:#ddd;}
.det_para table tr:nth-child(2n+1){ background:#f4f4f4;}
.det_para table tr:nth-child(2){ text-align:center;}
.det_tit img,.det_show img{ max-width: 100%!important;}

.relproswiper{ position: relative; overflow: hidden; padding-bottom: 40px;}

.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: #133d8b; border-color: #133d8b; 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: #133d8b;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}


.com_msg .c_txt{ margin-bottom: 40px;}
.com_msg .tsb72{ margin-bottom: 20px;}
.com_msg .formbox.fl{ width: 32%; margin-right: 2%;}
.com_msg .formbox.fl:nth-child(3){ margin-right:0;}
.com_msg .formbox{ margin-bottom: 40px; position: relative;}
.com_msg .formbox label{ display: block; font-size: 18px; margin-bottom:5px;}
.com_msg .formbox input,.com_msg .formbox textarea{ width: 100%; line-height: 30px; padding: 13px 30px 13px 10px; border: 1px solid #d8d8d8; margin-top:20px}
.com_msg .formbox i{ color:#ff0000;}
.com_msg .shenm p{ font-size: 15px; margin-right: auto; max-width:calc(100% - 600px);}
.com_msg .sub{ width: 500px; line-height: 58px;text-align: center; color: #fff; background: #133d8b;  font-family:pop; cursor:pointer;}
.com_msg .sub i{ font-size:20px; margin-right: 10px; transition:.3s ease}
.com_msg .sub:hover i{ margin-right:15px;}
.popb48 { font-family: popb; font-size:48px; margin-bottom:30px;}
@media (max-width: 1540px) { 
    .show_top .txt h1{ font-size: 52px; line-height: 52px;}
    .show_top .txt .tit{ padding-bottom: 30px; margin-bottom: 30px;}
    .show_top .txt .des{margin-bottom: 40px;}
    .pro_youshi dt{ width: 30%;}
}
@media (max-width: 1281px) { 
    .show_top .smswiper li{ padding: 5px;}
    .show_top .txt{ width: 52%;}
    .show_top .txt h1{ font-size: 44px; line-height: 44px;}
    .show_top .txt .tit{ padding-bottom: 25px;}
    .show_top .txt .des{ margin-bottom: 30px;}
    .pro_youshi{ margin-bottom: 35px;}
    .show_top .share{ margin-top: 30px;}
    .det_nav .hd a{ font-size: 20px;}
    .det_nav .hd a i{ font-size: 20px; margin-right: 5px;}
    .det_show .bd_item .det_tit b{ font-size: 34px;}
    .det_show .bd_item .det_tit{margin-bottom: 35px;}
    .det_app dt{ padding: 30px 25px 25px;}
    .det_app dt p{ font-size: 20px;}
    .caseswiper .txt{ padding: 20px;}
    .caseswiper .txt h2{ font-size: 20px; line-height: 30px; height: 60px;}
    .caseswiper .txt .tcbtn{padding: 0 15px; line-height: 32px;}
    .det_faq .tit{padding: 20px 40px;}
    .det_faq .ans{padding: 30px 40px;}
    .popb48{ font-size: 38px;}
}
@media (max-width: 1024px) { 
    .show_top .pic{ width: 100%; float: none; margin-bottom: 30px;}
    .show_top .txt{ width: 100%;}
    .det_nav .tab-hd li,.det_nav .tab-hd a i{ font-size: 20px;}
    .det_show .bd_item{ padding-top: 40px;}
    .det_show .bd_item:first-child{ padding-top:0;}
    .det_app dt{ padding: 25px 15px 30px;}
    .det_faq .tit p{ font-size: 20px;}
    .popb48{ font-size: 32px;}
}
@media (max-width: 450px) { 
    .show_top .smbox{ padding: 0 20px; margin-top:10px;}
    .show_top .pic .swiperbtn{ font-size: 22px;}
    .show_top .txt h1{font-size: 30px; line-height:30px;}
    .show_top .txt .tit{padding-bottom: 20px; margin-bottom: 25px;}
    .show_top .txt .des{font-size: 16px;}
    .pro_youshi dt{ width: 100%; margin-bottom: 15px;}
    .pro_youshi dt img{ height: 50px;}
    .pro_youshi dt p{ width: calc(100% - 65px);}
    .pro_youshi{margin-bottom: 20px;}
    .show_top .txt .des{ margin-bottom:20px;}
    .show_top .txt .cirbtn{display: none;}
    .show_top{ padding-bottom: 40px;}
    .show_posi{ padding: 20px 0;}
    .det_show .bd_item .det_tit b{font-size: 28px;}
    .det_show .bd_item .det_tit:after{ width:50px; height: 3px;}
    .det_show .bd_item .det_tit{ margin-bottom: 25px;}
    .det_app dt{ width: 49%; margin-right: 2%;}
    .det_app dt:nth-child(2n){ margin-right:0;}
    .caseswiper .txt h2{ width: 100%; margin-bottom: 5px;}
    .caseswiper .txt .tcbtn{display: none;}
    .caseswiper .txt{ padding: 15px 10px;}
    .det_faq .tit{ padding: 15px 20px;}
    .det_faq .tit p{ font-size: 18px;}
    .det_faq .tit i{font-size: 22px;}
    .det_faq .ans{ padding: 20px;}
    .det_show .bd_item form{ margin-top: 25px;}
    .show_top .txt .amore{ padding: 0 25px;}
    .det_para table td{ line-height: 20px; font-size: 12px; padding: 3px;}
    /*.det_para table{ width: 1400px;}*/
    /*.proclean-specs-container{ overflow-x: auto;}*/
    .det_para table th{ font-size: 12px; padding: 3px; font-weight: normal; line-height:20px;}
      .page_btn{padding-top: 20px; margin-top: 25px;}
    .page_btn span{ font-size: 18px;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{text-align: left; margin-top: 20px;}
    .page_btn .back{display: none;}
    .popb48{ font-size: 26px; margin-bottom:20px;}
    .det_nav .tab-hd li{width: 100%;}
    .det_nav .tab-hd a{height: 56px;}
    .com_msg .formbox.fl{ width: 100%;}
    .com_msg .formbox label{ font-size: 16px;}
    .com_msg .formbox input, .com_msg .formbox textarea{line-height: 24px; padding: 10px; margin-top:5px;}
    .com_msg .formbox{margin-bottom: 25px;}
    .com_msg .shenm p{ font-size: 13px; max-width: 100%; margin-bottom: 15px;}
    .com_msg .sub{ width: 100%; margin-top: 20px; line-height:40px;}
}



.com_nav a{ display:block; line-height: 90px; margin: 0 auto; position:relative;}
.com_nav{ border-bottom: 1px solid #f2f2f2;}
.com_nav a.act,.com_nav a:hover{ color:#2d3778;}
.com_nav a:after{ width:0; height: 2px; background: #133d8b; left:0; bottom:0; content: ''; transition:.2s ease; position:absolute;}
.com_nav a:hover:after,.com_nav a.act:after{ width:100%;}

.sol_main .pic{ width: 57%; float:left;}
.sol_main .txt{ width: 39%; float:right; padding-top:20px;}
.sol_main .pic .imgfd{ padding-top: 55.6%;}
.sol_item{ margin-bottom: 80px;}
.sol_item:nth-child(2n) .pic{ float:right;}
.sol_item:nth-child(2n) .txt{ float:left;}

.sol_main .txt h2{ font-size: 26px; font-family: popsb; padding-bottom: 35px; position: relative; margin-bottom: 30px;}
.sol_main .txt h2:after{ position:absolute; left: 0; bottom: 0; height: 4px; width: 86px; background: #133d8b; content: '';}
.sol_main .txt .amore{ margin-top: 45px;}


.sol_ban img{ height: 520px; object-fit:cover;}
.sol_det .popb48{position: relative; padding-bottom:20px; margin-bottom:35px;}
.sol_det .popb48:after{ position:absolute; width: 140px; height: 6px; background: #133d8b; content: ''; bottom:0; left: 50%; transform: translateX(-50%);}
.caseswiper{ overflow: hidden; position: relative; padding-bottom: 40px; text-align:center;}
.caseswiper .imgfd{padding-top: 62%; margin-bottom: 20px;}
@media (max-width: 1281px) { 
    .sol_main .txt h2{padding-bottom: 25px; margin-bottom: 20px;}
    .sol_main .txt .amore{margin-top: 30px;}
    .tc_box{width: 96%; padding:30px 25px;}
    .tc_box .close{ right: 20px; top:20px; font-size:30px;}
    
}
@media (max-width: 1024px) { 
    .sol_main .pic{ width: 100%; float: none!important;}
    .sol_main .txt{ width: 100%; float: none!important; padding-top:30px;}
    .sol_item{margin-bottom: 50px;}
    .com_nav{ display: none;}
}
@media (max-width: 450px) { 
    .sol_main .txt h2{ font-size: 24px; padding-bottom: 20px; margin-bottom: 20px;}
    .sol_ban img{height: 240px;}
    .tc_box{height: 550px; overflow-y: auto;}
    .com_msg .c_txt{margin-bottom: 25px;}
    .sol_det .popb48:after{ width:100px; height: 4px;}
    .sol_det .popb48{margin-bottom: 25px;}
}
.com_about{ position: relative;}
.ab_top .left{ width: 42%; margin-right: auto;}
.ab_top .right{ width: 52%;}
.ab_top .left b{ font-size: 60px; margin-bottom:10px;}
.ab_top .left p{ font-size: 22px;}
.ab_top .left .v_btn{ margin-top: 50px; padding-left: 70px; color:#133d8b; height: 83px; background: url(../images/v_03.png) no-repeat left center; cursor:pointer; transition:.2s ease;}
.ab_top .left .v_btn:hover{ padding-left:75px;}
.com_about .ab_fav{ position: absolute; left: -20px; top: 200px; opacity:.05;}
.com_about .ab_fav img{ width: 240px;}
.ab_top .right h1{ font-size: 28px; font-family: popsb; margin-bottom: 40px;}
.ab_number{ margin-top: 55px;}
.ab_number dt{ width: 20%; margin-right: auto;}
.ab_number dt:last-child{margin-right:0;}
.ab_number dt b{ color: #133d8b; font-size: 80px; line-height: 80px; height: 80px; padding-bottom:20px; border-bottom:1px solid #dedede; margin-bottom:20px;}
.ab_number dt b sup{ font-size: 60px; line-height: 40px;}
.ab_number dt p{ font-size: 16px; height:30px;}

.ab_tech .txt{ width: 48%; padding-top: 90px;}
.ab_tech .imgfdd{ width: 50%;}

.ab_fac .topdes{ width: 50%; margin-left: auto;}
.facswiper{ overflow: hidden; padding-bottom: 40px; text-align:center; position:relative;}
.facswiper .imgfd{padding-top: 62%; margin-bottom: 25px;}

.swiperall{ position: relative;}
.choswiper{ overflow: hidden;}
.choswiper li{ border: 1px solid #d8d8d8; padding: 40px 45px;}
.choswiper .ic{ padding-top: 40px;}
.choswiper .txt{ width: calc(100% - 115px); margin-left: auto;}
.choswiper .ic img{ width: 90px;}
.choswiper .txt h2{ font-size: 22px; font-family: popsb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.choswiper .txt .box{padding-right: 20px; height: 120px; overflow-y: auto;}
.choswiper .txt .box::-webkit-scrollbar{ width:4px;}
.choswiper .txt .box::-webkit-scrollbar-track{ background:#e7e7e7;}
.choswiper .txt .box::-webkit-scrollbar-thumb{ background:#cccccc;}
.swiperall .swiperbtn{ font-size: 50px; top:50%;}
.swiperall .swiper-button-next{ right: -50px;}
.swiperall .swiper-button-prev{ left: -50px;}
.swiperbtn:hover{ color:#133d8b;}
.ab_choose{ position: relative;}
.ab_choose .canvas-box{ position: absolute; height: 350px; width: 100%; left: 0; bottom: 0; opacity:.6;}

.ab_global{ position: relative; z-index: 4; background:#fff;}
.ab_global .amore{ margin-top: 60px;}
.ab_global .txt{ width: 32%; padding-top:60px;}
.ab_global .map{ width: 64%; position:relative;}
.ab_global .map .mappic{ width: 94%;}
.ab_global .map li{ position: absolute; text-align:center; font-size:14px; font-family: popm;}
.ab_global .map li i{ width:10px; height:10px; background:#0e56a8; border-radius:50%; display: inline-block; position: relative;}
.ab_global .map li:first-child i{ width:55px; line-height: 55px; height:55px; color:#fff;}
.ab_global .map li p{ position:absolute; top:15px;  line-height:16px; transform:translateX(-50%); opacity:0; transition:.2s ease;}
.ab_global .map li i::after {
  width: 600%;
  height: 600%;
  -webkit-animation: amplify2 2.8s infinite 0.3s;
  -moz-animation: amplify2 2.8s infinite 0.3s;
  animation: amplify2 2.8s infinite 0.3s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(14, 86, 168, 0.1);
  opacity: 0.1;
}

.ab_global .map li i::before {
  width: 350%;
  height: 350%;
  -webkit-animation: amplify2 2.8s infinite 0.2s;
  -moz-animation: amplify2 2.8s infinite 0.2s;
  animation: amplify2 2.8s infinite 0.2s;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(14, 86, 168, 0.1);
  opacity: 0.1;
  z-index: 2;
}
@-webkit-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes amplify2 {
  0% {
    -webkit-transform: translate(-50%, -50%) scale(0.4);
    -moz-transform: translate(-50%, -50%) scale(0.4);
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  75% {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.ab_global .map li:first-child{ left:32%; top: 34%;}
.ab_global .map li:nth-child(2){left:42%; top: 34%;}
.ab_global .map li:nth-child(3){right:29%; top: 30%;}
.ab_global .map li:nth-child(4){left:13%; top: 19%;}
.ab_global .map li:nth-child(5){left:13%; top: 21%;}
.ab_global .map li:nth-child(6){left:11%; top: 21%;}
.ab_global .map li:nth-child(7){left:8%; top: 24%;}
.ab_global .map li:nth-child(8){left:30%; top: 52%;}
.ab_global .map li:nth-child(9){left:39%; top: 33%;}
.ab_global .map li:nth-child(10){left:16%; top: 42%;}
.ab_global .map li:nth-child(11){left:19%; top: 41%;}
.ab_global .map li:nth-child(12){left:23%; top: 24%;}
.ab_global .map li:nth-child(13){left:32%; top: 15%;}
.ab_global .map li:hover{ z-index:4;}
.ab_global .map li:hover p{ opacity:1;}

.ab_cert .txt{ width: 32%;}
.ab_cert .certswiper{ width: 56%; overflow: hidden; padding-bottom: 40px; position: relative;}
.ab_cert .txt .amore{margin-top: 45px;}
.ab_cert .certswiper li{padding: 25px 35px; background: #fff;}
.ab_cert .certswiper .imgfd{padding-top: 141%;}

@media (max-width: 1600px) { 
    .swiperall .swiper-button-next{ right: 10px;}
    .swiperall .swiper-button-prev{left: 10px;}
}
@media (max-width: 1281px) { 
    .ab_number dt b{ font-size: 60px; line-height: 60px; height: 60px;}
    .ab_tech .txt{padding-top: 50px;}
    .choswiper li{padding: 30px 35px;}
    .ab_cert .certswiper li{padding: 20px 25px;}
}
@media (max-width: 1024px) { 
    .ab_top .left b{ font-size: 44px; line-height: 50px;}
    .ab_top .left p{font-size: 20px;}
}
@media (max-width: 450px) { 
    .ab_top { display: block;}
    .ab_top .left{ width: 100%; margin-bottom: 20px;}
    .ab_top .left b{ font-size: 30px; line-height: 30px;}
    .ab_top .left .v_btn{ padding-left: 50px; background-size: 55px; height:60px; margin-top:25px;}
    .com_about .ab_fav img{ width: 140px;}
    .com_about .ab_fav{ top: 120px;}
    .ab_top .right h1{ font-size: 22px;}
    .ab_top .right{ width: 100%;}
    .ab_top .right h1{margin-bottom: 25px;}
    .ab_number dt{ width: 48%; margin-bottom: 20px;}
    .ab_number dt:nth-child(2n){margin-right:0;}
    .ab_number dt b{ line-height: 36px; font-size: 36px; height: 36px; padding-bottom:10px; margin-bottom:10px;}
    .ab_number dt b sup{ font-size: 26px; line-height: 26px; height: 26px;}
    .ab_number dt p{ font-size: 14px; line-height: 24px; height: 48px;}
    .ab_tech .txt{width: 100%; float: none; margin-bottom:25px;}
    .ab_tech .imgfdd{ width: 100%; float: none;}
    .ab_fac .topdes{ width: 100%;}
    .facswiper .imgfd{margin-bottom: 15px;}
    .swiperall .swiperbtn{ font-size: 26px;}
    .choswiper li{ padding: 20px 15px;}
    .choswiper .ic img{ width: 60px;}
    .choswiper .txt{ width: calc(100% - 80px);}
    .choswiper .txt h2{ font-size: 18px; line-height: 26px; height: 52px;}
    .ab_global .txt{ width: 100%; float: none; padding-top: 35px;}
    .ab_global .map{ width: 100%; margin-top: 30px;}
    .ab_global .map li i::before{ width:200%; height: 200%;}
    .ab_global .map li i::after{ width:300%; height: 300%;}
    .ab_global .map li:first-child i{ font-size:12px; width: 45px; height: 45px; line-height:45px;}
    .ab_global .map li i{ width: 6px; height: 6px;}
    .ab_cert .txt{ width: 100%; float: none;}
    .ab_cert .certswiper{ width: 100%; float: none; margin-top: 25px;}
    .ab_cert .certswiper li{padding: 15px;}
    .ab_cert .txt .amore{margin-top: 25px;}
}

.news_list li{ padding-bottom: 60px; margin-bottom: 60px; border-bottom:1px solid #ececec; padding-right:60px;}
.news_list .pic{ width: 440px;}
.news_list .imgfd{padding-top: 61%;}
.news_list li .txt{ width: calc(100% - 700px); padding: 0 65px; margin-right:auto; border-right:1px solid #ececec;}
.news_list li .txt span{ display: block; color: 16px; color: #133d8b; position:relative; line-height:24px;}
.news_list li .txt span:after{ position:absolute; right: 0; top: 12px; height: 1px; background: rgba(45,55,120,.2); content: ''; left: 280px; width: 185px;}
.news_list li h2{ font-size: 24px; line-height: 33px; height: 66px; overflow: hidden; margin: 10px 0 30px; font-family:popsb;}
.news_list li p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden;}
.news_list li:hover h2{ color:#133d8b;}
@media (max-width: 1541px) { 
   .news_list li{ padding-right: 30px;}
   .news_list li .txt{ width: calc(100% - 630px); padding:0 50px;}
}
@media (max-width: 1281px) { 
    .news_list .pic{ width: 350px;}
    .news_list li .txt{ width: calc(100% - 550px); padding:0 40px;}
}
@media (max-width: 1024px) { 
    .news_list li .amore{  display: none;}
    .news_list li .txt{border: none; width: calc(100% - 400px); margin-right: 0; margin-left:auto; padding:0;}
    .news_list li{padding-bottom: 40px; margin-bottom: 40px;}
    
}
@media (max-width: 450px) { 
    .news_list .pic{ width: 120px;}
    .news_list li .txt{ width: calc(100% - 135px);}
    .news_list li p{ display: none;}
    .news_list li .txt span{ font-size: 12px;}
    .news_list li h2{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom:0; margin-top:5px;}
    .news_list li{padding-right: 0; padding-bottom: 20px; margin-bottom: 20px;}
}
.news_det{ padding: 50px 100px 80px;}
.news_det h1.tit{ font-size: 48px; font-family: popsb; line-height:80px; }
.news_det .news_info{margin: 20px 0 45px; padding: 22px 0; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.news_det .news_info i{ display: inline-block; width: 4px; height: 4px; background: #9b9b9b; margin: 0 12px;}
.news_det .news_info .share{ margin-left: auto;}

.lastswiper{ overflow: hidden;position: relative; padding-bottom: 40px;}
.lastswiper a{ border: 1px solid #ebebeb; padding: 30px;}
.lastswiper a .pic{ width: 300px; margin-right: auto;}
.lastswiper a .txt{ width: calc(100% - 340px);}
.lastswiper .imgfd{ padding-top: 61%;}
.lastswiper a .txt span{ display: block; color: #133d8b; font-size: 16px;}
.lastswiper a h2{ font-family: popsb; font-size: 20px; line-height: 30px; max-height: 90px; overflow: hidden; margin-top: 10px;}
.lastswiper li:hover a{ border-color:#133d8b;}
.lastswiper li:hover h2{ color:#133d8b;}
@media (max-width: 1281px) { 
    .news_det{padding: 40px 50px 50px;}
    .news_det h1.tit{ font-size: 38px; line-height: 50px;}
    .lastswiper a{padding: 20px;}
    .lastswiper a .pic{ width: 220px;}
    .lastswiper a .txt{ width: calc(100% - 250px);}
}
@media (max-width: 450px) { 
    .news_det{padding: 20px 0 30px;}
    .news_det h1.tit{ font-size: 24px; line-height: 32px;}
    .news_det .news_info .share{ width: 100%; margin-top: 10px;}
    .news_det .news_info{ margin-bottom: 30px;}
    .last_news{ display: none;}
}
.lx_main .left{ width: 49%; margin-right:auto;}
.lx_main .left b{ text-transform: uppercase;}
.lx_main .map{padding-top: 65px; border-top: 1px solid #e3e3e3; margin-top:60px; overflow:hidden;}
.lx_main .map iframe{ width: 100%!important;}
.lx_main .right{ width: 47%; padding:50px 55px; border: 1px solid #e3e3e3;}
.lx_main .right b{ font-family: tekom; font-size: 60px;}
.lx_main dt{ margin-bottom: 50px;}
.lx_main dt i{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; border: 1px solid #d8d8d8; margin-right:18px; text-align:center; font-size:24px;}
.lx_main dt.fl{ width: 50%;}
.lx_main dt .txt{ width: calc(100% - 70px); font-size:18px;}
.lx_main dt .txt h4{ font-size: 20px; font-family: popsb; margin-bottom: 5px;}
.lx_main dt a:hover{ color:#133d8b;}
.lx_main .right .follow p{ text-transform:uppercase; margin-right:20px;}
.lx_main .right .service{margin-top: 80px;}
.lx_main .right .service li{ margin-right: auto; max-width:25%;}
.lx_main .right .service li:last-child{ margin-right:0;}
.lx_main .right .service p{ font-size: 16px; font-family: popm; margin-top: 10px;}
.lx_main .right .service img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.lx_main .right .service li:hover{ color:#133d8b;}
.lx_main .right .service li:hover img{ filter:unset;}

.com_msg .popb48{ text-transform: uppercase;}

@media (max-width: 1541px) { 
    .lx_main .right{ padding: 30px 35px;}
}
@media (max-width: 1024px) { 
    .lx_main { display: block;}
    .lx_main .left{ width: 100%;}
    .lx_main .right{ width: 100%; margin-top: 35px;}
    .lx_main .map{ padding-top: 35px; margin-top: 35px;}
    .mainh{ height: 60px;}
}
@media (max-width: 450px) { 
    .lx_main .map{ display: none;}
    .lx_main .right{padding: 20px 25px;}
    .lx_main dt.fl{ width: 100%; margin-bottom: 25px;}
    .lx_main dt{margin-bottom: 25px;}
    .lx_main .right .service{margin-top: 35px;}
    .lx_main .right .service ul{ display: block;}
    .lx_main .right .service li{ max-width: 100%; display: flex; align-items: center; flex-wrap: wrap; margin-bottom:15px;}
    .lx_main .right .service img{ height: 50px;}
    .lx_main .right .service li .ic{ margin-right: 20px;}
    .mainh{ height: 35px;}
    
    
    
}