@charset "utf-8";
@font-face {
	font-family: BEBAS;
	src: url(../fonts/BEBAS.OTF);
}
@font-face {
	font-family: BEBASNEUE_BOOK;
	src: url(../fonts/BEBASNEUE_BOOK.TTF);
}
@font-face {
	font-family: BEBASNEUE_BOLD;
	src: url(../fonts/BEBASNEUE_BOLD.OTF);
}
 @media (min-width:1601px) {
html {
	font-size: 16px;
}
}
 @media (min-width:1400px) and (max-width:1600px) {
html {
	font-size: 16px;
}
}
 @media (min-width:640px) and (max-width:1399px) {
html {
	font-size: 15px;
}
}
 @media (min-width:481px) and (max-width:639px) {
html {
	font-size: 14px;
}
}
 @media (min-width:329px) and (max-width:480px) {
html {
	font-size: 13px;
}
}
#header, #header *, #s_youzhi ul li a, #s_card .btn_buy, #s_card .btn_buy svg path, #s_pro ul li .img {
	transition: .5s;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	-o-transition: .5s;
}
 @media (min-width: 768px) {
}
 @media (min-width: 992px) {
}
 @media (min-width: 1200px) {
}
 @media (min-width: 1280px) {
}
 @media (min-width: 1440px) {
}
 @media (min-width: 1660px) {
#header .fr {
	max-width: 75%;
}
}
 @media screen and (min-width:1200px) and (max-width:1440px) {
}
 @media (max-width: 1660px) {
.list_box_03 .slick-arrow {
	display: none !important
}
.list_box_05 .slick-arrow {
	display: none !important
}
.prodetail-jjswiepr {
	height: 400px;
}
}
 @media (max-width: 1600px) {
/*关于我们*/


.i_about_two .i_about_two_r {
	width: 53%;
	overflow: hidden;
}
.i_about_two .i_about_two_l .p {
	margin-top: 15px
}
.i_about_two .i_about_two_l .p p {
	margin-bottom: 15px;
}
.prodetail-jjswiepr {
	height: 380px;
}
}
.web {
}
.wap {
	display: none;
}
 @media (max-width: 1440px) {
#nav {
	margin-right: 0;
}
#s_pro {
	background-size: auto 32rem !important;
}
#nav ul li h3 {
font-size: .875rem;
}
#nav {
	margin-right: 0;
}
/*关于我们*/

.i_about_two {
}
.i_about_two .i_about_two_l .p {
	margin-top: 15px;
}
.i_about_two .i_about_two_l .p p {
	margin-bottom: 20px;
}
.i_about_two .i_about_two_l .p p:nth-child(2) {
	display: none;
}
.i_about_two .i_about_two_l .a {
	margin-top: 10px;
}
.i_about_two .i_about_two_r {
}
.s_hd .btn_r {
	float: right;
	width: 10.55rem;
}
.prodetail-jjswiepr {
	height: 360px;
}
}
 @media (max-width: 1360px) {
.video_txt {
	right: 2rem;
}
.prodetail-jjswiepr {
	height: 320px;
}
}
 @media (max-width: 1280px) {
.prodetail-jjswiepr {
	height: 280px;
}

.ly_youshi_in {
	width: 96%;
	padding: 20px 0;
}
.ly_youshi ul li span {
	height: 50px;
	overflow: hidden;
}

}
 @media (max-width: 1200px) {
/*关于我们*/

.i_about_two .i_about_two_l .h3 {
	line-height: 30px;
}
.i_about_two .i_about_two_l .p {
	margin-top: 10px;
}
.i_about_two .i_about_two_l .p p {
	margin-bottom: 15px;
}
.i_about_two .i_about_two_l .a {
	margin-top: 10px;
}
#nav {
	margin-right: 1.5rem;
}
#header {
	display: none;
}
#m_header {
	display: block;
}
#nav_btn_box {
	display: block;
}
body {
	padding-top: 4.5rem;
}
.web {
	display: none;
}
.wap {
	display: block;
}
.online_q {
	display: none;
}
.n_nav {
	float: none;
}
.n_banner {
	margin-top: 0
}
.list_box_04 li a .con {
	padding: 0 0 0 1.5rem
}
.n_news_detail .left {
	width: 100%;
	padding: 0
}
.n_news_detail .right {
	display: none
}
.list_box_11 li .box .img .top {
	font-size: 13px;
	line-height: 1.5
}
.n_service .fl01 .content .left {
	display: none
}
.n_service .fl01 .content .right {
	display: none
}
.n_service .fl01 .content .center {
	width: 100%
}
.n_service .fl01 .content.ar_web {
	display: none
}
.n_service .fl01 .content.ar_wap {
	display: block
}
.list_box_11 li {
	width: 33.333333%;
margin: .75rem 0;
}
.list_box_11 li .box {
padding:.375rem
}
.list_box_11 li .box .shuzi {
	opacity: 1;
	visibility: visible;
	width: 28px;
	height: 28px;
	line-height: 26px;
	font-size: 14px;
margin-top: -.75rem;
}
.list_box_11 li .box .img .top {
	opacity: 1;
	visibility: visible;
	background: #014590;
}
.m {
	padding: 0 15px
}
.n_product {
}
.left-nav-box {
	width: 100%;
	margin-bottom: 40px;
	float: none
}
.left-nav ul {
}
.left-nav li {
	width: 24%;
	margin: 0.5%;
	position: relative;
	float: left;
}
.left-nav .sub, .left-nav li.cur .sub {
	display: none
}
.left-nav .sub {
	position: absolute;
	width: 100%;
	left: 0;
	background: #f7f7f7;
	z-index: 9
}
.left-nav .fir a {
	font-size: 15px;
	padding: 15px 20px 15px 20px;
}
.left-nav .sub a {
	padding: 5px 20px 5px 20px;
}
.main-right {
	float: none;
	width: 100%;
}
.prodetail-jjswiepr {
	height: 360px;
}
}
 @media (max-width: 1100px) {
.pro-list-box .allItems .item {
	width: 31.333333333%;
	margin-left: 2%;
}
.prodetail-jjswiepr {
	height: 340px;
}
}







