@charset "UTF-8";
body { font-family: '微软雅黑'; margin: 0 auto; padding: 0; background: #f9f9f9; font-size: 12px; color: #333; }

body > div { margin-right: auto; margin-left: auto; }

div, form, ul, ol, li, span, p { margin: 0; padding: 0; border: 0; }

img, a img { border: 0; margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 12px; font-weight: normal; }

ul, ol, li { list-style: none; }

table, td, input { font-size: 12px; }

html { font-size: 15px; }

* { box-sizing: border-box; }

a { outline-style: none; color: #333; text-decoration: none; }
.clear { clear: both; margin: 0 !important; padding: 0 !important; width: 0 !important; }

.swiper-container { width: 100%; height: 100%; }

.swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.swiper-slide img { width: 100%; }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(../images/left_arrow.png) !important; background-size: cover !important; width: 50px !important; height: 50px !important; left: 0 !important; }

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(../images/right_arrow.png) !important; background-size: cover !important; width: 50px !important; height: 50px !important; right: 0 !important; }

.header { height: 104px; background: #4a4a4a; }
.header .logo { float: left; margin-right: 78px; margin-left: 82px; width: 93px; }
.header .logo img { width: 100%; margin-top: 26px; }
.header .nav ul li { float: left; width: 100px; line-height: 98px; text-align: center; border-top: 3px solid #4A4A4A; margin-right: 30px; }
.header .nav ul li a { color: #FFFFFF; font-size: 20px; }
.header .nav ul .active { border-top: 3px solid #46ad8f; }

.main_1 { width: 80%; margin: 0 auto; padding-top: 162px; padding-bottom: 219px; }
.main_1 h2 { font-size: 47px; letter-spacing: 9px; color: #4a4a4a; margin-bottom: 118px; }
.main_1 p { font-size: 20px; color: #b3b5b6; line-height: 98px; }
.main_1 p span { float: right; }
.main_1 .productp p{ font-size: 20px; color: #b3b5b6; line-height: 36px; }
.main_1 .productimage img{width: 100%}

.tableM { margin-bottom: 40px}
.tableM h2 { font-size: 47px; color: #4a4a4a; margin-top: 40px; margin-left: 40px}
.tableM table { margin-left: 40px; margin-right: 40px; padding-top: 20px;}
.tableM p { font-size: 20px; margin: 20px 40px 0 40px; color: #4bac8f;line-height: 30px}
.tableM p span{ color: #b3b5b6; }
.tableM table tr td {font-size:20px; color: #b3b5b6; padding: 0px;}
.tableM table tr td.td1 {width: 30%; font-size:20px; color: #4bac8f;}

.footer { padding: 92px 0; background: #4A4A4A; }
.footer p { text-align: center; }
.footer p a { color: #FFFFFF; font-size: 14px; margin: 0 23px; }
.footer h3 { color: #eeeeee; text-align: center; font-size: 14px; margin-top: 57px; }

@media screen and (max-width: 640px) { .header .logo { width: 50px; margin: 0 auto; float: initial; margin-bottom: 10px; }
.header .nav ul{
	display: flex;
}
  .header .nav ul li { line-height: 30px;
    width: 72px;
     margin-right: 0;
    float: initial;
    flex: 1;
   }
.header .nav ul li a { color: #FFFFFF; font-size: 13px; }

 
  .main_1 { padding-top: 50px; padding-bottom: 109px; width: 92%; }
  .main_1 h2 { font-size: 20px; letter-spacing: 5px; margin-bottom: 20px; }
  .main_1 p { line-height: 41px; }

  .tableM { margin-bottom: 40px}
.tableM h2 { font-size: 20px; color: #4a4a4a; margin-top: 40px; margin-left: 20px}
.tableM table { margin-left: 20px; margin-right: 20px; padding-top: 20px;}
.tableM p { font-size: 15px; margin: 20px 20px 0 20px; color: #4bac8f;line-height: 30px}
.tableM p span{ color: #b3b5b6; }
.tableM table tr td {font-size:15px; color: #b3b5b6; padding: 0px;}
.tableM table tr td.td1 {width: 30%; font-size:15px; color: #4bac8f;}


  .footer { padding: 43px 0; }
  .footer h3 { margin-top: 27px; } 
}
