@charset "utf-8";
/* CSS Document */

.sol_xiala{ position: fixed; width: 100%; left: 0; top: 91px; background:#fff; padding:45px 0 60px; display:none;}
.sol_xiala .nav-hd{ width: 65%; margin-right:auto;}
.sol_xiala .nav-bd{ width: 28%; padding-left:50px; border-left:1px solid #f1f1f1;}
.sol_xiala .nav-hd li{ width: 25%; text-align:center; border-right:1px solid #f1f1f1; padding-bottom:30px;}
.sol_xiala .nav-hd li:nth-child(n+5){ border-top:1px solid #f1f1f1; padding-top:45px; padding-bottom:0;}
.sol_xiala .nav-hd li p{ height: 48px; line-height:24px; margin-top:10px;}
.sol_xiala .nav-hd li img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.sol_xiala .nav-hd li:hover img{ filter:unset;}
.sol_xiala .nav-hd li:hover p,.sol_xiala .nav-hd li:hover i{ color:#238875;}
.sol_xiala .nav-hd li i{ font-size: 45px; display: inline-block; line-height: 60px;}
.sol_xiala .nav-hd li:nth-child(4n){ border-right:none;}
.sol_xiala .nav-bd .imgfd{ padding-top: 50%; margin-bottom: 30px;}
.sol_xiala .nav-bd h2{ font-size: 20px; font-family: popsb; line-height: 30px; height: 60px; margin-bottom: 5px; overflow:hidden;}
.sol_xiala .nav-bd .tit{ width: calc(100% - 65px); margin-right: auto;}
.sol_xiala .nav-bd span{ text-transform: uppercase;}
.sol_xiala .nav-bd .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(90%);-webkit-filter: brightness(0%) invert(90%);}
.sol_xiala .nav-bd li:hover h2{ color:#238875;}
.sol_xiala .nav-bd a{ display: block;}
.sol_xiala .nav-bd li{ width: 100%;}

.index_head .nav .navli:hover .sol_xiala{ display:block;}
.index_head .nav .navli:hover .sup_xiala{ display:flex;}
.sup_xiala{ width: 1600px; background: #fff; padding: 55px 75px 75px; position:fixed; top:91px; left:50%; transform:translateX(-50%); display:none;}
.sup_xiala .sup_left,.sup_xiala .sup_right{ width: 35%;}
.sup_xiala .sup_nav{ width:28%; padding: 0 45px;}
.sup_xiala .sup_left{ padding-right: 45px; border-right:1px solid #f1f1f1; }
.sup_xiala .sup_right{padding-left: 45px; border-left:1px solid #f1f1f1; width: 37%;}
.sup_xiala .sup_left span{ color: #238875; font-size: 16px; font-family: popm;}
.sup_xiala .sup_left b{ font-family: popsb; font-size: 24px; line-height: 36px; padding: 10px 0 40px; position: relative; margin-bottom:50px;} 
.sup_xiala .sup_left b:after{ width:100px; height: 4px; background: #238875; content: ''; left: 0; bottom: 0; position: absolute;}
.sup_xiala .sup_left p{ font-size: 16px; line-height: 24px;}
.sup_xiala .sup_nav a{ height: 56px; padding: 0 15px; transition:.3s ease; margin-bottom:15px;}
.sup_xiala .sup_nav a i{ margin-left: auto; font-size:18px;}
.sup_xiala .sup_nav a:hover{ background:#238875; color: #fff;}
.sup_xiala .sup_right b{ font-size: 24px; font-family: popsb; margin-bottom: 30px;}
.sup_xiala .sup_right .item i{ display: block; width: 50px; height: 50px; line-height: 50px; font-size: 24px; text-align: center; color: #238875; border: 1px solid #238875;}
.sup_xiala .sup_right .item .box{ width: calc(100% - 68px); margin-left: auto;}
.sup_xiala .sup_right .item .box p{ font-family: popm; margin-bottom:5px;}
.sup_xiala .sup_right .item .box span{ display: block; font-size: 14px; line-height: 22px;}
.sup_xiala .sup_right .item.itdh{ padding-bottom: 26px; border-bottom: 1px solid #f1f1f1; margin-bottom: 26px;}
.sup_xiala .sup_right .follow{ margin-top: 35px;}



.top_menu{ padding:33px 25px; width: 90px; text-align: right; cursor: pointer; font-size: 0; position:fixed; top:0; right:0; border-left:1px solid #e5e5e5;}
.top_menu.close{ height: 90px; padding: 38px 25px;}
.top_menu i{ display: inline-block; width: 100%; height: 2px; background: #666666; }
.top_menu i:nth-child(2){margin: 9px 0; width: 30px;} 
.top_menu i:nth-child(3){width: 15px;}
.top_menu.close i:first-child{ transform: rotate(-45deg) translate(0,8px);width: 30px;}
.top_menu.close i:last-child{ transform: rotate(45deg) translate(7px,-1px);width: 30px;}
.top_menu.close i:nth-child(2){ display: none;}
.camp_menu{ width: 100%; position: fixed;  padding: 80px 0;z-index: 999; top: 90px; display: none; color: #fff; background:#238875;  }
.camp_menu .camnav.c-flex{ align-items: flex-start;}
.menu_item h3{ font-size: 24px; margin-bottom: 20px; color: #fff;font-family:popm;}
.menu_item a{ display: block; line-height: 40px; font-size: 18px; color: #fff; opacity: .6 }
.menu_item a:hover{ opacity: 1;}
.menu_item{ margin: 0 auto;}
.camp_menu .close{ position: absolute; top: 50px; right: 50px; color: #666; font-size: 30px; cursor: pointer;  }
.camp_menu .close i{ font-size: 30px;}
.cam_con{ margin-top: 80px;}
.cam_con dl dt{ margin-right: auto; opacity: .8; max-width:40%; min-width:18%;}
.cam_con dl dt p{ max-width: calc(100% - 30px);}
.cam_con dl dt a{ color: #fff;}
.cam_con dl dt a svg{ fill: #fff;}
.cam_con dl dt a svg image{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.cam_con dl dt:last-child{ margin-right: 0; opacity: 1;}
.cam_con dl dt i{ font-size: 24px; margin-right: 5px;}

.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:120px;display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box video{ height: 100%; width: 100%!important;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.15); }
.video_close i{ font-size: 30px; color: #fff;}

.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:#238875 ;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: #088caf ;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:#088caf;}
.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_h{ height: 91px;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban video{ width: 100%;}
.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 b{font-size: 56px; line-height: 80px; color: #333; max-width: 70%; margin-top: 20px;}
.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: 53px; font-size: 16px; padding: 0 35px; min-width: 185px; text-transform: uppercase; position: relative;color: #333;background-image: url("../images/btnbg1_03.png");background-size: 100% 53px;background-repeat: no-repeat;background-position: left center;}
.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.on{ border-color: #ec001a; color: #ec001a;}
.amore.wbg{ background: #fff; color: #ec001a; 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-image: url("../images/btnbg2_08.png"); color: #fff; }
.amore:hover i{ transform: rotate(0deg); margin-left:15px; }
.amore.wbg:hover{ background: #ec001a; color: #fff;}
.amore.rb:hover{ color: #fff;}


.sy_title{ margin-bottom: 30px;}
.item_top{ margin-bottom: 40px;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto;}
.btn_box{ margin-top: 40px; text-align: center; }
.sy_title p{ font-size: 26px; color: #ec001a; padding-left: 28px; position: relative; text-transform: uppercase; font-family: barm;}
.sy_title p:after{ width: 9px; height: 9px; background: #ec001a; content: ''; left: 0; top: 11px; position: absolute;}
.sy_title b{ font-size: 60px; font-family: barb; text-transform: uppercase; margin-top: 20px; line-height: 60px;}
.mainh{ height: 85px;}
.item_top .top_des{ width: 45%; margin-left: auto;}

.dtop{ padding-top: 80px;}


.swiperall{ position: relative; }
.swiperbtn{ width: 64px; height: 64px; border: 1px solid #6d6d6d; border-radius: 50%; text-align: center; line-height: 64px; font-size: 28px; top: 50%; transition: .3s ease;}
.swiperall .swiper-button-prev{ left: -95px; }
.swiperall .swiper-button-next{ right: -95px; }
.swiperbtn:hover{ background: #238875; border-color: #238875; color: #fff;}

.sy_about{ background-image: url("../images/bg_08.jpg"), url("../images/bg_08.jpg"); background-position: left top, left bottom; background-repeat: no-repeat no-repeat;}
.sy_about .txt{ width: 49%;}
.sy_about .imgfdd{ width: 45%; position: relative;}
.sy_about .txt .tit span{ color: #238875; display: block;}
.sy_about .txt .tit b{ font-size: 44px; line-height: 60px; margin-top: 5px;}
.sy_about .txt .tit{ margin-bottom: 30px;}
.sy_about .txt .btns{ margin-top: 75px;}
.sy_about .txt .btns .amore.on{ margin-right: 20px;}
.sy_number dt{ margin-right: auto;}
.sy_number dt:last-child{ margin-right: 0;}
.sy_number dt b{ color: #238875; font-family: popsb; font-size: 72px; line-height: 72px; height: 72px;}
.sy_number dt b sup{ font-size: 52px; font-family: popb; line-height: 45px; height: 45px;}
.sy_number{margin-top: 60px;}
.sy_number p{ height: 30px;}
.v_btn span{ background: rgba(255,255,255,.8); width: 210px; line-height: 108px; text-align: center; display: block; font-size: 16px; color: #238875; transition: .3s ease;}
.sy_about .imgfdd .v_btn{ position: absolute; left: 50px; bottom: 140px; cursor: pointer;}
.v_btn i{ display: block; line-height: 108px; width: 108px; text-align: center; background: #238875; font-size: 30px; color: #fff; transition: .3s ease;}
.v_btn:hover span{ color: #fff; background: #238875; }
.v_btn:hover i{ color: #238875; background: #fff; }

.sy_product{ position: relative;}
.pro_pic .imgfd{ padding-top: 47%;}
.sy_product .pro_tab{ position: absolute; width: 100%; left: 0; top: 100px; color: #fff;}
.sy_product .pro_tab .tit{ margin-bottom: 70px;}
.sy_product .pro_tab .tit b{ color: #fff; text-transform: uppercase;}
.popb56{ font-size: 56px; line-height: 70px;}
.pro_tab .tab-hd{ width: 430px;}
.pro_tab .tab-hd li{ height: 60px; padding-left: 20px; padding-right: 65px; border-left: 4px solid #76d4c5;background: linear-gradient( to right,rgba(156,204,243,.7),rgba(156,204,243,0)); margin-bottom: 20px;}
.pro_tab .tab-hd li a{ color: #fff; height: 100%;}
.pro_tab .tab-hd li a i{ font-size: 30px;opacity: 0;}
.pro_tab .tab-hd li a h2{ font-size: 20px; color: #fff; width: calc(100% - 40px); margin-right: auto;line-height: 30px; }
.pro_tab .tab-hd li.active{ background: linear-gradient( to right,rgba(72,167,135,1),rgba(23,95,169,.0)); }
.pro_tab .tab-hd li.active a i{ opacity: 1;}
.pro_tab .tab-hd li.active a h2{ font-family: popm;}
.des_card{ padding: 32px 45px 30px; border: 1px solid rgba(191,246,236,.3); background:linear-gradient( to right,rgba(72,167,135,.45),rgba(23,95,169,.45)); width: 470px; color: #fff; margin-top: 35px; }
.des_card h2{ font-family: popsb; font-size: 24px; color: #fff; margin-bottom: 20px;}
.des_card p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin-bottom: 25px;}
.des_card a{ color: #fff;}
.des_card a i{font-size: 24px; color: #fff; margin-left: 15px;}

.sol_list li{width: 120px; position: relative; height: 650px; overflow: hidden; transition: .3s ease;}
.sol_list li img{ height: 100%; width: 100%; object-fit: cover;}
.sol_list li.on{ width: calc(100% - 600px);}
.sol_list li .txt{ display: none; position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 75px 45px; color: #fff;}
.sol_list li .txt .left{ width: calc(100% - 230px); margin-right: auto;}
.sol_list li .txt h2{ font-family: popsb; color: #fff; margin-bottom: 15px; font-size: 24px;}
.sol_list li .txt p{ font-size: 16px; line-height: 24px;}
.sol_list li:after{ width: 100%; height: 100%; content: ''; left: 0; top: 0; background: #7196b6; position: absolute;}
.sol_list li:nth-child(2):after{background: #2d969b;}
.sol_list li:nth-child(3):after{background: #1861a9;}
.sol_list li:nth-child(4):after{background: #7196b6;}
.sol_list li:nth-child(5):after{background: #e88851;}
.sol_list li:nth-child(6):after{background: #3da28f;}
.sy_solution .soltit{ text-align: center; margin-bottom: 55px; }
.sy_solution .tit{ position: absolute; width: 400px; height: 120px; padding-left: 40px; left: 0; top: 0;transform-origin: 0 0;transform: rotate(90deg) translateY(-120px);z-index: 2} 
.sy_solution .tit h2{ color: #fff; font-size: 24px;}
.sol_list li.on:after,.sol_list li.on .tit{ display: none;}
.sol_list li.on .txt{ display: flex;}

.cho_bot{ position: relative;}
.cho_bot .tab-hd1{ position: absolute; height: 526px; background: rgba(51,51,51,.3); width: 234px;}
.cho_bot .tab-hd1 li{ height: calc(100% / 3); text-align: center; padding: 20px 30px 0; color: #fff;}
.cho_bot .tab-bd1 .pic img{ height: 526px; width: 100%; object-fit: cover;}
.cho_bot .tab-bd1 .pic{ width: 63%;}
.cho_bot .tab-bd1 .txt{ width: 32%; position: relative; padding-top: 30px;}
.cho_bot .tab-hd1 li p{ font-family: popm; line-height: 27px; margin-top: 10px;}
.cho_bot .tab-hd1 li.active{background: linear-gradient( to right,rgba(72,167,135,.6),rgba(23,95,169,.6));}
.cho_bot .tab-bd1 .txt h2{ font-size: 28px; font-family: popb; margin-bottom: 30px; line-height: 30px;}
.cho_bot .tab-bd1 .txt:after{ position: absolute; top:45px; width: 135px; height: 1px; content: ''; right: calc(100% + 15px); background: #1861a9; }
.cho_bot .tab-bd1 .txt .amore{ margin-top: 50px;}
.cho_bot .tab-bd1 .txt dl{margin-top: 50px;}
.cho_bot .tab-bd1 .txt dl dt{ margin-right: auto;}
.cho_bot .tab-bd1 .txt dl dt:last-child{ margin-right: 0;}
.cho_bot .tab-bd1 .txt dl dt img{ height: 80px;}
.sy_news{ background: url("../images/newsbg_28.jpg") no-repeat center; background-size: cover;}
.sy_news .tit{ text-align: center; margin-bottom: 55px;}

.sy_news .left_news{ width: 48%; height: 500px; position: relative;}
.sy_news .left_news img{ width: 100%; height: 100%; object-fit: cover;}
.sy_news .r_list a{ display: block; height: 500px; background: #fff; width: 46%; margin-left: auto;}
.sy_news .r_list{ width: 52%;}
.sy_news .left_news .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding:0 35px 30px; color: #fff;}
.sy_news .left_news .info{ font-size: 16px;}
.sy_news .left_news h2{ font-size: 22px; line-height: 36px; font-family: popsb; margin-top: 5px; color: #fff;}
.sy_news .left_news:hover h2{ color: #238875;}
.sy_news .r_list .txt{ padding: 25px 30px 0;}
.sy_news .r_list .txt h2{ font-family: popsb; font-size: 20px; line-height: 30px; height: 90px; overflow: hidden; margin-bottom: 15px;}
.sy_news .r_list .imgfd{ padding-top: 65%;}
.sy_news .r_list p{ line-height: 24px; font-size: 16px; height: 48px; overflow: hidden; margin-bottom: 25px;}
.sy_news .r_list span{ font-size: 16px;}
.sy_news .r_list a:hover h2{ color: #238875;}


.index_foot{ position: relative; background: url("../images/footbg_32.jpg") no-repeat center; background-size: cover; color: #fff;}
.index_foot a{ color: #fff;}
.foot_center{ padding: 75px 0 50px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_center .foot_nav{ margin-left: auto;width: 55%;}
.foot_center .foot_nav li{ width: 30%; margin-left: auto;}
.foot_center .foot_nav li:last-child{width:55%; }
.foot_center .foot_nav a{display: block; font-size: 18px; opacity: .7; margin-bottom: 15px;}
.foot_center .foot_nav a:hover{ opacity: 1;}
.foot_center .foot_nav dl a{ margin-bottom: 0; width: calc(100% - 55px); margin-left: auto;}
.foot_center .foot_nav dt{ margin-bottom: 40px;}
.foot_center .foot_nav dt i{ display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; text-align: center; line-height: 40px; color: #fff; font-size: 22px;}
.foot_center .foot_nav dl p{ width: calc(100% - 55px); margin-left: auto; height: 30px;}


.foot_center .box{ width: 38%;}
.foot_center .box .f_des{ color: #fff; margin-bottom: 70px; opacity: .6;}
.foot_center .box .flogo{display: block;margin-bottom: 35px; filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.foot_center .box .follow h4{color: #fff; text-transform: uppercase;}
.copy{ padding: 25px 0; color: #fff;}
.foot_center b{ font-family: pop;font-size: 24px; text-transform: uppercase;margin-bottom: 25px; display: block; color: #fff;}
.foot_center .b_top{position: absolute; bottom: 30px; right: -50px; transition: .3s ease; cursor: pointer; text-align: right;}
.foot_center .b_top i{ border-radius: 50%; display: inline-block; width: 42px; height: 42px; line-height: 42px; text-align: center; border: 1px solid #e5e5e5; font-size: 22px; transition: .3s ease;}
.foot_center .b_top:hover i{ background: #238875; border-color: #238875;}


@media (max-width: 1700px){
	.index_head .nav_center{ padding-right: 90px;}
	.foot_center .b_top{ right: 0;}
	.sy_about .txt .btns{ margin-top: 50px;}
	.sy_product .pro_tab{ top: 70px;}
	.sy_product .pro_tab .tit{ margin-bottom: 40px;}
	.sup_xiala{ width: 96%;}
	.swiperall .swiper-button-prev{ left: 1%;}
	.swiperall .swiper-button-next{ right: 1%;}
}


@media (max-width: 1541px){
	.sy-ban .txt1 b{ font-size: 48px; line-height: 60px;}
	.sy-ban .txt1 .amore{ margin-top: 55px;}
	.sy_about .txt .tit b{ font-size: 40px; line-height: 55px;}
	.sy_number dt b{ font-size: 60px; line-height: 60px; height: 60px;}
	.popb56{ font-size: 50px; line-height: 55px;}
	.des_card{padding: 25px 30px; margin-top:20px;}
	.des_card h2{margin-bottom: 15px;}
	.sol_list li{ height: 580px;}
	.sol_list li .txt{ padding: 0 55px 35px;}
	
	.sy_news .left_news,.sy_news .r_list a{ height: 460px;}
	.sy_news .r_list .txt{ padding: 20px 25px 0;}
	.index_head .nav .navli{ margin-left: 50px;}
	.sup_xiala{ padding: 40px 55px 55px;}
	.sup_xiala .sup_left b{ font-size: 22px; line-height: 32px; padding-bottom:25px; margin-bottom:35px;}
	.index_head .logo img{ max-height: 44px;}
	
}

@media (max-width: 1400px){
	.index_head .follow_list{ display: none;}
	.index_head .nav{ margin-right: 0;}
}

@media (max-width: 1281px){
	.sy-ban .txt1 b{ font-size: 40px; line-height: 55px;}
	.sy_about .txt .tit b{ font-size: 32px; line-height: 44px;}
	.v_btn span{ line-height: 80px;}
	.v_btn i{ line-height: 80px; width: 80px;}
	.sy_about .imgfdd .v_btn{ left: 30px; bottom: 40px;}
	.sy_number dt{ width: 32%;}
	.pro_pic .imgfd{ padding-top: 55%;}
	.video_bg{ width: 800px; margin-left:-400px;}
	.video_box iframe{ height: 550px;}
	.popb56{ font-size: 42px; line-height: 48px;}
	
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.sy-ban .txt1 b{ font-size:34px; line-height: 42px;}
	.ban_control .center{ padding: 20px 0;}
	.scr_down{ display: none;}
	.ban_control .swiper-num{margin-right: auto;}
	.amore{ line-height: 48px; padding:0 25px;background-size:100% 48px; min-width:160px;}
	.sy_about .txt{ width: 100%; float:none;}
	.sy_about .imgfdd{ width: 100%; margin-top: 35px;}
	.des_card{ display: none;}
	.sol_list li.on{ width: 100%; height:350px; margin-bottom:25px;}
	.foot_center{ display: none;}
	.sy_solution .soltit{ width: 96%; margin: 0 auto 30px;}
	.right_online{ display: none;}
	.popb56{ font-size: 36px; line-height: 42px;}
	.mainh{ height: 60px;}
	
}

@media (max-width: 450px){
.m_img .headlf .m_logo{max-height: 38px;}
.m_img .headlf{ padding-top: 9px;}
.sy-ban .txt1 b{ font-size: 22px; line-height: 30px; max-width:90%; margin-top:0;}
.sy-ban .txt1 .amore{ display: none;}
.ban_control .swiper-num{ display: none;}
.ban_control .center{padding: 15px 0;}
.sy_about .txt .tit b{ font-size: 24px; line-height: 32px;}
.sy_about .txt .tit{margin-bottom: 20px;}
.sy_about .txt .btns{ margin-top: 25px;}
.sy_number dt b{ font-size: 36px; line-height: 36px; height: 36px;}
.sy_number dt b sup{ font-size: 26px; line-height: 20px;}
.sy_number{ margin-top: 35px;}
.amore{ font-size: 14px; line-height: 42px; background-size: 100% 42px; min-width:150px;}
.amore i.icon-right-l{ font-size: 16px;}
.v_btn span{ line-height: 48px; width:160px; font-size:14px;}
.v_btn i{ line-height: 48px; width: 48px; font-size:24px;}
.video_bg{ width: 380px;margin-left:-190px;}
	.video_box iframe{ height: 260px;}
	.popb56{ font-size: 26px; line-height: 38px;}
	.sy_product .pro_tab .tit{ margin-bottom: 25px;}
	.sy_product .pro_tab{ top: 40px;}
	.pro_tab .tab-hd li a h2{ font-size: 18px;}
	.pro_tab .tab-hd li{ height: 52px;}
	.pro_tab .tab-hd{ width: 350px;}
	.pro_pic .imgfd{ padding-top: 120%;}
	.sol_list li .txt{ padding: 0 25px 20px;}
	.sol_list li .txt p{ display: none;}
	.sol_list li.on{ height: 250px;}
	.sol_list li.on .txt{ display: block;}
	.sol_list li .txt .left{ width: 100%;}
	.sol_list li .txt h2{ font-size: 22px;}
	.item_top{ display: block;}
	.item_top .top_des{ width: 100%; margin-top: 15px;}
	.cho_bot .tab-bd1 .pic{ width: 100%; float: none;}
	.cho_bot .tab-bd1 .txt{ width: 100%; float: none;}
	.cho_bot .tab-bd1 .pic img{ height: 300px;}
	.cho_bot .tab-hd1{ display: flex; width: 100%;align-items:center; flex-wrap:wrap; height:auto;}
	.cho_bot .tab-hd1 li{ width: 33.33%; height:auto;}
	.cho_bot .tab-hd1 li{ padding: 20px 15px 20px;}
	.cho_bot .tab-hd1 li img{ height: 40px;}
	.cho_bot .tab-hd1 li p{ display: none;}
	.cho_bot .tab-bd1 .txt h2{ font-size: 22px; margin-bottom: 15px;}
	.cho_bot .tab-bd1 .txt:after{ display:none;}
	.cho_bot .tab-bd1 .txt .amore{margin-top: 25px;}
	.cho_bot .tab-bd1 .txt dl{ margin-top: 25px;}
	.cho_bot .tab-bd1 .txt dl dt img{ height: 50px;}
	.mainh{ height: 35px;}
	.sy_news .left_news{ display: none;}
	.sy_news .r_list{ width: 100%;}
	.sy_news .tit{ margin-bottom: 25px;}
	.sy_news .r_list a{ width: 48%; height:auto;}
	.sy_news .r_list a:first-child{margin-left:0;}
	.sy_news .r_list .txt{padding: 15px 10px;}
	.sy_news .r_list .txt h2{ font-size: 16px; line-height: 24px; height: 72px; margin-bottom:0;}
	.sy_news .r_list p{ display: none;}
	.sy_news .r_list span{ display: none;}
}


.ny_ban{ position: relative; overflow:hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .bantxt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color:#fff;}
.ny_ban .bantxt b{ font-size: 60px; font-family: popb; color: #fff; text-transform: uppercase;}
.ny_ban .bantxt .posi a{ color: #fff; text-transform:uppercase;}

.ab_company{ position: relative;}
.ab_company .com_left{ width: 48%; position:relative; z-index:2;}
.ab_company .com_right{ width: 35%; padding-top:150px; position:relative; z-index:2;}
.ab_company .txt b{ font-size: 44px; font-family: popb; line-height: 60px; margin-bottom: 35px;}
.ab_company .com_left .imgfdd{ margin-top: 65px;}
.ab_company .com_right .imgfdd{ margin-bottom: 45px;}
.ab_company .com_left .v_btn{ position: absolute; right: -90px; bottom: 110px; cursor: pointer;}
.ab_company .ab_text{ position: absolute; left: -23%; bottom: 30px;}
.ab_company .ab_text b{ font-size: 165px; color: #f6f6f6; line-height: 165px; text-transform:uppercase; margin-right:150px;}
.ab_tit b{ font-size: 48px; line-height: 50px; margin-bottom: 25px;}
.ab_tit{margin-bottom: 40px;}
.ab_rd .ab_tit{ text-align:center; color:#fff;}
.ab_rd .ab_tit b{ color: #fff;}
.ab_rd dl dt{width: 32%; margin-right: auto; border:1px solid #83d0c1; height:350px; padding:0 35px; background:rgba(54,173,151,.4); transition:.3s ease;}
.ab_rd dl dt .ic{padding-top: 25px; margin-right: auto;}
.ab_rd dl dt .txt{width: calc(100% - 105px); color:#fff;}
.ab_rd dl dt b{ font-size: 72px; font-family: popsb; line-height: 72px; color:#fff; }
.ab_rd dl dt sup{ font-size: 52px; line-height: 40px; font-family: popb;}
.ab_rd dl dt h4{ color: #fff; font-family: popsb; font-size: 22px; margin: 20px 0;}
.ab_rd dl dt:hover{ background:rgba(54,173,151,.8);}

.ab_global{ position: relative; z-index: 4; background:#fff;}
.ab_global .amore{ margin-top: 110px;}
.ab_global .txt{ width: 32%; padding-top:60px;}
.ab_global .map{ width: calc(50% + 240px); 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:#068a7a; 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(6, 138, 122, 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(6, 138, 122, 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_quality{ background: linear-gradient( to bottom,#fff,#f3f6f9);}
.c_txt{ text-align: center; margin: 0 auto 40px; max-width: 85%;}
.ab_quality .center{ background: url(../images/map_24.png) no-repeat center top;}

.ab_iso dt{ width: 27%; margin-right: auto; text-align: center;}
.ab_iso dt:last-child{margin-right:0;}
.ab_iso dt p{ font-size: 16px; margin-top:20px;}
.ab_iso{margin-bottom: 80px;}
.certswiper{ overflow: hidden; width: 90%; margin: 0 auto;}
.certswiper .imgfd{padding-top: 141%;}
.certswiper li{ padding: 4px; background: #edeeef;}

.ab_jion .ab_tit span{  font-size: 24px; display:block; margin-top:35px;}   
.ab_jion .ab_tit span a{ color: #238875;text-decoration:underline;}
.ab_jion{background: #f8f8f8;}

.join_bot dt{ width: calc(50% - 7px); margin-right:auto; position:relative; margin-bottom:15px;}
.join_bot dt .imgfd{padding-top: 48.2%;}
.join_bot dt:last-child{margin-right:0;}
.join_bot dt .txt{position: absolute; width: 100%; padding: 60px 80px 0; color:#fff; left:0; top:0; z-index:2;}
.join_bot dt:first-child .txt{padding-left:180px;}
.join_bot dt:last-child .txt{ padding-right:180px;}
.join_bot dt .tit{padding-left: 40px; border-left: 8px solid #fff; margin-bottom:65px;}
.join_bot dt .tit b{ font-size:40px; line-height: 40px; height: 40px; color: #fff; margin-bottom: 30px;}
.join_bot dt .tit p{ font-size: 22px;}
.join_bot dt .amore{ background-image: url('../images/wbtn_07.png'); color:#fff;}

@media (max-width: 1541px){
    .ab_company .txt b{ font-size: 38px; line-height: 46px;}
    .ab_rd dl dt b{ font-size: 62px; line-height: 62px; height: 62px;}
    .ab_global .map{ width: 65%;}
    .ab_global .amore{ margin-top: 70px;}
    .ab_iso{ margin-bottom: 60px;}
    .ab_tit b{ font-size: 44px; line-height:48px;}
    .ny_ban .bantxt b{ font-size: 54px; line-height: 54px;}
}
@media (max-width: 1281px){
    .ab_company .ab_text b{ font-size: 130px; line-height: 130px; margin-right:80px;}
    .ab_rd dl dt b{ font-size: 54px; line-height: 54px; height: 54px;}
    .ab_rd dl dt sup{ font-size: 38px; line-height: 30px; height: 30px;}
    .ab_rd dl dt .ic img{ height: 60px;}
    .ab_rd dl dt{padding: 0 25px;}
    .ab_rd dl dt .txt{ width: calc(100% - 80px);}
    .ab_rd dl dt h4{ font-size: 20px; margin: 10px 0;}
    .ab_tit b{ font-size: 40px; line-height:45px;}
    .join_bot dt:first-child .txt{padding-left:4%;}
    .join_bot dt:last-child .txt{ padding-right:4%;}
    .join_bot dt .tit b{ font-size: 32px; line-height: 32px; height: 32px;}
    .join_bot dt .tit p{ font-size: 20px;}
    .join_bot dt .tit{margin-bottom: 40px;}
    .dtop{ padding-top: 50px;}
    .ny_ban .bantxt b{ font-size: 48px; line-height: 48px;}
}
@media (max-width: 1024px){
    .ny_ban .bantxt b{ font-size: 40px; line-height: 40px;}
    .ab_company .txt b{ font-size: 28px; line-height: 35px; margin-bottom:25px;}
    .ab_company .ab_text b{ font-size: 100px; line-height: 100px;}
    .ab_company .com_right{ padding-top: 80px;}
    .ab_rd dl dt .txt p{ display: none;}
    .ab_rd dl dt h4{ margin-bottom: 0;}
    .ab_rd dl dt{ height: 220px;}
    .c_txt{ max-width: 95%; margin-bottom:30px;}
    .ab_tit b{ font-size: 32px; line-height: 40px; margin-bottom:15px;}
    .ab_iso dt p{ margin-top: 10px;}
    .ab_iso{ margin-bottom: 40px;}
    .swiperbtn{ width: 46px; line-height: 46px; height: 46px; font-size:24px;}
    .swiperall .swiper-button-prev{ left: 10px;}
	.swiperall .swiper-button-next{ right: 10px;}
	.ab_global .txt{ padding-top: 30px;}
	.ab_global .amore{ margin-top: 40px;}
	.ab_jion .ab_tit span{ font-size: 22px;}
	.join_bot dt .txt{ padding: 35px 30px 0;}
	.join_bot dt .tit b{ font-size: 26px; line-height: 26px; height: 26px; margin-bottom:20px;}
	.join_bot dt .tit{padding-left: 30px; border-width: 5px;}
	.join_bot dt .tit p{ font-size: 18px;}
}
@media (max-width: 450px){
    .ny_ban img{ width: 140%; margin-left: -20%;}
    .ny_ban .bantxt b{ font-size: 30px; line-height: 35px; margin-bottom: 5px;}
    .ab_company .com_left{ width: 100%; float:none;}
    .ab_company .txt b{ font-size: 24px; line-height: 30px; margin-bottom: 20px;}
    .ab_company .com_left .imgfdd{ margin-top: 25px;}
    .ab_company .com_left .v_btn{ right: 20px; bottom: 25px;}
    .ab_company .com_right{ width: 100%; float: none; padding-top: 30px;}
    .ab_tit b{ font-size:24px; line-height:32px;}
    .ab_tit{ margin-bottom: 25px;}
    .ab_rd dl{ display: block;}
    .ab_rd dl dt{ width: 100%; margin-bottom: 15px; height:auto; padding:15px 10px;}
    .ab_rd dl dt .box{ width: 100%;}
    .ab_rd dl dt b{ font-size: 36px; height: 36px; line-height: 36px;}
    .ab_rd dl dt sup{ font-size: 24px; line-height: 20px; height: 20px;}
    .ab_rd dl dt h4{ font-size: 18px;}
    .ab_rd dl dt .ic{padding-top: 0;}
    .ab_iso dt p{ display: none;}
    .ab_iso dt img{ height: 60px;}
    .swiperbtn{ width: 32px; height: 32px; line-height: 32px; font-size:18px;}
    .swiperall .swiper-button-prev{ left: 2px;}
    .swiperall .swiper-button-next{ right: 2px;}
    .ab_global .txt{ width: 100%; float:none; padding-top:0;}
    .ab_global .amore{margin-top: 20px;}
    .ab_global .map{ width: 100%; float: none;}
    .ab_global .map li i{ width: 6px; height: 6px;}
    .ab_global .map li:first-child i{ width:42px; line-height: 42px; font-size:12px; height:42px;}
    .ab_jion .ab_tit span{ font-size: 18px; margin-top: 25px;}
    .join_bot { display: none;}
    
}
.pro_nav{ border-bottom: 1px solid #dddddd;}
.pro_nav a{ width: 33.33%; display: block; text-align: center; line-height: 99px; font-size: 20px; position: relative;}
.pro_nav a:after{ position:absolute; right: 0; width: 1px; height: 37px; background: #d4d4d4; content: ''; top: 50%; transform: translateY(-50%);}
.pro_nav a:last-child:after{display:none;}
.pro_nav a span{ display: inline-block; padding: 0 30px; position:relative;}
.pro_nav a span:after{ width:0; height: 2px; background: #238875; position: absolute; left: 0; bottom: 0; transition: .3s ease; content:'';} 
.pro_nav a.act,.pro_nav a:hover{color: #238875;}
.pro_nav a.act span:after,.pro_nav a:hover span:after{ width:100%;}

.pro_list li{ float: left; width: 49%; margin-right: 2%; margin-bottom: 30px; border: 1px solid #ddd;}
.pro_list li:nth-child(2n){ margin-right:0;}
.pro_list li .imgfd{padding-top: 50%;}
.pro_list li .txt{padding: 35px 45px 40px;}
.pro_list li .txt p{ color: #238875;}
.pro_list li .txt h2{ font-size: 24px; font-family: popsb; line-height: 30px; height: 60px; margin-bottom: 15px; margin-top:15px;}
.pro_list li .txt span{ text-transform: uppercase; font-size:16px;}
.pro_list li:hover h2{ color:#238875;}
.pro_list .btns .more{ display: inline-block; line-height: 38px; border-radius: 20px; border:1px solid #666; margin-right: 30px; padding:0 25px; font-size:16px; transition:.2s ease;}
.pro_list .btns .more.on{background: #238875; border-color:#238875; color:#fff;}
.pro_list .btns .more:hover{padding:0 28px;}
@media (max-width: 1281px){
    .pro_list li .txt{ padding: 30px 35px;}
    .pro_nav a{ line-height: 80px;}
    .pro_nav a{ font-size: 18px;}
    
}
@media (max-width: 1024px){
    .pro_list li .txt{ padding: 20px 25px;}
    .pro_list li .txt h2{ font-size: 20px; }
}
@media (max-width: 450px){
    .pro_nav{ display: none;}
    .pro_list li{ width: 100%; float: none; margin-bottom: 25px;}
    .pro_list li .txt{ padding: 15px 20px;}
    .pro_list li .txt span{ font-size: 14px;}
    .pro_list li .txt h2{ font-size: 18px; line-height: 26px; height: 52px; margin: 5px 0 10px;}
    .pro_list .btns .more{line-height: 30px; padding: 0 18px; margin-right: 20px; font-size:14px;}
    .pro_list .btns .more:hover{ padding:0 22px;}
}
.showposi{padding: 35px 0; text-transform: uppercase; color: #999;}
.showposi a{color: #999;}
.showposi a:last-child{ color:#333333;}

/* 外层：只做滚动，移除display:flex、gap */
.showtop {
  height: 680px;
  margin: 60px auto 80px;
  overflow-y: auto;
   
}
.showtop::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }


.showtop .pic {
  width: 49%;
  flex-shrink: 0;
  position: sticky;
  top: 0;
  align-self: flex-start;
  z-index: 10;  margin-right: auto;
}
.showtop .pic .imgfd { padding-top: 50%;}
.showtop .txt { width: 45%;}
.showtop .txt h1{ font-size: 36px; line-height: 50px; font-family: popb; margin-bottom: 35px;}
.showtop .txt .pro_rz{ margin: 35px 0 0; border:1px solid #e2e2e2; padding:25px 0;}
.showtop .txt .pro_rz dt{ width: 33.33%; text-align: center; padding: 0 30px; position:relative;}
.showtop .txt .pro_rz dt:after{ position:absolute; width: 1px; height: 66px; background: #ddd; right: 0; top: 50%; content: ''; transform:translateY(-50%);}
.showtop .txt .pro_rz dt:last-child:after{ display:none;}
.showtop .txt .pro_rz dt p{ font-size: 16px; height: 30px; margin-top:10px;}
.showtop .txt .pro_rz dt .ic{ transition: 1.5s ease;}
.showtop .txt .pro_rz dt:hover .ic{ transform:rotateY(180deg);}

.pro_para  li{ padding: 35px 0; border-bottom: 1px solid #ddd;}
.pro_para  li span{ display: block; width: 180px; font-family: popm; margin-right: auto;}
.pro_para  li .parabox{ width: calc(100% - 200px);}
.pro_para  li .parabox img{ height: 70px; margin-right: auto;}
.showtop .txt .btns{ margin-top: 50px;}
.showtop .txt .btns .amore{ margin-right: 40px;}

.top_field .fieldpart{ width: 32%; margin-right: auto;}
.top_field .fieldpart:last-child{ margin-right:0;}
.top_field .fieldpart .tit{ font-family:popsb; font-size: 26px; padding-bottom: 10px; border-bottom: 1px solid #ddd; margin-bottom:30px;}
.top_field .fieldpart .tit i{ font-size: 22px; margin-right: 3px;}

.det_nav{ position: sticky; top: 92px;z-index:5;}
.det_nav .hd{ background: #f1f1f1;}
.det_nav .hd a{ width: 33.33%; height:72px; justify-content:center; font-size:24px; font-family:popsb;}
.det_nav .hd a i{ font-size: 24px; margin-right: 8px;}
.det_nav .hd a.cur{ background: #238875; color: #fff;}
.det_show .bd_item{ padding-top: 80px; overflow:hidden;}
.det_tit b{ font-size: 44px; font-family: popb;}
.det_tit{ padding-bottom: 15px; position: relative; margin-bottom:50px;}
.det_tit:after{position:absolute; left: 0; bottom: 0; width: 74px; height: 4px; background: #238875; content:'';}
.det_show .bd_item form{ margin-top: 45px;}
.det_show{ overflow: hidden;}
.det_show img{ max-width: 100%!important;}
.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: 15px 20px; border-color:#ddd;}
.det_para table tr:nth-child(2n+1){ background:#f4f4f4;}
.det_para table tr:first-child{ background:#238875; color:#fff;}
.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: 18px; height: 27px; height:54px; margin-top: 15px;}
.det_app dt:hover{ background:#238875;}
.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%);}
.det_faq .tit{ padding: 22px 65px; background:#f8f8f8; cursor:pointer; transition:.3s ease;}
.det_faq .tit p{ font-size: 22px; 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:20px; display:none; transition:.3s ease;}
.det_faq dt.on .tit{ background: #238875; color:#fff;}
.det_faq dt.on .tit i{ transform: rotate(180deg);}
.det_faq dt{margin-bottom: 20px;}
.det_faq dt.on .ans{ display: block;}

.rel_pro .tsb72{ text-align: center;}
.relproswiper{ position: relative; margin-top: 40px; overflow: hidden; padding-bottom: 40px;}


.pro_quote .det_tit{ margin-bottom: 20px;}
.com_msg form{ margin-top: 35px;}
.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-bottom: 1px solid #d8d8d8; margin-top:20px; font-size:16px; font-family:pop;}
.com_msg .formbox i{ position: absolute; font-size: 28px; right: 15px; top: 62px; color: #aaa;}
.com_msg .shenm p{ font-size: 16px; margin-right: auto;}
.com_msg .sub{ width: 280px; line-height: 68px; border-radius: 34px; text-align: center; color: #fff; background: #238875; font-size:22px; font-family:popm; 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;}

.rel_pro b{ font-size: 44px; margin-bottom: 35px; text-align:center;}
.relswiper{ overflow: hidden;}
.relswiper .imgfd{ padding-top: 50%; margin-bottom:25px;}
.relswiper h2{ font-size: 20px; line-height: 30px; height: 60px; font-family:popm; overflow: hidden; margin-bottom: 25px;}
.relswiper span{ font-size: 16px; text-transform: uppercase;}
.relswiper li:hover h2{ color:#238875;}
@media (max-width: 1281px){
    .showposi{ padding: 25px 0;}
    .showtop{ margin: 35px auto 45px;}
    .showtop .txt h1{ font-size: 30px; line-height: 42px; margin-bottom:25px;}
    .showtop .txt .pro_rz dt{padding: 0 20px;} 
    .top_field .fieldpart .tit{ font-size: 22px;}
    .det_show .bd_item{ padding-top: 55px;}
    .det_tit b{ font-size: 38px;}
    .det_tit{margin-bottom: 40px;}
    .det_faq .tit{ padding: 20px 40px;}
    .det_faq .tit p{ font-size: 20px;}
    
}
@media (max-width: 1024px){
    .showposi{ padding: 15px 0;}
    .showtop .pic{ width: 100%; position:unset;}
    .showtop{ height: auto;}
    .showtop .txt{ width: 100%; margin-top: 25px;}
    .top_field { display: block;}
    .top_field .fieldpart{ width: 100%; margin-bottom: 30px;}
    .det_nav .hd a{ font-size: 20px;}
    .det_tit{margin-bottom: 20px;}
    .det_tit b{ font-size: 30px; line-height: 30px;}
    .det_nav{ top: 54px;}
    .det_app dt{ padding: 20px 20px 25px;}
    .det_app dt p{ font-size: 16px; line-height: 24px; height: 48px;}
    .rel_pro b{ font-size: 36px;}
}
@media (max-width: 450px){
    .showtop{ margin: 10px auto 25px;}
    .showtop .txt h1{ font-size: 24px; line-height: 32px; margin-bottom:15px;}
    .showtop .txt .pro_rz{ display: none;}
    .pro_para li .parabox img{ height: 40px;}
    .pro_para li .parabox{ width: calc(100% - 180px);}
    .pro_para li{ padding: 25px 0;}
    .showtop .txt .btns{margin-top: 25px; display:block;}
    .showtop .txt .btns .amore{margin-bottom:15px;} 
    .top_field .fieldpart .tit{ font-size: 20px; margin-bottom: 20px;}
    .top_field .fieldpart{margin-bottom: 10px;}
    .det_nav{ display: none;}
    .det_content { padding-top: 0;}
    .det_tit b{ font-size: 24px;}
    .det_tit:after{ width:50px; height: 3px;}
    .det_show .bd_item{padding-top: 35px;}
    .det_para table{margin-top: 0;}
    .det_para table td{ line-height: 22px;}
    .det_para table td{ padding: 10px 8px;}
    .det_app dt{ width: 49%; margin-right:auto; padding:15px 15px 20px;}
    .det_app dt:nth-child(2n){ margin-right:0;}
    .det_app dt p{ font-size: 14px; line-height: 20px; height: 40px;} 
    .det_faq .tit{ padding: 15px 20px;}
    .det_faq .tit p{ font-size: 16px;}
    .det_faq .tit i{ font-size: 20px;}
    .det_faq .ans{ padding: 20px;}
    .com_msg .formbox.fl{ width: 100%;}
    .com_msg .formbox{ margin-bottom: 25px;}
    .com_msg form{ margin-top: 20px;}
    .com_msg .formbox input, .com_msg .formbox textarea{ line-height: 24px; padding: 10px 20px 10px 5px; margin-top:10px;}
    .com_msg .formbox i{ font-size: 22px; top:50px;}
    .com_msg .formbox label{ font-size: 14px;}
    .com_msg .shenm p{ font-size: 14px; margin-bottom: 15px;}
    .com_msg .shenm{ display: block;}
    .com_msg .sub{ width: 100%; line-height: 48px; font-size:18px;}
    .com_msg .sub i{ font-size: 18px;}
    .rel_pro b{ font-size: 26px; margin-bottom:20px;}
    .relswiper .imgfd{margin-bottom: 15px;}
    .relswiper h2{ font-size: 16px; line-height: 24px; height: 72px; margin-bottom:0;}
    .relswiper span{ display: none;}
}
.sol_box li{ float: left; margin-bottom: 40px; margin-right: 2%; width: 32%; border:1px solid #ddd;}
.sol_box li:nth-child(3n){margin-right:0;}
.sol_box li .imgfd{padding-top: 50%;}
.sol_box li .txt{ padding: 30px 35px 35px;}
.sol_box li .txt h2{ font-size: 24px; font-family: popsb;line-height: 30px; height: 30px; overflow: hidden;}
.sol_box li .txt p{ font-size: 16px; line-height: 24px; height: 72px; overflow: hidden; margin: 15px 0 40px;}
.sol_box li .txt span{ font-size: 16px;}
.sol_box li:hover h2{ color:#238875;}
.sol_det{ padding: 65px 0 80px; background: url(../images/map_24.png) no-repeat center 40px;}
.sol_det h1{ font-family: popb; font-size: 60px; position: relative; padding-bottom: 35px; line-height:65px; margin-bottom:35px; }
.sol_det h1:after{ content:''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #238875; width: 120px; height: 4px;}
.sol_youshi{ margin-top: 45px;}
.sol_youshi .item{ text-align: center; width: 26%; margin: 0 auto; text-align:center;}
.sol_youshi .item .ic{ margin-bottom: 20px; transition:2s ease;}
.sol_youshi .item b{ font-size: 22px; font-family: popsb; color: #238875; line-height:30px; overflow:hidden; height:30px; margin-bottom:15px;}
.sol_youshi .item p{ font-size: 16px; height: 90px; overflow: hidden;}
.sol_youshi .item:hover .ic{ transform:rotateY(360deg);}
.c_btn{ margin-top: 70px; text-align:center;}
.c_btn .amore{ margin: 0 15px;}

.sol_tab{ background: url(../images/rd_08.jpg) no-repeat center; background-size: cover;}
.sol_tab .left{ width: 58%; justify-content:center; position:relative; }
.sol_tab .left .tab-bd{ background: url(../images/cirbtn_03.png) no-repeat center; width:434px; height:434px; text-align:center;}
.sol_tab .left .tab-bd b{ line-height: 434px; font-size:170px;color: transparent;-webkit-text-stroke: 1px rgba(255,255,255,.5); text-stroke: 1px rgba(255,255,255,.5) ;}
.sol_tab .left h2{ color: #fff; font-family: popb; font-size: 60px; line-height: 60px; width: 100%; text-align: center; bottom: 65px; position:absolute;}
.sol_tab .right{ width: 42%; height:500px; overflow-y:auto; color:#fff;}
.sol_tab .right::-webkit-scrollbar {
    display: none;
    width: 0;
    height: 0;
  }
.sol_tab .right .txt{ width: calc(100% - 150px); margin-right: auto;}
.sol_tab .right h2{ font-family: popsb; font-size: 36px; color: #fff; opacity: .5; margin-bottom:15px;}
.sol_tab .right li{margin-bottom: 35px;}
.sol_tab .right li.active h2{ opacity: 1;}
.sol_tab .right li p{ display: none;}
.sol_tab .right li.active p{ display: block;}
.sol_tab .right li b{ font-size: 74px; font-family: popsb; line-height: 74px; color:#fff; opacity:0;}
.sol_tab .right li.active b{ opacity: .4;}

.rel_case b{ text-align: center;}
.caseswiper{ position: relative; overflow: hidden;}
.caseswiper .swiper-slide { width:870px;transition-timing-function:linear; position: relative;overflow: hidden;}
.caseswiper .imgfd{ padding-top: 57.5%;}
.caseswiper .swiperbtn{ width: 60px; height: 60px; background: rgba(255,255,255,.7); border: none; line-height: 60px;}
.caseswiper .case_prev{ left: 28%;}
.caseswiper .case_next{ right: 28%;}
.caseswiper .swiperbtn:hover{background:#238875;}
@media (max-width: 1281px){
    .sol_box li .txt{ padding: 20px 25px 25px;}
    .sol_box li .txt h2{ font-size: 22px;}
    .sol_det h1{ font-size: 54px; padding-bottom:30px;}
    .c_btn{margin-top: 50px;}
}
@media (max-width: 1024px){
    .sol_tab .left h2{ font-size: 40px; line-height: 40px; bottom:45px;}
    .sol_tab .left .tab-bd{ width: 300px; height: 300px; background-size:cover;}
    .sol_tab .left .tab-bd b{ line-height: 300px; font-size:120px;}
    .sol_tab .left{ width: 48%;}
    .sol_tab .right{ width: 52%;}
    .sol_tab .right h2{ font-size: 30px; line-height: 40px;}
    .sol_tab .right li{ margin-bottom: 25px;}
    .caseswiper .swiper-slide{ width: 580px;}
    .sol_det h1{ font-size: 48px;}
    
}
@media (max-width: 450px){
    .sol_box li{ width: 100%; margin-bottom:25px;}
    .sol_box li .txt{padding: 15px 15px 20px;}
    .sol_box li .txt h2{ font-size: 20px; line-height: 26px; height:26px;}
    .sol_box li .txt p{ font-size: 14px; line-height: 20px; height: 60px; margin: 10px 0 20px;}
    .sol_det h1:after{ width:80px; height: 3px;}
    .sol_det{ padding: 15px 0 30px;}
    .sol_det h1{ font-size: 32px; line-height: 42px; padding-bottom: 20px; margin-bottom: 25px;}
    .sol_youshi{ display: none;}
    .c_btn{margin-top: 30px;}
    .sol_det .c_btn .amore.on{ display: none;}
    .sol_tab .left{ display: none;}
    .sol_tab .right{ width: 100%;}
    .sol_tab .right li b{ font-size: 32px; line-height:35px;}
    .sol_tab .right .txt{ width: calc(100% - 55px);}
    .sol_tab .right h2{ font-size:22px; line-height:30px;}
    .sol_tab .right li{margin-bottom: 15px;}
    .sol_tab .right{ height: auto;}
    .caseswiper .swiper-slide{ width: 280px;}
    .caseswiper .swiperbtn{ width: 36px; height: 36px; line-height: 36px;}
    .caseswiper .case_next{ right: 10%;}
    .caseswiper .case_prev{ left: 10%;}
}
.sup_main{background: #f7f7f7;}
.main_left{ width: 420px;}
.main_right{ width: calc(100% - 500px);}
.main_left b{ font-size: 48px; font-family: popb; text-transform: uppercase; margin-bottom: 50px;}
.main_left a{ padding: 20px 0; line-height: 30px; border-bottom:1px solid #ddd; font-size:20px;}
.main_left a i{ display: block; width: 0; overflow: hidden; transition:.2s ease;}
.main_left a:hover,.main_left a.act{ font-family:popm; color: #238875;}
.main_left a:hover i,.main_left a.act i{ width:auto; margin-right: 8px; font-size:18px;}
.main_left .left_nav{ border-top: 1px solid #ddd;}
.down_list li{ margin-bottom: 23px;}
.down_list li a{ background: #fff; padding: 40px 55px 40px 60px; transition:.2s ease;}
.down_list li a .left{ width: calc(100% - 170px); margin-right: auto;}
.down_list li a .left p{ font-size: 16px;}
.down_list li a .left h2{ font-size: 22px; font-family: popsb; line-height: 36px; margin-top: 10px;}
.down_list li a i{ font-size: 40px;}
.down_list li:hover a{ background:#238875; color: #fff;}
.down_list li:hover .left h2{ color:#fff;}

.video_list li{ float: left; background: #fff; width: 48%; margin-right: 4%; margin-bottom: 28px; padding:40px 45px 45px;}
.video_list li:nth-child(2n){ margin-right:0;}
.video_list li p{ font-size: 16px;}
.video_list li h2{ font-size: 22px; font-family: popsb; line-height: 36px; height: 108px; overflow: hidden; margin-bottom: 30px; margin-top:5px; }
.video_list li i{ font-size: 30px; color: #ff0015; margin-right: 8px;}
.video_list li .c-flex{ font-size: 16px; cursor:pointer; }
.video_list li .c-flex:hover{ color:#ff0015;}

.videos{ position: fixed; left: 50%; top:20%; transform: translateX(-50%); width: 1100px; background:#333;}
.videos iframe{ width: 100%; height: 650px;}
.videos .vclose{ position: absolute; right: -15px; top: -15px; font-size: 24px; width:36px; height:36px; border-radius:50%; background:#fff; text-align:center; line-height:36px; cursor:pointer; transition:.2s ease; box-shadow:0 0 5px rgba(0,0,0,.3);} 
.videos .vclose:hover{ background:#238875; color: #fff;}
@media (max-width: 1281px){
    .main_left b{ font-size: 38px; line-height: 40px;}
    .main_left{ width: 340px;}
    .main_left a{ font-size: 18px;}
    .main_right{ width: calc(100% - 400px);}
    .video_list li{padding: 30px 35px 35px;}
    .down_list li a{ padding: 30px 40px;}
}
@media (max-width: 1024px){
    .main_left{ display: none;}
    .main_right{ width: 100%;}
    .videos{ width: 800px;}
    .videos iframe{ height: 550px;}
}
@media (max-width: 450px){
    .video_list li{ width: 100%; float: none;}
    .video_list li{padding: 15px 20px 20px; margin-bottom:15px;}
    .video_list li p{ font-size: 14px;}
    .video_list li h2{ font-size: 18px; line-height: 30px; height: 60px;}
    .video_list li .c-flex{ font-size: 14px;}
    .video_list li i{ font-size: 24px;}
    .videos{ width: 390px;}
    .videos iframe{ height: 260px;}
    .videos .vclose{ width: 30px; height: 30px; line-height: 30px; font-size: 18px;}
    .down_list li a{ padding: 15px 20px;}
    .down_list li a .left p{ font-size: 14px;}
    .down_list li a i{ font-size: 28px;}
    .down_list li a .left{ width: calc(100% - 40px);}
    .down_list li a .left h2{ font-size: 18px; line-height: 26px;}
    .down_list li{margin-bottom: 20px;}
}
.techbox .ab_tit p{ font-size: 22px;}

.techbox dl{margin-top: 95px;}
.techbox dl dt{ width: 20%; margin-right: auto;}
.techbox dl dt:last-child{margin-right:0;}
.techbox dl dt h2{ font-size: 22px; font-family: popsb; line-height: 30px; height: 30px;margin: 15px 0;}
.techbox dl dt .ic img{ transition: 3s ease;}
.techbox dl dt:hover .ic img{ transform:rotateY(360deg);}
.item_top .ab_tit{ width: 50%;}

.tech_bot .tech_item{ width: 48%;}
.tech_bot .tech_item:first-child{ width:45%; margin-right: auto;}
.tech_bot .tech_item:first-child .imgfdd{ margin-bottom:85px;}
.tech_bot .tech_item h2{ font-family: popb; font-size: 40px; line-height: 60px; margin-bottom: 30px;}
.tech_bot .tech_item .amore{margin-top: 60px;}
.tech_bot .tech_item:nth-child(2) .imgfdd{ margin-top:75px;}
.tech_bot .tech_item:nth-child(2) p{margin-bottom:25px;}
.tech_bot .tech_item:nth-child(2) span{ display:block; line-height: 26px; padding-left: 39px; background: url(../images/gou_03.png) no-repeat left 2px; margin-top:12px;}

@media (max-width: 1281px){
    .techbox .ab_tit p{ font-size: 20px;}
    .item_top .ab_tit{margin-bottom: 0;}
    .techbox dl{margin-top: 60px;}
    .techbox dl dt{ width: 23%;}
    .techbox dl dt h2{ font-size: 20px;}
    .tech_bot .tech_item h2{ font-size: 32px; line-height: 42px;}
}
@media (max-width: 1024px){
    .techbox .ab_tit p{ font-size: 18px;}
    .techbox dl dt{ width: 48%; margin-bottom: 25px;}
    .techbox dl dt:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .item_top .ab_tit{ width: 100%;}
    .techbox dl{margin-top: 35px;}
    .techbox dl dt{ width: 100%; display: flex; align-items: flex-start; flex-wrap:wrap;}
    .techbox dl dt .ic img{ height: 54px;}
    .techbox dl dt .txt{ width: calc(100% - 70px); margin-left: auto;}
    .techbox dl dt h2{margin: 0;}
    .tech_bot { display: block;}
    .tech_bot .tech_item,.tech_bot .tech_item:first-child{ width: 100%;}
    .tech_bot .tech_item:first-child{ margin-bottom:25px;}
    .tech_bot .tech_item:first-child .imgfdd{ margin-bottom:20px;}
    .tech_bot .tech_item h2{ font-size: 24px; line-height: 30px; margin-bottom: 15px;}
    .tech_bot .tech_item .amore{ margin-top: 20px;}
    .tech_bot .tech_item:nth-child(2) .imgfdd{ margin-top:20px;}
}


.news_main{ background: #f7f7f7;}
.news_main .item_top b{ font-size: 60px; font-family: popb; margin-right: auto;}
.news_choose{ position: relative;}
.news_choose .box{ height: 53px; width: 220px; padding: 0 22px; background: #fff; border: 1px solid #ddd; cursor:pointer; font-size:16px; transition:.3s ease;}
.news_choose .box i{ margin-left: auto;}
.news_choose .list{ position: absolute; width: 220px; left: 0; top: 54px; padding:0 22px; background:#fff;display:none; z-index:2; }
.news_choose .list a{ display: block; margin: 15px 0; font-size:16px;}
.news_choose .box:hover{ background:#238875; color:#fff;} 
.news_choose .list a:hover{ color:#238875;}
.last_news{ margin-bottom: 65px; background: #fff;}
.last_news .pic{ width: 55%;}
.last_news .imgfd{ padding-top: 65%;}
.last_news .txt{ width: 45%; padding: 0 55px;}
.last_news .txt h2{ font-size: 28px; font-family: popb; line-height: 36px; max-height: 108px; overflow:hidden; margin-bottom: 15px;}
.last_news .txt p{ line-height: 27px; height: 200px; overflow: hidden; }
.last_news .txt .info{ border-top: 1px solid #ededed; padding-top: 25px; }
.last_news .txt .info .date{margin-left: auto;}
.last_news:hover .txt h2{ color:#238875;}
.newsitem{ background: #fff; margin-bottom: 40px;}
.newsitem .pic{ width: 35%;}
.newsitem .txt{ padding: 0 60px; width:65%;}
.newsitem .pic .imgfd{ padding-top: 65%;}
.newsitem .txt h2{ font-size: 24px; font-family: popsb; line-height: 36px; max-height: 72px; overflow: hidden; margin-bottom: 20px;}
.newsitem .txt p{ font-size: 16px; line-height: 24px; max-height: 72px; overflow: hidden; margin-bottom:35px;}
.newsitem .txt span{ font-size: 16px;}
.newsitem .txt span.date{ margin-left: auto;}
.newsitem:hover h2{ color:#238875;}
@media (max-width: 1024px){
    .last_news .txt p,.newsitem .txt p{ display: none;}
    .last_news .txt,.newsitem .txt{ padding: 0 35px;}
    .news_main .item_top b{ font-size: 48px; line-height: 50px;}
}
@media (max-width: 450px){
    .news_main .item_top b{ font-size: 30px; line-height: 30px; margin-bottom: 15px;}
    .news_choose .box{ width: 100%; height:40px;}
    .news_choose .list{ top: 40px; width:100%;}
    .news_choose .list a{ font-size: 14px;}
    .last_news .pic{ width: 35%;}
    .last_news .txt, .newsitem .txt{ width: 65%; padding: 0 15px;}
    .last_news .txt h2,.newsitem .txt h2{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom:0;}
    .last_news .txt .info,.newsitem .txt .info{ display: none;}
    .last_news,.newsitem{ margin-bottom: 20px;}
    .item_top{margin-bottom: 25px;}
    
}
.share #st-1{ z-index: 2!important;}
.news_det{padding: 60px 0 80px;}
.news_det h1{ font-size: 48px; font-family: popb; line-height: 62px; margin-bottom:50px;}
.news_det .news_info{ padding: 25px 0; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; font-size:16px; margin-bottom:65px;}
.news_det .news_info i{ display: block; width: 4px; height: 4px; background: #909090; margin: 0 5px;}
.news_det .news_info .share{ margin-left: auto;}
.news_det .news_info .share span{ margin-right: 8px;}

.page_btn{ align-items: flex-start; padding-top:40px; border-top:1px solid #e3e3e3; margin-top:65px; font-size:16px;}
.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; border-radius:25px;}
.page_btn .back i{ margin-left: 10px;}
.page_btn .back:hover{background: #238875; border-color: #238875; 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 a:hover{ color: #238875;}
.page_btn .prev,.page_btn .next{ width:40%;}
.page_btn span{ display: block; margin-bottom:15px;}
.page_btn a{ display: block; line-height: 24px;}
.lastswiper{ overflow: hidden;}
.lastswiper li{background: #f7f7f7;}
.lastswiper .imgfd{ padding-top: 65%;}
.lastswiper .txt{ padding: 30px 35px 20px;}
.lastswiper h2{ font-family: popsb; font-size: 22px; line-height: 36px; height: 108px; overflow: hidden; margin-bottom: 20px;}
.lastswiper p{ font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 20px;}
.lastswiper .info{ font-size: 16px;}
.lastswiper .info .date{margin-left: auto;}
.lastswiper li:hover h2{ color:#238875;}
@media (max-width: 1281px){
    .news_det{padding: 30px 0 50px;}
    .news_det h1{ font-size: 36px; line-height: 48px;}
}
@media (max-width: 450px){
    .news_det h1{ font-size: 24px; line-height: 32px; margin-bottom:20px;}
    .news_det .news_info{ padding: 15px 0; margin-bottom:30px;}
    .news_det .news_info .share{ width: 100%; margin-top:10px;}
    .news_det{ padding: 10px 0 25px;}
    .page_btn{ display: block; padding-top:25px; margin-top:30px; font-size:14px;}
    .page_btn .back{ display: none;}
    .page_btn .prev, .page_btn .next{ width: 100%;}
    .page_btn .next{ text-align: left; margin-top: 15px;}
    .page_btn span{margin-bottom: 8px; font-family: popm;}
    .lastswiper .txt{padding: 15px 20px 20px;}
    .lastswiper h2{ font-size: 16px; line-height: 24px; height: 72px; margin-bottom:0;}
    .lastswiper .info{ display: none;}
    .lastswiper p{ display: none;}
    
    
}
.lx_page{ background: #f7f7f7 url(../images/map_24.png) no-repeat left 80px;}
.lx_top{ margin-bottom: 100px;}
.lx_top .left{ width: 35%; margin-right: auto;}
.lx_top .lxbox{ width: 60%;}
.lx_top .left b{ font-size: 48px; font-family: popb; text-transform: uppercase; margin-bottom:30px;}
.lx_top .left p{ font-size: 16px; color: #717171; line-height: 27px; margin-bottom: 65px;}
.lx_top .left p a{ color: #238875; text-decoration: underline;}
.lx_top .left p a:hover{ color:#1b89bd;}
.lxbox .lxitem{ background: #fff; padding: 42px 40px; margin-bottom:15px;}
.lxbox .lxitem i{ display: block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; text-align: center; color: #fff; font-size: 20px; background: #238875; position:relative; margin-right:28px;}
.lxbox .lxitem i:after{ width:72px; height: 72px; border-radius: 50%; background: rgba(35,136,117,.07); content:''; left:-11px; top:-11px; position:absolute;}
.lxbox .lxitem .txt{ width: calc(100% - 78px);}
.lxbox .lxitem:first-child,.lxbox .lxitem:nth-child(2){ width:49%; margin-right: 2%; float:left;}
.lxbox .lxitem:nth-child(2){margin-right:0;}
.lxbox .lxitem span{ margin-bottom: 10px; display:block;}
.lxbox .lxitem p{ font-size: 22px; font-family: popsb; height:30px;}
.lxbox .lxitem p a:hover{ color:#238875;}
.lx_bot{background: #fff;}
.lx_bot .map{ width: 52%; overflow:hidden;}
.lx_bot .map iframe{ width: 100%!important;}
.lx_msg{ width: 48%; padding: 0 80px;} 
.lx_msg b{ font-size: 38px; font-family: popb; margin-bottom:20px;}
.lx_msg .formbox{ border: 1px solid #ddd; margin-bottom: 18px; padding: 15px;}
.lx_msg .formbox input,.lx_msg .formbox textarea{ line-height: 18px; width: calc(100% - 35px); margin-right: auto; font-size:14px;}
.lx_msg .formbox i{ font-size: 26px; color: #999;}
.lx_msg .sub{ width: 100%; line-height: 58px; background: #404040; border-radius: 29px; color: #fff; font-family: popm; text-transform: uppercase; margin-top:15px; cursor:pointer; transition:.3s ease;}
.lx_msg .sub:hover{ background:#238875;}

@media (max-width: 1281px){
    .lx_top .left b{ font-size: 40px; line-height: 40px;}
    .lxbox .lxitem{ padding: 30px ;}
    .lxbox .lxitem p{ font-size: 20px;}
    .lx_top .left p{ margin-bottom: 40px;}
    .lx_bot .lx_msg{padding: 0 40px;}
}
@media (max-width: 1024px){
    .lx_top .left{ width: 100%; margin-bottom: 30px;}
    .lx_top .lxbox{ width: 100%;}
    .lx_bot .map{ display: none;}
    .lx_bot .lx_msg{ padding: 30px; width:100%;}
}
@media (max-width: 450px){
    .lx_top .left b{ font-size: 30px; line-height: 30px; margin-bottom: 15px;}
    .lx_top .left p{margin-bottom: 25px;}
    .lxbox .lxitem:first-child, .lxbox .lxitem:nth-child(2){ width:100%; float: none;}
    .lxbox .lxitem p{height: auto;}
    .lxbox .lxitem{padding: 20px 25px;}
    .lxbox .lxitem p{ font-size: 18px; line-height: 26px;}
    .lx_top{ margin-bottom: 30px;}
    .lx_msg b{ font-size: 30px; line-height: 30px;}
    .lx_msg{ padding: 30px 20px;}
    .lx_msg .formbox{padding: 12px 15px;}
    .lx_msg .sub{ line-height: 48px;}
    .lx_msg .formbox i{ font-size: 22px;}
}

.msg_tanchuang{ position: fixed; width: 100%; height: 100%; left:0; top:0;z-index:99; display:none;}
.msg_tanchuang .bg{ width: 100%; height: 100%; background: rgba(0,0,0,.3);}
.msg_tanchuang .tc_box{ background: #fff; width: 800px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); padding:50px 0; border-radius:30px; z-index:5; }
.msg_tanchuang .tc_box .lx_msg{ width: 100%;}
.msg_tanchuang .tc_box i{ position: absolute; display: block; width: 36px; height: 36px; border-radius: 50%; background: #fff; text-align: center; line-height: 36px; top: -10px; right: -10px; cursor:pointer; transition:.3s ease; font-size:20px;}
.msg_tanchuang .tc_box i:hover{ background:#238875; color:#fff;}

@media (max-width: 1024px){
    .msg_tanchuang .tc_box{ width: 90%;}
}
@media (max-width: 450px){
    .msg_tanchuang .tc_box{padding: 15px 0; border-radius:8px;}
}