@charset "utf-8";
/* CSS Document */
#FixMenu{position: fixed;left: 15px;z-index: 10000;top: 50%;transform: translate(0,-50%);}
#FixMenu li{display: block;width: 100px;	position: relative;line-height: 35px;padding-left: 22px;transition: all 0.5s;}
#FixMenu li:After{width: 2px;height: 0;content: "";position: absolute;background: rgba(218,218,218,0.9);bottom: -26px;transition: all 0.5s;left: 4px;}
#FixMenu li a{display: block;color: #d2d2d2;}
#FixMenu li em{position: absolute;width: 10px;left:0px;top: 50%;transform: translateY(-50%);height: 10px;border-radius: 50%;background:#d2d2d2;}
#FixMenu li span{opacity: 0;transition: all 0.5s;}
#FixMenu li:hover span{opacity: 1;}
#FixMenu li a{color:#e4000a;}
#FixMenu li.active{margin-bottom: 20px;}
#FixMenu li.active:After{height: 27px;}
#FixMenu li.active em,#FixMenu li:hover em{box-shadow: 8px 9px 7px rgba(1,64,149,0.1);}
#FixMenu li.active em,#FixMenu li:hover em{width: 25px;height: 25px;left:-8px;border: 2px solid #e4000a;	background:#e4000a;}
#FixMenu li:nth-child(5):After{display: none;}
/* #FixMenu li:nth-child(1){display: none !important;} */
#FixMenu li:last-child:after{display: none !important;}