/*==========================导航和banner变成手机模式============================*/







@media (max-width: 992px) {
/*关于我们*/
.i_about_one {
	margin-top: 5%;
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.i_about_one:after {
	height: 70px;
	bottom: -50px;
}
.i_about_one .p {
	font-size: 16px;
	line-height: 26px;
}
.i_about_two .i_about_two_l {
	float: none;
	width: 100%;
	max-width: none;
	margin-top: 5%;
}
.i_about_two .i_about_two_r {
	float: none;
	width: 100%;
	padding-top: 0%;
}
.i_about_two .i_about_z {
	display: none;
}
.i_about_two .i_about_two_l .p {
	max-width: none;
	font-size: 14px;
	line-height: 26px;
	margin-top: 3%;
}
.i_about_two .i_about_two_l .p p:nth-child(2) {
	display: block !important;
}
.i_about_two .i_about_two_l .a {
	margin-top: 5%;
}
#s_wenhua .slick_arrow_right {
	margin-top: 0;
}
#s_wenhua {
	padding-top: 3rem;
}
#s_wenhua .hd {
	padding: 2rem 3rem;
}
#s_wenhua .left {
	width: auto;
	height: auto;
	float: none;
	padding-bottom: 2.5rem;
}
#s_wenhua .left span {
	font-size: 1.75rem;
}
#s_wenhua .right {
	width: auto;
	height: auto;
	float: none;
}
#s_wenhua .right li .img {
	height: auto;
}
.s_wenhua_nav {
	margin-bottom: 0 !important;
}
#s_wenhua .hd .dotbox {
	display: none;
}
#s_news .bd ul li {
	width: 50% !important;
}
#s_news .bd ul {
	display: flex;
	flex-wrap: wrap;
}
.foot_nav {
	display: none;
}
#foot .fr {
	flex-grow: 1;
}
.s_foot_link {
	flex-grow: 0 !important;
}
.list_box_04 li {
	width: 100%
}
.list_box_peixun li a .img_box {
	width: 100%;
}
.list_box_peixun li a .con {
	width: 100%;
	padding: 1rem 15px 0;
}
.list_box_peixun li a::before {
	left: 0;
	transform: skewX(0) translateX(0);
}
.list_box_peixun li:nth-child(2n) a::before {
	right: 0;
	transform: skewX(0) translateX(0);
}
.list_box_peixun li:nth-child(2n) a .img_box {
	order: 0;
}
.list_box_peixun li a .con .zuixin .zuixin_box {
	margin-right: -15px;
}
.list_box_peixun li:nth-child(2n) a .con .zuixin {
	justify-content: flex-end;
}
.list_box_peixun li:nth-child(2n) a .con .zuixin .zuixin_box {
	background: url(../images/zuixin_bg.png) center no-repeat;
	padding: 0 0 0 1rem;
	margin-right: -15px;
}
.list_box_peixun li {
	margin-bottom: 1.5rem;
}
.list_box_peixun li a .img_box h6 {
margin-top:.5rem
}
.list_box_peixun {
	margin-bottom: 0
}
.list_box_06 li {
	width: 50%
}
.list_box_08 {
	padding: 0 15px;
	margin-bottom: 1.5rem
}
.list_box_08 li {
	margin-bottom: 1.25rem
}
.list_box_08 li a .img {
	width: 100%;
}
.list_box_08 li a .con {
	width: 100%;
	padding: 3rem 1.25rem
}
.list_box_08 li:nth-child(2n) a .img {
	order: 0
}
.n_erji {
	margin-bottom: 2rem
}
.list_box_08 li a .con p {
	margin: 1rem 0 1.5rem
}
.list_box_08 li a .con h5 {
	font-size: 1.375rem
}
.list_box_n_news li:nth-child(1) {
	width: 100%
}
.list_box_n_news li {
	width: 50%
}
.n_product_detail .fl01 .content .fl001 .left {
	width: 100%;
	padding: 0
}
.n_product_detail .fl01 .content .fl001 .right {
	width: 100%;
	padding: 0 0 0
}
.n_product_detail .fl01 .content {
	padding: 1.5rem;
	top: -1rem;
	margin-bottom: -1rem;
}
.about_one_ul ul li .txts .h3 {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
}
.about_two .p {
	font-size: 15px;
	line-height: 30px;
}
.about_two_ul li .txts .p2 {
	font-size: 15px;
	line-height: 28px;
	height: 56px;
}
.about_two_ul li .txts .h3 {
	height: 44px;
	line-height: 44px;
}
.prodetail-jjl {
	flex-wrap: wrap;
}
.prodetail-jjlimg {
	width: 100%;
}
.prodetail-jjsw {
	width: 100%;
}
.prodetail-jjswiepr {
	height: auto;
}
.prodetail-jjsw {
	margin-top: 15px;
}
.prodetail-jj {
}
.prodetail-jjrtxt h3 {
	font-size: 22px;
}
.prodetail-jjrtxt h4 {
	font-size: 20px;
	margin: 5px 0 5px;
}
.prodetail-jjrtxtm h3 {
	margin-top: 15px;
	font-size: 22px;
}
.prodetail-jjrul {
	margin-top: 15px;
}
.prodetail-jjrw {
	padding: 20px 0 0 0px;
}
.prodetail-jjrtxtm2 {
	padding: 20px 0 0 0
}



