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

.pro_down{ position: fixed; width: 100%; left: 0; top:140px; background: #fff; height:560px; box-shadow:0 0 8px rgba(0,0,0,.2); overflow:hidden;transform: scaleY(0);opacity: 0; transition: opacity .3s, transform .3s}
.index_head .nav li:hover .pro_down{transform: scaleY(1);opacity: 1}
.pro_down .left{ width: 480px; background: url(../images/navbg_02.jpg) no-repeat; background-size: cover; padding-left: 7%; padding-top:48px; height:100%;}
.pro_down .left p.all{ position: relative;font-size:18px; font-weight:bold;text-transform:uppercase; margin-bottom:25px;}
.pro_down .left p.all:after{position:absolute; left: -22px; width: 17px; height: 17px; background: url(../images/all_03.png) no-repeat; top: 6px; content:'';}
.pro_down .left a{ line-height: 40px; position: relative; display:inline-block;}
.pro_down .left dt{margin-top: 15px; line-height:40px;}
.pro_down .left a:after{ position:absolute; left: 0; bottom: 0; width: 0; background: #db0010; content: ''; height:2px; transition:.3s ease;}
.pro_down .left a:hover{ color:#db0010;}
.pro_down .left a:hover:after{width:100%;}

.pro_down .right{ padding: 48px 50px 0; height: 100%; width:calc(100% - 480px);}
.pro_down .right .nav_list{ overflow-y: auto; height: 100%; padding-right:30px;}
.nav_list .coltit{ padding-bottom: 18px; border-bottom: 1px solid #e7e7e7; margin-bottom: 25px;}
.nav_list .coltit p{ color: #333;}
.nav_list .coltit h2{ font-size: 18px; margin-bottom:10px; font-weight:bold;}
.nav_list .list a{background: #f1f3f5; width: 32%; margin-right: 2%; float: left; margin-bottom: 30px; padding: 10px 10px 10px 35px; line-height:24px;}
.nav_list .list a:nth-child(3n){ margin-right:0;}
.nav_list .list a .txt h2,.nav_list .list a .txt p{ font-size:16px; color:#333; line-height: 24px; height: 48px; overflow: hidden;}
.nav_list .list a span{ display: inline-block; font-size: 14px; color: #666; margin-top: 26px; line-height:24px;}
.nav_list .list a:hover span{color:#db0010;}
.nav_list .list a .txt{ width: 50%; margin-right:auto; padding-top:10px;}
.nav_list .list a .txt h2{ padding-left: 14px; position: relative;}
.nav_list .list a .txt h2:after{ position:absolute; content: ''; background: #cd0000;  height: 14px; width: 2px; left: 0; top: 5px;}
.nav_list .list a .pic{ width: 48%;}
.nav_list .list a .pic .imgfd{ padding-top: 59%;}
.nav_list .list a:hover h2{ color:#cd0000;}
.nav_list::-webkit-scrollbar{ width: 2px;}
.nav_list::-webkit-scrollbar-thumb{ background: #db0010;}
::-webkit-scrollbar-track{ background:#f3f3f3;}

.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: #cd0000 ;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: #cd0000 ;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:#cd0000;}
.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_search{ margin: 0 auto; border: 1px solid #cd0000; width: 500px; margin: 0 auto; overflow: hidden; padding-left: 14px; line-height: 48px; border-radius: 5px;}
.top_search .sub{ width: 48px; line-height: 48px; text-align: center; background: #cd0000; color: #fff; font-size: 22px; cursor: pointer}
.top_search .inp{ width: calc(100% - 48px);}
.head_top .top_wa,.head_top .top_email{ font-size: 20px; margin-right: 45px; display: inline-block;}
.head_top .top_wa:hover,.head_top .top_email:hover{ color:#cd0000;}
.top_lang{ padding-left: 30px; height: 20px; border-left: 1px solid #bbbbbb; font-size: 14px;}
.top_lang img{ margin-right: 5px;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; background: #efefef;}
.sy-ban img{ width: 100%;}
.sy-ban .swiper-pagination{ bottom: 100px;}
.swiper-pagination-bullet:focus{ outline: 0;}
.swiper-pagination-bullet{ width: 8px; height: 8px; border: 1px solid #fff; opacity: 1; background: #fff; margin-right: 10px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #cd0000;}

.top_h{ height: 140px;}
.sy-ban .txt1{ position: absolute; width: 100%; top: 50%; transform:translateY(-50%);}
.sy-ban .txt1 b{font-size: 50px; font-weight: bold; font-style: italic; line-height: 60px; color: #cd0000; max-width: 60%;}
.sy-ban .txt1 .amore{ margin-top: 80px;}

.ic_down{ position: absolute; left: 50%; margin-left: -800px; bottom: 110px; transform: rotate(90deg);z-index: 3; color: #021d58; animation: updown 2s linear infinite;}
.ic_down i{ font-size: 22px; color: #fff;}
@-webkit-keyframes updown{
0%{ bottom: 110px;}
	50%{ bottom: 120px;}
	100%{ bottom: 110px; }
}
@keyframes updown{
0%{ bottom: 110px;}
	50%{ bottom: 120px;}
	100%{ bottom: 110px; }
}


.amore{ display: inline-block; line-height: 46px; padding: 0 25px; border: 1px solid #333;position: relative;transition: .3s ease;font-weight: bold;border-radius: 25px; overflow: hidden;}
.amore i.icon-arrowright{ transform: rotate(45deg);}
.amore i{ margin-left: 15px; display: inline-block; width: 16px; height: 16px; line-height: 16px;}
.amore.wb{ border-color: #fff; 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 i{ transform: rotate(0deg);}
.amore:hover{color: #fff; background: #cd0000; border-color: #cd0000;}
.box_bot{ width: 100%; position: absolute; background: #fff; height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; left: 0; bottom: 0; z-index: 4}
.dtop{ padding-top: 85px;}
.sy_title{ margin-bottom: 60px;}
.fb54{font-size: 54px; line-height: 55px;}
.sy_title b{ margin-bottom: 25px;}
.sy_title p{font-size: 20px;}
.item_top{ margin-bottom: 40px;}
.item_top .sy_title{ margin-bottom: 0; margin-right: auto; max-width: 60%;}
.btn_box{ margin-top: 40px; text-align: center; }
.mainh{ height: 85px;}

.pro_cate li{ position: relative;}
.pro_cate li .imgfdd{ height: 450px; border-radius: 10px;}
.pro_cate li .imgfdd img{ width: 100%; height: 100%; object-fit: cover;}
.pro_cate li:nth-child(n+2){ margin-top: 10px; width: calc((100% - 10px) / 2); float: right;}
.pro_cate li:nth-child(2){ margin-right: 0; float: left;}
.pro_cate li .txt{ position: absolute; width: 100%; padding: 50px 60px 0; left: 0; top: 0; color: #fff;}
.pro_cate li:first-child .txt{ width: 50%;}
.pro_cate li .txt p{ font-size: 18px; height: 60px; overflow: hidden; margin-bottom: 50px; }
.pro_cate li .txt b{ font-size: 32px; margin-bottom: 15px; color: #fff; transition: .3s ease;}
.pro_cate li:first-child .txt b{ font-size: 40px;}
.pro_cate li:first-child .txt p{ height: 120px;}
.pro_cate li:hover b{ color: #cd0000;}

.sy_tech{ position: relative; background: #cd0000; border-top-left-radius: 50px; border-top-right-radius: 50px; padding-bottom: 160px; overflow: hidden;}
.sy_tech .title{ width: 80%;}
.sy_tech .title p{ font-size: 30px; color: #fff; line-height: 48px;}
.sy_tech .title span{ font-size: 50px; text-transform: uppercase;}
.sy_number .circle{ position: relative; z-index: 3;left: auto;}
.sy_number .circle img.cirbg{ animation: xuanzhuan 10s linear infinite; -webkit-animation: xuanzhuan 10s linear infinite; transform:rotate(0deg);}
@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
.sy_number{ margin: 55px 0;}
.sy_number .circle i{  display: inline-block; position: absolute; font-size: 32px; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; color: #fff;}
.sy_number dl{ width: 75%; margin-left: auto;}
.sy_number dt{ margin: 0 auto; color: #fff; text-align: center;}
.sy_number dt i,.sy_number dt sup{display:inline-block; color: #fff; font-size:80px; line-height:80px; height:80px; font-family:dinb;}
.sy_number dt sup{line-height: 45px;}
.sy_number dt span{  font-size: 20px; color:#fff;}
.sy_number .top{ align-items: flex-end; font-size: 20px;}
.sy_number p{ font-size: 20px; font-weight: bold; margin-top: 20px;}

.tech_nav{ width: 35%; position:relative; z-index:3;}
.sy_tech .tech_pic{ position: absolute; width: 58%; right: 0; bottom: 0;}
.sy_tech .tech_pic .imgfd{ border-top-left-radius: 70px; padding-top: 50%;}
.sy_tech .tech_pic .tech_txt{ width: 100%; position: absolute;left: 0; bottom: 0; padding: 50px 150px 100px 30px;background: linear-gradient(to bottom,rgba(0,0,0,.01),rgba(0,0,0,.7),rgba(0,0,0,.9))}
.sy_tech .fav{ position: absolute; right: -40px; top: -30px;}
.tech_nav li{ padding: 40px 40px 30px 0; position: relative;border-bottom: 1px solid rgba(255,255,255,.6);}
.tech_nav li span{ display: block; width: 56px; line-height: 56px; border-radius: 50%; border: 2px solid #fff; text-align: center; color: #fff; font-size: 24px; color: #fff; font-weight: bold; transition: .3s ease;}
.tech_nav li p{ font-size: 22px; width: calc(100% - 80px); margin-left: auto; transition: .3s ease;}
.tech_nav li.active span{ background: #fff; color: #cd0000;}
.tech_nav li.active p{ color: #fff;}
.tech_pic .tech_txt .box{ width: calc(100% - 80px); margin-left: auto; color: #fff;}
.tech_pic .tech_txt h2{ font-size: 24px; color: #fff; font-weight: bold; margin-bottom: 10px;}
.tech_pic .tech_txt p{ font-size: 18px;}
.tech_nav ul{ overflow: visible;}
.tech_nav li:after{ width: 0; height: 1px; background: #fff; transition: .3s ease; position: absolute; left: calc(100% - 30px); top: 50%; content: ''; z-index: 3;}
.tech_nav li.active:after{ width: 150px;}


.sy_tech .left_top{ position: absolute; color: #fff; font-size: 20px; left: -90px; top: 130px; display: inline-flex; line-height: 30px; height: 30px; font-style: italic; transform: rotate(90deg);}
.sy_tech .left_top span{ display: block; width: 110px; height: 1px; background: #fff; position: relative; margin-right: 5px;}
.sy_tech .left_top span:after{ position: absolute; width: 5px; height: 5px; background: #fff; border-radius: 50%; content: ''; right: 0; top: -2px; }
.sy_tech .left_bot{ position: absolute; font-size: 70px; text-transform: uppercase; left:-170px; bottom: 280px; color: transparent!important;-webkit-text-stroke: 1px white; opacity: .6; transform: rotate(90deg); }

.sy_news{ padding: 30px 0 110px;}
.left_news,.r_list{ height: 630px; width: 49%;}
.left_news{ background: #efefef; border-radius: 10px; overflow: hidden;}
.left_news .imgfd{ padding-top: 51.3%;}
.left_news .txt{ padding: 25px 45px 0;}
span.colname{ font-size: 18px; color: #cd0000; display: block; margin-bottom: 15px;}
.left_news .txt h2{ font-size: 22px; font-weight: bold; line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0 25px;}
span.date{ font-size: 18px;}
.left_news .txt .amore{ margin-right: auto;}
.left_news:hover h2{ color: #cd0000;}
.r_list a{ height: calc((100% - 60px) / 3); background: #efefef; border-radius: 10px; overflow: hidden; margin-bottom: 30px;}
.r_list a:last-child{ margin-bottom: 0;}
.r_list a .imgfdd{ width: 38%; height: 100%;}
.r_list a .imgfdd img{ width: 100%; height: 100%; object-fit: cover;}
.r_list a .txt{ width: 62%; padding: 0 22px;}
.r_list a .txt h2{ font-size: 20px; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 15px; font-weight: bold;}
.r_list a .txt .date{ margin-right: auto;}
.r_list a .txt i{ display: block; width: 40px; line-height: 40px; height: 40px; border-radius: 50%; background: #111; color: #fff; font-size: 20px; transform: rotate(45deg); transition: .3s ease; text-align: center;}
.r_list a:hover .txt i{ background: #cd0000; transform: rotate(0deg);}
.r_list a:hover .txt h2{ color: #cd0000;}

.sy_recom{ padding-bottom: 110px; border-top-left-radius: 50px; border-top-right-radius: 50px;}
.sy_recom .left{ width: 400px; margin-right: auto; position: relative; z-index: 3}
.sy_recom .rcom_list{ width: calc(100% - 550px); margin-left: auto; text-align: center; color: #fff;}
.sy_recom .left b{ color: #fff; font-size: 45px; line-height: 54px; margin: 30px 0 85px;}
.sy_recom .left .amore:hover{ border-color: #fff;}
.sy_recom .rcom_list p{ font-size: 20px; font-style: italic; margin-bottom: 20px;}
.sy_recom .rcom_list h2{ color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 5px;}
.sy_recom .rcom_list span{ font-size: 20px;}
.sy_recom .rcom_list li{ margin-bottom: 55px;}

.sy_recom{ position: relative;}
.sy_recom .fav{ position: absolute; top: -30px; left: -30px; opacity: .6;}

.index_foot{ position: relative; color: #fff; background: #1b212e; border-top-left-radius: 50px; border-top-right-radius: 50px; margin-top: -50px;}
.index_foot a{ color: #fff;}
.index_foot .f_left{ width: 260px;}
.f_qr{ display: block; margin: 15px auto 0;width: 180px; background: #11141c; border-radius: 20px; text-align: center; padding: 18px 10px; }
.f_qr img{ width: 104px;}
.f_qr p,.f_qr span{display: block;}
.f_qr p{ text-transform: uppercase; margin-bottom: 8px;}
.f_qr span{ font-size: 15px; color: #999; margin-top: 10px;}
.f_follow.follow_list a{ background: none!important;}
.f_follow.follow_list a svg{ fill: #fff; padding:5px 10px;}

.foot_center{ padding: 60px 0 30px; position: relative;}
.foot_center .foot_nav{ width: calc(100% - 340px); margin-left: auto;}
.foot_center .foot_nav li{margin-right: auto; padding-left: 30px; position: relative; width: 22%;}
.foot_center .foot_nav li:after{position: absolute; left: 0; top: 0; height: 265px; width: 1px; background: rgba(255,255,255,.4); content: '';}
.foot_center .foot_nav a{display: block; margin-bottom: 15px;}
.foot_center .foot_nav li.foot_contact{ width: 32%; margin-right: 0;}
.foot_center .foot_nav li.foot_contact h4{ font-size: 18px; color: #fff; font-family: monb; margin-bottom: 10px;}
.foot_center .foot_nav li.foot_contact .follow_list{ margin-top: 40px;}
.foot_contact .follow_list span{ display: inline-block; font-size: 18px; margin-right: 20px;}
.foot_contact .fcon_box{ width: 30%;}
.foot_contact .fcon_item{ margin-bottom: 10px; overflow: hidden;}
.foot_contact .fcon_item span{ display: block; line-height: 24px;}
.foot_contact .fcon_item p{ line-height: 24px; width: calc(100% - 65px);}
.copy{ padding: 20px 0; border-top: 1px solid rgba(255,255,255,.4); margin-top: 20px; text-align: center; color: #999;}
.foot_center .foot_nav b{ text-transform: uppercase;font-size: 18px; margin-bottom: 20px; display: block; color: #fff; font-weight: normal;}
.foot_center .foot_nav b img{ margin-right: 5px;}
.foot_center .b_top{ position:absolute; line-height: 30px; padding: 0 8px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; color: #fff; background: #cd0000; top: 0; right: 0;text-transform: uppercase;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-size: 42px; margin-top: 20px;}

@media (max-width: 1700px){
	.sy_tech .left_top{ left: auto; right: -90px;}
}


@media (max-width: 1600px){
	.ic_down{ left: 2%; margin-left:0;}
	.fb54{ font-size: 48px; line-height:50px;}
	.pro_cate li .txt{ padding:40px 50px 0;} 
	.sy_tech .title p{ font-size: 26px; line-height: 42px;}
	.sy_tech .title span{ font-size: 42px;}
	.tech_nav li{ padding: 30px 25px 30px 0;}
	.sy_recom .left img{ height: 85px;}
}

@media (max-width: 1441px){
	.sy-ban .txt1 b{ font-size: 42px; line-height: 52px;}
	.sy_number dt i, .sy_number dt sup{ font-size: 68px; line-height: 68px; height: 68px;}
	.sy_number dt sup{ line-height: 38px;}
	.sy_tech .tech_pic .imgfd{ padding-top: 60%;}
	.tech_nav li p{ font-size: 20px;}
	.sy_tech .tech_pic .tech_txt{ padding: 50px 50px 100px 20px;}
	.tech_pic .tech_txt h2{ font-size: 20px;}
	.left_news, .r_list{ height: 580px;}
}

@media (max-width: 1281px){
	.fb54{ font-size:40px; line-height:42px;}
	.sy_title b{margin-bottom: 15px;}
	.pro_cate li .txt b{ font-size: 26px;}
	.pro_cate li:first-child .txt b{ font-size:32px;}
	.pro_cate li .txt p{ margin-bottom:30px;}
	.sy_tech .title p{ font-size: 22px; line-height: 34px;}
	.sy_tech{ padding-bottom: 120px;}
	.left_news, .r_list{ height: 520px;}
	.r_list a .txt h2{ font-size: 18px; line-height:27px; height:54px; margin-bottom:10px;}
	span.colname{ font-size: 16px; margin-bottom: 10px;}
	.left_news .txt{ padding: 20px 30px 0;}
	.sy_recom .left img{ height: 60px;}
	.sy_recom .left b{ font-size: 36px; line-height: 42px; margin-bottom: 50px;}
	.sy_recom .rcom_list{ width: calc(100% - 480px);}
	
}

@media (max-width: 1024px){
	.top_h{ height: 54px;}
	.fb54{ font-size: 36px; line-height: 38px;}
	.right_online{ display:none;}
	.sy_title p{ font-size: 18px;}
	.pro_cate li .imgfdd{height: 400px;}
	.tech_nav li p{ font-size: 18px;}
	.tech_nav li span{ width:46px; height:46px; line-height:46px;}
	.tech_nav li p{ width: calc(100% - 60px);}
	.tech_nav li.active:after{ width:120px;}
	.left_news{ display: none;}
	.r_list{ width: 100%; float: none;}
	.sy_recom .center{ display: block;}
	.sy_recom .left{ width: 100%;}
	.sy_recom .rcom_list{ width: 100%; margin-top: 30px;}
	.foot_center{ display: none;}
	.index_foot{border-radius: 0;}
	
}
@media (max-width: 768px){
	.sy-ban .txt1 b{ font-size: 26px; line-height: 36px;}
	.item_top .amore{ display: none;}
	.item_top .sy_title{ max-width: 100%;}
	.pro_cate li .txt{ padding: 25px 20px 0;}
	.pro_cate li .txt p{ display: none;}
	.pro_cate li .imgfdd{ height: 300px;}
	.sy_number .circle{display: none;}
	.sy_number dl{ width: 100%;}
	.sy_number dt i, .sy_number dt sup{ font-size: 40px; line-height: 40px; height: 40px;}
	.sy_number dt sup{ line-height: 25px;}
	.sy_number dt span{ font-size: 18px;}
	.sy_number p{ font-weight: normal; font-size: 18px;}
	.sy_tech .fav img{ width: 350px;}
	.sy_tech .tech_pic{ display: none;}
	.tech_nav{ width: 100%;}
	.sy_tech .left_bot{ font-size: 40px; left:-120px; bottom:180px;}
	.tech_nav li.active:after{ display:none;}
	.tech_nav li{ padding: 25px 20px 25px 0;}
	.item_top{ margin-bottom: 25px;}
	.box_bot{ border-top-left-radius: 20px; border-top-right-radius: 20px; height:20px;}
	.sy_news{ padding-bottom: 40px;}
	.sy_recom,.sy_tech{ border-top-left-radius: 20px; border-top-right-radius: 20px;}
	.sy_recom .left img{ height: 40px;}
	.sy_recom .left b{ font-size: 30px; margin: 15px 0 25px;}
	.sy_recom{ padding-bottom: 20px;}
	.sy_tech .title span{ font-size: 32px;}
	
}

@media (max-width: 540px){

}
@media (max-width: 450px){
.sy-ban .txt1 b{ max-width: 100%; font-size:24px; line-height:30px;}
.ic_down{ display: none;}
.fb54{ font-size: 26px; line-height:30px ;}
.sy_title p{ font-size: 16px;}
.pro_cate li:nth-child(n+2){width:100%;}
.pro_cate li .imgfdd{ height:260px;}
.pro_cate li:first-child .txt{ width:100%;}
.pro_cate li:first-child .txt b,.pro_cate li .txt b{font-size:22px;}
.amore{ line-height: 40px; padding:0 15px;}
.sy_tech .left_top{ right: -120px;}
.sy_tech .title p{ font-size: 18px; line-height: 30px;}
.sy_tech .title{ width: calc(100% - 40px);}
.sy_number dt{ width: 100%; padding-bottom:20px; border-bottom:1px dashed rgba(255,255,255,.6); margin-top:20px;}
.sy_number .top{justify-content:center;}
.sy_number{ margin: 25px 0;}
.r_list a .txt .c-flex{ display: none;}
.r_list{ height: 400px;}
.r_list a .txt{ padding: 0 12px;}
.r_list a{ height: calc((100% - 30px) / 3); margin-bottom:15px;}
.sy_recom .left b{ font-size: 26px;}
.sy_recom .rcom_list p{ font-size: 18px;}
.sy_recom {background-size: 200px!important;}
.copy{ font-size: 12px;}
.sy_recom .rcom_list li{ margin-bottom: 30px;}
}

.posi{ background: #dedede; padding: 13px 0; font-size:14px;}
.posi i{ margin-right: 5px;}
.posi a:hover{ color:#cd0000;}


.list_top{ margin-bottom: 50px;}
.list_top h1{ font-size: 40px; font-weight: bold; margin-bottom: 20px;}

.list_nav{ width: 360px; background:#fff; padding:25px 15px 25px 30px; border-radius:10px; border:1px solid #e7e7e7;}
.list_right{ width: calc(100% - 360px);}
.list_nav .title{line-height: 60px; font-size: 24px; text-transform: uppercase;}
.list_nav li{ margin-top: 5px; background:#fff;}
.list_nav li a{display: block;}
.list_nav li .firp{ padding: 10px 0; font-size:18px; font-weight:bold;}
.list_nav li .firsta{ color: #333; line-height: 20px; max-width:calc(100% - 15px);}
.list_nav li .firp i{ width: 14px; height: 20px; display: block; margin-left: auto; cursor:pointer; line-height:20px;}
.list_nav li .list{ padding: 10px 0 5px; display:none;}
.list_nav li .list a{ font-size: 16px; line-height: 20px; padding-left: 12px; position: relative; margin-bottom:20px;}
.list_nav li .list a:after{ position:absolute; width: 6px; height: 1px; background: #666; left: 0; top: 9px; content:'';}
.list_nav li.on .firp i{ transform:rotate(180deg);}
.list_nav li .list a.act,.list_nav li .list a:hover{ color: #cd0000;}
.list_nav li .list a.act:after{background:#d6000f;}
.list_right{ width: calc(100% - 380px);}
.ny_pro_list li{ width: 24%; margin-left: 1%; margin-bottom:15px; float:left;}
.pro_li{ background: #fff; border-radius: 10px; border: 1px solid #e7e7e7; padding:15px; transition:.3s ease;}
.pro_li .imgfd{ padding-top: 100%; margin-bottom: 20px;}
.pro_li h2{ line-height: 24px; height: 72px; overflow: hidden; font-weight: bold; font-size:16px;}
.pro_li p{margin: 15px 0; font-size:14px; color:#666666; height:30px; }
.pro_li span{ display: inline-block; line-height: 30px; padding: 0 10px; border-radius: 15px; background: #111111; color: #fff; font-size:14px; font-weight:bold; transition:.3s ease;}
.pro_li span i{display:inline-block; margin-left: 3px; font-size: 14px; font-weight: bold; transform: rotate(45deg); transition:.3s ease;}
.pro_li:hover{ border-color:#cd0000;}
.pro_li:hover span{ background:#cd0000;}
.pro_li:hover span i{ transform:rotate(0deg);}
.pro_li:hover h2{ text-decoration: underline; color: #cd0000;}

@media (max-width: 1600px){
    .list_top h1{ font-size: 36px;}
    .list_nav{ width: 320px;}
    .list_nav{ padding:20px 10px 15px 20px;} 
    .list_nav .title{ font-size: 22px; line-height: 52px;}
    .list_right{ width: calc(100% - 340px);}
}
@media (max-width: 1551px){
    .ny_pro_list li{ width: 32%; margin-left: 1.33%;}
}
@media (max-width: 1281px){
    .pro_li p{ display: none;}
    .pro_li h2{ margin-bottom: 10px;}
}
@media (max-width: 1024px){
    .list_nav{ display: none;}
    .list_right{ width: 100%; float: none;}
    .list_top h1{ font-size: 30px;}
}
@media (max-width: 450px){
    .list_top{ margin-bottom: 25px;}
    .ny_pro_list li{ width: 100%; margin-left: 0;}
    .list_top h1{ font-size: 24px;}
}
.show_top{padding: 60px 0;}
.show_top .pic{ width: 38%; margin-right: auto;}
.show_top .txt{width: 57%;}
.bigswiper,.smswiper{ overflow: hidden;}
.bigswiper{ border: 1px solid #e7e7e7; border-radius: 5px; margin-bottom:10px;}
.show_top .imgfd{padding-top: 100%;}
.smswiper li{ border: 1px solid #e7e7e7; border-radius: 5px;}
.sm_box{ position: relative; padding:0 20px;}
.smswiper li.swiper-slide-thumb-active{ border-color:#cd0000 ;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display:none;}
.sm_box .swiperbtn{ top: 50%; font-size:22px;}
.sm_box .swiper-button-prev{ left: -5px;}
.sm_box .swiper-button-next{ right: -5px;}
.swiperbtn:hover{ color:#cd0000;}
.show_top .txt h1{ font-size: 34px; font-weight:bold; line-height: 48px; margin-bottom: 30px;}
.show_top .txt .tit{ padding-bottom: 15px; border-bottom: 1px solid #dddddd;}
.show_top .txt .tit .mod{ margin-right: auto; color: #cd0000; font-size: 20px; }
.show_top .txt .tit .share i{ margin-right: 3px;}
.show_top .txt .tit .share span{ display:inline-block; cursor: pointer; line-height:30px;}
.show_top .txt .tit .share span:hover{ color:#cd0000;}
.show_top .txt .tit .share{ position: relative;}
.show_top .txt .tit .share .follow_list{position: absolute; right: 0; top: 30px; min-width:170px; display:none;}
.show_top .txt .tit .share:hover .follow_list{ display:block;}
.show_top .txt .des{ margin: 32px 0;}
.show_top .txt .des b{ font-size: 20px; margin-bottom:15px;}
.show_top .txt .des p{margin-top: 5px; font-size:18px;}
.show_top .txt .amore{ margin-top: 45px;}
.show_top .txt .pro_ce img{ height:60px;}
.det_item{ padding-top: 80px; overflow:hidden;}
.det_box img,.det_box table{ max-width: 100%!important;}
.det_nav{ background: #eeeeee;justify-content:center; }
.det_nav a{ font-size: 18px; display:block; line-height:50px; padding:0 55px; margin:0 20px; transition:.3s ease;}
.det_nav a:hover{background:#cd0000; color: #fff;}
.det_item .tit{ font-size: 34px; padding-bottom: 18px; position: relative; margin-bottom:30px;}
.det_item .tit:after{ width:42px; height: 2px; background: #cd0000; position: absolute; left: 0; bottom: 0; content: '';}
.det_item table td{ border-color: #ddd; padding:15px;}
.det_item table tr:nth-child(2n+1){ background:#f3f3f3;}

.msgbox form{ margin-top: 30px;}
.msgbox input,.msgbox textarea{ line-height: 30px; padding: 10px 15px; background: #fff; border-radius: 5px; width: 100%; margin-bottom: 20px;}
.msgbox input.fl{ width: 49%; margin-right: 2%;}
.msgbox input.fl:nth-child(2n){ margin-right:0;}
.det_item.msgbox input,.det_item.msgbox textarea{ background: #f3f3f3;}
.det_item.msgbox{ width: 70%;}
.msgbox .fil{ font-size: 18px;}
.msgbox .sub{ line-height: 50px; border-radius: 25px; text-align: center; background: #111; color: #fff; width:220px; transition:.3s ease; cursor:pointer; margin-top:25px; font-size:18px; font-weight:bold;}
.msgbox .sub:hover{ background:#cd0000;}

.comm_pro{ border-top-left-radius: 50px; border-top-right-radius: 50px;}
.c_tit b{ font-size: 34px; text-align:center;}
.c_tit,.ny_tit {padding-bottom: 20px; position: relative; margin-bottom:30px;}
.c_tit:after{ position:absolute; width: 42px; height: 2px; background: #cd0000; content: ''; left: 50%; bottom: 0; transform: translateX(-50%);}
.comm_list li{ float: left; width: 19%; margin-right: 1.25%;}
.comm_list li:nth-child(5){ margin-right:0;}
@media (max-width: 1441px){
    .show_top .txt h1{ font-size: 30px; line-height: 42px;}
    .show_top .txt .amore{ margin-top: 30px;}
    
}
@media (max-width: 1281px){
    .det_nav a{ padding: 0 30px;}
}
@media (max-width: 1024px){
    .show_top .txt h1{ font-size: 26px; line-height: 32px; margin-bottom:20px;}
    .show_top .txt .tit .mod{ font-size: 18px;}
    .show_top .txt .des{ margin: 25px 0;}
    .det_nav a{ padding: 0 20px;}
    
}
@media (max-width: 768px){
    .show_top{ display: block;}
    .show_top .pic{ width: 100%;margin-bottom:30px;}
    .show_top .txt{ width: 100%;}
    .det_nav{ display:none;}
    .det_item{padding-top: 40px;}
    .show_top{ padding: 40px 0 0;}
    .det_item .tit{ font-size: 28px;}
    .det_item.msgbox{ width: 100%;}
    .c_tit b{ font-size: 28px;}
    .comm_list li{ width: 100%; margin-bottom:15px; margin-right:0;} 
    .comm_pro{ border-top-left-radius: 20px; border-top-right-radius: 20px;}
}
@media (max-width: 450px){
    .show_top .txt h1{ font-size: 22px; line-height: 30px;}
    .show_top .txt .tit .mod{ margin-bottom: 20px;}
    .pro_ce img { height: 40px;}
    .show_top .txt .amore{ margin-top: 20px;}
    .det_item table td{ padding: 8px 5px; font-size:14px;}
    .msgbox input.fl{ width: 100%;}
    .mainh{ height: 40px;}
    .c_tit b{ font-size: 24px;}
}
.sol_list li{ float: left; width: 32%; margin-right: 1.33%; margin-bottom: 50px; border-radius: 20px; overflow: hidden; background: #fff; position:relative; border:1px solid #e7e7e7;}
.sol_list li .imgfd{ padding-top: 67%;}
.sol_list li:nth-child(3n){ margin-right:0;}
.sol_list li .txt{ padding: 22px 28px 35px;}
.sol_list li .ic{ position: absolute; right: 10px; bottom: 10px;}
.sol_list li h2{ font-weight: bold; font-size: 24px; line-height:30px; height:30px; overflow:hidden;}
.sol_list li p{ font-size: 18px; height: 90px; overflow: hidden; margin: 20px 0 30px;}
.sol_list li:hover h2{ text-decoration: underline; color: #cd0000;}
@media (max-width: 1024px){
    .sol_list li{ width: 49%;}
    .sol_list li:nth-child(3n){ margin-right:2%;}
    .sol_list li:nth-child(2n){ margin-right:0;}
}
@media (max-width: 450px){
    .sol_list li{ width:100%; margin-bottom:20px;}
    .sol_list li .txt{ padding: 20px 20px 25px;}
    .sol_list li h2{ font-size: 20px;}
    .sol_list li p{ height: 48px; margin:10px 0 20px;}
    .sol_list li p{ font-size: 16px;}
}
.ny_tit b{ font-size: 34px;}
.ny_tit:after{ position:absolute; width: 42px; height: 2px; background: #cd0000; content: ''; left: 0; bottom: 0;}
.slist_main .txt{ width: 50%; margin-right: auto;}
.slist_main .solswiper{ width: 45%; position:relative; overflow:hidden;}
.slist_main .solswiper .imgfd{ padding-top: 66.67%; border-radius:20px;}
.slist_main .txt .des p{ font-size: 20px; line-height:34px;}
.slist_main .sol_bene{ margin-top: 25px;}
.slist_main .sol_bene b{ font-size: 24px; margin-bottom: 15px;}
.slist_main .sol_bene p{ font-size: 18px; padding-left: 20px; position: relative;}
.slist_main .sol_bene p:after{ position:absolute; width: 7px; height: 7px; background: #cd0000; content: ''; top: 11px; left: 0; border-radius:50%;}

.caseswiper{ overflow: hidden; padding-bottom: 40px; position: relative;}
.caseswiper li{ background: #fff; border-radius:20px; padding: 20px;}
.caseswiper li .imgfd{ padding-top: 67.5%; border-radius: 15px;}
.caseswiper li .txt{ padding: 25px 10px 15px;}
.caseswiper li .txt h2{ font-size: 20px; font-weight: bold; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 10px;}
.caseswiper li .txt p{ height: 60px; overflow: hidden; margin-bottom: 20px;}
.caseswiper li span{ display: inline-block; line-height: 30px; padding: 0 10px; border-radius: 15px; background: #111111; color: #fff; font-size:14px; font-weight:bold; transition:.3s ease;}
.caseswiper li span i{display:inline-block; margin-left: 3px; font-size: 14px; font-weight: bold; transform: rotate(45deg); transition:.3s ease;}
.caseswiper li:hover span{ background:#cd0000;}
.caseswiper li:hover span i{ transform:rotate(0deg);}
.caseswiper li:hover h2{ text-decoration: underline; color: #cd0000;}
@media (max-width: 1024px){
  .slist_main { display: block;}  
    .slist_main .txt{ width: 100%; margin-bottom:30px;}
    .slist_main .solswiper{ width: 100%;}
    .ny_tit b{font-size: 30px;}
}
@media (max-width: 450px){
    .ny_tit b{ font-size: 22px;}
    .c_tit, .ny_tit{ padding-bottom: 15px; margin-bottom: 20px;}
    .slist_main .txt .des p{ font-size: 18px; line-height: 28px;}
    .slist_main .sol_bene p{ font-size: 16px;}
    .caseswiper li{ padding: 8px; border-radius:10px;}
    .caseswiper li .imgfd{ border-radius: 6px;}
    .caseswiper li .txt{ padding: 15px 3px 10px;}
    .caseswiper li .txt h2{ font-size: 16px; line-height: 24px; height: 48px;}
    .caseswiper li .txt p{ display: none;}
}
.news_left{ width: calc(100% - 410px);}
.news_right{ width: 360px;}
.nynews_list li{ background: #fff; border-radius: 20px; padding: 30px 40px 30px 30px; margin-bottom:30px;}
.nynews_list li .pic{ width: 30%;}
.nynews_list li .txt{ width: 67%; margin-left: auto;}
.nynews_list li .imgfd{ padding-top: 60%; border-radius:10px;}
.nynews_list li h2{ font-size:20px; font-weight: bold; line-height: 30px; height: 30px; overflow: hidden;}
.nynews_list li p{ height: 60px; overflow: hidden; margin: 10px 0 15px; color:#333;}
.nynews_list li .date{ margin-right: auto; font-size: 18px; display: block;}
.nynews_list li i{ display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #111; font-size: 18px; font-weight: bold; color:#fff; border-radius:50%; transform:rotate(45deg); transition:.3s ease;}
.nynews_list li:hover h2{ text-decoration:underline; color: #cd0000;}
.nynews_list li:hover i{background:#cd0000; transform: rotate(0deg);}
@media (max-width: 1441px){
    .nynews_list li{ padding: 20px 25px 20px 20px;}
    .nynews_list li p{ height: 30px;}
    
}

@media (max-width: 1024px){
.news_right{ display: none;}
.news_left{ width: 100%;}
}
@media (max-width: 768px){
    .nynews_list li p{ display: none;}
    .nynews_list li h2{ font-size: 18px; line-height: 26px; height: 52px; margin-bottom: 10px;}
    .nynews_list li i{ width: 32px; height: 32px; line-height:32px;}
    
}
@media (max-width: 450px){
    .nynews_list li .txt .c-flex{ display: none;}
    .nynews_list li{ padding: 10px; border-radius:10px;}
    .nynews_list li .imgfd{ border-radius: 6px;}
    .nynews_list li h2{  font-size: 16px; line-height: 24px; height: 48px; margin-bottom: 0;}
    .nynews_list li{ margin-bottom:15px;}
}
.news_det{ background: #fff; border-radius: 20px; padding: 40px 35px;}
.news_det h1{ font-size: 30px; font-weight: bold;}
.news_det .news_info{ padding: 30px 0; border-bottom:1px solid #ddd; margin-bottom:40px;}
.news_det .news_info .colname{ margin-left: auto;}
.news_det .news_info .colname span{ color: #cd0000;}
.page_btn{ border-top: 1px solid #ececec; margin-top:40px;}
.page_btn .prev,.page_btn .next{ margin-top: 30px; font-size:16px;}
.page_btn span{ display: block; font-size: 16px; color: #666; margin-bottom:10px;}
.page_btn a:hover{ color:#cd0000;}



.r_card{ border-radius: 10px; background: #fff; margin-bottom: 30px; border-radius: 1px solid #e7e7e7; overflow:hidden;}
.r_card b{ line-height: 50px; background: #1b212e; font-size: 24px; color: #fff; text-transform: uppercase; padding-left: 30px;}
.r_nav a{ display: block; font-size:18px; padding:10px 30px;}
.r_nav .list{ padding: 10px 0 20px;}
.r_nav a:hover,.r_nav a.act{background:#cd0000; color:#fff;}
.r_nav a i{ margin-right: 3px;}

.last_news .list{ padding: 0 30px;}
.last_news .list a{display: block; padding: 22px 0 10px; border-bottom: 1px solid #e7e7e7;}
.last_news .list a p{ font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.last_news .list a .date{ font-size: 14px; color: #666666; display: block; margin-right: auto;}
.last_news .list a i{ font-size: 18px; font-weight: bold;}
.last_news .list a:hover p,.last_news .list a:hover i{ color:#cd0000;}
.r_msg form{ padding: 30px;}
.r_msg input,.r_msg textarea{ margin-bottom: 15px; line-height:45px; background: #f3f3f3; border-radius: 5px; width:100%; font-size:14px; padding-left:8px;}
.r_msg .sub{ background: #111; border-radius: 5px; line-height: 45px; color: #fff; display: inline-block; padding: 0 13px; font-weight: bold; cursor: pointer; transition:.3s ease;}
.r_msg .sub:hover{ background:#cd0000;}
@media (max-width: 450px){
    .news_det{ padding: 30px 20px;}
    .news_det h1{ font-size: 22px;}
    .news_det .news_info{ padding: 18px 0; margin-bottom: 25px;}
    .page_btn{ margin-top: 25px;}
    .page_btn .prev, .page_btn .next{ margin-top: 20px;}
}
.com_box p{ font-size: 20px; line-height: 36px;}
.com_box p span{ font-weight: bold;}
.ab_number dt{ text-align: center; margin:  0 auto;}
.ab_number dt i,.ab_number dt sup{display:inline-block; color: #cd0000; font-size:80px; line-height:80px; height:80px; font-family:dinb;}
.ab_number dt sup{line-height: 45px;}
.ab_number dt span{  font-size: 20px;}
.ab_number dt p{ font-size: 20px; font-weight: bold; margin-top: 15px; height: 30px;}

.facswiper{ position: relative;overflow:hidden;}
.ab_fac{ padding: 0 50px;}
.facswiper .imgfd{ padding-top: 60.3%; border-radius:10px;}
.facswiper .swiperbtn{ top: 50%; font-size: 70px; color: transparent!important;-webkit-text-stroke: 1px white; transition:.3s ease;}
.facswiper .swiperbtn:hover{ color:#fff!important;}
.ab_what{ border-top-left-radius: 50px; border-top-right-radius: 50px;}
.ab_what .c_tit b{ color: #fff;}

.ab_what dt{ background: #fff; border-radius: 20px; position: relative; padding: 30px 30px 55px; width:32%; margin-right:auto; overflow:hidden;}
.ab_what dt:last-child{ margin-right:0;}
.ab_what dt .num{position: relative; display:inline-block;}
.ab_what dt .num img{ animation: xuanzhuan 8s linear infinite; -webkit-animation: xuanzhuan 8s linear infinite;}
.ab_what dt .num span{ position: absolute; display: inline-block; font-size: 30px; font-family: dinb; color: #cd0000; top: 50%; left: 50%; transform: translate(-50%,-50%);}
@-webkit-keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes xuanzhuan{
0%{transform: rotate(0deg);}
	50%{ transform: rotate(180deg); }
	100%{ transform: rotate(360deg); }
}

.ab_what dt:nth-child(2) .num img{ animation-delay:-2s;}
.ab_what dt:last-child .num img{ animation-delay:-4s;}
.ab_what dt h2{ font-size: 22px; line-height: 30px; padding-left: 30px; background: url(../images/g1_03.jpg) no-repeat 3px 5px; font-weight:bold; height:60px; margin:40px 0 25px; transition:.3s ease;}
.ab_what dt p{ padding-left: 30px; font-size: 18px; height: 90px;}
.ab_what dt .ic{ width: 90px; height: 90px; background: #cd0000; border-bottom-left-radius: 90px; position:absolute; right:0; top:0;} 
.ab_what dt .ic img{ position: absolute; right:5px; top:5px; transition:2s ease;}
.ab_what dt:hover h2{ color:#cd0000; background: url(../images/g2_03.jpg) no-repeat 3px 5px; }
.ab_what dt:hover .ic img{ transform:rotateY(180deg);}
.ab_what .amore{ border-color: #cd0000; color:#cd0000;}
.ab_what .amore:hover{ color:#fff;}
.ab_cert{padding-bottom: 160px;}
.ab_cert dl{ justify-content: center;}
.ab_cert dl dt{ width: 18%; margin: 0 30px; transform:scale(.8);}
.ab_cert dl dt:nth-child(2){ transform:scale(1);}
.ab_cert dl dt .imgfd{ padding-top: 133.33%;}
@media (max-width: 1024px){
    .ab_number dt i, .ab_number dt sup{ font-size: 56px; line-height: 56px; height: 56px;}
    .ab_number dt sup{ line-height: 40px;}
    .ab_what dt h2{ font-size: 20px; height:90px; margin-top:25px;}
    .ab_what dt p{ height: 120px;}
    .ab_cert{ padding-bottom: 120px;}
}
@media (max-width: 768px){
    .com_box p{ font-size: 18px; line-height: 30px;}
    .facswiper .swiperbtn{ font-size: 40px;}
    .ab_what dl{ display: block;}
    .ab_what dt{ width: 100%; margin-bottom:15px;}
    .ab_what dt h2,.ab_what dt p{ height: auto;}
    .ab_cert dl dt{ width: 30%; margin:0 auto;}
}
@media (max-width: 450px){
    .ab_number { padding: 20px;}
    .ab_number dt{ width:90%; padding: 20px; border-bottom: 1px dashed #111;}
    .ab_fac{ padding: 0 10px;}
    .facswiper .swiperbtn{ font-size: 30px;}
    .ab_cert{ padding-bottom: 60px;}
}
.lx_top .left{ width: 50%; padding:0 5% 40px 0; background:url(../images/lxic_03.png) no-repeat right bottom; }
.lx_top .lx_map{ width: 48%; border-radius:20px; overflow:hidden;}
.lx_top .lx_map iframe{ width: 100%!important;}
.lx_top .left h1{ font-size: 30px; font-weight: bold; margin-bottom:20px;}
.lx_top .left .tit{ margin-bottom: 30px;}
.lx_top .left .tit p{ font-size: 18px;}
.lx_top .lx_item i{ width: 48px; height: 48px; line-height: 48px; text-align: center; background: #fff; border-radius: 10px; font-size: 24px; margin-right:20px;}
.lx_top .lx_item .txt{ width: calc(100% - 70px);}
.lx_top .lx_item{ padding-bottom: 25px; border-bottom: 1px solid #e7e7e7; margin-top:30px;}
.lx_top .lx_item span,.lx_social span{ color: #666;}
.lx_top .lx_item p{ margin-top: 3px; font-size:18px;}
.lx_top .lx_item.lx_tel .txt{ width: 42%; margin-right: auto;}
.lx_bot .lx_item{ width: 45%; margin-right: 5%;}
.lx_bot .lx_item a:hover{ color: #cd0000;}
.lx_bot{ align-items: flex-end;}

.lx_msg .imgfdd{ width: 48%; border-radius: 20px;}
.lx_msg .msg_form{ width: 48%;}
.msg_form .tit{ font-size: 30px; margin-bottom:15px;}
.lx_social .follow_list{ margin-top: 5px;}
.lx_social .follow_list a{ background: #fff!important; width:50px; height:50px;}
.follow_list a svg{ width: 20px; height: 20px; padding:15px; fill: #111;}

@media (max-width: 1024px){
    .lx_top .left{ width: 100%; float:none;}
    .lx_top .lx_map{ display: none;}
    .lx_msg .imgfdd{ display: none;}
    .lx_msg .msg_form{ width: 100%;}
}
@media (max-width: 450px){
    .lx_top .left h1{ font-size: 20px;}
    .lx_top .left .tit p{ font-size: 16px;}
    .lx_top .lx_item.lx_tel .txt{ width: calc(100% - 70px); margin-left:auto; margin-right:0; margin-bottom:8px;}
    .lx_bot .lx_item{ width: 100%; margin-bottom:20px;}
    .lx_top .lx_item p{ font-size: 16px;}
    .lx_top .lx_item{ margin-top: 20px; padding-bottom: 20px;}
}