@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 #f3324a;}
.search_box form input{ line-height: 60px; height: 60px;}
.search_box form input.search_sub{ width: 150px; background: #f3324a url(../images/ss.png) no-repeat center; text-align: center; color: #fff; 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: 26px;color: #fff;background: #f3324a ;position: relative;z-index: 2;border-radius: 100%;display: block;line-height: 55px;width: 55px;height: 55px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 55px;line-height: 55px;background: #f3324a ;border-radius: 30px;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:#f3324a;}
.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: 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; width: 100%; left: 0; bottom: 50px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 12px; height: 12px; border: 1px solid #868d87; background: none; opacity: 1; margin:0 7px!important;}
.sy-ban .swiper-pagination-bullet{ border-color: #fff;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #f3324a; border-color: #f3324a;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%);}
.sy-ban .txt1 p{ font-size: 18px; color: #fff;}
.sy-ban .txt1 b{font-size: 56px; font-family: barb; line-height: 80px; color: #fff; max-width: 50%;}
.sy-ban .txt1 .amore{ margin-top: 80px;}


.amore{ align-items: center; flex-wrap: wrap; line-height: 54px; display: inline-block; padding: 0 30px; border-radius: 29px; border:2px solid #666666;transition: .3s ease; overflow: hidden; position: relative;}
.amore:after{ position: absolute;width: 0; display: block; height: 58px; left: 0; top: 0; background: #f3324a; transition: .3s ease; content: '';}
.amore:hover:after{ width: 100%;}
.amore.wb{ border-color: #fff; color: #fff;}
.amore span{position: relative; z-index: 2}
.amore:hover,.amore.on{color: #fff; border-color: #f3324a; }


.sy_title{ margin-bottom: 40px;}
.sy_title b{ font-size: 60px;line-height: 60px;}
.sy_title p{ font-size: 18px; margin-top: 20px;}
.item_top{ margin-bottom: 50px; align-items: flex-start;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto; max-width:50%;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}
.item_top .right{ max-width: 48%;}


.cate_list ul li{ width: 32%; margin-right: 2%; float: left; margin-bottom: 30px; box-shadow: 0 0 8px rgba(0,0,0,.15);transition: .3s ease;}
.cate_list ul li:nth-child(3n){margin-right: 0;}
.cate_list ul li a{ height: 110px; padding: 0 30px 0 65px; position: relative;}
.cate_list ul li h2{ margin-right: auto; max-width: calc(100% - 60px); font-size: 24px; line-height: 36px; font-family: popsb;}
.cate_list ul li a:after{position: absolute; width: 15px; height: 100%; content: ''; left: 0; top: 0;background: linear-gradient( to bottom,#faa155,#f4484c)}
.cate_list ul li img{ opacity: 0; transition: .3s ease;}
.cate_list ul li:hover img{ opacity: 1;}
.cate_list ul li:hover{ transform: translateY(-10px);}
.cate_list ul li:hover h2{ color: #f3324a;}

.sy_who{ background: #f7f7f7;}
.sy_who .txt{ width: 42%; padding-top: 60px;}
.sy_who .imgfdd{width: 52%;}
.sy_who .txt .topspan{ color: #f3324a;}
.sy_who .txt b{ font-size: 42px; font-family: popb; line-height: 60px; margin-bottom: 45px; margin-top: 10px;}

.sy_solution .item_top .right .amore{ margin-top: 40px;}
.solswiper{ overflow: hidden; padding-bottom: 50px;}
.solswiper li{background: #f7f7f7;}
.solswiper li .txt{ background: url("../images/fg_15.jpg") no-repeat right bottom; padding: 25px 40px;}
.solswiper li .imgfd{padding-top: 60%;}
.solswiper li h2{ font-family: popsb; font-size: 24px; line-height: 36px; height: 36px; overflow: hidden; margin-bottom: 25px;}
.solswiper li p{ transition: .3s ease;}
.solswiper li p img{margin-left: 12px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);  height: 25px; transition: .3s ease;}
.solswiper li:hover .txt img{ transform: rotateY(180deg); filter: unset;}
.solswiper li:hover p{ color: #f3324a;}

.swiperall{ position: relative;}

.swiperall .swiperbtn{ width: auto; height: auto;position:absolute; top: 50%; display: inline-block;transition:.2s ease; color: #888; font-size: 60px;}
.swiperall .swiperbtn:hover{color: #f3324a;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none}
.swiperall .swiper-button-prev{ left: -80px;}
.swiperall .swiper-button-next{ right: -80px;}

.left_news{ width: 47%; position: relative;}
.left_news .imgfdd{height: 460px;}
.left_news .imgfdd img{ height: 100%; object-fit: cover;}
.left_news .txt{ position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 38px 25px; color: #fff;}
.left_news .txt p{ font-size: 16px; margin-bottom: 10px;}
.left_news .txt h2{ font-family: popsb; font-size: 22px; line-height: 36px; color: #fff;}
.left_news:hover h2{ color: #f3324a;}
.nlist{ width: 49%;}
.nlist li:first-child{padding-bottom: 35px; border-bottom: 1px solid #ececec; margin-bottom: 35px;}
.nlist li .pic{ width: 40%; margin-right: auto;}
.nlist li .pic .imgfd{padding-top: 62%;}
.nlist li .txt{ width: 56%;}
.nlist li .txt .colname{ display: inline-block; padding-left: 36px; position: relative;}
.nlist li .txt .colname:after{ position: absolute; width: 22px; height: 2px; background: #f3324a; content: ''; left: 0; top: 50%; margin-top: -1px;}
.nlist li .txt h2{ font-size: 18px; font-family: popsb; line-height: 30px; height: 60px; overflow: hidden; margin: 10px 0 30px;}
.nlist li .txt p{ font-size: 16px;}
.nlist li .txt p img{margin-left: 12px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);  height: 25px; transition: .3s ease;}
.nlist li:hover .txt img{ transform: rotateY(180deg); filter: unset;}
.nlist li:hover .txt p{ color: #f3324a;}


.index_foot{ position: relative; background: #1b1b1b; color: #fff;}
.foot_top{ padding: 50px 0 30px; border-bottom: 1px solid rgba(255,255,255,.2); position: relative;}
.foot_top .box{margin-right: auto; width: 35%;}
.foot_top .box p{ font-size: 18px; margin-top: 20px;}
.foot_top .foot_nav{width:42%;  margin-left: auto; overflow: hidden;}
.foot_top .foot_nav p{ width: 40%; float: left; margin-bottom: 15px;}
.foot_top .foot_nav p:nth-child(3n){ width:20%;}
.foot_top .foot_nav a{ display: inline-block; font-size: 20px; color: #fff; line-height: 35px; position: relative;}
.foot_top .foot_nav a:after{ position: absolute; width: 0; left: 0; bottom: 0; content: ''; background: #f3324a; height: 2px; transition: .2s ease;}
.foot_top .foot_nav a:hover:after{ width: 100%;}
.foot_bottom{ padding: 40px 0 50px; border-bottom: 1px solid #e7e7e7; align-items: flex-start;}
.foot_bottom .follow p{ font-size: 18px; margin-bottom: 20px; color: #a9a9a9;}
.foot_contact{ width: 86%; align-items: flex-start;}
.foot_contact .fcon_item{ margin-right: auto; max-width: 45%; overflow: hidden;}
.foot_contact .fcon_item span{ color: #a9a9a9; display: block;font-size: 18px;}
.foot_contact .fcon_item p,.foot_contact .fcon_item a{ color: #fff; font-size: 22px; display: block; margin: 25px 0; line-height: 33px; height: 66px;}
.foot_contact .fcon_item i{ display: inline-block; float: left; margin-right: 10px; width: 42px; height: 42px; text-align: center; line-height: 42px; border-radius: 50%; border: 1px solid #d3d3d3; font-size: 22px;}
.copy{ padding: 20px 0; font-size:16px; color:#b9b9b9;}
.index_foot .b_top{ position:absolute;width: 58px; height: 58px; border: 4px solid #fff; border-radius: 50%; background: #1d4285; text-align: center; top: -29px; left: 50%; margin-left: -29px; cursor: pointer;}
.b_top i{ line-height: 50px; color: #fff; font-size: 22px;}
.fcon_tel span{ font-size: 30px; color: #004088; margin-right: 5px;}
.fcon_tel{ color: #333;}
.fcon_tel p{ font-family: teko; font-size: 42px; margin-top: 20px;}

@media (max-width: 1700px){
.swiperall .swiper-button-next{ right: 1%;}
.swiperall .swiper-button-prev{ left: 1%;}
}
@media (max-width: 1600px){
    .index_head .nav li .second.proxiala{ width: 1400px; margin-left: -700px; padding: 50px 55px;}
    .second.proxiala .right a{ font-size: 18px;}
    .sy-ban .txt1 b{ font-size: 50px; line-height: 70px;}
    .sy_title b{ font-size: 50px; line-height: 50px;}
    .sy_who .txt b{ font-size: 36px; line-height: 52px;}
    .index_head{padding: 0 2%;}
}
@media (max-width: 1441px){
    .index_head .nav li .second.proxiala{ width: 1200px; margin-left: -600px; padding:40px 45px;}
    .second.proxiala .right dt{ width: 31%; margin-left:2.33%;}
    .second.proxiala .right{ width: 75%;}
    .second.proxiala .left{ width: 22%;}
    .left_news .imgfdd{ height: 400px;}
}
@media (max-width: 1281px){
    .index_head .logo img{ max-height: 48px;}
    .index_head .nav li.navli{ margin-left: 50px;}
    .sy-ban .txt1 b{ font-size: 40px; line-height: 60px;}
    .sy-ban .txt1 .amore{margin-top: 55px;}
    .amore{ line-height: 46px; padding:0 20px;} 
    .sy_title b{ font-size: 42px; line-height: 44px;}
    .cate_list ul li a{padding-left: 40px; height:90px;}
    .cate_list ul li h2{ font-size: 22px; line-height: 32px;}
    .sy_who .txt{padding-top: 40px;}
    .sy_who .txt b{margin-bottom: 30px;}
    .sy_solution .item_top .right .amore{ margin-top: 30px;}
    .nlist li .txt h2{margin-bottom: 20px;}
    .nlist li:first-child{ padding-bottom:30px;margin-bottom: 30px;}
    .left_news .imgfdd{height: 350px;}
    .left_news .txt{padding: 0 25px 20px;}
    .foot_contact .fcon_item p, .foot_contact .fcon_item a{ font-size: 18px; line-height: 30px; height: 60px;}
    body{ font-size: 16px;}
    p{line-height: 27px;}
}
@media (max-width: 1024px){
.sy-ban{margin-top: 54px;}
.sy-ban .txt1 b{ font-size: 32px; line-height: 50px;}
.sy-ban .txt1 .amore{margin-top: 35px;}
.cate_list ul li h2{ font-size: 20px; line-height: 30px;}
.cate_list ul li a{padding-right: 15px; padding-left:30px;}
.cate_list ul li a:after{ width:8px;}
.cate_list ul li img{height: 24px;}
.cate_list ul li h2{ max-width: calc(100% - 45px);}
.sy_who .txt b{ font-size: 30px; line-height: 42px;}
.solswiper li .txt{ padding: 20px 25px;}
.solswiper li h2{ font-size: 20px; line-height: 30px; height: 30px;}
.swiperall .swiperbtn{ font-size: 30px;}
.solswiper li p img{height: 20px;}
.left_news .txt h2{ font-size: 20px; line-height: 30px;}
.foot_bottom {display: none;}
.mainh{ height: 60px;}
.right_online{ display: none;}

}
@media (max-width: 768px){
.m_img .headlf .m_logo{ max-height: 36px;}
.m_img .headlf{padding-top: 9px;}
.sy-ban .txt1 b{ max-width: 70%;}
.item_top{ display: block;}
.item_top .sy_title{ max-width: 100%; margin-bottom: 25px;}
.item_top .right{ max-width: 100%;}
.sy_title b{ font-size: 32px; line-height: 35px;}
.item_top{ margin-bottom: 30px;}
.cate_list ul li{ width: 49%; margin-right: 2%;}
.cate_list ul li:nth-child(3n){ margin-right:2%;}
.cate_list ul li:nth-child(2n){margin-right:0%;}
.sy_who .txt{ width: 100%; float: none; margin-bottom: 30px;}
.sy_who .imgfdd{ width: 100%;}
.item_top .amore{ display: none;}
.mainh{height: 45px;}
.left_news{ display: none;}
.nlist{ width: 100%;}
}
@media (max-width: 450px){
.mainh{ height: 35px;}
.sy-ban .txt1 .amore{ display: none;}
.sy-ban .txt1 b{ font-size: 25px; line-height: 33px; max-width:80%;}
.cate_list ul li{ width: 100%; margin-bottom:20px;}
.sy_who .txt b{ font-size: 26px; line-height: 35px;}
.solswiper li p{display: none;}
.solswiper li .txt{padding: 10px;}
.solswiper li h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom: 0;}
.swiper-pagination-bullet{ width: 8px;height: 8px;}
.nlist li .txt p{ display: none;}
.nlist li .txt h2{ font-size:16px;line-height:24px; height:48px; margin-bottom:0; } 
.nlist li .txt .colname{ padding-left: 30px;}
.nlist li .txt .colname:after{ width:18px;}
.copy{ font-size: 14px;}
.nlist li:first-child{ padding-bottom:20px; margin-bottom: 20px;}
}

.ny_ban{ position: relative;}
.ny_ban .bantxt{ position: absolute; width: 100%; left: 0; top: 50%; transform: translateY(-50%); color: #fff;}
.ny_ban .bantxt .posi{ font-size: 16px;}
.ny_ban .bantxt a{ color: #fff;}
.ny_ban .bantxt b{ font-size: 56px; font-family: popsb; color: #fff; padding-bottom: 20px; position: relative; margin-bottom: 45px;}
.ny_ban .bantxt b:after{ position:absolute; width: 90px; height: 3px; background: #f3324a; content: ''; left:0; bottom:0;}

.main_left{ width: 350px;}
.left_search{margin-bottom: 55px;}
.left_search input.search_sub{ width: 85px; height: 52px; background: #f3324a url(../images/ss.png) no-repeat center; background-size:30px; cursor:pointer;}
.left_search input{ line-height: 50px;}
.left_search input.fl{ border: 1px solid #cccccc; font-size:14px; padding-left:18px; width:calc(100% - 85px);}
.main_right{ width: calc(100% - 400px);}
.pro_nav img{ height: 20px; opacity:0; transition:.3s ease;}
.main_left b{ font-family: popb; font-size: 40px; margin-bottom: 25px;}
.pro_nav p{ margin-right: auto; max-width:calc(100% - 38px);}
.pro_nav li{ margin-bottom: 28px;}
.pro_nav li:hover p,.pro_nav li.act p{ color:#f3324a;}
.pro_nav li:hover img,.pro_nav li.act img{ opacity:1;}

.popb48{ font-family: popb; font-size: 48px; margin-bottom: 40px;}
.pro_tit .popb48{ margin-bottom: 0; margin-right: auto;}
.pro_tit {margin-bottom: 45px;}
.pro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 45px; border: 1px solid #333333; transition:.3s ease; padding-top:35px;}
.pro_list li:nth-child(3n){ margin-right:0;}
.pro_list li .txt{ padding: 20px 35px;}
.pro_list li h2{ font-family: popb; font-size: 20px;line-height: 33px; transition:.3s ease;}
.pro_list li .tit{ height: 66px; overflow:hidden; margin-bottom:5px;}
.pro_list li p{ height: 60px; overflow:hidden;}
.pro_list li:hover{ border-color:#f3324a;}
.pro_list li:hover h2{ color:#f3324a;}

@media (max-width: 1441px){
    .ny_ban .bantxt b{ font-size: 52px; line-height: 54px; margin-bottom:35px;}
    .pro_list li .txt{ padding: 16px 25px;}
    
}
@media (max-width: 1281px){
    .main_left{ width: 300px;}
    .main_right{ width: calc(100% - 340px);}
    .pro_tit{ margin-bottom: 30px;}
    .popb48{ font-size: 40px;}
    .pro_list li p{ height: 54px;}
}
@media (max-width: 1024px){
    .ny_ban .bantxt b{ font-size: 44px; line-height: 48px; margin-top: 10px; margin-bottom:25px;}
    .ny_ban .bantxt b:after{ width:50px;}
    .main_left{ display: none;}
    .top_h{ height: 54px;}
    .main_right{ width: 100%;}
    .popb48{ font-size: 36px; line-height: 38px;}
}
@media (max-width: 768px){
    .pro_list li{ width: 49%; padding-top:15px;}
    .pro_list li:nth-child(3n){ margin-right:2%;}
    .pro_list li:nth-child(2n){ margin-right:0;}
    .ny_ban .bantxt p{ display: none;}
    .ny_ban .bantxt b{margin-bottom: 0;}
    .ny_ban .bantxt .posi{ font-size: 14px;}
    .ny_ban .bantxt b{ font-size: 34px; line-height:38px;}
    .popb48{ font-size: 32px; line-height: 34px;}
}
@media (max-width: 450px){
    .ny_ban img{ width: 150%; margin-left: -25%;}
    .ny_ban .bantxt b{ font-size: 30px; line-height: 34px; padding-bottom:15px;}
    .ny_ban .bantxt b:after{ width:40px;}
    .pro_tit{margin-bottom: 20px;}
    .pro_list li .txt{padding: 5px 10px;}
    .pro_list li h2{font-size: 16px; line-height: 24px; }
    .pro_list li .tit{height: 72px;}
    .pro_list li p{display: none;}
    .pro_list li{ margin-bottom: 25px;}
    .popb48{ font-size: 28px; line-height: 32px; margin-bottom:25px;}
}
.showposi{ padding: 45px 0; font-size:16px; color:#999;}
.showposi a{ color: #999;}
.showposi a:last-child{ color:#333;}

.show_top{padding-top: 60px;}
.show_top .pic{ width: 43%; position:relative;}
.show_top .pic .swiperbtn{ top: 50%; font-size: 40px;}
.show_top .pic .swiperbtn:hover{ color:#f3324a;}
.show_top .txt{ width: 48%;}
.bigswiper{ overflow: hidden; border:1px solid #e6e6e6;}
.show_top .txt h1{ font-size: 48px; font-family: popb; line-height: 60px; margin-bottom:50px;  }
.show_top .txt .cirbtn{ line-height: 50px; height: 50px; border: 1px solid #333; display:inline-block; text-align:center; margin-left:15px; font-size:0; color:#333; transition:.2s ease; border-radius:26px;}
.show_top .txt .cirbtn i{ font-size: 22px; display: inline-block; line-height: 50px; width:50px; color:#3a3a3a;}
.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:#3a3a3a; color:#3a3a3a;}
.show_top .txt .cirbtn:hover span{ display: inline-block;}
.show_top .share{margin-top: 55px;}
.show_top .share span{ margin-right: 10px;}
.show_top .txt .des{margin-bottom: 80px;}

.show_top .txt .downbtn{ border-color: #333333; background: #333333; color: #fff; width: 230px; text-align: center; margin-right: 20px;}
.show_top .txt .downbtn:hover{ border-color:#f3324a;}
.det_left .tab-hd{margin-bottom: 65px;}
.det_left .tab-hd li{ padding: 0 35px; line-height: 64px; background: #f7f7f7; border-top: 2px solid #f3324a; margin-right:20px; font-size:20px; color:#f3324a;}
.det_left .tab-hd li.active{background: none;}
.showdet{ overflow: hidden;}
.showdet img{ max-width: 100%!important;}
.det_left{ width: calc(100% - 460px);}
.det_right{ width: 415px;}
.det_right b{ font-family: popb; font-size: 30px; margin-bottom: 35px;}
.rel_pro li{margin-bottom: 32px;}
.rel_pro li .pic{ width:40%; border:1px solid #dedede;}
.rel_pro li .txt{width: 55%; margin-left:auto;}
.rel_pro li h2{ font-family: popm; font-size: 20px; line-height: 33px; height: 66px; overflow: hidden; margin-bottom: 15px;}
.rel_pro li .txt img{height: 20px; margin-left: 5px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%); transition:.3s ease;}
.rel_pro li .txt p{ font-size: 16px;}
.rel_pro li:hover .txt p{ color:#f3324a;}
.rel_pro li:hover .txt img{ transform:rotateY(180deg); filter:unset;}

.page_btn{ margin-top: 65px; padding-top:45px; border-top:1px solid #e7e7e7; align-items:flex-start;}
.page_btn{ font-family: popm; color: #333;}
.page_btn span{ font-family: pop;color: #999999;}
.page_btn .prev{ margin-right: auto;}
.page_btn .prev,.page_btn .next{ max-width: 48%;}
.page_btn a:hover{ color:#f3324a;}

.bot_msg{position: relative; padding-bottom:40px;}
.bot_msg:after{position:absolute; width: 100%; bottom: 0; left: 0; height: 50%; content: ''; background: #1b1b1b;}
.msg_center{box-shadow: 0 0 10px rgba(0,0,0,.15); position:relative;z-index:3; background:#fff;}
.msgbox{ width: calc(100% - 680px); padding:0 80px; margin-right:auto;}
.bot_msg .pic{ width: 640px;}
.bot_msg .pic img{ width: 100%;}
.msgbox .tit .popb48{ margin-bottom: 10px;}
.msgbox .tit{margin-bottom: 30px;}
.msgbox .formbox{ width: 100%; margin-bottom: 18px; position:relative;}
.msgbox .formbox input,.msgbox .formbox textarea{ width: 100%; border: 1px solid #e7e7e7; line-height:52px; font-size:14px; padding:0 54px 0 20px;}
.msgbox .formbox i{ font-size: 20px; position: absolute; right: 15px; top: 15px; color:#999;}
.msgbox .exp{ font-size: 14px;}
.msgbox .sub{ width: 100%; line-height: 58px; cursor: pointer; transition: .3s ease; color:#fff; font-size:16px; text-transform:uppercase; margin-top:30px; background:#343434;}
.msgbox .sub:hover{ background:#f3324a;}
.msg_center:after,.msg_center:before{ position: absolute; width: 60%; background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1)); content:''; height:100px; z-index:-1;}
.msg_center:after{ bottom:-20px; right: 20px; opacity: .5;}
.msg_center:before{ bottom:-40px; right: 40px; opacity: .3;}
@media (max-width: 1441px){
    .showposi{padding: 35px 0;}
    
}
@media (max-width: 1281px){
    .show_top{padding-top: 20px;}
    .show_top .pic{ width: 46%;}
    .show_top .txt .des{margin-bottom: 50px;}
    .show_top .share{ margin-top: 40px;}
    .det_left .tab-hd{ margin-bottom: 45px;}
    .msgbox{ padding: 0 50px;}
}
@media (max-width: 1024px){
    .show_top .txt h1{ font-size: 40px; line-height: 50px; margin-bottom:30px;}
    .show_top .txt .des{margin-bottom: 35px;}
    .show_top .share{ margin-top: 30px;}
    .det_left{ width: 100%;}
    .det_right{display: none;}
    .bot_msg .pic{display: none;}
    .msgbox{ width: 100%; padding:40px 45px;}
    
}
@media (max-width: 768px){
    .show_top .pic{ width: 100%; float:none; margin-bottom:30px;}
    .show_top .txt{ width: 100%; float: none;}
    .det_left .tab-hd li{line-height: 54px; font-size: 18px; padding: 0 30px;}
    .page_btn{padding-top: 30px; margin-top: 40px; display:block;}
    .page_btn .prev, .page_btn .next{ max-width: 100%;}
    .page_btn .prev{margin-bottom: 20px;}
    .show_top .txt h1{ font-size: 32px; line-height: 36px;}
}
@media (max-width: 450px){
    .showposi{ font-size: 14px; padding: 16px 0;}
    .show_top .pic .swiperbtn{ font-size: 30px;}
    .show_top .txt h1{margin-bottom: 20px;}
    .show_top .txt .downbtn{ width: 150px;}
    .show_top .txt .des{ margin-bottom: 30px;}
    .det_left .tab-hd li{padding: 0 20px; margin-right:10px;}
    .det_left .tab-hd li:last-child{ margin-right:0;}
    .det_left .tab-hd li{ font-size: 17px;}
    .det_left .tab-hd{margin-bottom: 30px;}
    .msgbox{padding: 25px 20px;}
    .msgbox .formbox input, .msgbox .formbox textarea{line-height: 46px;}
    .msgbox .sub{ line-height: 48px; margin-top:20px;}
}
.sol_main .popb48{ width: 70%; margin: 0 auto 40px; text-align:center; line-height:72px;}
.sol_main .popb48 span{ color: #f3324a;}
.sol_main .tab-hd{ justify-content: center; margin-bottom:50px;}
.sol_main .tab-hd li{ width: 280px; line-height: 58px; text-align: center; border: 1px solid #cdcdcd; font-size:20px; margin:0 32px; transition:.3s ease;}
.sol_main .tab-hd li.active{ border-color: #f3324a; color:#f3324a;}
.sol_main .tab-bd .pic{ width: 45%;}
.sol_main .tab-bd .imgfd{padding-top: 60%;}
.sol_main .tab-bd li{background: #fafafa url(../images/fg_15.jpg) no-repeat right bottom;}
.sol_main .tab-bd .txt{ width: 55%; padding: 0 80px;}
.sol_main .tab-bd b{ font-size: 32px;}
.sol_main .tab-bd .tit{ padding-bottom: 25px; position: relative; border-bottom:1px solid #dfdfdf; margin-bottom:45px;}
.sol_main .tab-bd .tit:after{ position:absolute; width: 100px; height: 3px; left: 0; bottom: -1px; content: ''; background: #f3324a;}
.sol_main dt{margin-top: 15px;}
.sol_main .txt a{ padding-left: 14px; position: relative; line-height:30px; transition:.3s ease;}
.sol_main .txt a p{ width: calc(100% - 60px);}
.sol_main .txt a:after{position:absolute; left: 0; width: 6px; height: 6px; background: #cdcdcd; content: ''; top: 12px;}
.sol_main .txt a img{height: 20px; margin-left: 10px; opacity: 0; transition:.3s ease;}
.sol_main .txt dt:hover a{ color:#f3324a;}
.sol_main .txt dt:hover a:after{ background:#f3324a;}
.sol_main .txt dt:hover a img{ opacity:1;}

@media (max-width: 1441px){
    .sol_main .tab-hd li{ width: auto; padding: 0 25px; margin:0 auto; font-size:18px;}
    .sol_main .tab-bd .tit{padding-bottom: 20px; margin-bottom: 30px;}
}
@media (max-width: 1281px){
    .sol_main .popb48{ width: 80%;}
    .sol_main .tab-bd .txt{padding: 0 50px;}
}
@media (max-width: 1024px){
    .sol_main .tab-bd b{ font-size: 28px;}
}
@media (max-width: 768px){
    .sol_main .popb48{ width: 96%; line-height:40px;}
    .sol_main .tab-hd li{ width: 46%; margin-bottom: 20px; line-height:52px;}
    .sol_main .tab-bd .pic{ width: 100%;}
    .sol_main .tab-bd .txt{ padding: 25px 30px; width:100%;}
}
@media (max-width: 450px){
    .sol_main .tab-hd li{ width: 100%;}
    .sol_main .tab-bd .txt{padding: 15px 20px;}
    .sol_main .txt a img{height: 18px;}
}
.sol_top{ padding-top: 50px;}
.sol_top .pic{ width: 47%;}
.sol_top .pic .imgfd{padding-top: 64.5%;}
.sol_top .txt{width: 49%;}
.sol_top .txt h1{ font-size: 42px; line-height: 70px; margin-bottom: 25px; font-family:popb;}
.sol_top .txt .des{ padding-right: 45px; height: 280px; overflow-y: auto;}
.sol_top .txt .des::-webkit-scrollbar {
  width: 3px;
}

.sol_top .txt .des::-webkit-scrollbar-track {
  background: #e3e3e3;
}

.sol_top .txt .des::-webkit-scrollbar-thumb {
  background: #bcbcbc;
  border-radius: 2px;
}
.solitem2 .sol_value{ width: 47%; margin-right: auto;}
.solitem2 .sol_value .box{margin-bottom: 60px;}
.solitem2 .sol_value b{ font-size: 42px; margin-bottom: 40px;}
.solmsg{ width: 47%; padding: 52px 70px 60px; box-shadow:0 0 10px rgba(0,0,0,.15); margin-right:0;}


.sol_adv{ text-align: center;}
.sol_adv dt{ width: 31%; margin-right: auto; background: #fff; padding:50px 55px 70px; transition:.3s ease;}
.sol_adv dt:nth-child(3){ margin-right:0;}
.sol_adv dt .ic{ margin-bottom: 15px; transition:.3s ease;}
.sol_adv dt h4{ font-family: popsb; font-size: 24px; line-height: 30px; height: 30px; margin-bottom:25px; transition:.3s ease;}
.sol_adv dt p{ font-size: 16px; line-height: 24px; height: 96px;}
.sol_adv dt:hover .ic{ transform:translateY(-10px);}
.sol_adv dt:hover .ic img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.sol_adv dt:hover{ background:#f3324a; color: #fff;}
.sol_adv dt:hover h4{ color:#fff;}
.caseswiper{ overflow: hidden; padding-bottom: 50px; position: relative;}
.sol_case{ text-align: center;}
.caseswiper .imgfd{ padding-top: 68.5%; margin-bottom:25px;}
.caseswiper p{ height: 60px;}
@media (max-width: 1441px){
    .sol_top .txt h1{ font-size: 36px; line-height: 55px;}
}
@media (max-width: 1281px){
    .sol_top .txt h1{ font-size: 32px; line-height: 50px;}
    .solitem2 .sol_value b{ font-size:36px;}
    .solitem2 .sol_value .box{margin-bottom: 40px;}
    .sol_adv dt{padding: 40px 45px 50px;}
    .sol_top{padding-top: 20px;}
}
@media (max-width: 1024px){
    .sol_top .pic{ width: 100%; margin-bottom: 30px;}
    .sol_top .txt{ width: 100%;}
    .solmsg{ padding: 40px 50px 50px;}
    .sol_adv dt h4{ font-size: 22px; margin-bottom: 20px;}
    .sol_adv dt{ padding: 30px 25px 50px;}
    .sol_adv dt p{ font-size: 14px;}
    .sol_adv dt .ic img{height: 60px;}
}
@media (max-width: 768px){
    .solitem2 .sol_value{ width: 100%; margin-bottom: 35px;}
    .solmsg{ width: 100%;}
    .sol_adv dt{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom:20px;}
    .sol_adv dt .txt{ text-align: left; width: calc(100% - 80px); margin-left: auto;}
    .sol_adv dt p{height: auto;}
}
@media (max-width: 450px){
    .sol_top .txt h1{ font-size: 24px; line-height: 32px;}
    .solitem2 .sol_value b{ font-size: 26px; line-height: 32px;  margin-bottom:25px;}
    .solitem2 .sol_value .box{margin-bottom: 30px;}
    .solmsg{padding: 25px 20px;}
    .caseswiper .imgfd{margin-bottom: 15px;}
}
.ab_weq .left{ width: 42%; margin-right: auto;}
.ab_weq .left b{ padding-bottom: 25px; position: relative;}
.ab_weq .left b:after{position:absolute; left: 0; bottom: 0; width: 100px; height: 3px; background: #f3324a; content: '';}
.ab_weq .left b span{ color: #f3324a;}
.ab_weq .left p{ font-size: 24px; line-height: 36px;}
.ab_weq .right{ width: 48%;}
.weqtxt p{line-height: 27px;}
.weqtxt{ padding-bottom: 40px; border-bottom: 1px solid #dbdbdb; margin-bottom: 35px;}
.weqdes{ line-height: 27px; margin-bottom: 30px;}
.ab_weq .right span{ display: block; font-size: 20px; margin-bottom: 20px;}
.ab_weq .right .tenet_box{ padding: 38px 60px; position:relative; border:1px solid #dddddd;}
.tenet_box p{ font-size: 24px; line-height: 36px;}
.tenet_box:after,.tenet_box:before{ position:absolute;font-family:Arial!important; font-size: 100px; line-height: 40px; height:40px; color: #333333; opacity: .1;}
.tenet_box:after{ content:'"'; left: 30px; top: 40px;}
.tenet_box:before{ content:'" '; right: 30px; bottom: 0;}

.smore{ display: block; width: 62px; line-height: 62px; height: 62px; border-radius: 50%; text-align:center; font-size: 26px; transition: .2s ease; border: 1px solid #e2e2e2;}
.smon:hover .smore{ background: #f3324a; color: #fff; border-color: #f3324a}
.bot_link .item{ width: calc(50% - 10px); margin-right: auto; position: relative; margin-bottom: 20px;}
.bot_link .item:last-child{margin-right: 0;}
.bot_link .item .imgfd{ padding-top: 45%;}
.bot_link .item .txt{ left: 15%; top: 100px; color: #fff; width: 80%; position: absolute; z-index: 3;}
.bot_link .item .txt b{ font-size: 40px; color: #fff; line-height: 40px;margin-bottom: 20px;}
.bot_link .item .txt .title{ padding-left: 30px; border-left: 6px solid #f3324a; margin-bottom: 75px;}
.bot_link .item .txt .smore{ color: #fff; border-color: #fff;}
.ab_cert{ text-align: center;}
.certswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}
.certswiper li{ background: #fff; padding: 50px 70px 40px;}
.certswiper .imgfd{ padding-top: 142.4%; margin-bottom:22px;}
.certswiper p{ height: 30px;}
@media (max-width: 1600px){
    .bot_link .item .txt{ top: 70px;}
    .bot_link .item .txt .title{ margin-bottom: 50px;}
    .bot_link .item .txt{ left: 8%;}
}
@media (max-width: 1441px){
    .certswiper li{padding: 40px 50px 30px;}
}
@media (max-width: 1281px){
    .ab_weq .left p,.tenet_box p{ font-size: 20px; line-height: 30px;}
    .bot_link .item .txt{ top: 40px;}
    .smore{ width: 50px; height: 50px; line-height: 50px; font-size:22px;}
}
@media (max-width: 1024px){
    .bot_link .item .txt b{ font-size: 30px; line-height: 30px;}
    .bot_link .item .txt{width:90%; left:5%;} 
    .bot_link .item .txt .title{margin-bottom: 30px;}
    .certswiper li{padding: 30px 30px 35px;}
    .certswiper .imgfd{margin-bottom: 15px;}
}
@media (max-width: 768px){
    .ab_weq .left{ width: 100%; margin-bottom: 30px;}
    .ab_weq .right{ width: 100%;}
    .bot_link .item{ width: 100%; margin-bottom: 20px;}
}
@media (max-width: 450px){
    .ab_weq .left p, .tenet_box p{ font-size: 18px;}
    .weqtxt{ padding-bottom: 25px; margin-bottom: 30px;}
    .ab_weq .right .tenet_box{ padding: 28px 35px;}
    .bot_link .item .imgfd{ padding-top: 50%;}
    .bot_link .item .txt b{ font-size: 24px; margin-bottom: 10px;}
    .bot_link .item .txt .title{padding-left: 22px; border-width:3px; margin-bottom:25px;}
    .certswiper li{ padding: 20px 15px;}
}
.rd_capa .txt{ width: 47%; margin-right: auto;}
.rd_capa .capaswiper{ width: 46%;}
.rd_capa .txt span{ display: block; font-family: popm; font-size: 24px; line-height: 36px; margin-bottom: 35px;}
.capaswiper{ overflow: hidden; padding-bottom:50px; position:relative;}
.capaswiper .imgfd{ padding-top: 68%;}

.capa_number{margin-top: 90px;}
.capa_number dt{ margin-right: auto;}
.capa_number dt:nth-child(4){ margin-right:0;}
.capa_number dt b{ font-size: 80px; line-height: 80px; height: 80px; margin-bottom:10px;}
.capa_number dt sup{ font-size: 48px; line-height: 40px; margin-left:5px;}
.capa_number dt p{ font-size: 16px; height: 30px;}

.ctit{margin-bottom: 45px; padding: 0 13%; text-align: center;}
.ctit .popb48{ margin-bottom: 20px;}
.pcaswiper{ overflow: hidden; position: relative; padding-bottom: 50px;}
.pcaswiper .swiper-slide { width:760px;transition-timing-function:linear; position: relative;overflow: hidden;}
.pcaswiper .swiper-slide .imgfd{ padding-top: 57.9%;}
.capa_adv{ position: relative;}
.capa_adv .ctit b,.capa_adv .ctit p{ color: #fff;}
.capa_adv .center{ position: relative; z-index: 2;}
.capa_adv .bg{ height: 460px; width: 100%; left: 0; top: 0; position:absolute;}
.capa_adv dt{ width: 31%; margin-right: auto; background: #fff; text-align: center; padding:52px 50px 55px; transition:.3s ease;}
.capa_adv dt:nth-child(3){ margin-right:0;}
.capa_adv dt .ic{ margin-bottom: 20px; transition:.3s ease;}
.capa_adv dt h3{ font-size: 24px; font-family: popsb; line-height: 30px; height: 30px; margin-bottom: 20px;}
.capa_adv dt p{ line-height: 27px; height: 135px;}
.capa_adv dt:hover .ic{ transform:translateY(-10px);}
.capa_adv dt:hover .ic img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.capa_adv dt:hover{ background:#f3324a; color: #fff;}
.capa_adv dt:hover h3{ color:#fff;}

.capa_global{ position: relative;}
.capa_global .txt{ width: 40%;}
.capa_global .mappic{ width: 60%; position: absolute; right: 0; top: 0;}
@media (max-width: 1281px){
    .rd_capa .txt span{ font-size: 22px; line-height: 33px;}
    .capa_number dt b{ font-size: 70px; line-height: 70px; height: 70px;}
    .pcaswiper .swiper-slide{ width: 650px;}
    .capa_adv dt{ padding: 50px 40px 55px;}
    .capa_adv dt h3{ font-size: 22px;}
    .capa_number{margin-top: 60px;}
    
}
@media (max-width: 1024px){
    .capa_adv dt{ display: flex; width: 100%; flex-wrap: wrap; margin-bottom:20px;}
    .capa_adv dt img{ height: 60px;}
    .capa_adv dt .txt{ width: calc(100% - 80px); margin-left: auto; text-align: left;}
    .capa_adv dt p{height: auto;}
}
@media (max-width: 768px){
    .rd_capa .txt{ width: 100%; margin-bottom: 30px;}
    .rd_capa .capaswiper{ width: 100%;}
    .capa_number dt b{ font-size: 50px; line-height: 50px; height: 50px;}
    .capa_number dt sup{ font-size: 30px; line-height: 26px;}
    .pcaswiper .swiper-slide{ width: 500px;}
    .capa_global .txt{ width: 100%;}
    .capa_global .mappic{ display:none;}
}
@media (max-width: 450px){
    .rd_capa .txt span{ font-size: 18px; line-height: 30px; margin-bottom:25px;}
    .capa_number{ margin-top: 40px;}
    .capa_number dt{ width: 45%; margin-bottom:20px;}
    .capa_number dt:nth-child(2n){ margin-right:0;}
    .capa_number dt b{ font-size: 40px; line-height: 40px; height: 40px;}
    .ctit{padding: 0 3%;}
    .pcaswiper .swiper-slide{ width: 280px;}
    .ctit{ margin-bottom: 30px;}
    .capa_adv dt{ padding: 30px 25px 25px;}
}
.news_top{ margin-bottom: 65px;}
.news_nav{ width: 55%; margin-right:auto;}
.news_nav a{ margin-right: auto; width: 28%; padding:15px 0; border-bottom:1px solid #333333; font-size:16px; transition:.3s ease; position:relative;}
.news_nav a i{ font-size: 14px; margin-left: auto;}
.news_nav a:hover,.news_nav a.act{ color:#f3324a;}
.news_nav a:after{ width:0; height: 1px; position: absolute; left: 0; bottom: -1px; background: #f3324a; content: ''; transition:.3s ease;}
.news_nav a:hover:after,.news_nav a.act:after{width:100%;}
.news_search{ border-bottom: 1px solid #333; width:340px; }
.news_search input{ line-height: 50px;width:calc(100% - 30px); font-size:16px;}
.news_search .sub{line-height: 30px; font-size: 26px; background: none; height:30px; cursor:pointer; transition:.3s ease;}
.news_search .sub:hover{ color:#f3324a;}

.news_list ul li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 100px; position:relative;}
.news_list ul li:nth-child(3n){ margin-right:0;}
.news_list ul li .imgfd{padding-top: 62%; margin-bottom: 30px;}
.news_list ul li span{ font-size: 16px;}
.news_list ul li h2{ font-size: 22px; font-family: popsb; line-height: 33px; height: 66px; overflow: hidden; margin:5px 0 35px;}
.news_list ul li .txt{ padding-bottom: 25px; border-bottom: 1px solid #cfcfcf;}
.news_list ul li p{ font-size: 16px;}
.news_list ul li p img{ height: 20px; margin-left: 5px; filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(30%);-webkit-filter: brightness(0%) invert(30%);}
.news_list ul li:after{ width:0; height: 1px; position: absolute; left: 0; bottom: 0; background: #f3324a; content: ''; transition:.3s ease;}
.news_list ul li:hover:after{ width:100%;}
.news_list ul li:hover h2,.news_list ul li:hover p{ color:#f3324a;}
.news_list ul li:hover p img{filter: unset;}
@media (max-width: 1024px){
    .news_nav{ width: 70%;}
    .news_search{ width: 280px;}
    .news_list ul li{margin-bottom: 50px;}
    .news_list ul li .imgfd{ margin-bottom: 20px;}
    .news_list ul li h2{ font-size: 20px; line-height: 30px; height: 60px; margin-bottom: 25px;}
}
@media (max-width: 768px){
    .news_search{ display: none;}
    .news_nav{width: 100%;}
    .news_top{ margin-bottom: 40px;}
    .news_list ul li{ width: 49%;}
    .news_list ul li:nth-child(3n){ margin-right:2%;}
    .news_list ul li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .news_nav a{ width: 100%; margin-bottom: 15px;}
    .news_list ul li span{ display: none;}
    .news_list ul li h2{ font-size: 16px; line-height: 24px; height: 48px; margin-bottom:0;}
    .news_list ul li p{ display: none;}
    .news_list ul li .txt{ padding-bottom: 15px;}
    .news_list ul li .imgfd{ margin-bottom: 15px;}
    .news_list ul li{ margin-bottom: 25px;}
}
.news_det{ padding-top: 55px;}
.news_det .news_info .colname{line-height:42px; background:#181818; padding:0 15px; font-size:16px; color:#fff; display:inline-block;}
.news_det .news_info .date{margin: 25px 0 40px;}
.news_det .news_info  i{ font-size: 18px;display:block;}
.news_det .news_info .follow p{ font-size: 18px; margin-bottom: 10px;}
.news_det .right{ width: calc(100% - 320px); margin-left: auto;}
.news_det .right h1{ font-size: 40px; font-family: popb; line-height: 60px; padding-bottom: 55px; border-bottom: 1px solid #d8d8d8;}
.det_show{ padding: 50px 0 0; overflow: hidden;}
.det_show img{ max-width: 100%!important;}
.news_page.page_btn .prev,.news_page.page_btn .next{ width: 100%; max-width:100%;}
.news_page.page_btn .prev{ margin-bottom:25px;}

@media (max-width: 1281px){
    .news_det .right h1{ font-size:32px; line-height:50px; padding-bottom:40px;}
}
@media (max-width: 768px){
    .news_det .news_info{ width: 100%; display: flex; align-items: center;}
    .news_det .right{ width: 100%; margin-top: 25px;}
    .news_det .news_info .date{margin: 0 auto;}
    .news_det .news_info i,.news_det .news_info .follow p{display: none;}
}
@media (max-width: 450px){
    .news_det .news_info .colname{ display: none;}
    .news_det .news_info .date{margin-left: 0;}
    .news_det{padding-top: 25px;}
    .news_det .right h1{ font-size: 26px; line-height: 35px; padding-bottom: 20px;}
    .det_show{padding-top: 25px;}
}
.lx_main .lx_get{ width: 49%;}
.lx_get b{ font-size: 56px;}
.lx_get .tit{margin-bottom: 80px;}
.lx_item{margin-bottom: 65px;}
.lx_item i{ display: block; width: 50px; line-height: 50px; height: 50px; text-align: center; font-size: 26px; color: #f3324a; border: 1px solid #d2d2d2; border-radius:50%;}
.lx_item .txt{ width: calc(100% - 66px); margin-left: auto;}
.lx_item span{ display: block; font-family: popsb; font-size: 20px; margin-bottom:5px;}
.lx_item p{ font-size: 20px;}
.lx_item a:hover{ color:#f3324a;}
.lx_follow p{ text-transform: uppercase; margin-right:15px;}
.lx_follow p span{ color: #f3324a;}

.lx_map{ overflow: hidden;}
.lx_map iframe{ width: 100%!important;}

@media (max-width: 1441px){
    .lx_get b{ font-size: 50px;}
    .lx_get .tit{ margin-bottom: 50px;}
    .lx_item{margin-bottom: 45px;}
}
@media (max-width: 1024px){
    .lx_get b{ font-size: 36px;}
    .lx_main .lx_get{ width: 100%; margin-bottom: 30px;}
    .solmsg{ width: 100%;}
    .lx_map{display: none;}
}
@media (max-width: 450px){
    .lx_get .tit{ margin-bottom:30px;}
    .lx_item p{ font-size: 18px;}
}