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

.top_right .lang a{ display: inline-block; margin: 0 8px;}
.top_right .follow_list{margin-left: 70px;}
.top_right .follow_list a svg{ fill: #111;}
.top_right .follow_list a{background: none!important;}
.top_h{ height: 101px;}

.cd-main-content{padding-bottom: 0;}
.sy-ban{ width: 100%;position: relative; overflow: hidden;}
.sy-ban .img-m{ width: 100%;}
.sy-ban .txt1{ position: absolute; width: 100%; left: 0; top: 40%; text-align: right}
.sy-ban .txt1 b{ font-size: 100px; line-height: 128px; color: #e37907;font-family: impb;}
.sy-ban .txt1 b span{ display: block; color: #4c4f5d;}
.swiperall{ position: relative;}
.swiperall .swiper-button-prev,.swiperall .swiper-button-next{ bottom: 48%; height: 50px; width: 50px; text-align: center; line-height: 50px; border-radius: 50%; background: #fff; color: #111; font-size: 22px; box-shadow: 0 0 8px rgba(12,92,167,.15); transition: .3s ease;}
.swiperall .swiper-button-prev:hover,.swiperall .swiper-button-next:hover{background: #162a87; color: #fff;}
.dtop{ padding-top: 100px;}
.swiper-pagination-bullet:focus{ outline: none;}
.amore{ display: inline-block; font-size: 18px; line-height: 45px; border-radius: 23px; padding: 0 31px; color: #111; background: #fff; position: relative;transition: .3s ease; overflow: hidden;}
.amore i{display: inline-block; margin-left: 10px;}
.amore.on{ background: #162a87; color:#fff;}
.amore span{ position: relative; z-index: 2; line-height: 25px;}
.amore:hover{ background: #162a87; color: #fff;}
.amore:hover i{ margin-left: 13px;}
.amore:hover:after{ width: 100%;}
.amore:hover span{color: #fff;}
.amore.on i{ color: #fff;}
.amore.wb{ color: #fff; border:2px solid #fff; background: none;}
.amore.bb{ border:2px solid #111; background: none;}
.amore.wb:hover,.amore.bb:hover{ background: #162a87; color: #fff; border-color: #162a87;}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{ display: none;}
.manuswiper{ overflow: hidden; width: 86%; margin: 0 auto;}
.sy_title{ margin-bottom: 60px;}
.sy_title b{ font-family: monsb; font-size: 54px; text-transform: uppercase; line-height: 60px;}
.sy_title p{ font-size: 18px; line-height: 30px; margin-top: 25px;}

.sy_product .sy_title{ text-align: center;}
.proswiper{ overflow: hidden;padding-bottom: 30px; position: relative;}
.proswiper .swiper-slide{ width: 1080px; position: relative;}
.proswiper .swiper-slide .imgfd{ padding-top: 65%; border-radius: 20px;}
.proswiper .txt{ width: 100%; padding: 0 55px; left: 0; top: 50px; position: absolute; z-index: 2;}
.proswiper .txt .left{margin-right: auto; width: calc(100% - 140px);}
.proswiper .txt .left h2{ font-size: 60px; font-family: monsb;color: #fff;}
.proswiper .txt .left p{margin-top: 20px; display: none; color: #fff;}
.proswiper .swiper-slide.swiper-slide-active .txt .left p{ display: block;}
.proswiper .swiper-slide.swiper-slide-active .txt{ bottom: 80px; top: auto;}
.proswiper .swiper-slide .amore{ position: absolute; left: 50%; bottom: 0; box-shadow:0 0 5px 0 rgba(0,0,0,.15); transform: translate(-50%,50%);}
.proswiper .swiperbtn{ font-size: 40px; color: #fff; top: 50%; transition: .2s ease;}
.proswiper .swiperbtn:hover{ color: #162a87;}
.proswiper .swiper-button-prev{ left: 7%;}
.proswiper .swiper-button-next{ right: 7%;}
.sy_product .swiper-num{ align-items: flex-end; font-size: 30px;}
.sy_product .swiper-num .active{ margin-left: auto; color: #162a87; font-size: 60px; font-family:dinb; line-height: 60px; }

.ser_center{ padding-bottom: 100px; position: relative;}
.ser_center .imgfdd{ width: 60%; margin-right: auto; border-radius: 20px;}
.ser_center .sy_title{ width: 32%; padding-bottom:40px; position:relative;}
.ser_center .sy_title:after{position:absolute; width: 163px; height: 22px; background: url(../images/bl_04.png) no-repeat; left: 0; bottom: 0; content:'';}
.ser_center .cor_cap{ position: absolute; width: 45%; bottom: 0; right: 0; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 250px; overflow: hidden;}
.ser_center .cor_cap img{ width: 100%;}
.ser_center .cor_cap .txt{ position: absolute; width: 100%; left: 0; top: 0; padding: 60px 100px 0;}
.ser_center .cor_cap .txt h2{ font-size: 48px; font-family: monsb; color: #162a87; margin-bottom: 35px;}
.ser_center .cor_cap .txt .box{ width: calc(100% - 30px); margin-left: auto;}
.ser_center .cor_cap .txt dl i{ font-size: 20px; line-height: 30px; display: inline-block;}
.ser_center .cor_cap .txt .box h4{ font-size: 26px; margin-bottom: 12px;line-height: 30px;}
.ser_center .cor_cap .txt dl{ margin-bottom: 30px;}
.core_ic{ position: absolute; right: 0; bottom: 0; width: 120px; height: 120px; border-radius: 50%; background: #e37907; transition: .5s ease;}
.core_ic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.core_ic:hover{ background: #162a87;}
.mainh{height: 85px;}
.sy_choose{ border-bottom-left-radius: 100px; border-bottom-right-radius: 100px;}
.sy_choose .sy_title{ margin-bottom:10px;}
.sy_title .bluep{ font-size: 26px; color: #162a87;}
.cho_list dt{ width: 23.5%; margin-right: auto; border-radius: 20px; overflow: hidden; position: relative;}
.cho_list dt:nth-child(4){margin-right: 0;}
.cho_list dt:nth-child(2n){ margin-top: 95px;}
.cho_list dt .imgfd{padding-top: 120%;}
.cho_list dt .txt{ width: 100%; top: 42px; left: 0; z-index: 3; position: absolute; padding: 0 40px; transition: .6s ease;}
.cho_list dt .txt .amore{ display: none;}
.cho_list dt .txt h2{ font-size: 26px; line-height: 36px; margin-bottom: 25px;}
.cho_list dt .svgzhezhao{ width: 101%; height: 101%; position: absolute; z-index: 2; bottom: -1px; right: -1px; transition: .5s ease;}
.cho_list dt .num{ font-size: 60px; line-height: 60px; font-family: dinb; color: rgba(22,42,135,.35); bottom: 43px; left: 35px; position: absolute; z-index: 3;}
.cho_list dt .jt{ width: 88px; height: 150px; background: #162a87; border-right: 20px solid #fff; position: absolute; left: -43px; bottom: -15px; z-index: 4; transform: rotate(-20deg);}
.cho_list dt .jt i{ display: inline-block; position: absolute; right: 10px; bottom: 20px; color: #fff; position: absolute; transform: rotate(20deg);}
.cho_list dt:hover .txt p{ display: none;}
.cho_list dt:hover .txt .amore{ display: inline-block;}
.cho_list dt:hover .svgzhezhao{ width: 300%; height: 300%; opacity: 0; right: -50px; bottom: -50px;}
.cho_list dt:hover .txt h2{ color: #fff;}
.cho_list dt:hover .txt{ top: auto; bottom: 40px;}
.cho_list dt:hover .jt,.cho_list dt:hover .num{ opacity: 0;}
.item_top{ margin-bottom: 80px;}
.item_top .sy_title{ margin-right: auto; margin-bottom: 0;}
.sy_who .item_top .sy_title{ width: 35%; margin-right: auto;}
.sy_who .item_top .des{ width: 55%;}
.sy_who .item_top .des p{ font-size: 18px; line-height: 30px; margin-bottom: 40px;}
.v_box{ width: 95%; margin: 0 auto; position: relative;}
.v_box img{ width: 100%; overflow: hidden; border-radius: 20px;}
.v_box i.iconfont{ display: block; width: 80px; height: 80px; border-radius: 50%; border: 2px solid #fff; text-align: center; line-height: 80px; font-size: 30px; color: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer}
.v_box .num_card{ background: #162a87; color: #fff; border-radius: 20px; padding: 35px; width: 450px; position: absolute; left: 50%; top: 0; transform: translateX(-800px); top: -170px;}
.v_box .num_card dt{padding: 20px 0; border-bottom: 1px solid #fff;}
.v_box .num_card dt:last-child{ border:none;}
.v_box .num_card dt p{ width: 53%; margin-right: auto; font-size: 18px; line-height: 30px;}
.v_box .num_card dt .right{ text-align: right;}
.v_box .num_card dt b{ font-size: 60px; line-height: 60px; font-family: dinb;}
.news_box{ height: 600px;}
.news_box .news_item1,.news_box .news_item2{ height: 100%; border-radius: 20px; overflow: hidden;width: 32%; margin-right: 2%;}
.news_box .news_item1 { background: #f3f3f4; padding: 20px;}
.news_box span.date{ color: #4b5fc0; display: block; margin-bottom: 10px;}
.news_box .news_item1 span.date{position: absolute; left: 20px; top: 12px;}
.news_box .news_items{ width: 32%;}
.news_box .news_item1 .imgfd{border-radius: 20px; padding-top: 66.67%;}
.news_box .news_item1 .txt{ padding: 22px 20px 0;}
.news_box h2{ font-size: 24px; line-height: 36px; margin-bottom: 20px; height:72px; overflow:hidden;}
.news_box p{ color: #666;}
.news_box .news_item1 p{height: 48px; overflow: hidden; margin-bottom: 15px;}
.news_box .smore{ line-height: 40px;  background: #fff; border-radius: 20px; padding: 0 20px; background: #fff; transition:.3s ease;}
.news_box .news_item2 .imgfdd,.news_box .news_item2 a,.news_box .news_item2 .imgfdd img{ height: 100%;}
.news_box .news_item2{ position: relative;}
.news_box .news_item2 .txt{ position: absolute; width: 100%; left: 0; top: 30px; padding: 0 35px;}
.news_box .news_item2 .smore{ position: absolute; right: 35px; bottom: 40px;}
.news_items dt{ border-radius: 20px; background: #f3f3f4; padding: 33px 35px 40px;}
.news_items dt p{ height: 72px; overflow: hidden; margin-bottom: 25px;}
.news_items dt:first-child{ margin-bottom: 30px;}
.news_items dt:last-child p{ display:none;}
.news_box .news_item1:hover h2,.news_items dt:hover h2{color:#162a87;}
.news_box .news_item1:hover .smore,.news_box .news_item2:hover .smore,.news_items dt:hover .smore{color:#fff; background:#162a87;}
.com_foot{ background: #162a87; position: relative;}
.com_foot:before{ position: absolute; width: 100%; background: #fff; content: ''; left: 0; top: 0; height: 95px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px;}
.com_foot a{ color: #fff;}
.f_msg .left{ width: 40%; margin-right: auto; color: #fff;}
.f_msg .left h3{ font-size: 54px; font-family: popb; color: #fff;}
.f_msg .msgbox{ width: 56%;}
.f_msg .msgbox .formbox{ width: calc(100% - 140px); margin-right: auto;}
.f_msg .msgbox .formbox input,.f_msg .msgbox .formbox textarea{ line-height: 50px; border-radius: 10px; font-size: 14px; padding-left: 10px;}
.f_msg .msgbox .formbox input.fl{ width: 49%; margin-right: 2%; margin-bottom: 20px;}
.f_msg .msgbox .formbox input.fl:nth-child(2){ margin-right: 0;}
.f_msg .msgbox .formbox textarea{ width: 100%;}
.f_msg .msgbox  button{ width: 120px; height: 120px; border-radius: 10px; background: #e37907; color: #fff; font-size: 18px; text-align: center; cursor: pointer; transition: .2s ease;}
.f_msg .msgbox  button i{ font-size: 22px; margin-bottom: 5px;}
.f_msg .msgbox  button:hover{ box-shadow: 0 0 8px rgba(227,121,7,.8);}
.f_msg{ padding-bottom: 55px; border-bottom: 1px solid rgba(187,187,187,.4);}
.com_foot{ padding-top: 220px;}
.f_center{ padding: 80px 0; position: relative;}
.f_center .box{ width: 28%; margin-right: auto; font-size: 14px;}
.f_center .box .flo_box { margin-bottom: 55px;}
.f_center .box .flo_box p{ width: calc(100% - 190px); line-height: 24px; font-size: 18px; color: #b3b3b3; margin-bottom: 0;}
.f_center .box .flogo{display: block;margin-bottom: 15px;filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.f_center .box h4{ color: #fff; font-size: 16px; margin-bottom:10px;}
.f_center .fcon_box{ width: 30%; font-family: monl; color: #fff;}
.foot_contact{ margin-top: 20px;}
.f_center .fcon_item{ margin-bottom: 10px; overflow: hidden;}
.f_center .fcon_item span{ display: inline-block; margin-right: 10px; color: #fff; line-height:24px; max-width:85px;}
.f_center .fcon_item a{ color: #fff;}
.f_center .fcon_item p{ line-height: 24px; width: calc(100% - 95px); color: #fff;}
.f_center .f_nav{ width: 65%; }
.f_nav dt{ margin-right: auto;}
.f_nav dt b,.f_nav dt a{ display: block;}
.f_nav dt b{ color: #fff; font-size: 18px; margin-bottom: 20px;}
.f_nav dt a,.f_nav dt p{ font-size: 14px; font-family: monl; margin-bottom: 15px;}
.f_nav dt a:hover{ color: #fff;}
.f_nav dt.f_cont  a{margin-bottom: 0;}
.copy{ padding: 30px 0; }
.copy{ background: #091962; color: #bbbbbb;}
.copy .follow{ margin-left: auto;}


@media (max-width: 1700px){

}


@media (max-width: 1550px){
.sy-ban .txt1 b{ font-size:80px;line-height:100px;}
.proswiper .swiper-slide{ width: 820px;}
.proswiper .txt .left h2{ font-size: 50px;}
.ser_center .cor_cap .txt{padding: 50px 70px 0;}
.v_box .num_card{ left: 2%; transform:translateX(0);}
.sy_title b{ font-size: 48px; line-height:55px;}
.sy_title p{ margin-top: 20px;}
.v_box .num_card dt b{ font-size:50px; line-height:50px;}
.item_top{margin-bottom: 55px;}

}

@media (max-width: 1441px){
.ser_center .cor_cap .txt h2{ font-size: 40px; margin-bottom: 30px;}
.cho_list dt .txt{ top: 30px; padding: 0 30px;}
.cho_list dt .txt h2{ font-size:22px; line-height:30px; margin-bottom:20px;}
.cho_list dt .num{ font-size: 50px; line-height: 50px; bottom:35px;}
.news_box{height: 540px;}
.news_items dt p{ height: 48px;}
.news_items dt{padding: 30px 35px;}
.news_items dt:first-child{margin-bottom:20px;}
}

@media (max-width: 1281px){
.top_right .follow_list{ margin-left: 30px;}
.index_head .logo img{ height: 35px;}
.index_head .nav li{ margin-left: 40px;}
.sy-ban .txt1 b{ font-size: 60px; line-height: 80px;}
.sy_title b{ font-size: 40px; line-height: 45px;}
.sy_title{margin-bottom: 40px;}
.proswiper .txt{padding: 0 40px;}
.proswiper .swiper-slide.swiper-slide-active .txt{ bottom: 60px;}
.proswiper .txt .left h2{ font-size: 40px;}
.proswiper .txt .left p{ margin-top: 10px;}
.proswiper .txt .ic img{ height: 60px;}
.ser_center .cor_cap .txt{ padding: 35px 40px 0;}
.ser_center .cor_cap .txt h2{ font-size: 32px; 	margin-bottom: 20px;}
.ser_center .sy_title{ width: 35%;}
.ser_center .cor_cap .txt dl{height: 144px; overflow: hidden;}
.cho_list dt .txt p{ font-size: 14px; line-height: 20px;}
.cho_list dt .txt h2{ font-size: 20px; line-height:24px; margin-bottom: 10px;}
.cho_list dt .jt{ border-width: 15px; width:70px; height:140px;}
.cho_list dt .jt i{ right: 4px;}
.sy_who .item_top .des p{ font-size: 16px; line-height: 24px;}
}

@media (max-width: 1024px){
.sy-ban{ margin-top: 54px;}
.sy_title b{ font-size: 34px; line-height: 40px;}
.proswiper .swiper-slide{ width: 600px;}
.proswiper .txt .left h2{ font-size: 34px;}
.proswiper .txt{padding: 0 30px; bottom:40px;}
.sy_service{ display: none;}
.mainh{height: 45px;}
.sy_product .swiper-num{ font-size: 24px;}
.sy_product .swiper-num .active{ font-size: 40px; line-height: 40px;}
.sy_title .bluep{ font-size: 22px;}
.item_top{display: block; margin-bottom:35px;}
.sy_who .item_top .sy_title{ width: 100%; margin-bottom: 25px;}
.sy_who .item_top .des{ width: 100%;}
.v_box .num_card{display: none;}
.amore{line-height: 39px; padding:0 18px; font-size:16px;}
.amore i{ font-size: 14px;}
.v_box i.iconfont{ width: 60px; height: 60px; line-height:60px; font-size:24px;}
.item_top .amore{ display: none;}
.news_box{ height: auto;}
.news_box .news_item1, .news_box .news_item2{display: none;}
.news_box .news_items{width: 100%;}
.news_items dt p{ display: none;}
.f_msg,.f_center,.com_foot:before{ display: none;}
.com_foot{padding-top: 0; margin-top:35px;}
.cho_list dt{ width: 48%;}
.cho_list dt:nth-child(2n){ margin-right:0;}
	
}

@media (max-width: 450px){
.sy-ban .txt1 b{ font-size: 30px; line-height: 40px;}
.sy_title b{ font-size: 24px; line-height: 34px;}
.sy_title{margin-bottom: 25px;}
.proswiper .swiper-slide{ width: 350px;}
.proswiper .swiper-slide.swiper-slide-active .txt .left p{ display: none;}
.proswiper .txt .left h2{font-size: 24px;}
.proswiper .txt .ic img{ height: 40px;}
.proswiper .txt{padding: 0 20px;}
.proswiper .swiper-slide.swiper-slide-active .txt{  bottom:30px;}
.proswiper .txt .left{ width: calc(100% - 45px);}
.proswiper .swiperbtn{ font-size: 24px;}
.sy_product { padding-bottom: 0;}
.sy_title .bluep{font-size: 18px;}
.cho_list dt .txt p{ display: none;}
.cho_list dt .txt{padding: 0 15px; top: 15px;}
.cho_list dt .num{ font-size: 40px; line-height: 40px; left:25px;}
.cho_list dt:hover .txt .amore{ display: none;}
.cho_list dt:nth-child(2n){ margin-top:30px;}
.sy_choose{ border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.news_items dt{padding: 20px 15px;}
.news_box h2{ font-size: 20px; line-height: 30px; height: 60px;}
.copy .follow{ display:none;}
.copy p{ font-size: 14px;}
.copy p.power{ display: none;} 
.v_box{ overflow: hidden; border-radius: 10px;}
.v_box img{width: 140%; margin-left: -20%;}
.v_box i.iconfont{ width: 40px; height: 40px; font-size:20px; line-height:40px;}
.m_img .headlf .m_logo{ height: 24px;}
.m_img .headlf{ padding-top: 15px;}
.copy{padding: 15px 0;}
}


.ny_ban{ position: relative; overflow:hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .txt{ width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.ny_ban .txt b {max-width: 40%; text-align: center; margin: 0 auto; color:#fff; line-height:80px; font-size:60px; font-family:impb;}
.posi{background: #f0f5fa; font-size:14px; padding:18px 0;}
.posi i{ font-size: 14px; color: #162a87; margin-right: 10px;}

.msb54{ font-size: 54px; font-family:monsb; text-transform:uppercase; margin-bottom:50px;}
.cate_list ul li{ float: left; margin-bottom: 20px; border-radius: 20px; overflow: hidden; width:32%; margin-right:2%; position:relative;}
.cate_list ul li:nth-child(3n){margin-right:0;}
.cate_list ul li .imgfd{padding-top: 65%;}
.pro_cate .msb54{text-align: center;}
.cate_list ul li .ic{ padding-top:15px; position: absolute; left: 0; top: 0; background: #162a87; width: 100px; height: 100px; border-bottom-right-radius: 100px; padding-left:12px;}
.cate_list ul li .ic img{ height: 58px;}
.cate_list ul li .c-flex{ width: 68%; border-top-left-radius: 20px; background: #f0f5fa; padding:0 15px; position:absolute; height:60px; right:0; bottom:0; transition:.3s ease;}
.cate_list ul li .c-flex i{margin-left: auto;}
.cate_list ul li .c-flex h2{ font-size: 24px; font-family: monsb; color: #162a87; line-height:30px; max-width:calc(100% - 20px);}
.cate_list ul li:hover .c-flex{ background:#162a87; color: #fff;}
.cate_list ul li:hover .c-flex h2{color:#fff;}

.youshi_dl{ padding: 0 120px; margin-bottom:75px;}
.youshi_dl dt{ margin-right: auto; font-size:20px; color:#162a87; text-align:center;}
.youshi_dl dt:last-child{ margin-right:0;}
.youshi_dl dt p{margin-top: 15px;}
.com_pro .msb54{ text-align: center;}
.comswiper{ overflow: hidden; margin-bottom:50px;}
.proli{ background: #fff; border-radius: 10px; overflow: hidden; padding:10px 10px 40px; text-align:center;}
.comswiper .swiperbtn{ position: unset; display:inline-block; margin-top:0; color:#fff; margin:0 15px; font-size:48px; transition:.3s ease;text-shadow:0 0 8px rgba(22,42,135,.3); line-height:55px; height:55px;font-weight:bolder;}
.comswiper .swiperbtn:hover{ color:#162a87;}
.proli .imgfd{ border-radius: 6px; margin-bottom: 20px;}
.proli h2{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 18px;}
.proli p{ line-height: 24px; height: 24px; overflow: hidden; margin-bottom: 25px; color: #666;}
.proli span{ display: inline-block; line-height: 38px; padding: 0 20px; border-radius: 20px; border: 1px solid #111111; font-size:18px; transition:.3s ease;}
.proli span i{margin-left: 8px;}
.proli:hover span{ background:#162a87; color: #fff; border-color: #162a87;}
.comswiper .btns{ text-align: center; margin-top:35px;}
.bot_find{ background: #bfcaff; border-radius: 20px; overflow: hidden;}
.bot_find .imgfdd{ width: 43%;}
.bot_find .txt{ width: 57%; padding: 0 100px;}
.bot_find .txt h2{ font-size: 50px; line-height: 60px; margin-bottom: 25px;  color:#162a87;}
.bot_find .txt p{ font-family: monl; color: #162a87; margin-bottom: 38px;}
.bot_find .txt .amore{ color: #fff;}
.bot_find .txt .amore i{ font-size: 20px; margin-left: 0; margin-right: 10px;}
@media (max-width: 1700px){
    .ny_ban .txt b{ max-width: 50%;}
}
@media (max-width: 1600px){
    .cate_list ul li .c-flex h2{ font-size: 22px;}
}
@media (max-width: 1441px){
    .youshi_dl{padding: 0 80px;}
    .bot_find .txt{ padding: 0 70px;}
    .bot_find .txt h2{  font-size: 44px; line-height: 54px;}
    .msb54{ font-size: 46px; margin-bottom: 40px;}
    .cate_list ul li .c-flex{ width: 75%;}
}
@media (max-width: 1281px){
    .ny_ban .txt b{ font-size: 50px; line-height: 65px;}
    .bot_find .txt h2{ font-size: 40px; line-height: 50px;}
    .bot_find .txt h2{ margin-bottom: 20px;}
    .bot_find .txt p{ margin-bottom: 30px;}
    .dtop{padding-top: 60px;}
    .youshi_dl{ padding: 0 40px;}
    .youshi_dl dt img{height: 60px;}
    .msb54{ font-size: 42px; margin-bottom: 30px;}
    .cate_list ul li .ic img{height: 50px;}
    .cate_list ul li .c-flex h2{ font-size: 20px;}
}
@media (max-width: 1024px){
    .top_h{ height: 54px;}
    .ny_ban .txt b{ font-size: 40px; line-height: 46px;}
    .msb54{ font-size: 36px; }
    .cate_list ul li{ width: 49%;}
    .cate_list ul li:nth-child(3n){margin-right:2%;}
    .cate_list ul li:nth-child(2n){ margin-right:0;}
    .bot_find{ display: none;}
    .youshi_dl{ padding: 0; margin-bottom: 40px;}
    .youshi_dl dt img{ margin-right: 10px;}
}
@media (max-width: 450px){
    .ny_ban .txt b{ max-width: 80%;}
    .ny_ban .txt b{ font-size: 24px; line-height: 32px;}
    .posi{ padding: 12px 0;}
    .msb54{ font-size: 24px; margin-bottom:20px;}
    .cate_list ul li{ width: 100%;}
    .youshi_dl dt{ width:48%; margin-bottom:20px;}
    .youshi_dl dt:nth-child(2n){ margin-right:0;}
    .youshi_dl dt img{ height: 48px;}
    .youshi_dl dt p{ width: calc(100% - 60px);}
    .dtop{ padding-top: 40px;}
    .proli p{font-size: 14px; margin-bottom:0;}
    .proli span{ display: none;}
    .proli{padding: 8px 5px 25px;}
    .proli h2{ font-size: 16px; line-height: 20px; height: 40px;margin-bottom: 12px;}
    .proli .imgfd{ margin-bottom: 10px;}
    .comswiper .btns{ margin-top: 20px;}
    .comswiper .swiperbtn{ font-size: 28px; line-height:30px;}
    .comswiper{ margin-bottom: 0;}
}
.pro_main{ padding-top: 30px;}
.pro_main .msb54{ text-align: center;}
.main_left{ width: 355px;}
.main_right{ width: calc(100% - 400px);}

.pro_nav{ background: #fff; border-radius: 10px; padding: 25px 15px;}
.pro_nav li{ border-bottom:1px solid #dddddd;}
.pro_nav .list{ display: none;}
.pro_nav .a1{ padding:18px 0;}
.pro_nav .a1 p{margin-right: auto; max-width:calc(100% - 20px);}
.pro_nav .a1 i{ width:10px; height:10px; display:block; position:relative;}
.pro_nav .a1 i:after,.pro_nav .a1 i:before{ position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background:#111; content:'';}
.pro_nav .a1 i:after{ width:100%; height: 2px;}
.pro_nav .a1 i:before{ height:100%; width: 2px;}
.pro_nav .a2{ padding-left:20px; position:relative; margin-bottom:18px; font-size:14px; font-family:monl;}
.pro_nav .a2 i{ position:absolute; width:10px; height:10px; display: inline-block; border:1px solid #dddddd; left:0; top:6px; content:'';}
.pro_nav .a2 span{ opacity:0;}
.pro_nav .a2 p{ max-width:calc(100% - 35px); margin-right:auto;}
.pro_nav .a2:hover,.pro_nav .a2.on{ color: #162a87;}
.pro_nav .a2.on i{ border-color: #162a87;}
.pro_nav li.act .list{ display: block;}
.pro_nav li.act .a1 i:before{ display:none;}
.pro_nav li.act .a1{ color: #162a87;}

.ny_pro_list ul li{ float: left; width: 32%; margin-bottom: 30px; margin-right: 2%;}
.ny_pro_list ul li:nth-child(3n){ margin-right:0;}
@media (max-width: 1281px){
    .main_left{ width: 310px;}
    .main_right{ width: calc(100% - 340px);}
}
@media (max-width: 1024px){
    .main_left{ display: none;}
    .main_right{ width: 100%;}
}
@media (max-width: 450px){
    .ny_pro_list ul li{ width: 49%; margin-bottom:20px;}
    .ny_pro_list ul li:nth-child(3n){ margin-right:2%;}
    .ny_pro_list ul li:nth-child(2n){ margin-right:0;}
}
.show_top{padding: 40px 0 100px;}
.show_top .pic{ width: 50%;}
.show_top .txt{ width: 45%; padding-top:30px;}
.bigswiper,.smswiper{ overflow: hidden;}
.bigswiper{ margin-bottom:10px; border-radius:20px; border:1px solid #dddddd;}
.smswiper li{ border:1px solid #dadada; border-radius:5px; overflow:hidden;}
.smswiper li.swiper-slide-thumb-active{ border-color: #162a87;}
.show_top .txt h1{ font-size: 40px;color:#162a87; line-height: 50px; margin-bottom:50px; }
.show_top .txt .des b{ font-size: 20px; font-family: monb; text-transform: uppercase; margin-bottom:18px;}
.show_top .txt .des p{ line-height: 30px; margin-bottom: 12px; position: relative; padding-left: 15px;}
.show_top .txt .des p:after{position:absolute; width: 5px; background: #111; height: 5px; border-radius: 50%; content: ''; left:0; top:12px;}
.show_top .txt .des{padding-bottom: 70px; border-bottom: 1px solid #dddddd; margin-bottom: 55px;}
.show_top .txt .pcall{ color: #162a87; font-size: 18px; margin-bottom:40px;}
.show_top .txt .md-trigger{ border:2px solid #162a87; color: #162a87; margin-right: 50px;}
.show_top .txt .amore i{ margin-left: 0; margin-right: 10px;}
.show_top .txt .btns{margin-bottom: 60px;}
.re_back p{margin-right: 10px;}
.re_back i{ display: inline-block; width: 45px; height: 45px; border-radius: 50%; background: #111; text-align: center; line-height: 45px; font-size: 22px; color: #fff; transition:.3s ease;}
.re_back:hover i{ background:#162a87; }
.re_back:hover{ color:#162a87;}


.mon40{ font-size: 40px; margin-bottom: 30px;}
.show_content{ overflow: hidden;}
.show_content img{ max-width: 100%!important;}
.det_item1 .txt{ width: 48%;}
.det_item1 .imgfdd{ width: 47%; border-radius:20px; overflow:hidden;}
.det_item1 {margin-bottom: 60px;}
.det_item1 .txt h3.mon40{ color: #162a87;}
.pro_spec{margin-top: 75px;}
.pro_spec .mon40{ text-align: center;}
.spec_table{ width: 1000px; background: #f0f5fa; border-radius: 20px; padding: 50px; margin: 0 auto;}
.spec_table td{ padding: 15px 10px; word-break: keep-all!important;}

.like_pro .mon40{ text-align: center;}
.like_pro .comswiper li{ background: #f0f5fa;}

.pro_faq .mon40{text-align: center;}
.pro_faq ul{ width: 1200px; overflow: hidden; border-top:1px solid #dddddd; margin:0 auto;}
.pro_faq li{padding: 30px 5px 25px; border-bottom:1px solid #dddddd; cursor:pointer; }
.pro_faq li h2{ font-size: 24px; max-width: calc(100% - 20px); margin-right: auto;}
.pro_faq li .tit i{ width: 15px; height: 15px; display: inline-block; position: relative; transition:.3s ease;}
.pro_faq li .tit i:after,.pro_faq li .tit i:before{ position:absolute; left: 50%; top: 50%; background: #111; transform: translate(-50%,-50%); content:'';}
.pro_faq li .tit i:after{ width:100%; height: 2px;}
.pro_faq li .tit i:before{ height:100%; width: 2px;}
.pro_faq li .answ{margin-top: 15px; color:#666; display:none;}
.pro_faq li.on .tit i{  transform: rotate(-45deg);}

@media (max-width: 1441px){
    .show_top .txt h1{ font-size: 36px; line-height: 45px; margin-bottom: 40px;}
    .show_top .txt .des{ padding-bottom: 50px; margin-bottom: 40px;}
    .show_top .txt .btns{ margin-bottom: 40px;}
}
@media (max-width: 1281px){
    .pro_faq ul{ width: 96%;}
    .show_top{ padding: 20px 0 60px;}
    .show_top .txt h1{ font-size: 30px; line-height: 40px; margin-bottom: 30px;}
    .show_top .txt .des{ padding-bottom: 35px; margin-bottom: 30px;}
    .show_top .txt .pcall{ margin-bottom: 25px;}
    .show_top .txt .btns{ margin-bottom: 30px;}
    .pro_faq li{ padding: 25px 5px 20px;}
    .pro_faq li h2{ font-size: 22px;}
}
@media (max-width: 1024px){
    .spec_table{ width: 96%; padding:40px 35px;}
    .mon40{font-size: 32px;}
    .det_item1 .txt{ width: 100%;float:none; margin-bottom:25px;}
.det_item1 .imgfdd{ width: 100%;float:none;}
.det_item1{ margin-bottom: 35px;}
}
@media (max-width: 768px){
    .show_top .pic{ width: 100%;}
    .show_top .txt{ width: 100%;}
    .mon40{ font-size: 28px; margin-bottom: 20px;}
}
@media (max-width: 450px){
    .show_top .txt h1{ font-size: 24px; line-height: 32px; margin-bottom:20px;}
    .show_top .txt .des{ padding-bottom: 25px; margin-bottom: 20px;}
    .show_top .txt .pcall{ font-size: 16px;}
    .show_top{padding-bottom: 35px;}
    .mon40{ font-size: 24px;}
    .pro_spec{ margin-top: 30px;}
    .spec_table{padding: 25px 15px;}
    .pro_faq li h2{ font-size: 20px;}
    .pro_faq li{padding: 18px 5px 15px;}
}
.ser_main li{ height: 540px; margin-bottom:20px;}
.ser_main li .imgfdd,.ser_main li .txt{ width: 49.5%; border-radius: 20px; overflow: hidden; height:100%;}
.ser_main li .txt{ background: #f2f2f2; padding:55px 60px 0; font-size:18px; line-height:30px;}
.ser_main li:nth-child(2n+1) .imgfdd{ margin-right:auto;}
.ser_main li .imgfdd img{ height: 100%;}
.ser_main li .txt h2{text-align: center; font-size: 40px; color: #162a87; margin-bottom: 30px;}
.ser_main li:nth-child(2n) .imgfdd{ margin-left:auto;}
@media (max-width: 1024px){
    .ser_main li .txt{ padding: 35px 30px 0;}
    .ser_main li .txt h2{ font-size: 32px;}
}
@media (max-width: 768px){
    .ser_main li{ height: auto; display:block;}
    .ser_main li .imgfdd, .ser_main li .txt{ width: 100%;}
    .ser_main li:nth-child(2n+1) .imgfdd{ margin-bottom:20px;}
    .ser_main li:nth-child(2n) .imgfdd{margin-top:20px;}
    .ser_main li .txt{ padding: 30px 20px;}
}
@media (max-width: 450px){
    .ser_main li .txt h2{ font-size: 26px; margin-bottom: 20px;}
}
.ab_company .left{ width: 22%; margin-right: auto;}
.ab_company .right{ width: 60%; font-size:18px; line-height:30px;}
.ab_company .right p{line-height: 30px;}
.ab_company .left b{padding-bottom: 30px; position: relative; margin-bottom:30px;}
.ab_company .left b:after{ position:absolute; left: 0; bottom: 0; height: 3px; width: 70px; background: #162a87; content: '';}
.ab_company .left p{font-size: 30px; color: #162a87; line-height:40px;}

.ny_number{ padding: 0 5%;}
.ny_number dt{ width: 20%; margin-right: auto; padding-top:35px; border-top:2px solid #162a87;}
.ny_number dt:last-child{ margin-right:0;}
.ny_number dt .num{ align-items: flex-end; color: #162a87;}
.ny_number dt .num b{ font-family: dinb; font-size: 60px; line-height:60px; height:60px; margin-right:10px;}
.ny_number dt p{ font-size: 18px; line-height: 30px; height: 30px; margin-top:15px;}

.ab_manu{ height: 510px;}
.ab_manu .pic,.ab_manu .txt{ height: 100%;}
.ab_manu .pic{ width: 60%; margin-right:auto;}
.ab_manu .txt{ width: calc(40% - 10px); background:#bfcaff; border-radius:10px; padding:70px 80px 0;}
.ab_manu .pic img{ height: 100%;}
.ab_manu .pic .imgfdd{ height: calc(50% - 5px); border-radius:10px;}
.ab_manu .pic .imgfdd:nth-child(n+3){ margin-top:10px;}
.ab_manu .pic .imgfdd{ width: 60%;}
.ab_manu .pic .imgfdd:nth-child(3n+1){ width:calc(40% - 10px);}
.ab_manu .pic .imgfdd:nth-child(2n){ margin-left:10px;}
.ab_manu .txt .mon40{ color: #162a87;}
.ab_manu .txt p{ font-size: 18px; line-height: 30px;}

.ab_history .mon40{ text-align: center; margin-bottom:60px;}
.hisbox{ padding: 0 160px; position:relative;}
.hisswiper{ overflow: hidden;}
.hisswiper li{ height: 450px; border-right:2px solid #ddd; width:65px!important; margin-right:19px;}
.hisswiper p{ display: none; font-size:18px; line-height:30px; height:120px;}
.hisswiper .imgfd{display: none;}
.hisswiper b{ font-size: 30px; color:#bbbbbb; transform:rotate(90deg); position:absolute; right:0; bottom:30px;}
.hisswiper li.swiper-slide-active{ width: calc(100% - 680px)!important; padding:0 60px 0 50px;}
.hisswiper li.swiper-slide-active b{  transform:rotate(0); position: unset; color: #162a87; font-size: 40px; margin-bottom:25px;}
.hisswiper li.swiper-slide-active p{ display: block; margin-bottom:30px;}
.hisswiper li.swiper-slide-active .imgfd{display: block; border-radius:10px;}
.hisswiper li.swiper-slide-active .pic{ width: 62%;}
.hisbox .swiperbtn{ top: 50%; width: 45px; height: 45px; background: #111; border-radius: 50%; text-align: center; line-height: 45px; font-size: 20px; color: #fff; transition:.3s ease;}
.hisbox .swiperbtn:hover{ background:#162a87;}

.ab_culture{ border-radius: 20px; overflow: hidden; position: relative;}
.ab_culture img{ width: 100%;}
.ab_culture b{ font-size: 40px; color: #fff;  line-height: 80px; padding: 0 15px; background: #162a87; position: absolute; left: 0; top: 0; border-bottom-right-radius:20px;}
.ab_culture .txt{ position: absolute; left: 110px; top: 140px;}
.ab_culture .txt p{ font-size: 50px; line-height: 70px; color: #162a87; font-style:italic; font-family:monb; text-transform:uppercase;}
.ab_culture .txt .amore{margin-top: 40px; background: #111; color:#fff;}
.ab_culture .txt .amore i{ margin-left: 0; margin-right: 8px; font-size: 18px;}
.ab_cert{ position: relative; overflow: hidden; background:#162a87;}
.ab_cert .certbg{ width: 100%; border-bottom-right-radius:100px; border-bottom-left-radius:100px; overflow:hidden;}
.ab_cert .certbg img{ width: 100%;}
.ab_cert .box .mon40{text-align: center; margin-bottom:50px;}
.ab_cert .box .left{ text-align:center; margin:0 auto 60px; width:75%;}
.ab_cert .box .left p{ font-size: 18px; line-height: 30px;}
.ab_cert .box .left dl{ margin-top: 50px;}
.ab_cert .box .left dt{margin-right: auto;}
.ab_cert .box .left dt:last-child{ margin-right:0;}
.certswiper{ overflow: hidden; position:relative; padding-bottom:40px;}
.certswiper .imgfd{padding-top: 141%; border: 5px solid #fff; transform:scale(.8);box-shadow: 0 0 8px rgba(0,0,0,.12); transition:.3s ease;}
.certswiper li.swiper-slide-active .imgfd{transform:scale(1);}
.certswiper li.swiper-slide-prev .imgfd,.certswiper li.swiper-slide-next .imgfd{transform:scale(.88);}
@media (max-width: 1600px){
    .ab_company .left p{ font-size: 24px;}
    .ab_culture .txt{ left: 70px;}
    .ab_culture .txt p{ font-size: 40px; line-height:60px;}
    .ab_cert .box .left dl{ margin-top: 30px;}
    .ab_cert .box .left dt img{ height: 60px;}
}
@media (max-width: 1441px){
    .hisswiper li.swiper-slide-active{ padding: 0 30px 0 20px;}
    .hisswiper p{ height: 168px;}
    .ab_cert .box{ top: 60px;}
    .ab_cert .box .left p{ font-size: 16px; line-height: 24px;}
    .ab_culture .txt p{ font-size: 30px;line-height: 40px;}
    .ab_culture .txt{ top: 100px;}
    .ab_culture .txt .amore{margin-top: 20px;}
}
@media (max-width: 1281px){
    .ny_number{ padding: 0 2%;}
    .ab_manu .txt{padding: 50px 45px 0;}
    .hisbox{ padding: 0 80px;}
    .ab_cert .certbg img{ width: 120%; margin-left: -10px;}
    .hisswiper p{font-size: 16px; line-height: 24px;}
}
@media (max-width: 1024px){
    .ab_company .left{ width: 32%;}
    .ab_company .left p{font-size: 22px;}
    .ny_number dt{ width: 22%;}
    .ab_history {display: none;}
    .ab_culture{ margin-top: 35px;}
    .ab_cert .box .mon40{margin-bottom: 35px;}
    .ab_culture b{ font-size: 32px; line-height: 60px;}
}
@media (max-width: 768px){
    .ab_company { display: block;}
    .ab_company .left{ width: 100%; margin-bottom: 25px;}
    .ab_company .right{ width: 100%;}
    .ab_company .right p{ line-height: 24px;}
    .ny_number dt .num b{ font-size: 40px; line-height: 40px; height: 40px;}
    .ny_number dt p{ font-size: 16px; line-height: 24px; height: 24px;}
    .ny_number dt{ width: 47%; margin-bottom:20px; padding-top:20px;}
    .ny_number dt:nth-child(2n){margin-right:0;}
    .ab_manu{height: auto; display:block;}
    .ab_manu .pic{width: 100%; height:450px;}
    .ab_manu .txt{ width: 100%; height: auto; padding: 30px 25px; margin-top:20px;}
    .ab_culture .txt{ display: flex; align-items: center; flex-wrap: wrap; top:80px;}
    .ab_culture .txt p{ width: 48%; margin-right: auto; margin-bottom: 15px;}
    .ab_cert .certbg img{width: 300%; margin-left: -100%;}
    .ab_cert .center{ display: block;}
    .ab_cert .box .left{ width: 100%; margin-bottom:25px;}
    .ab_cert .box .right{width: 100%;}
    .ab_cert .box .mon40{margin-bottom: 25px;}
    .ab_cert .box .left dl{margin-top: 20px;}
}

@media (max-width: 415px){
    .ab_company .left p{ font-size: 20px; line-height: 30px;}
    .ab_company .left b{padding-bottom: 20px; margin-bottom: 20px;}
    .ab_manu .pic{height: 300px;}
    .ab_culture img{ width: 150%; margin-left: -50%;}
    .ab_culture .txt{ left: 20px;}
    .ab_culture .txt p{ font-size: 24px; line-height: 30px;}
    .ab_culture .txt .amore{display: none;}
    .ab_culture b{ font-size: 26px; line-height: 50px;}
    .ab_cert .certbg{ border-radius: 0;}
    .ab_cert .certbg img{ width: 530%;}
    .ab_cert .box .left dt img{height: 40px;}
}
.ny_news_list li{padding-bottom: 30px; border-bottom: 1px solid #f3f3f4; margin-bottom: 30px;}
.ny_news_list li .imgfd{ padding-top: 66.67%; border-radius: 20px;}
.ny_news_list li .pic{ margin-right: auto; width:360px;}
.ny_news_list li .txt{ width: calc(100% - 410px);}
.ny_news_list li .txt span.date{ color: #4b5fc0;}
.ny_news_list li .txt h2{ font-size: 24px; line-height: 36px; height: 72px; overflow: hidden; margin: 20px 0 5px;}
.ny_news_list li .txt p{ height: 48px; color: #666666; overflow: hidden; margin-bottom: 20px;}
.ny_news_list li .txt .more{display: inline-block; line-height: 38px; padding: 0 20px; border-radius: 20px; border: 1px solid #111; font-size:18px; transition:.3s ease;}
.ny_news_list li .txt .more i{margin-left: 8px;}
.ny_news_list li:hover h2{ color:#162a87;}
.ny_news_list li:hover .more{ background:#162a87; color: #fff; }

.news_nav{background: #f0f5fa; border-radius: 10px; padding: 20px;}
.news_nav a{ padding: 16px 0; border-bottom: 1px solid #dddddd;}
.news_nav a i{margin-left: auto;}
.news_nav a.act,.news_nav a:hover{ color: #162a87;}

.hot_news a{ display: block; margin-top: 20px;}
.hot_news .imgfd{ padding-top: 66.67%; margin-bottom: 20px; border-radius:10px;}
.hot_news span.date{ color: #4b5fc0;}
.hot_news h2{ font-size: 18px; line-height: 24px;margin: 15px 0;}
.hot_news p{ font-size: 14px; line-height: 24px; color: #666666; height: 48px; overflow: hidden;}
.hot_news a:hover h2{ color:#162a87;}
@media (max-width: 1441px){
    .ny_news_list li .pic{ width: 300px;}
    .ny_news_list li .txt{width: calc(100% - 330px);}
}
@media (max-width: 768px){
    .ny_news_list li .txt .more{ display: none;}
    .ny_news_list li .txt h2{ font-size: 20px; line-height: 30px; height: 60px; margin-top:10px;}
    .ny_news_list li .txt p{ margin-bottom: 0;}
}
@media (max-width: 450px){
    .ny_news_list li .pic{ width: 150px;}
    .ny_news_list li .txt{ width: calc(100% - 170px);}
    .ny_news_list li .txt p{display: none;}
    .ny_news_list li .txt span.date{font-size: 14px;}
    .ny_news_list li .txt h2{ font-size: 18px; line-height: 26px; height: 52px;}
    .ny_news_list li .imgfd{ border-radius: 10px;}
    .ny_news_list li{padding-bottom: 15px; margin-bottom: 15px;}
}
.news_det .news_info{ padding-bottom: 30px; border-bottom: 1px solid #ddd; font-size:14px; margin-bottom:50px;}
.news_det .news_info .date{ margin-right: auto;}
@media (max-width: 450px){
    .news_det .news_info{ padding-bottom:20px; margin-bottom:30px;}
}
.lx_top .msb54{ text-align: center; text-transform:unset;}
.lx_top .left,.lx_top .right{ height: 300px; border-radius:10px; width:47%; background:#f0f5fa; padding:40px 40px 0; color:#666;}
.lx_top .left .iconfont,.lx_top .right .iconfont{ font-size: 22px; margin-right: auto; color:#111;}
.lx_top .box{ width: calc(100% - 35px);}
.lx_top h4{ font-size: 20px; margin-bottom: 15px;}
.lx_top .left p{ margin-bottom: 25px;}
.lx_top .right .item{ width: 40%; margin-right: auto; margin-bottom: 40px;}
.lx_top .right a{ color: #666;}
.lx_top .right a:hover{ color:#162a87;}

.lx_touch .imgfdd{ width: 50%; margin-right: auto; border-radius:20px;}
.lx_touch .lx_msg{ width: 46%; color:#666;}
.lx_touch .lx_msg .tit{ margin-bottom: 35px;}
.lx_touch .lx_msg b{ color: #111;}
.lx_touch .lx_msg input,.lx_touch .lx_msg textarea{ width: 100%; line-height: 50px; background: #f0f5fa; margin-bottom: 20px; padding-left:15px; border-radius:5px; font-family:mon;}
.lx_touch .lx_msg .sub{ width: 240px; line-height: 50px; border-radius: 25px; background: #162a87; color: #fff; text-transform: uppercase; font-family:mon; cursor:pointer; transition:.3s ease;}
.lx_touch .lx_msg .sub:hover{ background:#20369c;}

@media (max-width: 1024px){
    .lx_top .left, .lx_top .right{ width: 100%; float: none;}
    .lx_top .left{margin-bottom: 20px;}
}
@media (max-width: 768px){
    .lx_top .left, .lx_top .right{height: auto; padding:30px 20px;}
    .lx_touch { display: block;}
    .lx_touch .imgfdd{ width: 100%; border-radius: 10px; margin-bottom: 20px;}
    .lx_touch .lx_msg{ width: 100%;}
}
@media (max-width: 450px){
    .lx_top .right .item{ width: 100%;}
}