@charset "utf-8";
/* CSS Document */
.search_box{ width: 100%; position: fixed; left: 0; top: 100px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; border: 2px solid #b81b25;}
.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:#b81b25; 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:#b81b25 ;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: #b81b25 ;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkittablescroll-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:#b81b25;}
.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{ display: flex; align-items: center;height: 44px; font-size: 14px; float: right; line-height: 16px;}
.top_contact .topp{ font-size: 14px; padding: 0 19px; border-left: 1px solid rgba(0,0,0,.3); line-height: 14px;}
.top_contact .topp a{ color: #666;}
.top_contact .topp i{ margin-right: 5px; font-size: 14px; color: #333;}
.top_contact .top_search{ margin-right: 25px; cursor: pointer; font-size: 20px; color: #333;}
.top_contact span{ display: inline-block; margin-right: 15px;}
.top_contact span:first-child{ padding-right: 15px; border-right:1px solid rgba(102,102,102,.3);}
.top_contact span i{ display: inline-block;width: 22px; height: 22px; border-radius: 50%; background: #f2f2f2; color: #3d63ca; line-height: 22px; text-align: center; font-size: 14px; margin-right: 3px;}
.top_contact .follow_list a{ width: 24px; height: 24px; font-size:0!important;}
.top_contact .follow_list img{ height: 24px;}
.top_contact .follow_list a svg{ width: 16px; height: 16px; padding:4px;}
.top_contact .follow_list a i{ line-height: 24px; width: 24px; height: 24px;}
.top_contact .lang{ position: relative;}
.top_contact .lang p i.icon-diqiu2{ margin-right: 3px; font-size: 18px;}
.top_contact .lang p i.icon-xiangxia2{ font-size: 14px; margin-left: 3px;}
.top_h{ height: 105px;}
.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-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 8px; height: 8px; background: #b0bfd3; opacity: 1; margin:0 6px!important;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #b81b25;}
.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 .bantxt{ max-width: 50%;}
.sy-ban .txt1 .bantxt p{ font-size: 22px; color: #fff; margin-bottom:25px;}
.sy-ban .txt1 b{font-size: 60px; line-height: 68px; color: #fff;}
.sy-ban .txt1 .amore{ margin-top: 80px;}
.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; line-height: 48px; padding: 0 25px; text-transform: uppercase;border: 2px solid #666666; position: relative;border-radius: 26px; overflow: hidden; color: #333;}
.amore i.icon-right-l{ transform: rotate(-45deg); 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: #b81b25; color: #b81b25;}
.amore.wbg{ background: #fff; color: #333; border-color: #fff;}
.amore.amore1{ border-color: #cd0000; background: #cd0000; color: #fff;}
.amore.amore2{ background: #111111; border-color: #111111; color: #fff;}
.amore span{ position: relative; z-index: 2;}
.amore:hover,.amore.on{ background:#b81b25; border-color:#b81b25; color: #fff;}
.amore:hover i{ transform: rotate(0deg); margin-left:15px; }
.amore.wbg:hover{ background: #b81b25; color: #fff;}
.amore.on:hover{ box-shadow:0 0 8px rgba(44,26,0,.6);}
.amore.rb:hover{ color: #fff;}


.sy_title{ margin-bottom: 30px;}
.item_top{ margin-bottom: 40px; align-items: flex-start;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}


.dtop{ padding-top: 80px;}
.sy_product{ background: url("../images/pbg_10.jpg") no-repeat center; background-size: 100% calc(100% - 230px); background-repeat: no-repeat;}
.sy_product b.tit{ text-align: center; font-size: 68px; color: #003333; text-transform: uppercase; margin-bottom: 60px;}
.pro_tab .left{ width: 25%; margin-right: auto; padding-bottom: 60px;}
.pro_tab .left h2{ font-size: 44px; line-height: 45px; font-family: tekom; margin-bottom: 30px;}
.pro_tab .c-flex{ align-items: flex-end;}
.titswiper,.proswiper{ overflow: hidden;}
.tab-panel,.tab-panell {
            display: none; /* 默认隐藏所有面板 */
        }
.tab-panel.active,.tab-panell.active {
            display: block; /* 激活的面板显示 */
        }
.titswiper { height: 140px;}
.titswiper .swiper-slide{ height: 35px;}
.titswiper .swiper-slide a{ height: 100%; border-radius:8px; align-items: center; font-size: 18px;}
.titswiper .swiper-slide a i{ display: inline-block; width: 5px; height: 5px; background: #bccde6; margin-right: 10px;}
.titswiper .swiper-slide a span{ font-size: 20px; margin-left: 5px; color: #b81b25; opacity:0;}
.titswiper .swiper-slide.swiper-slide-thumb-active a{ color: #b81b25;}
.titswiper .swiper-slide.swiper-slide-thumb-active a i{background: #b81b25;}
.titswiper .swiper-slide.swiper-slide-thumb-active a span{ opacity: 1;}
.pro_tab .right{ width: 67%;}
.pro_tab .right .pic{ width: 50%; margin-right: auto}
.pro_tab .right .txt{ width: 43%;}
.pro_tab .right .txt p{ font-size: 20px; margin-bottom: 40px;}
.proswiper{ position: relative; padding-bottom: 40px;}
.proswiper .swiper-pagination{ width: auto; left: 25%; transform: translateX(-50%);}
.pro_nav{ padding: 30px 0; background: #1450a8; margin-top: 30px;}
.pro_nav li{ width: 16.66%; position: relative; text-align: center; opacity: .8; padding:0 20px;}
.pro_nav li:after{ position: absolute; width: 1px; height: 100px; background: rgba(255,255,255,.2); right: 0; top: 50%; transform: translateY(-50%); content: '';}
.pro_nav li:last-child:after{ display: none;}
.pro_nav li .tit{ display: inline-block; padding-bottom: 5px; position: relative;}
.pro_nav li h2{ font-size: 20px; font-family: teko; color: #fff; line-height: 25px; height: 50px; }
.pro_nav li .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.pro_nav li.active{ opacity: 1;}
.pro_nav li .tit:after{ position:absolute; height: 2px; width: 0; background: #fff; content: ''; left:0; bottom:0; transition:.2s ease;}
.pro_nav li.active .tit:after{ width:100%;}


.sy_about{ background: url("../images/mapbg_03.jpg") no-repeat center 80px; padding-top: 130px; padding-bottom: 60px;}
.c_txt{ text-align: center; width: 86%; margin: 0 auto;}
.sy_about .title span{ color: #b81b25; text-transform: uppercase; font-size: 18px;}
.sy_about .title b{ font-size: 54px; line-height: 68px; margin-top: 15px; }
.sy_about .title{ margin-bottom: 25px;}
.ab_des p{ font-size: 20px;}

.q_link dt{ width: 49.5%; position: relative; color: #fff;}
.q_link dt:first-child{ margin-right: auto;}
.q_link dt .imgfd{ padding-top: 48%;}
.q_link dt .txt{ position: absolute; top: 70px; left: 18%; width: 70%;}
.q_link dt .txt b{ font-size: 56px; color: #fff; line-height: 60px; margin-bottom: 15px;}
.q_link dt .tit{ padding-left: 45px; border-left:8px solid #fff; margin-bottom: 80px;}
.q_link dt .tit p{ font-size: 24px; height: 30px;}
.sy_title span{ color: #b81b25; text-transform: uppercase; font-size: 18px;}
.sy_title b{ font-size: 60px; line-height: 70px; margin-top: 15px; }
.item_top .sy_title{ width: 35%; margin-right: auto;}
.item_top .top_des{ width: 45%; font-size: 20px;}
.item_top .top_des .amore{ margin-top: 35px;}
.sol_box{position: relative;}
.sol_box .imgfd{ padding-top: 36.25%;}
.sol_box .soltxt{ width: 100%; position: absolute; height: 100%; left: 0; top: 0;}
.sol_box .soltxt ul,.sol_box .soltxt li{ height: 100%;}
.sol_box .soltxt li{ position: relative;width: 20%; border-right: 1px solid rgba(255,255,255,.3);}
.sol_box .soltxt .box{ position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; padding: 110px 22px 40px; color: #fff; transition: .3s ease;}
.sol_box .soltxt .box img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sol_box .soltxt .box h2{ font-size: 28px; font-family: teko; color: #fff; }
.sol_box .soltxt .box p{ font-size: 18px; line-height: 27px; margin-top: 15px; display: none;}
.sol_box .soltxt li.active .box p{ display: block;}
.sol_box .soltxt li.active .box{ background: linear-gradient( to top,rgba(184,27,37,1),rgba(184,27,37,0.01));}
.sy_honor{ background: #f7f7f7 url("../images/mapbg_03.png") no-repeat center 80px;}
.sy_honor .c_txt p{ font-size: 20px;}
.sy_honor .cert dt{ margin: 0 auto; text-align: center;}
.sy_honor .cert{ margin: 30px 0 40px;}
.sy_honor .cert p{ margin-top: 15px;}
.sy_honor .cert .ic img{ height: 88px;}

.cert_box{ position: relative;}
.certswiper{ width:1100px; margin:0 auto; overflow: hidden; position: relative; padding-bottom:60px; margin-top:60px;z-index:3;}
.certswiper li{ width: 270px;transform-origin: center bottom; transition:1s ease; border: 7px solid #566ed6;}
.certswiper li .imggd{ padding-top: 137.3%;}
.certswiper .swiper-wrapper{align-items:flex-end; transform-style: preserve-3d;}
.cert_box .swiperbtn{ width: 62px; height: 62px; border-radius: 50%; border: 1px solid #e0e0e0; line-height: 62px; font-size: 28px; top: 50%; transition: .3s ease;}
.cert_box .swiperbtn:hover{ background: #b81b25; border-color: #b81b25; color: #fff;}
.cert_box .swiper-button-prev{ left: 2%;}
.cert_box .swiper-button-next{ right: 2%;}

.sy_choose{ background: url("../images/dqbg_11.jpg") no-repeat 35% 60px;}
.choose_box{ border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.choose_box dt{ width: 23.5%; padding: 55px 70px 100px 70px; border-right: 1px solid #e3e3e3; position: relative; transition: .3s ease;}
.choose_box dt:nth-child(3n+1){ width: 26.5%;}
.choose_box dt .ic{ margin-bottom: 35px;}
.choose_box dt b{ font-size: 24px; line-height: 35px; height: 35px; margin-bottom: 20px; font-family:tekom;}
.choose_box dt p{ font-size: 18px; line-height: 27px; height: 135px;}
.choose_box dt .txt{ position: relative; z-index: 2;}
.choose_box dt span.num{ font-size: 200px; color: #fff; opacity: .1; position: absolute; line-height: 160px; right: 60px; bottom: 30px; font-family: tekom;}
.choose_box dt:first-child{ padding-left: 7%;}
.choose_box dt:hover{ background: #b81b25; color: #fff;}
.choose_box dt:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.choose_box dt:hover b{ color: #fff;}

.sy_news .item_top{ align-items: flex-end;}
.left_news{ width: 47.5%; position: relative;}
.left_news img{ height: 500px; object-fit: cover;}
.left_news .txt{ position: absolute; width: calc(100% - 250px); left: 0; padding: 0 0 35px 40px; color: #fff; bottom: 0;}
.sy_news .right{ width: 47.8%;}
.left_news .txt h2{ font-size: 28px; font-family: tsb; color: #fff; line-height: 36px; margin-top: 15px; height: 72px; overflow: hidden;}
.left_news .more{ position: absolute; right: 0; bottom: 0; background: #eaebeb; width: 220px; text-align: center; line-height: 100px; clip-path: polygon(23px 0,100% 0,100% 77px, 197px 100%,0 100%,0 23px); text-transform: uppercase; z-index: 2; transition: .3s ease;}
.left_news .more i{ display: inline-block; transform: rotate(-45deg); font-size: 20px; margin-left: 10px;}
.left_news:after{ position: absolute; width: 30px; height: 30px; right: 0; bottom: 0; background: #b81b25; content: '';}
.left_news .more:hover{background: #b81b25; color: #fff;}
.left_news:hover h2{ color: #b81b25;}
.sy_news .right li:nth-child(2){ padding: 25px 0; margin: 25px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.sy_news .right li .pic{ width: 30%; margin-right: auto;}
.sy_news .right li .txt{ width:calc(70% - 45px); }
.sy_news .right li .imgfd{ padding-top: 58%;}
.sy_news .right li h2{ font-size: 26px; font-family: tekom; line-height: 30px; height: 60px; overflow: hidden; margin-top: 10px;}
.sy_news .right li:hover h2{ color: #b81b25;}


.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: 75%;}
.foot_center .foot_nav li{ margin: 0 auto;}
.foot_center .foot_nav a{display: block; font-size: 16px; color: #c8c8c8; margin-bottom: 15px;}
.foot_center .box{ width: 25%;}
.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_center .box .flogo{display: block;margin-bottom: 35px;}
.foot_center .box .follow h4{color: #fff; text-transform: uppercase; margin-right:5px;}
.foot_contact .fcon_box{ width: 30%;}
.foot_contact .fcon_item{ margin-bottom: 30px; overflow: hidden;}
.foot_contact .fcon_item span{ display: inline-block; margin-right: 10px; font-size: 18px; color: #999999; margin-right: auto;}
.foot_contact .fcon_item p{ line-height: 24px; width: calc(100% - 85px); font-size: 18px;}
.copy{ padding: 20px 0;}
.foot_center b{ font-family: popm; font-weight: normal;font-size: 22px; margin-bottom: 25px; display: block; color: #fff;}
.foot_center .b_top{position: absolute; bottom: 30px; right: 0; font-size: 18px; transition: .3s ease; cursor: pointer;}
.foot_center .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_center .b_top:hover { color: #b81b25;}
.foot_center .b_top:hover i{ background: #b81b25; border-color: #b81b25; 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 p{ font-size: 20px; color: #fff; margin-bottom: 15px;}
.foot_top b{ font-size: 60px; color: #fff; line-height: 70px;}
.foot_top a{ display: inline-block; line-height: 56px; padding: 0 27px; border-radius: 30px; border: 2px solid #fff; margin-left: auto; font-size: 18px; text-transform: uppercase;transition: .3s ease;}
.foot_top a i{ font-size: 18px; margin-left: 15px;}
.foot_top a:hover{ background: #b81b25; border-color: #b81b25;}
@media (max-width: 1680px) { 
    .choose_box dt{padding: 40px 55px 100px 55px;}
    .choose_box dt:first-child{ padding-left:3%;}
    .choose_box dt p{ height: 162px;}
    
}

@media (max-width: 1540px) { 
    .sy-ban .txt1 b{font-size: 54px; line-height: 60px;}
    .sy-ban .txt1 .amore{ margin-top: 50px;}
    .ban_control .center{ padding: 30px 0;}
    .sy_product b.tit{ font-size: 62px; line-height: 70px; margin-bottom:40px;}
    .pro_tab .right{ width: 71%;}
    .sy_about{ padding: 80px 0 50px;}
    .q_link dt .txt{ left: 4%; width:80%;}
    .q_link dt .txt b{ font-size: 50px; line-height: 52px;}
    .pro_tab .left h2{ font-size: 38px; line-height: 40px;}
    .q_link dt .tit p{ font-size: 22px;}
    .q_link dt .tit{ margin-bottom: 60px;}
    .item_top .sy_title{ width: 40%;}
    .sy_title b{ font-size: 54px; line-height: 62px;}
    .sol_box .soltxt .box p{font-size: 16px;}
    .sol_box .soltxt .box h2{ font-size: 26px;}
    .sy_honor .cert .ic img{ height: 80px;}
    .choose_box dt{ padding: 45px 45px 80px;}
    .choose_box dt b{ font-size: 26px; line-height: 26px; height: 26px;}
    .choose_box dt p{ font-size: 16px;}
    .choose_box dt:first-child{ padding-left:4%;}
    .choose_box dt span.num{ font-size: 160px; line-height: 130px;}
    .left_news img{ height: 470px;}
    .foot_top b{ font-size: 58px; line-height: 64px;}
        .c_txt{ width: 90%;}
}

@media (max-width: 1281px){
    .sy-ban .txt1{ top: 40%;}
	.sy-ban .txt1 b{ font-size: 48px; line-height: 54px;}
	.scr_down img{ height: 58px; width:auto;}
	.sy-ban .txt1 .bantxt p{ font-size: 20px;}
	.sy-ban .txt1 .bantxt p{margin-bottom: 15px;}
	.sy-ban .txt1 .amore{ margin-top: 30px;}
	.amore{line-height: 42px; padding:0 20px;} 
	.dtop{padding-top: 55px;}
	.sy_product b.tit{ font-size: 52px; line-height: 56px; margin-bottom: 30px;}
	.pro_nav li .ic img{ height: 120px;}
	.pro_tab .right .txt p{ font-size: 16px;}
	.q_link dt .txt{ top: 40px; width:90%;}
	.q_link dt .tit{ padding-left: 30px; border-width:6px; margin-bottom:40px;}
	.sy_title b{ font-size: 46px; line-height: 52px;}
	.sy_title span{ font-size: 16px;}
	.item_top .top_des{ font-size: 16px;}
.sol_box .soltxt .box p{ height: 81px; overflow:hidden;}
.sy_honor .cert .ic img{ height: 68px;}
.item_top .top_des .amore{margin-top: 20px;}
.choose_box dt .ic img{ height: 70px;}
.choose_box dt .ic{ margin-bottom: 25px;}	
.choose_box dt{padding: 40px 40px 60px;}
.choose_box dt p{ line-height: 24px;}
.left_news img{ height: 405px;}
.left_news .txt{ padding: 0 0 25px 20px; width:calc(100% - 200px);}
.left_news .more{ width: 180px; line-height: 60px;}
.sy_news .right li h2{ font-size: 24px;}
.sy_news .right li .txt{ width: calc(70% - 20px);}
.sy_about .title b{ font-size: 40px; line-height: 46px;}
.ab_des p{ font-size: 16px;}
.c_txt{ width: 96%;}
.mainh{ height: 65px;}
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.right_online{ display: none;}
	.sy-ban .txt1 b{ font-size: 40px; line-height: 48px;}
	.sy-ban .txt1 .bantxt{ max-width: 65%;}
	.sy-ban .txt1 .amore{ display: none;}
	.ban_control .center{ padding: 15px 0;}
	.sy_product .pro_tab{ display: none;}
	.certswiper{ width: 800px;}
	.certswiper li{ width: 210px;}
	.cert_box .swiperbtn{ width: 44px; height: 44px; line-height: 44px; font-size: 22px;}
	.q_link dt .txt b{ font-size: 34px; line-height: 34px; margin-bottom:5px;}
	.q_link dt .tit p{ font-size: 16px;}
	.choose_box{ display: block;}
	.choose_box dt,.choose_box dt:first-child{ display: flex; width:100%; align-items: flex-start; padding:30px;}
	.choose_box dt:nth-child(3n+1){ width:100%;}
	.choose_box dt p{ height: auto;}
	.choose_box dt b{ margin-bottom: 15px;}
	.choose_box dt .txt{ width: calc(100% - 90px); margin-left:auto;}
	.choose_box dt{ border-right: none; border-bottom: 1px solid #e3e3e3;}
	.left_news img{ height: 360px;}
	.foot_center{ display: none;}
	
}

@media (max-width: 450px){
.sy-ban .txt1 .bantxt{ max-width: 90%;}
.scr_down,.ban_control .swiper-num{ display: none;}
.ban_control .center{ padding: 0;}
.sy-ban .txt1 .bantxt p{ font-size: 14px; margin-bottom: 5px;}
.sy-ban .txt1 b{ font-size:20px; line-height:26px;}
.pro_nav li{ width: 50%; padding:20px;}
.pro_nav{ padding: 0;}
.pro_nav li:nth-child(n+3):before{position:absolute; width:100px; height: 1px; background: rgba(255,255,255,.2); content: ''; left: 50%; transform: translateX(-50%); top: 0;}
.pro_nav li .tit:after{ display:none;}
.pro_nav li h2{ font-size: 18px;}
.pro_nav li .ic img{ height: 100px;}
.dtop{ padding-top: 35px;}
.sy_product b.tit{ font-size: 34px; line-height: 40px; margin-bottom:20px;}
.sy_about{ padding: 40px 0 35px;}
.sy_about .title span{ font-size: 16px;}
.sy_about .title b{ font-size: 24px; line-height: 30px;}
.q_link{display: none;}
.item_top{ display: block;}
.item_top .sy_title{ width: 100%; margin-bottom:15px;}
.sy_title b{ font-size: 28px; line-height: 35px; margin-top:5px;}
.item_top .top_des{ width: 100%;}
.item_top{margin-bottom: 25px;}
.sol_box .solpic{ display: none;}
.sol_box .soltxt{ position: unset;}
.sol_box .soltxt li{ width: 48%; margin-bottom:15px;}
.sol_box .soltxt .box{ position: unset; padding:40px 20px 25px;background:linear-gradient( to top,rgba(184,27,37,1),rgba(184,27,37,0.01))}
.sol_box .soltxt li.active .box p{ display:none;}
.sol_box .soltxt li:nth-child(2n+1){margin-right:auto;}
.sol_box .soltxt .box h2{ font-size: 20px; line-height: 26px; height: 52px;}
.sy_title{ margin-bottom: 20px;}
.sy_honor .c_txt p{ font-size: 16px;}
.sy_honor .cert{ margin: 20px 0 25px;}
.sy_honor .cert .ic img{ height: 40px;}
.sy_honor .cert p{ display: none;}
.certswiper{ width: 380px; margin-top:30px;}
.certswiper li{ width: 121px; border-width: 3px;}
.cert_box .swiperbtn{ width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
.choose_box dt p{line-height: 24px;}
.left_news{ display: none;}
.sy_news .right{ width: 100%;}
.item_top  .amore{ display: none;}
.sy_news .right li h2{ font-size: 20px; line-height: 25px; height: 50px;}
.sy_news .right li span{ font-size: 14px;}
.sy_news .right li .imgfd{ padding-top: 65%;}
.sy_news .right li:nth-child(2){ padding:15px; margin: 18px 0;}
.choose_box dt, .choose_box dt:first-child{padding:20px;}
.choose_box dt .ic img{ height: 50px;}
.choose_box dt .txt{ width: calc(100% - 65px);}
.copy{font-size: 13px; padding: 15px 0;}
.mainh{ height: 35px;}
.m_img .headlf .m_logo{ max-height: 38px;}
.m_img .headlf{ padding-top: 10px;}
.choose_box dt b{ margin-bottom: 10px; font-size:20px;}
}


.ny_ban{ position: relative;}
.ny_ban img{ width: 100%;}
.ny_ban .txt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color:#fff; text-align:center;}
.ny_ban .txt b{ font-size: 70px; color: #fff; line-height: 80px; margin-bottom:20px;}
.ny_ban .txt p{font-size: 20px;}
.ny_ban .txt .box{ max-width: 80%; margin: 0 auto;}
.ny_ban .txt .btns{ margin-top: 55px;}
.ny_ban .txt .amore{ margin: 0 15px;}
.ny_ban .posi{ position: absolute; width: 100%; left: 0; color:#fff; bottom:25px;}
.ny_ban .posi a{ color: #fff;}

.npro_nav{ margin: 30px 0 60px; border-bottom: 1px solid #e7e7e7; text-align:center;}
.npro_nav ul{ justify-content: center;}
.npro_nav ul li{ width: 14.28%; padding:0 20px;}
.npro_nav h2{ font-size: 20px; font-family: teko; display:inline-block; line-height:30px; height:60px; overflow:hidden;}
.npro_nav .tit{ position:relative; display:inline-block; margin-top:15px;}
.npro_nav .tit:after{ position:absolute; width: 0; height: 3px; background: #b81b25; transition: .3s ease; content: ''; left:0; bottom:0;}
.npro_nav img{ height: 160px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.npro_nav .act img,.npro_nav li:hover img{ filter:unset;}
.npro_nav .act .tit:after,.npro_nav li:hover .tit:after{ width:100%;}
.npro_nav .act h2,.npro_nav li:hover h2{ color:#b81b25;}

.pro_list li{ float: left; width: 24%; margin-right: 1.33%; margin-bottom: 25px;}
.pro_list li:nth-child(4n){ margin-right:0;}
.proli{ border: 1px solid #eaeaea; transition:.3s ease; padding:30px 15px 40px; text-align:center;}
.proli .imgfd{ padding-top: 100%;}
.proli h2{ font-size: 26px; font-family: tekom; line-height: 32px; height: 32px; overflow: hidden; margin: 25px 0 ;}
.proli .more{ display: inline-block; line-height: 40px; padding: 0 22px; border: 1px solid #333333; border-radius:21px; margin:0 9px; font-size:13px; text-transform:uppercase; transition:.3s ease;}
.proli .more1{ background: #333; color: #fff;}
.proli .more i{ display: inline-block; margin-left: 3px; transform: rotate(-45deg);}
.proli .more1:hover{ background:#b81b25; border-color:#b81b25;}
.proli .more:not(.more1):hover{ border-color:#b81b25; color:#b81b25;}
.proli:hover{ border-color:#b81b25;}
.proli:hover h2{ color:#b81b25;}

.ny_choose{ position: relative; background: url(../images/mapbg_03.png) no-repeat left center;}
.ny_choose .chologo{ position: absolute; top: 80px; filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(90%);-webkit-filter: brightness(0%) invert(90%); width: 550px; opacity:.3;}
.ny_choose .left{ width: 40%; margin-right:auto; position:relative; z-index:3;}
.ny_choose .right{ width: 60%; position:relative;}
.tsb72{ font-size: 60px; font-family: tsb; line-height: 68px; margin-bottom: 20px;}
.ny_choose .tsb72{ text-transform: uppercase;}
.ny_choose .tit p{ font-size: 20px;}
.ny_choose .tit{ margin-bottom: 90px;}
.ny_choose .tab-bd b{ font-size: 40px; font-family: tekom; padding-left:22px; line-height:48px; position:relative; margin-bottom:25px;}
.ny_choose .tab-bd b:after{ position:absolute; left: 0; top: 5px; width: 5px; background: #b81b25; content:''; height:32px;}
.ny_choose .tab-bd p{ font-size: 20px;}
.ny_choose .left .amore{ margin-top: 95px;}
.ny_choose .right .cir_pic{ position: relative; width: 660px; height: 660px; border:1px solid #ededed; border-radius:50%;}
.ny_choose .right .imgfd{ width: 440px; padding-top: 440px; border-radius: 50%; z-index:3; position:absolute; left:110px; top:110px;}
.ny_choose .right .cir_pic:after{ position:absolute; width: 500px; height: 500px; position: absolute; background: #f9f9f9; left: 80px; top: 80px; content:''; border-radius:50%;}
.ny_choose .right .cir_pic:before{ position: absolute; left: -110px; top: -110px; content:'';}
.ny_choose .right li{ position: absolute; width: 340px; top:0; right:140px;}
.ny_choose .right li .ic{ width: 130px; height: 130px; 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); font-size:20px;}
.ny_choose .right li:last-child{ bottom:0; right:140px; top:auto;}
.ny_choose .right li:nth-child(2){ top:25%; right:20px;}
.ny_choose .right li:nth-child(3){ bottom:26%; right:20px; top:auto;}
.ny_choose .right li.active .ic{ background: rgba(180,114,118,.1); border:none;}
.ny_choose .right li.active .ic:after{ background:#b81b25;}
.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%);}

.pro_solution .tsb72 span{ color: #b81b25;}
.pro_solution .c_txt p{ font-size: 20px;}
.pro_solution .c_txt p span{ font-weight: bold;}
.techswiper{ position: relative; padding-bottom: 40px; margin-top: 40px; overflow:hidden;}
.techswiper li{ background: #f9f9f9;}
.techswiper li .imgfd{ padding-top: 60%;}
.techswiper .txt{ padding: 28px;}
.techswiper .txt h2{ font-size: 26px; font-family: tekom; margin-right:auto; width: calc(100% - 130px); line-height: 30px; height: 30px; overflow: hidden;}
.techswiper .txt .tcbtn{ display: inline-block; line-height: 40px; padding: 0 22px; border: 1px solid #333333; border-radius:21px; font-size:13px; text-transform:uppercase; transition:.3s ease; font-size:14px;}
.techswiper .txt .tcbtn i{ display: inline-block; margin-left: 3px; transform: rotate(-45deg);}
.techswiper .txt .tcbtn:hover{ background:#b81b25; border-color: #b81b25; color: #fff;}

.pro_client{ position: relative;}
.pro_client:after{ position:absolute; width: 1px; height: 330px; border-right: 1px dashed #b81b25; content:''; left:45%; top:50%; transform:translateY(-50%);}
.pro_client .left{ width: 35%;}
.pro_client .cliswiper{ width: 45%; overflow:hidden; background:#f8f8f8;}
.pro_client .left .tit p{ display: block; font-size: 18px; margin-bottom: 15px; padding-left:75px; position:relative;}
.pro_client .left .tit p:after{ width:60px; height: 3px; background: #b81b25; content: ''; left: 0; top: 13px; position:absolute;}
.pro_client .left .tit b span{ color: #b81b25;}
.pro_client .left .des{ font-size: 20px; margin-bottom:40px;}

.cliswiper{ position: relative; overflow: hidden;}
.clibox{ padding: 60px 70px 45px;}
.clibox p{ font-size: 18px;}
.clibox .says{ position: relative; margin-bottom:30px;}
.clibox .says:after{ position:absolute; content: ' " '; font-family:arial; left: -50px; top: 0px; font-size: 150px; line-height:80px; color: #7b7b7b; opacity:.1;}
.clibox .says:before{ position:absolute; content: ' " '; font-family:arial; right: -50px; bottom: -80px; font-size: 150px; line-height:80px; color: #7b7b7b; opacity:.1;}
.clibox .says p{ height: 120px;}
.cli_person .photo{ width: 78px; height: 78px; margin-right:20px;}
.cli_person .photo .imgfd{ border-radius: 50%; padding-top: 100%;}
.cli_person .photo .name p{ font-size: 20px; margin-bottom: 10px;}
.cliswiper .swiperbtn{ position: unset; width: 40px; height: 40px; border-radius: 20px; margin-top: 0; text-align: center; line-height: 40px; background: #b81b25; margin-left: 10px; display:inline-block; color:#fff; font-size:22px;}
.cliswiper .btns{ position: absolute; right: 70px; bottom: 50px; z-index:3;}
.pro_cust{ background: #fbfbfb;}
.pro_cust .center{ background: url(../images/mapbg_03.png) no-repeat right center;}
.pro_cust .custswiper{ width:50%; position: relative; padding-bottom:40px; overflow:hidden;}
.custswiper .swiper-wrapper{ height: 245px; overflow: hidden;}
.custswiper .imgfd{ padding-top: 45.2%; background:#fff;}
.custswiper ul li{height: calc((100% - 20px) / 2) !important;}
.pro_cust .cus_txt{ width: 45%;}
.tsb72 span{ color: #b81b25;}
.pro_cust .cus_txt .tsb72{ margin-bottom: 25px;}
.pro_cust .cus_txt p{ font-size: 20px; margin-bottom: 40px;}
#st-1.st-animated{ z-index: 3;}
.facswiper{ position: relative; padding-bottom: 40px; overflow: hidden; text-align:center;}
.facswiper .imgfd{ padding-top: 60.5%; margin-bottom:20px;}
.facswiper p{ font-size: 18px; height: 30px;}
.fac_show .tsb72{ margin-bottom: 20px;}
.fac_show .c_txt p{ font-size: 20px;}
.fac_show .c_txt{ margin-bottom: 40px;}

.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 0; border-bottom: 1px solid #d8d8d8;}
.com_msg .formbox i{ position: absolute; font-size: 28px; right: 0; top: 37px; color: #aaa;}
.com_msg .shenm p{ font-size: 14px; margin-right: auto;}
.com_msg .sub{ width: 280px; line-height: 68px; border-radius: 34px; text-align: center; color: #fff; background: #b81b25; font-size:24px; font-family:teko; cursor:pointer; text-transform:uppercase;}
.com_msg .sub i{ font-size:20px; margin-right: 10px; transition:.3s ease}
.com_msg .sub:hover i{ margin-right:15px;}

.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; border-radius: 24px; 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:#b81b25; transform:rotate(180deg);}

@media (max-width: 1540px) { 
    .npro_nav img{ height: 140px;}
    .ny_choose .right li .ic{ width: 116px; height: 116px;}
    .ny_choose .right li .ic:after{ width:96px; height: 96px;}
    .ny_choose .right li .ic img{ height: 50px;}
    .ny_choose .right li p{ width: calc(100% - 130px);}
    .ny_choose .right li,.ny_choose .right li:last-child{ right: 100px;}
    
    .ny_choose .right li:nth-child(2),.ny_choose .right li:nth-child(3){right:0;}
    .ny_choose .right .cir_pic{ width: 600px; height: 600px;}
    .ny_choose .right .cir_pic:after{ width:460px; height: 460px; left: 70px; top: 70px;}
    .ny_choose .right .imgfd{ width: 400px; padding-top: 400px; left:100px; top:100px;}
    .ny_choose .left .amore{ margin-top: 50px;}

    .tsb72{ font-size: 56px; line-height: 64px;}
    .ny_ban .txt b{ font-size: 70px; line-height: 70px;}
    .ny_ban .txt .btns{ margin-top: 30px;}
}
@media (max-width: 1281px) { 
    .npro_nav img{ height: 120px;}
    .npro_nav h2{ font-size: 20px; line-height: 26px; height: 52px;}
    .proli{ padding: 20px 10px 25px;}
    .proli h2{ font-size: 22px; line-height: 26px; height: 26px; margin: 20px 0;}
    .proli .more{line-height: 32px; padding: 0 16px;}
    .tsb72{ font-size: 50px; line-height: 56px;}
    .ny_choose .tit p{ font-size: 16px;}
    .ny_choose .tit{margin-bottom: 50px;}
    .ny_choose .tab-bd b{ font-size: 38px; line-height: 40px;}
    .ny_choose .tab-bd b:after{ height:26px; width:4px;}
    .ny_choose .right li .ic{ width: 100px; height: 100px;}
    .ny_choose .right li .ic:after{ width:80px; height: 80px;}
    .ny_choose .right li .ic img{ height: 40px;}
    .ny_choose .right li p{ width: calc(100% - 110px);}
    .ny_choose .right li{ right: 100px; width:280px;}
    .ny_choose .right li:nth-child(2),.ny_choose .right li:nth-child(3){right:0;}
    .ny_choose .right .cir_pic{ width: 520px; height:520px;}
    .ny_choose .right .cir_pic:after{ width:400px; height: 400px; left: 60px; top: 60px;}
    .ny_choose .right .imgfd{ width: 360px; padding-top: 360px; left:80px; top:80px;}
    .techswiper .txt{ padding:20px;} 
    .techswiper .txt h2{ font-size: 22px; max-width:calc(100% - 115px);}
    .techswiper .txt .tcbtn{ line-height: 32px; padding: 0 15px;}
    .pro_client .cliswiper{ width: 50%;}
    .clibox{ padding: 45px 50px 40px;}
    .clibox p{ font-size: 16px;}
    .pro_client .left .des{ font-size: 18px;}
    .clibox .says:before{ right:-30px;}
    .custswiper .swiper-wrapper{height: 200px;}
    .ny_ban .txt b{ font-size: 60px; line-height: 60px;}
    .tc_box{ width: 98%;}
}
@media (max-width: 1024px) { 
    .npro_nav img{ height: 90px;}
    .pro_list li{ width: 32%; margin-right: 2%;}
    .pro_list li:nth-child(4n){ margin-right:2%;}
    .pro_list li:nth-child(3n){ margin-right:0;}
    .ny_choose .chologo{ width: 300px;}
    .ny_choose .left{ width: 100%; float: none; margin-bottom:30px;}
    .ny_choose .left .tab-bd{ display: none;}
    .ny_choose .left .amore{ margin-top: 0;}
    .ny_choose .right{ width: 85%;}
    .ny_choose .right li{ width: 360px;}
    .pro_solution .c_txt p{ font-size: 16px;}
    .tsb72{ font-size: 40px; line-height: 44px; margin-bottom:15px;}
    .techswiper .txt{ padding: 18px 15px;}
    .techswiper .txt h2{ font-size: 18px; line-height: 24px; height:24px;}
    .custswiper .swiper-wrapper{ height: 170px;}
    .pro_cust .cus_txt p{ font-size: 16px; margin-bottom: 30px;}
    .com_msg .sub{ width: 220px; line-height: 58px;}
    .ny_ban .txt b{ font-size: 52px; line-height: 52px; margin-bottom:10px;}
    .ny_ban .txt p{ font-size: 16px;}
    .ny_ban .txt .btns{ margin-top: 20px;}
    .ny_ban .posi{ bottom: 20px;}
}
@media (max-width: 450px) {
    .ny_ban img{ height: 220px; object-fit: cover;}
    .ny_ban .txt .btns{ display: none;}
    .ny_ban .txt b{ font-size: 30px; line-height: 30px;}
    .posi{ font-size: 14px;}
    .ny_ban .posi{ bottom: 15px;}
    .npro_nav{ display: none;}
    .pro_list li{ width: 100%; float: none; margin-bottom:15px;}
    .ny_choose .right .cir_pic{ display: none;}
    .ny_choose .right li{ width: 100%; position: unset;}
    .ny_choose .right{ width: 100%;}
    .ny_choose .tit{ margin-bottom: 25px;}
    .ny_choose .right li{ margin-top: 15px;}
    .ny_choose .right li .ic{ width: 60px; height: 60px;}
    .ny_choose .right li .ic:after{ width:50px; height: 50px;}
    .ny_choose .right li .ic img{ height: 32px;}
    .ny_choose .right li p{ width: calc(100% - 75px); font-family:teko; font-size:22px;}
    .tsb72{ font-size: 26px; line-height: 34px;}
    .pro_client .left{ width: 100%; float: none;}
    .pro_client:after{ width:100%; height: 1px; border-right: none; border-bottom: 1px dashed #b81b25; left: 0; top: 45%;}
    .pro_client .cliswiper{ width: 100%; margin-top: 40px;}
    .pro_client .left .des{margin-bottom: 25px;}
    .amore{ line-height: 36px; padding: 0 15px; border-width: 1px; font-size:14px;}
    .amore i.icon-right-l{ font-size: 16px;}
    .clibox{padding: 35px 25px;}
    .clibox .says:before,.clibox .says:after{ font-size:100px;}
    .clibox .says:after{ left:-20px;}
    .clibox .says:before{ right:-20px;}
    .cli_person .photo{ width: 60px; height: 60px;}
    .cliswiper .btns{ right: 25px; bottom: 35px;}
    .clibox .says p{ height: 168px;}
    .cliswiper .swiperbtn{ width: 30px; height: 30px; line-height: 30px; font-size:18px;}
    .pro_cust .custswiper{ width: 100%; margin-bottom: 25px; padding-bottom:20px;}
    .pro_cust .cus_txt{ width: 100%;}
    .custswiper .swiper-wrapper{height: 140px;}
    .pro_cust .cus_txt .tsb72{ margin-bottom: 15px;}
    .pro_cust .cus_txt p{ margin-bottom: 20px;}
    .fac_show .tsb72{ margin-bottom: 15px;}
    .fac_show .c_txt p{ font-size: 16px;}
    .fac_show .c_txt{ margin-bottom: 20px;}
    .com_msg .formbox.fl{ width: 100%; float: none;}
    .com_msg .formbox{ margin-bottom: 20px;}
    .com_msg .c_txt{margin-bottom: 20px;}
    .com_msg .formbox label{ font-size: 16px;}
    .com_msg .formbox i{ font-size: 24px;}
    .com_msg .shenm{ display: block;}
    .com_msg .sub{ width: 100%; line-height: 44px; margin-top:20px; font-size:22px;}
    .com_msg .tsb72{ margin-bottom: 10px;}
    .tc_box{ padding: 30px 25px;}
    .tc_box{ border-radius: 12px;}
    .tc_box .close{ font-size: 26px; top: 20px; right: 20px;}
}
.show_top{ padding-bottom:95px; background:#fafafa url(../images/mapbg_03.png) no-repeat right center;}
.show_posi{ padding: 35px 0; color:#999;}
.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: 65%;}
.show_top .pic .swiperbtn{ top: 50%; font-size: 36px;}
.show_top .pic .swiper-button-prev{ left: 0;}
.show_top .pic .swiper-button-next{ right: 0;}
.show_top .pic .swiperbtn:hover{ color:#b81b25;}
.show_top .txt{ width: 48%;}
.bigswiper{ overflow: hidden;}
.show_top .txt h1{ font-size: 54px; font-family: tsb; line-height: 60px; }
.show_top .txt .amore{ font-family:teko; font-size:20px; padding:0 40px;}
.show_top .txt .cirbtn{ line-height: 50px; height: 50px; border: 1px solid #b81b25; display:inline-flex; align-items:center; text-align:center; margin-left:15px; font-size:0; color:#b81b25; transition:.2s ease; border-radius:26px;}
.show_top .txt .cirbtn i{ font-size: 22px; display: inline-block; line-height: 50px; width:50px; color:#b81b25;}
.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:#b81b25; color:#b81b25;}
.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: 80px; font-size:20px;}
.show_top .smswiper{ overflow: hidden;}
.show_top .smbox{ padding: 0 35px; position: relative; margin-top: 20px;}
.show_top .smswiper li{ border: 1px solid #e1e1e1; padding: 9px;}
.show_top .smswiper li.swiper-slide-thumb-active{ border-color: #b81b25;}
.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{ position: sticky; top: 105px;z-index:5;}
.det_nav .hd{ background: #f1f1f1;}
.det_nav .hd a{ width: 16.66%; height:72px; justify-content:center; font-size:24px; font-family:teko;}
.det_nav .hd a i{ font-size: 24px; margin-right: 8px;}
.det_nav .hd a.cur{ background: #b81b25; 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; text-align:center;}
.det_para table tr:nth-child(2n+1){ background:#f4f4f4;}
.det_tit img,.det_show img{ max-width: 100%!important;}
.det_app dt{ width: 19%; margin-right: 1.25%; margin-bottom: 20px; background: #f8f8f8; transition:.3s ease; padding:40px; text-align:center; transition:.3s ease;}
.det_app dt:nth-child(5n){ margin-right:0;}
.det_app dt img{ height: 68px;}
.det_app dt p{ font-size: 24px; font-family: tekom; height: 30px; margin-top: 15px;}
.det_app dt:hover{ background:#b81b25;}
.det_app dt:hover p{ color:#fff;}
.det_app dt:hover img{  filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.caseswiper.det_show li{background: #f7f7f7;}
.det_faq .tit{ padding: 22px 65px; background:#f8f8f8; cursor:pointer; transition:.3s ease;}
.det_faq .tit p{ font-size: 24px; font-family: tekom; max-width: calc(100% - 40px); margin-right: auto;}
.det_faq .tit i{ font-size: 26px; display: block;}
.det_faq .ans{ padding: 40px 65px; font-size:18px; display:none; transition:.3s ease;}
.det_faq dt.on .tit{ background: #b81b25; color:#fff;}
.det_faq dt.on .tit i{ transform: rotate(180deg);}
.det_faq dt{margin-bottom: 20px;}
.det_faq dt.on .ans{ display: block;}
.caseswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
.caseswiper li{ background: #fff;}
.caseswiper .imgfd{ padding-top: 60%;}
.caseswiper .txt{ padding: 22px 30px;}
.caseswiper .txt h2{ font-family: teko; font-size: 22px; width:calc(100% - 130px); line-height:32px; height:64px; overflow:hidden; margin-right:auto;}
.caseswiper .txt .tcbtn{ display: inline-block; line-height: 40px; padding: 0 22px; border: 1px solid #333333; border-radius:21px; font-size:13px; text-transform:uppercase; transition:.3s ease; font-size:14px;}
.caseswiper .txt .tcbtn i{ display: inline-block; margin-left: 3px; transform: rotate(-45deg);}
.caseswiper .txt .tcbtn:hover{ background:#b81b25; border-color: #b81b25; color: #fff;}
.caseswiper li:hover h2 a{ color:#b81b25;}
.rel_pro .tsb72{ text-align: center;}
.relproswiper{ position: relative; margin-top: 40px; overflow: hidden; padding-bottom: 40px;}
@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;}
}
@media (max-width: 1024px) { 
    .show_top .pic{ width: 100%; float: none; margin-bottom: 30px;}
    .show_top .txt{ width: 100%;}
    .det_nav{display: none;}
    .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;}
}
@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{font-size: 20px; 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;}
}
.ab_circor{ position: relative;}
.ab_circor .logo_bg img{ height: 150px;  filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(90%);-webkit-filter: brightness(0%) invert(90%); opacity:.2; margin-right:40px;}
.ab_circor .logo_bg{ position: absolute; left: 0; top: 25%;}
.ab_circor .center{ position: relative; z-index: 2;}
.ab_circor .left{ width: 44%;}
.ab_circor .left .tit p{ font-size: 24px;}
.ab_circor .left .tit{ margin-bottom: 80px;}
.ab_circor .right{ width: 48%;}
.ab_circor .right b{ font-size: 36px; font-family: tekom; line-height:50px; margin-bottom:57px}
.ab_circor .right p{ font-size: 20px;}
.ab_number dt{ width: 20%; margin-right: auto; position:relative;}
.ab_number dt:last-child{ margin-right:auto;}
.ab_number dt:after{ position:absolute; content:' '; width: 1px; height: 70px; right: 0; top: 50%; transform: translateY(-50%); background:#e4e4e4;}
.ab_number dt:last-child:after{ display:none;}
.ab_number dt:last-child{margin-right:0;}
.ab_number{ margin-top: 55px;}
.ab_number .ic{ margin-right: 35px;}
.ab_number b{ font-size: 100px; font-family: tekom; line-height:90px; height:90px;}
.ab_number sup{ font-size: 80px; line-height: 60px; height: 60px; margin-left:5px;}
.ab_number p{ font-size: 18px; height: 30px;}

.ab_tech{background: #f8f8f8;}
.ab_tech .item_top .sy_title{ width: 40%;}
.ab_tech .techswiper li{ background: #fff;}

.ab_honor{ text-align: center; background: #f8f8f8;}
.ab_honor .center{ background: url(../images/mapbg_03.png) no-repeat  top center;}
.abcertswiper{ overflow: hidden; margin: 40px 0;}
.ab_honor p{ font-size: 20px;}
.abcertswiper li{ border:6px solid #c4d4e0;}
.abcertswiper .imgfd{ padding-top: 138.5%;}
.swiperall{ position: relative;}
.swiperall .swiperbtn{ font-size: 40px; top: 50%;}
.swiperall .swiper-button-prev{ left: -50px;}
.swiperall .swiper-button-next{ right: -50px;}
.swiperall .swiperbtn:hover{ color:#b81b25;}
.ab_honor .amore{ margin-top: 35px;}
.ab_cust{ background: url(../images/mapbg_03.png) no-repeat  top center;}
.abcustswiper{ margin-top: 40px; position: relative; overflow: hidden; padding:5px 5px 40px;}
.abcustswiper .imgfd{ padding-top: 45%;}
.abcustswiper li{ box-shadow: 0 0 8px rgba(0,0,0,.1);}
.ab_cust p{ font-size: 20px;}
@media (max-width: 1650px) { 
     .swiperall{ padding: 0 30px;}
    .swiperall .swiper-button-prev{left: 0;}
    .swiperall .swiper-button-next{ right: 0;}
    
    
}
@media (max-width: 1540px) { 
    .ab_number dt{ width: 22%;}
    .ab_number b{ font-size: 80px; line-height: 75px; height: 75px;}
}

@media (max-width: 1281px) { 
    .ab_circor .right b{ font-size: 26px; line-height: 34px; margin-bottom:35px;}
    .ab_circor .left .tit p{font-size: 20px;}
    .ab_circor .left .tit{ margin-bottom: 45px;}
    .ab_circor .right p{ font-size: 16px;}
    .ab_number dt{ width: 23%;}
    .ab_number b{ font-size: 68px; line-height: 65px; height: 65px;}
    .ab_number sup{ font-size: 48px; line-height: 48px; height: 48px;}
    .ab_number .ic{margin-right: 25px;}
}
@media (max-width: 1024px) {
    .ab_circor .left{ width: 100%; float: none;}
    .ab_circor .right{ width: 100%; margin-top: 30px;}
    .ab_circor .right b{margin-bottom: 25px;}
    .ab_number{ margin-top: 40px;}
    .ab_number .ic{ margin-right:20px;}
    .ab_number .ic img{ height: 48px;}
    .ab_number dt{ width: 45%; margin-bottom:20px;}
    .ab_number dt:nth-child(2n){ margin-right:0;}
    .ab_number dt:nth-child(2):after{ display:none;}
    .ab_number b{font-size: 55px; line-height: 55px; height: 55px;}
}
@media (max-width: 450px) {
    .ab_circor .left .tit p{ font-size: 18px;}
    .ab_circor .left .tit{ margin-bottom: 25px;}
    .ab_circor .right b{ font-size: 22px; line-height: 28px;}
    .ab_tech .item_top .sy_title{ width: 100%;}
    .abcertswiper{ margin: 25px 0;}
    .swiperall .swiperbtn{font-size: 30px;}
    .ab_honor p{ font-size: 16px;}
    .ab_honor .amore{ margin-top: 25px;}
    .ab_cust p{font-size: 16px;}
    .abcustswiper{ margin-top: 25px;}
    .ab_circor .logo_bg{display: none;}
    .ab_number dt{ display: block;}
    .ab_number .ic{ margin-bottom: 20px;}
    .ab_number p{font-size: 16px;}
    
}
.fac_nav{ padding: 27px 0; border-bottom:1px solid #e2e2e2;}
.fac_nav a{ display: block; width: 33.33%; text-align: center; line-height: 26px; border-right: 1px solid #e2e2e2; font-size:20px;}
.fac_nav a.act,.fac_nav a:hover{color:#b81b25;}
.fac_nav a:last-child{ border:none;}
.fac_page .c_txt p{ font-size: 20px;}
.fac_page .c_txt{ margin-bottom: 40px;}
.fac_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 80px; text-align:center;}
.fac_list li:nth-child(3n){ margin-right:0;}
.fac_list li .imgfd{ padding-top: 60%; margin-bottom:20px;}
.fac_list li p{ font-size: 18px; height: 30px;}
@media (max-width: 1024px) {
    .fac_nav{ padding: 20px 0;}
    .fac_nav a{ font-size: 18px;}
    .fac_list li{ margin-bottom: 45px;}
    .fac_list li .imgfd{ margin-bottom: 10px;}
}
@media (max-width: 450px) {
    .fac_nav a{font-size: 16px;}
    .fac_page .c_txt p{font-size: 16px;}
    .fac_page .c_txt{ margin-bottom: 20px;}
    .fac_list li{ width: 49%; margin-bottom: 35px;}
    .fac_list li:nth-child(3n){ margin-right:2%;}
    .fac_list li:nth-child(2n){ margin-right:0;}
    .fac_list li p{ font-size: 16px; line-height:24px; height:24px;}
}
.sol_page .c_txt p{ font-size: 20px;}
.sol_page .c_txt{ margin-bottom: 40px;}
.sol_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 45px; background:#f9f9f9; transition:.3s ease;}
.sol_list li:nth-child(3n){ margin-right:0;}
.sol_list li .imgfd{padding-top: 60%;}
.sol_list li .txt{ padding: 35px 38px;}
.sol_list li .txt h2{ font-family: tekom; font-size: 30px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 15px;}
.sol_list li .txt p{ font-size: 18px; height: 90px; overflow: hidden;}
.sol_list li:hover{ background:#b81b25; color:#fff;}
.sol_list li:hover h2,.sol_list li:hover p{ color:#fff;}
@media (max-width: 1281px) {
    .sol_list li .txt{ padding: 25px 30px;}
    .sol_list li .txt p{ font-size: 16px;}
}
@media (max-width: 1024px) {
    .sol_list li{ width: 49%; margin-bottom: 30px;}
    .sol_list li:nth-child(3n){ margin-right:2%;}
    .sol_list li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px) {
    .sol_page .c_txt p{font-size: 16px;}
    .sol_list li{ width: 100%; margin-bottom: 20px;}
    .sol_list li .txt h2{ font-size: 24px; line-height: 24px; margin-bottom: 5px;}
    .sol_list li .txt{ padding: 20px 18px;}
    .sol_list li .txt p{ height: 48px;}
}
.sol_det{ padding: 65px 0 85px;}
.sol_txt{ font-size: 18px; margin-bottom:65px;}
.soldet_box{ position: relative;}
.soldet_box .pic{ width: 57.5%;}
.soldet_box .pic .imgfd{ padding-top: 60%;}
.soldet_box .txt{ width: 38%; padding-top:40px; font-size:18px; position:relative; z-index:3;}
.soldet_box .txt b{ font-size: 40px; margin-bottom: 15px;}
.sol_youshi{ position: absolute; background: rgba(255,255,255,.9); padding:45px 0; right:0; bottom:40px;}
.sol_youshi dt{ width: 33.33%; text-align: center; position:relative; padding:0 45px;}
.sol_youshi dt p{ font-size: 18px; height: 60px; margin-top: 15px; transition:.3s ease;}
.sol_youshi dt:after{ position:absolute; right: 0; width: 1px; height: 80px; background: #ececec; content: ''; top:50%; transform:translateY(-50%);}
.sol_youshi dt:last-child:after{ display:none;}
.sol_youshi dt .ic{ transition: 2s ease;}
.sol_youshi dt:hover .ic{ transform:rotateY(360deg);}
.sol_youshi dt:hover p{ color:#b81b25;}

.rel_case{ background: #fafafa;}
.rel_case .tsb72{ text-align: center; margin-bottom: 40px;}
@media (max-width: 1540px) {
    .sol_youshi{ padding: 25px 0; bottom:30px;}
    .soldet_box .txt{ padding-top: 30px;}
    .soldet_box .txt b{ font-size: 36px; line-height: 40px;}
    
}
@media (max-width: 1281px) {
    .sol_det{padding: 40px 0 60px;}
    .soldet_box .pic .imgfd{ padding-top: 70%;}
    .sol_youshi dt p{ font-size: 16px; line-height: 24px; height: 48px; margin-top:10px;}
    
}
@media (max-width: 1024px) {
    .sol_youshi{ position: unset; width: 100%;}
    .rel_case .tsb72{margin-bottom: 25px;}
    
}
@media (max-width: 450px) {
    .sol_det{ padding: 25px 0 40px;}
    .sol_txt{ margin-bottom: 30px;}
    .soldet_box .pic{ width: 100%; float:none;}
    .soldet_box .pic .imgfd{ padding-top: 60%;}
    .soldet_box .txt{ width: 100%;float: none;}
    .soldet_box .txt b{ font-size: 26px; line-height: 30px;}
    .sol_youshi dt{ padding: 0 10px;}
    .sol_youshi dt p{ font-size: 14px; line-height: 20px;}
    .sol_youshi dt .ic img{ height: 40px;}
}
.news_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 80px; padding-bottom:45px; border-bottom:1px solid #eeeeee; position:relative;}
.news_list li:nth-child(3n){ margin-right:0;}
.news_list li .imgfd{ padding-top: 58%; margin-bottom: 35px;}
.news_list li h2{ font-family: tekom; font-size: 26px; line-height: 36px; height: 108px; overflow: hidden; margin-top:20px;}
.news_list li:after{ width:0; content: ''; left: 0; bottom: 0; height: 1px; background: #b81b25; transition:.3s ease; position:absolute;}
.news_list li:hover:after{ width:100%;}
.news_list li:hover h2{ color:#b81b25;}
.news_det{ padding: 50px 100px 80px;}
.news_det h1.tit{ font-size: 60px; font-family: tekom; 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;}


.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3;}
.page_btn span{ display: inline-block; line-height: 20px;}
.page_btn .back{ display: inline-block; margin: 0 auto; line-height: 46px; border: 1px solid #b1b1b1; padding: 0 40px; text-transform: uppercase; transition:.2s ease;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #b81b25; border-color: #b81b25; 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: #b81b25;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.page_btn a{ display: block; line-height: 24px;}


.last_news .tsb72{ text-align: center;}
@media (max-width: 1540px) {
    .news_det h1.tit{font-size: 58px; line-height: 66px;}
    
}
@media (max-width: 1281px) {
    .news_det h1.tit{font-size: 48px; line-height: 50px;}
    .news_det{padding: 35px 40px 55px;}
    
}
@media (max-width: 1024px) {
    .news_list li{ width: 49%; padding-bottom: 30px; margin-bottom: 45px;}
    .news_list li:nth-child(3n){ margin-right:2;}
    .news_list li:nth-child(2n){ margin-right:0%;}
    .news_list li .imgfd{ margin-bottom: 20px;}
    .news_list li h2{ font-size: 22px; line-height: 30px; height: 90px;}
    .news_list li span{ font-size: 14px;}
    .news_list li h2{ margin-top: 10px;}
    
}

@media (max-width: 450px) {
    .news_list li{ width: 100%; padding-bottom:20px; margin-bottom:35px;}
    .news_det{ padding: 20px 0 40px;}
    .news_det h1.tit{font-size: 26px; line-height: 34px;}
    .news_det .news_info{padding: 18px 0; margin: 15px 0 25px;}
    .news_det .news_info .share{ width: 100%; margin-top: 15px;}
    .page_btn{display: block; padding-top:25px;}
    .page_btn .back{ display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{text-align: left; margin-top: 20px;}
}
.lx_main{padding: 40px 0; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;}
.lx_main .map{ width: 50%;  margin-right: auto;}
.lx_main .map iframe{ width: 100%!important;}
.lx_main .right{ width: 45%;}
.lx_main .right b{ font-family: tekom; font-size: 60px;}
.lx_main dt{ margin-top: 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: 30px; font-family: tekom; margin-bottom: 5px;}
.lx_main .right .follow p{ font-size: 26px; text-transform:uppercase; font-family:teko; margin-right:20px;}
.lx_main .right .follow{ margin-top: 50px;}

@media (max-width: 1024px) {
    .lx_main{display: block;}
    .lx_main .map{ width:100%;}
    .lx_main .right{ width: 100%;}
    .lx_main .right b{ font-size: 38px; line-height: 40px;}
    .lx_main dt{ margin-top: 30px;}
}
@media (max-width: 450px) {
    .lx_main{ padding: 30px 0;}
    .lx_main .map{ display: none;}
    .lx_main dt.fl{ width: 100%; float: none;}
    .lx_main dt .txt h4{ font-size: 24px; line-height: 26px;}
    .lx_main .right .follow{margin-top: 30px;}
    .lx_main .right .follow p{ font-size: 22px;}
    .lx_main .right b{ font-size: 32px; line-height: 34px;}
}