.index_head .top_search{ cursor:pointer;overflow: hidden; width:240px;}
.index_head .top_search form{ display: inline-flex;width: 90px; border-radius:15px; padding: 0 10px; border: 1px solid #fff; transition: .3s ease;}
.index_head .top_search i{ font-size: 20px; color: #fff;}
.index_head .top_search input{ width: calc(100% - 30px); margin-left: auto; background: none; line-height: 30px; font-size: 14px; color: #fff;}
.index_head .top_search input::placeholder{ color:#fff;}
.amore{ display: inline-block;font-size: 16px; position: relative; color: #111; overflow: hidden;}
.amore.whi{ color: #fff;}
.amore:after{ width: 0px; height: 100px; left: 0; top: 0; content: ''; background: #db0010; position: absolute; transition: .3s ease;}
.amore i{ display: inline-block; height: 45px; width: 45px; border-radius: 50%; text-align:center; color: #fff; line-height: 45px; background: #db0010; transition: .3s ease; position: relative; z-index: 2; margin-right: 15px;}
.amore:hover{  color: #e4000a;}
.sy-ban{ width: 100%;position: relative; overflow: hidden; height: 960px; background: #333;}
.sy-ban img{ width: 100%;}
.sy-ban .svg-swiper-pagination{position: absolute;z-index: 1;flex-wrap: wrap; text-align: left; left: calc(50% - 800px); bottom: 80px;}

.sy_page{ padding-top: 170px;}

.sy_product{ position: relative;}
.sy_product .pro_tab{ width: 400px; position: absolute; right: 2%; top: 50%; transform: translateY(-50%);}
.sy_product .pro_tab li{ width: 46%; margin:10px 4% 10px 0; border-radius: 20px; border: 1px solid #e4000a; padding: 20px 20px 10px; text-align: center; background: #fff; position: relative;}
.sy_product .pro_tab li:after{ position: absolute; width: calc(100% + 2px); height: calc(100% + 2px); left: 0px; top: -1px; border-radius: 20px; background:  linear-gradient( to right,rgba(255,255,255,.4),rgba(255,255,255,.9)); content: ''; transition: .3s ease;}
.sy_product .pro_tab li p{ position: relative;  height: 30px; overflow: hidden; margin-bottom: 15px; z-index: 2;}
.sy_product .pro_tab li .ic{ position: relative; z-index: 2;}
.sy_product .pro_tab li:hover:after{ background: #e4000a;}
.sy_product .pro_tab li:hover{ color: #fff;}
.sy_product .pro_tab li:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.proswiper{ width: 75%; overflow: hidden; position: relative;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display: none;}
.proswiper .right img{object-fit: cover;/* 正片叠底关键 */ mix-blend-mode: multiply;display: block; z-index: 1; isolation: isolate;}
.proswiper .left{ width: 350px; margin-right: auto;}
.proswiper .right{ width: calc(100% - 420px);}
.proswiper .left .pro_qg{ padding-bottom: 40px; position: relative; border-bottom: 1px solid #bbbbbb; margin-bottom: 40px;}
.proswiper .left .pro_qg:after{ position: absolute; left: 0; bottom: -1px; width: 60px; height: 1px; content: ''; background: #e4000a;}
.proswiper .left .pro_qg .fanwei{ width: calc(100% - 90px); margin-left: auto;}
.proswiper .left .pro_qg span{ display: block; font-family: ali; font-size: 24px;}
.proswiper .left .canshu p{ padding-left: 20px; margin-bottom: 10px; background: url("../images/gou_05.png") no-repeat left 10px;}
.proswiper .left .canshu{ padding-left: 80px; margin-bottom: 55px;}
.proswiper .left .btn{background: #fff; width: 130px; line-height: 38px; border-radius: 20px; text-align: center; border: 1px solid #666666; margin-right: 20px; transition: .3s ease;}
.proswiper .left .btn i{ font-size: 14px; margin-left: 15px;}
.proswiper .left .btn:hover{ background: #e4000a; color: #fff; border-color: #e4000a;}
.proswiper .right{ text-align: center;}
.proswiper .right h2{ font-size: 54px; font-family: alim; line-height: 54px; position: relative; display: inline-block;}
.proswiper .right h2:after{ position: absolute; left: 0; bottom: 5px; width: 160px; height: 10px; background: #e4000a; content: ''; z-index: -1}
.proswiper .swiperbtn{position: unset; margin-top: 0; font-size: 36px; margin: 0 10px; color: #fff; font-weight: bold;text-shadow: 1px 1px 5px rgba(0,0,0,0.2); transition: .3s ease;}
.proswiper .cswipers{ position: absolute; right: calc(50% - 260px); bottom: 110px; z-index: 3; display: flex; align-items: center;}
.proswiper .swiperbtn:hover{color: #e4000a;}
.sy_product .bgtit{ text-transform: uppercase; font-size: 168px; font-family: alib; font-style: italic; color: #fff; opacity: .3; width: 100%; left: 0; top: 80px; line-height: 170px; position: absolute; text-align: center;}

.about_left{ width: 50%; margin-right: auto;}
.sy_number{ width: 40%;}
.sytit{ font-size: 54px; line-height: 70px; font-family: alim; position: relative; margin-bottom: 40px}
.sytit:after{ position: absolute; left: 0; top: 54px; width: 160px; height: 10px; background: #e4000a; content: ''; z-index: 0}
.sytit span{ position: relative; z-index: 2;}
.about_left p.des{ margin-bottom: 70px;}
.sy_number dt{ padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px solid #dddddd;}
.sy_number dt:last-child{ border: none;}
.sy_number dt:first-child .num{ align-items: flex-end;}
.sy_number dt .num{ color: #e4000a; width: 35%; justify-content: center;}
.sy_number dt .num b{ font-size: 80px; line-height: 80px; color: #e4000a; font-family: alib; margin-right: 5px}
.sy_number dt sub{ font-size: 24px;}
.sy_number dt p{ width: 60%; margin-left: auto; font-size: 18px;}
.sy_number dt sup{ font-size: 50px; line-height: 30px; font-family: alib;}
.youshidl{ height: 100%;}
.youshidl dt{ width: 25%; height: 100%; border-right: 1px solid rgba(255,255,255,.5); padding: 80px 40px 0; position: relative; transition: .3s ease;}
.youshidl dt:last-child{ border: none;}
.youshidl dt .ic img{ filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.youshidl dt b{ font-size: 80px; font-family: alib; color: #333333; opacity: .6; -webkit-text-stroke: 1px #fff; transition: .3s ease;}
.youshidl dt .txt{ width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 40px 65px; color: #fff;}
.youshidl dt h2{ font-family: alim; font-size: 36px; color: #fff; line-height: 40px; margin-top: 25px;}
.youshidl dt .bot{ margin-top: 28px; display: none;}
.youshidl dt a{ display: inline-block; margin-top: 55px; line-height: 43px; border-radius: 23px; border: 1px solid #fff; padding: 0 15px 0 18px; color: #fff; transition: .2s ease;}
.youshidl dt:hover .bot{ display: block;}
.youshidl dt:hover b{ opacity: 1; color: #fff;}
.youshidl dt:hover{ background: rgba(201,0,9,.5);}
.youshidl dt a i{ font-size: 14px; margin-left: 10px;}
.youshidl dt a:hover{ background: #e4000a;}

.sy_solution b.solbg{ position: absolute; right: 0; font-family: alib; font-size: 168px;  line-height: 160px; top: 50px; color: #f8f9fb;}
.item_top .sytit{ margin-right: auto; margin-bottom: 0;}
.item_top{ margin-bottom: 50px;}
.solswiper{ width: calc(50% + 800px); overflow: hidden; padding-top: 50px; margin-bottom: 65px}
.sol_scroll{ position: unset!important; width: 1200px!important; margin: 0 auto;}
.solswiper .imgfd{ padding-top: 120%;}
.solswiper li{ position: relative; transition: .3s ease;}
.solswiper li .txt{ width: 100%; left: 0; top: 0; padding: 35px 40px 0; color: #fff; position: absolute; z-index: 2;}
.solswiper li .txt h2{ font-size: 22px; font-family: alim; margin-bottom: 15px; color: #fff;}
.solswiper li .txt p{ text-transform: uppercase;}
.solswiper li .txt .ic{ margin-top: 35px;}
.solswiper li .txt .ic img{ height: 75px;}
.solswiper li:hover{ transform: translateY(-30px);}
.solswiper li i{ display: inline-block; position: absolute; right: 30px; bottom: 30px; border: 1px solid #fff; border-radius: 50%; font-size: 18px; color: #fff; width: 45px; height: 45px; text-align: center; line-height: 45px; transition: .3s ease;}
.solswiper li:hover i{background:#e4000a; border-color: #e4000a; }
.swiper-scrollbar-drag{ background: #e4000a; border-radius: 3px;}

.sy_news .bgtit{  text-transform: uppercase; font-size: 168px; font-family: alib; font-style: italic; color: #f8f8f8; width: 100%; left: 0; top: 80px; line-height: 170px; position: absolute; text-align: center; transform:rotate(90deg) translate(300px,890px);}
.sy_news .left{ width: 220px; margin-right: auto;}
.sy_news .news_list{ width: 75%;}
.sy_news .news_list li{ float: left; width: 30%; margin-left: 3.33%;}
.sy_news .left .nav a{ display: block; padding: 15px 0 15px 10px; border-bottom: 1px solid #dddddd; font-size: 18px;}
.sy_news .left .nav a:hover{ color: #e4000a;}
.sy_news .left .nav{ margin-bottom: 80px;}
.sy_news .news_list b{ font-size: 80px; font-family: alim; color: #666666; line-height: 80px;}
.sy_news .news_list span{ font-family: alim; color: #666;}
.sy_news .news_list .date{ margin-bottom:40px;}
.sy_news .news_list .imgfd{ padding-top: 66.66%; margin-bottom: 25px;}
.sy_news .news_list h2{ font-size: 22px; line-height: 35px; height: 70px; overflow: hidden; margin-bottom: 15px; font-family: alim;}
.sy_news .news_list p{ line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 50px;}
.smore{ display: inline-block; width: 42px; height: 42px; border-radius: 50%; line-height: 44px; text-align: center; border: 1px solid #333333; transition: .3s ease;}
.sy_news .news_list li:hover .smore{ background: #e4000a; color: #fff; border-color: #e4000a;}
.sy_news:after{ position: absolute; height: 100%; width: 1px; content: ''; background: #eaedf0; top: 0; left: 25%;}




.index_foot .foot_center .center.c-flex,.index_foot .foot_center ul.c-flex{ align-items: flex-start;}
.index_foot .foot_center ul.c-flex{ width: 70%; margin-left: auto;}
.index_foot .foot_center .center{ position: relative;}
.index_foot .foot_center{ padding: 60px 0 30px; position: relative;}
.index_foot .foot_center ul a{ display: block; padding-left: 12px; color: #bbbbbb; font-size: 15px; line-height: 30px;}
.index_foot .foot_center ul .line{ height: 1px; width: 50px; margin: 20px 0 25px; background: #d1000f;}
.index_foot .foot_center ul li{ margin-right: auto;}
.index_foot .foot_center .link{ margin-top: 50px;}
.index_foot .foot_center .link a{ color: #fff; font-size:15px;}
.index_foot .foot_center .link a:hover{ color:#e4000a;}
.f_right{ font-size: 15px; margin-right: auto;}
.f_right a{ color: #fff;}
.f_right .flogo{ margin-bottom: 20px;}
.f_right .fit{ margin-bottom: 20px;}
.f_right .fit i{ font-size: 18px; margin-right: 3px;}
.f_right .fit b{ font-size: 28px; font-family: alim; color: #e4000a; line-height: 36px;}
.index_foot .foot_center ul li p{ padding-left: 15px; position: relative; margin-bottom: 15px; font-size: 18px;}
.index_foot .foot_center ul li p:after{ position: absolute; width: 8px; height: 2px; background: #e4000a; content: ''; left: 0; top: 14px;}
.index_foot .foot_center .b_top { width: 50px; height: 50px; text-align: center; line-height: 50px;color: #fff; position: absolute; right: 0; top: 130px; background: #e4000a; cursor: pointer;}
.index_foot .foot_center .b_top i{ font-size: 24px;  line-height: 50px;}
.index_foot .shemei{ position: absolute; bottom: -30px; right: 0;}
.index_foot .shemei dt{ margin-left: 30px; position: relative;}
.index_foot .shemei dt .qr{ position: absolute; bottom: 45px; right: 0; background: #fff; padding: 5px; display: none;}
.index_foot .shemei dt .qr img{ width: 120px;}
.index_foot .shemei dt i{ display: block; width: 45px; height: 45px; line-height: 45px; font-size: 22px; border-radius: 50%; background: #dddddd; color: #666666; text-align: center; cursor: pointer; transition: .3s ease;}
.index_foot .shemei dt:hover .qr{ display: block; }
.index_foot .shemei dt:hover i{ background: #e4000a; color: #fff;}





@media (max-width: 1700px){
.index_head .top_search{ width: 200px;}
.index_head .nav li.navli{ margin: 0 35px;}
.proswiper .left .canshu{ padding-left: 60px;}

}


@media (max-width: 1541px){
.proswiper{ width: 70%;}
.sy_product .pro_tab{ width: 26%;}
.sytit{ font-size: 48px; line-height: 60px;}
.sytit:after{ top:48px;}
.sy_number dt .num b{ font-size: 68px; line-height: 68px;}
.youshidl dt h2{ font-size: 30px; line-height: 36px;}
.solswiper{ width: 98%;}
.solswiper li .txt .ic{ margin-top: 25px;}
.sy_product .bgtit{ font-size: 140px; line-height:140px;}
.sy_news .news_list b{ font-size:64px; line-height:64px;}
}

@media (max-width: 1281px){
.proswiper .right h2{ font-size: 44px; line-height: 46px;}
.proswiper .left .pro_qg{ padding-bottom: 30px; margin-bottom: 30px;}
.proswiper .left .canshu{margin-bottom: 40px;}
.index_head .nav li.navli{margin: 0 28px;}
.index_head .top_search{ width: 180px;}
.proswiper .cswipers{ bottom: 50px;}
.sytit{ font-size: 42px; line-height: 52px;}
.sytit:after{ height:7px; top: 42px;}
.sy_number dt .num{ width: 45%;}
.sy_number dt p{ width: 50%;}
.youshidl dt b{ font-size: 60px;}
.youshidl dt{ padding: 80px 30px 0;}
.youshidl dt .txt{padding: 0 30px 40px;}
.youshidl dt h2{ font-size: 24px; line-height: 32px;}
.youshidl dt a{margin-top: 40px;}
.solswiper li .txt{ padding: 30px 30px 0;}
.solswiper li .txt h2{ font-size: 20px; margin-bottom: 10px;}
.solswiper li .txt .ic{ margin-top: 20px;}
.solswiper li .txt .ic img{ height: 60px;}
.solswiper li i{ width: 38px; line-height: 38px; height: 38px; font-size:16px;}
.sy_news .news_list h2{ font-size: 20px; line-height: 30px; height: 60px;}
.youshidl dt .ic img{ height: 60px;}
.sy_news .news_list .date{ margin-bottom: 30px;}
.sy_news .news_list p{margin-bottom: 35px;}
.sol_scroll{ width: 100%!important;}
.index_head .top_tel{margin-left: 20px;}
}

@media (max-width: 1024px){
.index_foot .foot_center{ display: none;}
.index_foot.section{ height: auto!important;}
	.wap_h{ height: 54px;}
	.sy-ban.fp-section{ height: 600px!important;}
	.sy_product .center{ display: none;}
	.sy_product .pro_tab{ width: 100%; position: unset;}
	.sy_product .pro_tab li{ margin: 15px auto;}
	.sy_page{padding: 40px 0;}
	.sy_product .pro_tab{ transform: translate(0);}
	.sytit{ font-size: 34px; line-height: 40px; margin-bottom:30px;}
	.sytit:after{ width:130px; top: 32px;}
	.about_left p.des{margin-bottom: 40px;}
	#FixMenu{ display: none;}
	.sy_number dt .num b{ font-size: 44px; line-height: 44px;}
	.sy_number dt sup{ font-size: 28px; line-height: 22px;}
	.sy_number dt p{ font-size: 16px;}
	.youshidl{ height: 500px;}
	.youshidl dt{ padding: 40px 20px 0;}
	.youshidl dt b{ font-size: 44px; line-height: 45px;}
	.youshidl dt h2{ font-size: 20px; line-height: 26px; margin-top:15px;}
	.youshidl dt .bot{ margin-top: 20px;}
	.youshidl dt a{margin-top: 25px;}
	.youshidl dt a{ line-height: 36px; font-size: 14px;}
	.sy_news:after{ display:none;}
	.sy_news .left{ width: 100%;}
	.sy_news .left .nav{ display: none;}
	.sy_news .left .amore{ display: none;}
	.sy_news .news_list{ width: 100%;}
	.sy_news .news_list li{ width: 32%; margin-left: 2%;}
	.sy_news .news_list li:first-child{ margin-left:0;}
}

@media (max-width: 450px){
.sy_product .bgtit{ font-size: 60px; line-height: 60px; top: 20px;}
.sytit{ font-size: 26px; line-height: 30px; margin-bottom:20px;}
.about_left{ width: 100%;}
.sytit:after{ width:100px; height: 5px; top: 24px;}
.sy_number{ width: 100%; margin-top:30px;}
.about_left p.des{margin-bottom: 25px;}
.amore i{ width: 38px; height: 38px; line-height: 38px; font-size: 16px; margin-right:10px;}
.sy_number dt{padding-bottom: 25px; margin-bottom: 25px;}
.youshidl dt{ width: 100%; border-right:none; border-bottom:1px solid rgba(255,255,255,.5); height:auto; display:flex; align-items:flex-start; padding:25px 20px;}
.youshidl dt .ic{ display: none;}
.youshidl dt .bot{ display:block;}
.youshidl dt .txt{ position: unset; padding:0;}
.youshidl dt a{ display: none;}
.youshidl dt h2{margin-top: 0; font-size:18px;}
.youshidl dt b{font-size: 32px; line-height: 32px;}
.youshidl dt .txt{ width: calc(100% - 42px); margin-left: auto;}
.youshidl dt .bot{margin-top: 10px;}
.youshidl{ height: auto;}
.item_top .amore{ display: none;}
.item_top{margin-bottom: 30px;}
.sy_solution b.solbg{ font-size: 60px; line-height: 60px;}
.solswiper{ padding-top: 30px;}
.solswiper{margin-bottom: 35px;}
.solswiper li .txt{padding: 20px 20px 0;}
.solswiper li .txt .ic img{ height: 44px;}
.solswiper li i{ right: 20px; bottom: 20px;}
.sy_news .news_list li{ width: 100%; margin-bottom: 20px;}
.sy_news .news_list span.smore{ display: none;}
.sy_news .news_list b{ font-size: 38px; line-height: 38px;}
.sy_news .news_list .date{margin-bottom: 20px;}
.sy_news .news_list .imgfd{ margin-bottom: 20px;}
.sy_news .news_list li{margin-left: 0; margin-bottom:0;}
.sy_news {padding-top: 0;}
.copy{ font-size: 12px; padding:10px 0;}
.sy-ban.fp-section{ height: 280px!important;}
.sy_about {padding: 0;}
}


.ny_ban{ position: relative; overflow:hidden;}
.ny_ban img{ width: 100%;}
.ny_ban b{ width: 100%; text-align: center; font-family: alib; position: absolute; left: 0; color: #fff; font-size: 48px; top:50%; transform:translateY(-50%); padding-bottom:15px;}
.ny_ban b:after{ position:absolute; bottom: 0; left: 50%; transform: translateX(-50%); background: #e4000a; height: 2px; width: 60px; content:'';}
.ny_ban .posi{ width: 100%; position: absolute; left: 0; bottom: 16px; color:#fff; font-size:14px;}
.ny_ban .posi a{ color: #fff;}
.pro_nav{ background: #fff;}
.pro_nav .center{ justify-content: center;}
.pro_nav .center a{ display: block; text-align: center; width: 200px; margin: 0 50px; padding:30px 0; position:relative; transition:.3s ease;}
.pro_nav .center a img{ height: 100px;}
.pro_nav .center a p{ height: 30px; margin-top: 10px; font-size:18px;}
.pro_nav .center a:after{ position:absolute; right: -50px; top: 50%; transform: translateY(-50%); height: 100px; width: 1px; background: #bbbbbb; content: '';}
.pro_nav .center a:last-child:after{ display:none;}
.pro_nav .center a:hover,.pro_nav .center a.act{ background:#e4000a; color:#fff;}
.pro_nav .center a:hover img,.pro_nav .center a.act img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}


.pro_page{ padding: 60px 0 75px;}
.pro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px;}
.proli{ background: #fff; text-align: center; padding:40px 30px 50px; transition:.2s ease; box-shadow:0 0 5px rgba(0,0,0,.02);}
.pro_list li:nth-child(3n){ margin-right:0;}
.proli h2{ font-family: alib; font-size: 36px; line-height: 40px; height: 40px; overflow: hidden; margin-bottom: 5px;}
.proli p{ font-size: 18px;}
.proli .imgfd{ margin: 35px 0;}
.proli span.more{ display: inline-block; line-height: 38px; padding: 0 13px 0 20px; border-radius: 40px;  border: 1px solid #666666; transition:.2s ease;}
.proli span.more i{ font-size: 14px; margin-left: 15px;}
.proli:hover{ box-shadow:0 0 12px rgba(0,0,0,.08);}
.proli:hover span.more{ background:#e4000a; color: #fff; border-color: #e4000a;}
@media (max-width: 1281px){
    .ny_ban b{ font-size: 40px;}
    .pro_nav .center a{ width: 150px; margin: 0 30px; padding:20px 0;}
    .pro_nav .center a img{ height: 80px;}
    .pro_nav .center a p{ font-size: 16px;}
    .pro_nav .center a:after{ right:-30px; height:80px;}
    
    
}
@media (max-width: 1024px){
    .proli{ padding: 30px 20px 35px;}
    .proli h2{ font-size: 32px;}
    .proli p{ font-size: 16px;}
    .proli .imgfd{ margin: 20px 0;}
    .proli span.more{line-height: 34px; padding: 0 8px 0 15px; font-size:14px;}
    .proli span.more i{ font-size: 12px; margin-left:10px;}
}
@media (max-width: 450px){
    .ny_ban b{ font-size: 24px; line-height: 30px; padding-bottom:5px;}
    .ny_ban b:after{ width:30px; }
    .ny_ban img{height: 140px; object-fit: cover;}
    .ny_ban .posi{ font-size: 12px; bottom:10px;}
    .pro_nav{ display: none;}
    .pro_page{ padding: 35px 0 40px;}
    .pro_list li{ width: 49%; margin-bottom:20px;}
    .pro_list li:nth-child(3n){ margin-right:2%;}
    .pro_list li:nth-child(2n){ margin-right:0;}
    .proli{padding: 20px 15px 25px;}
    .proli h2{ font-size:24px; line-height:26px; height:26px;}
    .proli .imgfd{margin: 15px 0;}
    .proli span.more{ line-height: 30px;}

}
.show_tab{ width: 100%; position: fixed; background: #fff; left: 0; top: 80px; color:#333;z-index:3; box-shadow: 0 0 5px rgba(0,0,0,.2);}
.showh{ height: 146px;}
.show_tab .center{ height: 66px;}
.show_tab .center .showposi{ font-size: 14px; margin-right:auto;}
.show_tab .center .right a{ display: block; margin-right: 60px; line-height:66px;}
.show_tab .center .lx_link { display: inline-block; line-height: 35px; padding: 0 18px; border-radius: 18px; background: #e4000a; font-size:15px; color:#fff;}
.show_tab .center .lx_link i{ margin-right: 10px;}
.show_tab .right a{ position: relative;}
.show_tab .right a.cur,.show_tab .right a:hover{ color: #e4000a;}
.show_tab .right a:after{ height:2px; background: #e4000a; width: 0; transition: .3s ease; content: ''; position: absolute; left: 0; bottom: 0;}
.show_tab .right a:hover:after,.show_tab .right a.cur:after{ width:100%;}

.picbox{ position: relative;}
.show_top{ text-align: center;}
.picswiper{ width: 800px; margin: 0 auto; overflow:hidden;}
.show_top h1{ font-size: 54px; font-family: alim;}
.picbox .swiperbtn{ font-size: 40px; color: #fff; top:50%; font-weight:bold;text-shadow: 1px 1px 5px rgba(0,0,0,0.2);}
.picbox .swiperbtn:hover{color:#e4000a;}

.det_box{ overflow: hidden;}
.det_box img{ max-width: 100%!important;}
.charaswiper{ margin-top: 50px; overflow: hidden; position: relative;}
.c_txt{text-align: center; max-width: 80%; margin: 0 auto 40px;}
.fm42{ font-family: alim; font-size: 42px;}
.swiperbtn{ top: 50%; z-index:2;}
.charaswiper .swiperbtn{ font-size:36px; color:#fff;}
.charaswiper .swiperbtn:hover{ color:#e4000a;}
.charaswiper .swiper-button-prev{ left: 0;}
.charaswiper .swiper-button-next{ right: 0;}
.charaswiper .imgfd{ padding-top: 62.5%;}
.charaswiper li{ background: #f9f9f9;}
.charaswiper .txt{ padding: 25px 30px 35px;}
.charaswiper .txt h3{ font-size: 18px; line-height: 30px; height: 30px; overflow: hidden; margin-bottom: 10px;}
.charaswiper .txt p{ font-size: 15px; line-height: 24px; height: 48px; overflow: hidden;}

.det_show .bd_item{ margin-bottom: 90px;}
.det_show video{ width: 100%; height:650px; background:#333;}
.det_box table{ max-width: 100%; display:inline-block;}
.det_table{ text-align: center;}
.det_box td{ padding: 10px 15px 10px 35px; text-align:left;}
.det_box tr:nth-child(2n+1){ background:#f9f9f9; transition:.3s ease;}
.det_box tr:hover{ background:#e4000a; color: #fff;}

.det_show .bd_item.com_pro,.com_pro{ background: #f8f9fc; padding:65px 0; margin-bottom:0;}
.comswiper{ overflow: hidden; position:relative; padding:10px;}
.comswiper .swiperbtn{ font-size:40px; color:#666;}
.comswiper .swiperbtn:hover{ color:#e4000a;}
.comswiper .swiper-button-prev{ left: 20px;}
.comswiper .swiper-button-next{ right:20px;}
.online{ background: #f8f9fc; padding-bottom: 80px;}
.online .formbox{ background: #fff; padding: 18px 15px; border:1px solid #dddddd; margin-bottom:30px;}
.online .formbox.fl{ width: 49%; margin-right: 2%; }
.online .formbox.fl:nth-child(2n){ margin-right:0;}
.online .formbox input,.online .formbox textarea{ width: calc(100% - 30px); margin-left: auto; line-height:22px; font-size:15px;}
.online .formbox i{ font-size: 20px; color: #e4000a;}
.c_btn{ text-align: center;}
.online .sub{ line-height: 43px; padding: 0 30px 0 35px; border: 1px solid #e4000a; border-radius: 23px; color: #e4000a; background:none; transition:.2s ease; cursor:pointer;}
.online .sub i{ font-size: 14px; margin-left: 10px;}
.online .sub:hover{ background:#e4000a; color: #fff;}

@media (max-width: 1281px){
    .show_top h1{ font-size: 44px;}
    .picswiper{ width: 600px;}
    .det_show video{height: 500px;}
}
@media (max-width: 1024px){
    .show_tab{ position: unset;}
    .showh{ display: none;}
    .show_top h1{ font-size: 38px;}
    .c_txt{ max-width: 96%;}
    .fm42{ font-size: 34px;}
}
@media (max-width: 450px){
    .show_tab .right{ display: none;}
    .show_top h1{ font-size: 28px;}
    .picswiper{ width: 320px;}
    .picbox .swiperbtn{ font-size: 24px;}
    .show_tab .center{ height: 40px;}
    .show_tab .center .lx_link{ line-height: 30px; padding:0 15px;}
    .c_txt{ margin-bottom: 20px;}
    .fm42{ font-size: 26px;}
    .charaswiper .txt{ padding: 15px 10px;}
    .charaswiper .txt h3{ font-size: 16px; line-height: 24px; height: 24px;}
    .charaswiper .txt p{ font-size: 13px; line-height: 20px; height: 40px;}
    .charaswiper .swiperbtn{ font-size: 30px;}
    .charaswiper{ margin-top: 35px;}
    .det_show .bd_item{ margin-bottom: 30px;}
    .det_show video{height: 260px;}
    .det_box td{padding: 5px 10px 5px 8px; font-size:13px;}
    .det_show .bd_item.com_pro, .com_pro{padding: 35px 0;}
    .comswiper .swiperbtn{ font-size: 30px;}
    .comswiper .swiper-button-next{ right: 5px;}
    .comswiper .swiper-button-prev{ left: 5px;}
    .online .formbox.fl{ width: 100%;}
    .online .formbox{ margin-bottom: 18px; padding: 10px;}
    .online .sub{ line-height: 36px; padding:0 20px 0 25px;}
    .online{ padding-bottom: 40px;}
}

.app_page{ padding-top: 95px;}
.app_page .c_txt span{ color: #e4000a; font-size: 20px; font-family: ali; font-style: italic; display:block; margin-top:10px;}
.app_list li{ float: left; width: 25%; position: relative;}
.app_list li .imgfd{padding-top: 120%;}
.app_list li .txt{ position: absolute; z-index: 2; left: 0; top: 0; padding: 45px 50px 0; color:#fff;width:100%;}
.app_list li .txt h2{ font-size: 22px; color: #fff; line-height: 30px; height: 30px; overflow: hidden; font-family: alim; margin-bottom:5px;}
.app_list li .txt span{ font-family: ali;}
.app_list li .txt .ic{ margin-top: 35px; transition:.3s ease;}
.app_list li i{ display: inline-block; position: absolute; right: 40px; bottom: 40px; background: #e4000a; color: #fff; width: 45px; height: 45px; border-radius: 50%; line-height: 45px; text-align: center; font-size:18px; transition:.3s ease; opacity:0;}
.app_list li:hover i{ opacity:1;}
.app_list li:hover .txt .ic{ transform:translateY(-10px);}
@media (max-width: 1281px){
    .app_page{ padding-top: 50px;}
    .app_list li .txt{ padding: 30px 35px 0;}
    .app_list li i{ right: 35px; bottom: 35px;}
}
@media (max-width: 1024px){
    .app_list li .txt .ic{ margin-top: 20px;}
    .app_list li .txt .ic img{ height: 65px;}
}
@media (max-width: 450px){
    .app_list li{ width: 50%;}
    .app_list li .txt{ padding: 20px 20px 0;}
    .app_list li .txt h2{ font-size: 20px;}
    .app_list li .txt .ic img{ height: 50px;}
    .app_list li .txt .ic{margin-top: 10px;}
    .app_list li i{ width: 36px; height: 36px; line-height: 36px; font-size:16px; right:20px; bottom:25px;}
    .app_page .c_txt span{ font-size: 16px; margin-top: 5px;}
}
.app_box .c_txt span{ color: #e4000a; font-size: 20px; font-family: ali; font-style: italic; display:block; margin-top:10px;}
.appmain .pic{ width: 38%; margin-right: auto;}
.appmain .pic .imgfd{ padding-top: 120%;}
.appmain .right{ width: 55%; padding-top:30px;}
.appmain .right .app_det{ margin-bottom: 70px;}

.app_youshi b{ font-size: 36px; font-family: alim; margin-bottom: 30px;}
.app_youshi dt{ width: 23%; margin-right: auto; padding: 43px 30px 35px; text-align: center; box-shadow:0 0 12px rgba(0,0,0,.15); transition:.3s ease;}
.app_youshi dt .ic{ margin-bottom: 20px; transition:2s ease;}
.app_youshi dt p{ font-size: 18px; height: 30px;}
.app_youshi dt:last-child{ margin-right:0;}
.app_youshi dt:hover{ box-shadow:0 0 12px rgba(228,0,10,.3);}
.app_youshi dt:hover .ic{ transform:rotateY(360deg);}
@media (max-width: 1281px){
    .appmain .right .app_det{ margin-bottom: 40px;}
    .app_youshi b{ font-size: 30px; margin-bottom:20px;}
    .app_youshi dt{padding: 30px 25px;}
    .app_youshi dt .ic{ margin-bottom: 10px;}
}
@media (max-width: 1024px){
    .app_youshi dt .ic img{ height: 50px;}
    .app_youshi dt p{ font-size: 16px;}
    .app_youshi dt{ padding: 20px;}
    .app_youshi b{ font-size: 26px;}
}
@media (max-width: 450px){
    .appmain { display: block;}
    .appmain .pic{ width: 100%;}
    .appmain .right{ width: 100%;}
    .appmain .right .app_det{margin-bottom: 30px;}
    .app_youshi b{ font-size: 22px;}
    .app_youshi dt .ic img{ height: 40px;}
    .app_youshi dt{padding: 10px;}
    .app_youshi b{ margin-bottom: 10px;}
}
.news_page .c_txt span{ color: #e4000a; font-size: 20px; font-family: ali; font-style: italic; display:block; margin-top:10px;}
.hotswiper{ position: relative; overflow:hidden;}
.hotswiper li{ background: #f8f9fc; padding: 40px 95px 40px 40px;}
.hotswiper li .pic{ width: 49%; margin-right: auto;}
.hotswiper li .txt{ width: 46%;}
.hotswiper li .pic .imgfd{ padding-top: 66.67%;}
.hotswiper .swiperbtn,.hotswiper .swiper-pagination{ position: unset; width:auto;}
.hotswiper .swiperbtn{ font-size: 22px; margin-top: 0;}
.hotswiper .control{ position: absolute; right: 80px; bottom: 45px;}
.hotswiper .swiper-pagination{ margin: 0 10px;}
.swiper-pagination-bullet{ border-radius: 0; outline:none; opacity:1; background:#666666;}
.swiper-pagination-bullet.swiper-pagination-bullet-active{ background: #e4000a;}
.hotswiper { margin-bottom: 70px;}
.hotswiper .date{ align-items: flex-end; color:#666;}
.hotswiper .date span{ font-size: 80px; line-height:80px;}

.hotswiper h2{ font-size: 30px; line-height: 40px; margin: 30px 0 35px; font-family:alim;}
.hotswiper p{ height: 90px; overflow: hidden; margin-bottom: 60px;}
.hotswiper span.more{ display: inline-block; line-height: 43px; padding: 0 13px 0 22px; border:1px solid #666666; border-radius:23px; transition:.3s ease;}
.hotswiper span.more i{ font-size: 14px; margin-left: 15px;}
.hotswiper li:hover h2{ color:#e4000a;}
.hotswiper li:hover span.more{ background:#e4000a; border-color: #e4000a; color: #fff;}
.hotswiper .swiperbtn:hover{ color:#e4000a;}
.newsnav .fm42{ margin-right: auto;}
.newsnav a{ display: block; margin-left: 20px; width: 130px; text-align: center; border-radius: 20px; border: 1px solid #666666; line-height:38px; transition:.2s ease;}
.newsnav a.act,.newsnav a:hover{ background:#e4000a; border-color: #e4000a; color: #fff;}
.newsnav{ margin-bottom: 45px;}
.nynews_list li{ float: left; width: 32%; margin-right:2%; margin-bottom: 30px; background:#f8f9fc;}
.nynews_list li:nth-child(3n){ margin-right:0;}
.nynews_list li a{ display: block; padding: 38px 25px 25px;}
.nynews_list li .date{ color: #e4000a; font-size: 18px; font-family: alim;}
.nynews_list li h2{ font-size: 22px; line-height: 35px; height: 70px; overflow: hidden; margin: 5px 0 10px; font-family: alim;}
.nynews_list li p{ line-height: 24px; height: 48px; overflow: hidden; color: #666;}
.nynews_list li .imgfd{ margin-top: 50px; padding-top:66.5%;}
.nynews_list li .imgfd i{ display: inline-block; position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); background: rgba(255,255,255,.8); color: #333; width: 45px; height: 45px; border-radius: 50%; line-height: 45px; text-align: center; font-size:18px; transition:.3s ease;}
.nynews_list li:hover .imgfd i{ background:#e4000a; color: #fff;}
.nynews_list li:hover h2{ color:#e4000a;}
@media (max-width: 1281px){
    .hotswiper .date span{ font-size: 56px; line-height: 56px;}
    .hotswiper h2{ font-size: 26px; line-height: 35px; height: 70px; margin:20px 0 25px;}
    .hotswiper p{ margin-bottom: 35px;}
}
@media (max-width: 1024px){
    .hotswiper li{ padding: 30px 65px 30px 30px;}
    .hotswiper span.more{ line-height: 38px;}
    .hotswiper h2{ font-size: 24px;}
    .hotswiper p{ margin-bottom: 25px;}
    .hotswiper p{ height: 60px;}
    .hotswiper .date span{ font-size: 48px; line-height: 48px;}
    .nynews_list li a{padding: 30px 20px 20px;}
    .nynews_list li .imgfd{ margin-top: 30px;}
    .nynews_list li h2{ font-size: 18px; line-height: 30px; height: 60px;}
    
}
@media (max-width: 450px){
    .hotswiper{display: none;}
    .news_page  .c_txt{ display: none;}
    .newsnav .fm42{ display: none;}
    .newsnav .nav { width: 100%;}
    .newsnav a{ width: 30%; margin: 0 auto;}
    .newsnav{ margin-bottom: 30px;}
    .nynews_list li{ width: 100%;}
}
.news_det{ padding: 45px 5% 60px;}
.news_det h1{ font-size: 36px; font-family: alim;}
.news_info{ font-size: 15px; padding:15px 20px; box-shadow:0 0 12px rgba(0,0,0,.15); margin:30px 0 40px;}
.news_info .date{ margin:0 auto;}
.news_info a{ color: #e4000a;}
.news_info span{ color: #999;}


@media (max-width: 1024px){
   .news_det{ padding: 35px 0;}
   .news_det h1{ font-size: 30px;}
}
@media (max-width: 450px){
    .news_det h1{ font-size: 24px;}
    .news_info{margin: 15px 0 30px; padding:10px 15px; font-size:13px;}
}



.ny_ban .ab_nav{ width: 100%; position: absolute; bottom: 0; left: 0; text-align:center;}
.ny_ban .ab_nav dl{ display: inline-flex; background:rgba(0,0,0,.5); height:70px;width:1000px;}
.ny_ban .ab_nav dt{ width: 20%; text-align: center; color:#fff; position:relative;}
.ny_ban .ab_nav dt:after{ position:absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; content: ''; background: #fff;}
.ny_ban .ab_nav dt:last-child:after{display:none;}
.ny_ban .ab_nav dt a{ display:inline-block; color: #fff; line-height:56px; position:relative;}
.ny_ban .ab_nav dt a:after{ height:2px; width: 0; transition: .3s ease; background: #e4000a; position:absolute; content: ''; left: 0; bottom: 0;}
.ny_ban .ab_nav dt a:hover:after{ width:100%;}
.ny_ban .ab_nav dt a:hover{ color:#e4000a;}

.ab_com{ position: relative;}
.mycanvas {
    width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
}
.mycanvas img {
    width: 100%;
}
.mycanvas canvas{ width: 100%!important;}
.ab_tit{ margin-bottom: 45px;}
.ab_tit span{ color: #e4000a; font-size: 20px; font-family: ali; font-style: italic; display:block; margin-top:10px; text-transform:uppercase;}
.ab_com .right{ width: 55%; margin-left:auto; position:relative; z-index:2;}
.ab_com .right b{ font-size: 36px; font-family: ali; margin-bottom: 30px;}
.ab_culture .left{ width: 40%; margin-right: auto;}
.ab_culture .right{ width: 55%; color:#fff;}
.ab_culture .ab_tit b{ color: #fff;}
.ab_culture .cul_hd li{ color: #888; font-size: 24px; height: 120px; justify-content: center; width:160px; border-radius:50%; border:2px solid rgba(255,255,255,0); transition:.3s ease; font-family:ali; cursor:pointer;}
.ab_culture .cul_hd li.active{  border:2px solid rgba(255,255,255,.2); height:160px; margin-left:30px; font-size:50px; color:#e4000a;}
.ab_culture .right li:nth-child(2){ margin:30px 0; padding:80px 0; border-top:1px solid rgba(255,255,255,.3); border-bottom:1px solid rgba(255,255,255,.3);}
.ab_culture .right li b{ font-size: 90px; color: #fff; font-family: alim; line-height: 90px; padding-bottom: 55px; margin-bottom:35px; position:relative; display:none;}
.ab_culture .right li b:after{ position:absolute; width:60px; height: 2px; background: #e4000a; content: ''; left: 0; bottom: 0;}
.ab_culture .right li p{ color: #888888; font-family:ali;}
.ab_culture .right li.on b{ display: block;}
.ab_culture .right li.on p{ font-size: 24px; color: #fff;}

.honorswiper{ overflow: hidden; width:calc(50% + 800px);}
.honorswiper li{ padding: 30px 35px 35px; background:#f8f9fc; text-align:center;}
.honorswiper .imgfd{ padding-top: 130%; margin-bottom:15px;}
.honorswiper p{ height: 30px;}
.honor_scroll,.ab_honor .swiperbtn{ position: unset!important;}
.ab_honor .center:not(.ab_tit){ padding: 0 55px; margin-top:45px;}
.ab_honor .honor_scroll{ width: calc(100% - 240px)!important; margin-right: auto;}
.ab_honor .swiperbtn{ width: 50px; height: 50px; border-radius: 50%; border: 1px solid #e4000a; border-radius:50%; text-align:center; line-height:50px; font-size:20px; color:#e4000a; margin-left:auto; margin-top:0; transition:.3s ease;}
.ab_honor .swiperbtn:hover{ background:#e4000a; color: #fff;}

.ab_adva .ab_tit b{ color: #fff;}
.ab_adva dt{ width: 23%; margin-right: auto; text-align: center; transition:.3s ease; height:380px; background:#fff;}
.ab_adva dt .box{ width: 100%; padding:0 40px;}
.ab_adva dt .ic{ margin-bottom: 40px;}
.ab_adva dt h4{ font-size: 24px; line-height: 35px; margin-bottom:25px;}
.ab_adva dt p{ display: none;}
.ab_adva dt:hover{ background:#e4000a; color: #fff; transform:translateY(-20px);}
.ab_adva dt:hover h4{ color:#fff;}
.ab_adva dt:hover p{ display:block;}
.ab_adva dt:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}
.ab_adva .c_btn{margin-top: 80px;}
.ab_adva .more{ display: inline-block; line-height:43px; border-radius: 23px; border: 1px solid #e4000a; padding:0 15px 0 20px; color:#e4000a; transition:.3s ease;}
.ab_adva .more i{ margin-left:10px; font-size: 14px;}
.ab_adva .more:hover{ background:#e4000a; color: #fff;}
.ab_factory{ position: relative;}
.ab_factory .left{ width: 40%; margin-right: auto;}
.ab_factory .fac_right{ width: 54%; max-height: 720px; overflow-y: auto; padding-bottom:150px;}
.ab_factory .left .txt{ padding-left: 75px;}
.ab_factory .left .txt p{ font-size: 20px; line-height: 36px;}
.ab_factory .fac_right li{ float:left; width: 48%; margin-left: 2%; margin-bottom:40px;}
.ab_factory .fac_right li:nth-child(2n){ transform:translateY(150px);}
.fac_right::-webkit-scrollbar{ width:0;}
.ab_factory:after{ position:absolute; width: 100%; height: 200px; bottom: 0; right: 0; content: ''; background: linear-gradient( to top,rgba(255,255,255,.8),rgba(255,255,255,0.01)); z-index: 2;}
@media (max-width: 1620px){
    .honorswiper{ width: 98%;}
}
@media (max-width: 1281px){
    .honorswiper li{ padding: 20px 20px 25px;}
    .ab_adva dt{ height: 320px;}
    .ab_adva dt h4{ font-size: 20px; line-height:30px; margin-bottom:30px;}
    .ab_adva dt .ic{ margin-bottom: 25px;}
    .ab_adva dt h4{ margin-bottom: 20px;}
    .ab_factory .left .txt{ padding-left: 50px;}
    .ab_factory .left .txt p{ font-size: 18px; line-height: 30px;}
}
@media (max-width: 1024px){
    .ny_ban .ab_nav dl{ width: 90%;}
    .ab_com .right b{ font-size: 30px;}
    .ab_culture .right li b{ font-size: 60px; line-height: 60px; padding-bottom: 40px; margin-bottom: 30px;}
    .ab_culture .right li:nth-child(2){ padding:60px 0;}
    .ab_culture .cul_hd li.active{ font-size: 40px; height:140px;}
    .ab_culture .cul_hd li{ width: 140px;}
    .ab_adva dt .box{padding: 0 25px;}
    .ab_adva dt h4{ font-size: 18px ; height:60px;}
    .ab_adva dt p{ font-size: 14px; line-height: 24px;}
    .ab_adva .c_btn{ margin-top: 60px;}
    .ab_factory .fac_right{ max-height: 500px;}
    .ab_ban .posi{ display: none;}
    
}
@media (max-width: 450px){
    .ab_tit span{ font-size: 16px;}
    .ab_com .right{ width: 100%;}
    .ab_tit{ margin-bottom: 30px;}
    .ab_com .right b{ font-size: 24px; margin-bottom:20px;}
    .cul_hd{ display: none;}
    .ab_culture .right{ width: 100%;}
    .ab_culture .left{ width: 100%;}
    .ab_culture .right li b{ font-size: 36px; line-height: 36px; padding-bottom: 25px; margin-bottom: 20px; display:block;}
    .ab_culture .right li p,.ab_culture .right li.on p{ font-size: 18px; color: #fff;}
    .ab_culture .right li:nth-child(2){ padding:35px 0;}
    .ab_honor .swiperbtn{ display: none;}
    .ab_honor .honor_scroll{ width: 100%!important;}
    .ab_adva dt{ width: 100%; margin-bottom:15px; height:auto; padding:20px; text-align:left;}
    .ab_adva dt .box{ display: flex; align-items: flex-start; padding:0;}
    .ab_adva dt p{ display: block;}
    .ab_adva dt h4{ height: auto; margin-bottom:10px;}
    .ab_adva dt .ic{margin-bottom: 0;}
    .ab_adva dt .ic img{ height: 60px;}
    .ab_adva dt .txt{ width: calc(100% - 75px); margin-left: auto;}
    .ab_adva .c_btn{ margin-top: 25px;}
    .ab_adva .more{line-height: 36px;}
    .ab_factory .left{ width: 100%; margin-bottom: 20px;}
    .ab_factory .fac_right{ width: 100%; height:400px;}
    .ab_factory .left .txt p{ font-size: 16px; line-height: 24px;}
    .ab_factory .left .txt{ padding-left: 20px;}
    .ab_factory .fac_right li{ margin-bottom: 20px;}
    .ab_factory .fac_right li:nth-child(2n+1){ transform:translateY(-30px);}
}

.lxmain .lx_left{ width: 100%; margin-right: auto; text-align:center;}
.lxmain .lx_online{ width: 50%;}
.lxmain .lx_online .fm42{ margin-bottom: 50px;}
.online .formbox{ border: none; border-radius: 8px;}
.lxmain .lx_left h1{ font-size: 30px; font-family: alim; margin-bottom: 25px;}
.lxmain .lx_left p{ font-size: 18px; margin-bottom: 10px;}
.lxmain .lx_left a:hover{ color: #e4000a;}
.lxmain .lx_left .wechat{ margin-top: 65px; display:inline-block; text-align:center;}
.lxmain .lx_left .wechat span{ display: block; margin-top: 10px; }
.lxmain .lx_left .wechat img{ width: 110px;}

@media (max-width: 450px){
    .lxmain .lx_left{ width: 100%; margin-bottom: 30px;}
    .lxmain .lx_online{ width: 100%; padding-bottom:0;}
    .lxmain .lx_left h1{ font-size: 24px; margin-bottom: 15px;}
    .lxmain .lx_left p{ font-size: 15px;}
    .lxmain .lx_left .wechat{ margin-top: 30px;}
    .lxmain .lx_left .wechat img{ width: 90px;}
    .lxmain .lx_left .wechat span{ font-size: 14px;}
    .lxmain .lx_online .fm42{margin-bottom: 25px;}
}