.s_server .bgbox .pic:before {
        padding-top: 40rem;
    }


}
 @media (min-width:481px) and (max-width:992px) {
}
 @media (max-width: 860px) {
.n_about .fl01 .m .left {
	width: 100%;
	padding: 0 0 2.5rem
}
.n_about .fl01 .m .right {
	width: 100%
}
}
 @media (max-width: 768px) {
/*关于我们*/
.i_about_one .p {
	font-size: 15px;
	line-height: 24px;
}
.i_about_two .i_about_two_l .h4 {
	line-height: 26px;
	font-size: 1.725rem;
}
.i_about_two .i_about_two_l .h3 {
	line-height: 26px;
	font-size: 1.2rem;
}
.i_about_two .i_about_two_l .p {
	font-size: 14px;
	line-height: 26px;
}
.i_about_two .i_about_two_l .p p {
	margin-bottom: 1.5%;
}
.i_about_two .i_about_two_l .a {
	font-size: 13px;
	height: 46px;
	line-height: 46px;
	padding-left: 30px;
	padding-right: 20px;
}
.i_about_two .i_about_two_l .a:before {
	width: 46px;
}
#s_wenhua .s_hd h3 {
	line-height: 26px;
	font-size: 1.725rem;
}
#s_wenhua .s_hd h4 {
	line-height: 26px;
	font-size: 1.2rem;
}
.pad_top {
	padding-top: 2.5rem !important;
}
.pad_bot {
	padding-bottom: 2.5rem !important;
}
.xs_jianju {
	margin-left: -5px !important;
	margin-right: -5px !important;
}
.xs_jianju li {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.m {
	padding: 0 30px;
}
.pad_aside {
	padding-left: 1rem;
	padding-right: 1rem;
}
.n_article .ar_article {
	padding-bottom: 10px !important;
}
.ar_article table {
	width: 100% !important;
}
.ar_article table td, .ar_article table th {
	padding: 3px 2px !important;
	font-size: 10px !important;
	font-weight: normal !important;
	width: auto !important;
	height: auto !important;
}
.ar_article table td *, .ar_article table th * {
	padding: 3px 2px !important;
	font-size: 10px !important;
	font-weight: normal !important;
	padding: 0 !important;
}
.n_banner {
	height: 15rem
}
.n_banner h3 {
	font-size: 1.75rem
}
.n_container {
}
.n_about {
	margin-top: 0;
}
.n_about .fl01 {
	padding: 3rem 0 3rem;
}
.n_about .fl02 {
	padding: 3rem 0
}
.title002 h3 {
	font-size: 1.75rem !important
}
.list_box_03 li {
	width: 50%
}
.n_about .fl03 {
	padding: 3rem 0
}
.title002 {
	margin-bottom: 2rem
}
.pages .box a {
	font-size: 11px;
	margin: 0 2px;
	min-width: 2.125rem;
}
.pages .box a span {
	padding: 0 0rem;
}
.list_box_04 li {
	margin-bottom: 1.25rem
}
.list_box_04 li a .img {
	width: 100%;
	height: 10.5rem;
}
.list_box_04 li a .img img {
	max-height: 10.5rem
}
.list_box_04 li a .con {
	width: 100%;
	padding: 1rem 0 0;
	text-align: center;
	justify-content: center;
}
.list_box_04 li a {
	padding: 1.75rem 1.25rem;
	flex-wrap: wrap;
}
.list_box_04 li a .con h5 {
	margin-bottom: 0
}
.list_box_04 li a .con .btn_xq {
	margin: 0 auto;
	display: none
}
.n_zizhi {
	padding: 3rem 0
}
.list_box_05 li a .top .box {
	width: 35%;
	padding: 0 0 0 1rem
}
.list_box_05 li a .top .box .btn_xq {
	width: 4.625rem
}
.list_box_06 {
	margin: 0 -5px;
	margin-top: 2rem
}
.list_box_06 li {
	padding: 0 5px;
	width: 100%;
}
.list_box_06 li .txt {
	padding: 1.5rem 10px;
}
.list_box_07 li .img img {
	height: 12rem;
	width: auto;
}
.list_box_07 .owl-nav .owl-prev, .list_box_07 .owl-nav .owl-next {
	width: 2.75rem;
	height: 2.75rem
}
.list_box_07 .owl-nav {
	margin: 2rem 0 0
}
.list_box_n_news li {
	width: 100%
}
.n_news {
	padding: 3rem 0
}
.news_botom ul {
	margin: 2rem 0 0
}
.n_news_detail {
	padding: 3rem 0 0
}
.n_news_detail .ar_title {
	padding-top: 0
}
.n_news_detail .ar_title h3 {
	font-size: 1.5rem
}
.fenxiang_box1 {
	display: none
}
.news_botom ul li a {
	height: 5rem
}
.n_contact {
	padding: 0
}
.n_contact .fl01 .content .top {
	position: relative;
	background: rgb(1,69,144,0.6);
	padding: 2.5rem 0;
}
.n_contact .fl01 .content .top .box {
	width: 100%
}
.n_contact .fl01 .content .top .box dl {
	max-width: 100%
}
.n_contact .fl01 {
	padding: 3rem 0
}
.n_contact .fl02 {
	padding: 3rem 0
}
.n_liuyan form .box, .list_box_n_contact li .img .box_table {
	width: 100%
}
.list_box_n_contact {
	display: block
}
.list_box_n_contact li {
	width: 100%;
	text-align: center;
	margin-bottom: 1.255rem
}
.list_box_n_contact li .img {
	height: 120px;
}
.list_box_n_contact li .img img {
	max-width: 120px;
	max-height: 120px;
}
.n_contact .fl02 {
	display: block;
}
.n_contact .fl02 .title002 .rr {
	width: 100%;
	margin: 1rem 0 0
}
.n_contact .fl02 .title002 {
	margin-bottom: 2rem
}
.n_liuyan .messlist {
	margin-bottom: 1rem
}
.n_erji1 {
	margin: 2rem 0 0
}
.n_product_detail .fl01 .content .fl002 {
	margin: 2rem 0 0;
	padding: 2rem 0 0
}
.n_product_detail .fl01 .content .fl002 h3 {
	font-size: 1.375rem;
	margin-bottom: 1.5rem;
}
.n_product_detail .fl01 .content .fl003 {
	margin: 2rem 0 0;
	padding: 2rem 0 0
}
.n_product_detail .fl01 .content .fl003 .title002 p a {
	display: block
}
.title002 h3 {
	font-size: 1.5rem !important;
	margin-bottom: 1rem;
}
.list_box_11 li .box .line {
	background-size: 10px auto
}
.list_box_n_news li a .con h5 {
	height: auto;
	max-height: 3.75rem
}
.about_two_ul li {
	width: 49%;
	margin-bottom: 2%;
}
.about_two_ul li:nth-child(2n+0) {
	margin-right: 0;
}
.horlist li {
	width: 31.33%
}
.left-nav li {
	width: 32.3333333%;
	margin: 0.5%;
	position: relative;
}
.pro-list-box .allItems .item {
	width: 48%;
	margin-left: 2%;
}


.ly_youshi ul li {
	width: 100%;
	padding: 2% 2% 4%;
}
.ly_youshi ul li span {
	width: 94%;
	line-height: 18px;
	height: auto;
	margin: 4px 0 5px;
	font-size: 12px;
	padding: 0 0 0 52px;
}
.ly_youshi ul li p {
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 52px;
}
.ly_youshi ul li em {
	padding: 0 0 0 52px;
}
.ly_youshi ul li p i {
	font-size: 16px;
	width: 26px;
	line-height: 26px;
	height: 26px;
}
.ly_youshi ul li p i:before {
	width: 26px;
	height: 26px;
}
.ly_youshi ul li p i b {
	left: 4px;
}



}
 @media (max-width: 680px) {
.s_hd h3 {
	width: 100%;
}
.s_hd div {
	width: 100% !important;
}
.s_hd .btn_r {
	width: 150px;
	text-align: left;
	margin-top: 15px;
	float: left;
	padding-right: 0;
	font-size: 13px;
}
.about_two_ul li .txts {
	margin-bottom: 10%;
}
.about_two_ul li .txts .p2 {
	font-size: 14px;
	line-height: 26px;
	height: 52px;
}
.horlist li {
	width: 48%
}
.left-nav li {
	width: 49%;
	margin: 0.5%;
}
}
 @media (max-width: 480px) {
.m {
	padding: 0 15px;
}
#s_jishu ul li a {
	padding: 2.5rem 1.5rem;
}
#s_jishu ul li span {
	font-size: 1.25rem;
}
#s_jishu ul li font {
	width: 2.5rem;
	height: 2.5rem;
	line-height: 2.5rem;
}
#s_jishu ul li font img {
	display: inline-block;
	width: 100%;
}
#s_jishu ul li .txt svg {
	width: 1.5rem;
	height: 1.5rem;
}
.copyright .m {
	display: block;
}
.copyright .fl {
	float: none;
}
.s_foot_link {
	width: 100%;
	float: none;
	margin-top: 10px;
}
.copyright {
}
.foot_ewm {
	margin-left: 1rem;
}
#s_wenhua .slick_arrow_right {
	margin-top: 0;
}
#s_pro ul li .btn_arr2 {
}
.bg-cover {
	top: 1rem;
	background-size: contain !important;
}
.btn_arr {
	margin-top: 2rem;
}
#banner .m {
	padding-bottom: 5rem;
}
#s_wenhua {
	padding-top: 1rem;
}
#s_wenhua .hd {
	padding: 2rem 1rem;
}
#s_wenhua .left {
	width: auto;
	height: auto;
	float: none;
	padding-bottom: 2.5rem;
}
#s_wenhua .left span {
	font-size: 1.75rem;
}
#s_wenhua .right {
	width: auto;
	height: auto;
	float: none;
}
#s_wenhua .right li .img {
	height: auto;
}
.btn_ts {
	margin-top: 2rem;
}
#s_pro ul li h5 {
	padding-bottom: 1rem;
}
.s_hd h3 {
	font-size: 1.75rem;
}
#s_news .bd ul li {
	width: 100% !important;
}
.tc_shipin {
	width: 95%;
}
.tc_shipin .tc_close {
	width: 2.5rem;
	height: 2.5rem;
	background: #5e5e5e;
	right: 0;
	top: -3rem;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
}
/*#banner li .img {
	height: calc(65vh - 10rem);
}*/
#banner .slickdotbox {
	bottom: 4.5rem;
}
#s_jishu {
	margin-top: -3rem;
}
#s_jishu ul li:hover .btn_arrow {
	transform: translateY(-0px);
	-webkit-transform: translateY(-0px);
	-moz-transform: translateY(-0px);
	-ms-transform: translateY(-0px);
	-o-transform: translateY(-0px);
}
.s_wenhua_nav {
	margin-bottom: 0 !important;
}
#s_wenhua .hd .dotbox {
	display: none;
}
#s_news .bd ul li .txt {
	padding: 2rem 1rem;
}
#s_news .bd ul li .txt {
	height: 12rem;
}
#s_news .bd ul li .txt p {
	margin-bottom: 1.5rem;
}
#s_pro {
	background-size: auto 33rem !important;
}
#s_news .bd ul li .mask {
	padding: 0 1rem;
	padding-top: 3rem;
	padding-bottom: 1.875rem;
}
#s_news .bd ul li .mask h5 {
	white-space: normal;
}
#banner .btn_ts {
 font-size: .9375rem;
	width: 9.1875rem;
	height: 2.75rem;
	line-height: 2.75rem;
}
#s_jishu ul li h3 {
	font-size: 1.375rem;
}
.foot_ewm {
	display: none;
}
.about_two_ul {
	margin-top: 5%;
}
.about_two_ul li .txts .p2 {
	font-size: 13px;
	line-height: 22px;
	height: 44px;
	margin-top: 1%;
}
.about_two_ul li .txts .h3 {
	height: 32px;
	line-height: 32px;
}
.horlist {
	margin-right: 0
}
.horlist li {
	width: 100%;
	margin-right: 0;
	margin-bottom: 3%
}
.left-nav li {
	width: 99%;
	margin: 0.5%;
}
.pro-list-box .allItems .item {
	width: 100%;
	margin-left: 0
}
.btns-box .btn {
	margin: 5px 10px;
	width: 140px;
	background-color: #999999;
	padding: 9px 10px;
	font-size: 14px;
	line-height: 34px;
	color: #ffffff;
	transition: all 0.3s;
}


 .s_server .underbox .m {
        display: block;
    }

    .s_server .underbox .m {
        flex-direction: column;
    }

    .s_server .underbox .m {
        padding: 0 15px;
    }

    .s_server .hd {
        padding-top: 2rem;
    }

    .s_server .hd:before {
        width: 100%;
        height: 1px;
        top: auto;
        bottom: 0;
    }

    .s_server .hd .swiper {
        height: auto;
    }

    .s_server .hd li {
        text-align: center;
    }

    .s_server .hd h3 {
        font-size: 1.125rem;
        text-align: center;
        padding: 1.5rem 0;
        display: inline-block;
    }

    .s_server .hd h3:before {
        width: 0;
        height: 3px;
        top: auto;
        bottom: 0;
    }

    .s_server .hd li.swiper-slide-thumb-active h3:before {
        height: 3px;
        width: 100%;
        top: auto;
        bottom: 0;
    }

    /* .s_server .hd .swiper-slide{ width: auto;} */
    .s_server .bd {
        flex-grow: 0;
        margin: 0;
    }

    .s_server .bgbox .pic:before {
        padding-top: 35rem;
    }

    .s_server .txt .ico {
        width: 4rem;
        height: 4rem;
    }

    .s_server .txt {
        margin: 2rem 2rem;
        width: auto !important;
    }

    .s_server .txt h3 {
        font-size: 1.375rem;
        font-weight: bold;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .s_server .swiper-button-prev,
    .s_server .swiper-button-next {
        width: 3rem;
        height: 3rem;
        top: auto;
        bottom: 3rem;
    }

    .s_server .swiper-button-prev {
        left: 50%;
        margin-left: -3.5rem;
    }

    .s_server .swiper-button-next {
        right: 50%;
        margin-right: -3.5rem;
    }

    .dotbox {
        top: auto;
        bottom: 2rem;
    }

    .dotbox .dots {
        width: 1.5rem !important;
        height: 1.5rem !important;
    }

    .s_server .swiper-button-prev,
    .s_server .swiper-button-next {
        display: block;
    }



}
 @media (max-width: 420px) {
.about_two_ul li {
	width: 100%;
	margin-bottom: 4%;
}
.about_two_ul li:nth-child(2n+0) {
	margin-right: 0;
}
}
