@charset "utf-8";
/* PC大于等于1200px */
@media screen and (min-width: 1200px) {
	.clearr {
  clear: both;
}
	.c30{ height:30px; clear:both;}
	.c50{ height:50px; clear:both;}
	.c80{ height:70px; clear:both;}
	 .index-text { width:100%;text-align: center;}
 .index-text .font30 {font-size: 32px;line-height: 42px; font-weight:bold;}
 .index-text .xian{ width: 80px; height: 3px; background: #0f3a89; margin:0 auto;}
 .index-text .font24 {font-size: 16px;}
 .index-text .en { padding: 0 0 0 0;
  font-family: 'raleway';
  text-transform: uppercase;
  color: #8f8f8f;
}
.wap{ display:none;}
.pc{ display:block;}

	.pimg img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
	.pimg:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
	
	
.title {
	overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 50px; margin-top:30px;
}


.title .cn {
	text-align:center; font-size: 26px; color: #000; 
}


	
.news{padding: 0;background: url(../images/news.jpg) top center no-repeat; }
.news-body {margin:0 auto; padding:0; margin-top:20px;}
.news-body .tabBox ul {
  width: 100%;
}
.news-body .tabBox ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.news-body .tabBox ul li {
  width: 31.3333%;
  float: left;
  margin: 10px 1%;
}
.news-body .tabBox ul li a {
  display: block;
  padding: 20px 20px;
  box-sizing: border-box;
  background: #fff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.news-body .tabBox ul li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.news-body .tabBox ul li .pic {
  height: auto;
  overflow: hidden;
}
.news-body .tabBox ul li .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.news-body .tabBox ul li a:hover {
  box-shadow: 3px 3px 10px 1px #cbcbcb;
}
.news-body .tabBox ul li a:hover .tit {
  color: #175bc0;
}
.news-body .tabBox ul li .tit {
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  color: #2c2c2c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.news-body .tabBox ul li .txt {
  height: auto;
  line-height: 26px;
  font-size: 16px;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin: 10px 0;
}
.news-body .tabBox ul li .date {
  height: 20px;
  font-size: 16px;
  color: #999999;
  font-family: "Arial";
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

	
   
	.product{padding: 0;padding-top:20px;}
	.product-body {padding: 0; padding-top:30px;}
	.productimg{ width:100%; height:auto;}
	.productimg img{ max-width:100%; height:auto;}
	
	.pros{ padding:15px 10px;}
	.pros .items {width:100%; height:210px; overflow:hidden;  position:relative;}
	.pros .items .pimage{ width:100%; height:auto; position:absolute;top:0px;left:0px; text-align:center;}
	.pros .items .pimage img{ max-width:100%; height:auto;vertical-align: middle; display:inline;}
	.pros .items .showbox {
  position:absolute;width:100%; height:210px;
  top:0px;
  left:0px;
  opacity:0;
   transform:scale(1.4);
  transition:all 0.5s ease;
}
.pros .items .showbox img{ width:100%; height:100%;}
	.pros .ptxt{ width:100%; padding:5px 2%; height:auto; clear:both;} 
	.pros .ptxt .tit{ width:100%; line-height:25px;height:50px; font-size:16px; text-align:center;}
	.pros .ptxt .mors { width:100%; line-height:25px;height:25px; font-size:16px;display:block; clear:both;}
	.pros .ptxt .mors a .det{ font-size:14px; float:left;}
	.pros .ptxt .mors a .aoc{ float:right;display:inline-block; vertical-align:middle;}
    .pros:hover .pimage img {
  transform:scale(1.1);
}
.pros:hover .items .showbox {
  opacity:1;
}
.pros:hover .items {
   border:2px solid #CCC;
}


	/* ---- about ---- */
	.about {padding: 0; margin-top:30px; background: url(../images/about.png) top center no-repeat; }
	.about-body {padding: 0; margin-top:15px;  height: auto; padding-bottom:60px;}
	.fr {
  float: right;
}
.fl {
  float: left;
}
.about-body .z4-l {
	
  width: 50%;z-index: 10;
}
.about-body .z4-l img{
	
  width: 100%; height:auto;
}

.about-body .z4-r {
  width: 50%;
 
  z-index: 1;
  padding: 0px;
  height:auto; margin-top:20px; 
}



.about-body .z4-r .z4-summary {
  margin-top: 20px;
  font: 16px/28px "Microsoft YaHei";
  color: #000;
  padding:15px 30px 0 0;
}
.about-body .z4-r .z4-summary p{color: #000;}

.about-body .z4-r .z4-summary a {
  font-weight: bold;
  color: #d9ac5d;
}


.youshi{ margin-top:40px;background:#eeeeee; height:auto;}	

.youshi dl { height:50px; line-height:50px;}
.youshi dl h1{ padding-top:37px;text-align: center; color: #FFF !important; font-size:36px;}
.aboutm ul {
  margin: 40px 0px;
}
.aboutm ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutm ul li {
  width: 23%;
  float: left;
  text-align: center;  margin:0 1%; 
  
}

.aboutm ul li a:hover .txt2 {
  color: #000;
}
.aboutm ul li .icon {
  height: auto;
}
.aboutm ul li .icon img {
  height: auto; max-width:100%;
}
.aboutm ul li .txt2 {
  line-height: 40px;
  font-size: 20px;
  color: #000;
  margin-top: 10px;
}
.aboutm ul li .txt3 {
  line-height: 30px; font-size:16px; padding:20px 14%;
  
}
.common{ background:#e5e5e5; padding:20px 0px;}
.contact{ width:40%; float:left; margin:0 4%; background: url(../images/xgray_line01.png)  right repeat-y;}
.message{ width:40%; float:left;margin:0 5%;}

.common .tits{overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; width: 100%; display: block}
.common .tits p{color:#5A5A5A;line-height:25.2px;font-size:20px; font-weight:bold;text-align:center;}

.common .contactbody p{color:#5A5A5A;line-height:50px;font-size:18px;text-align:left;}


ul.mfields {
  float:left;
}
ul.mfields input,
ul.mfields textarea {
  
  resize:none;
  outline:none;
}
ul.mfields li {
  
  float:left;
  margin:0;
}
a.btnsubmit {
  display:block;
  float:left;
}

span.reqtip {
  color:#f00;
  line-height:100%;
  padding-left:3px;
}
ul.mfields li {
  float:left;
  width:100%;
}
ul.mfields .titlees {
  padding:10px 0;
  line-height:1.5;
  color:#5a5a5a;
}
ul.mfields .inpbox {
  float:left;
  width:99%;
}
ul.mfields .inptext {
  font-family: '微软雅黑';
  background-color:#fff;
  border-color: transparent;
  font-size:12px;
  text-indent:5px;
  height:38px;
  line-height: 38px;
  width:100%;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
}


ul.mfields .txtarea {
  font-size:12px;
  padding:5px 0;
  width:100%;
  height:60px;
  background-color:#fff;
  border-color: transparent;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
}
.btnsubmit {
  display:block;
  background-color:#666666;
  border-style:solid;
  border-width:0;
  line-height:40px;
  height:40px;
  width:320px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  text-align:center;
  color:#fff;
  margin-top:5px;
}
.btnsubmit:hover {
  background-color:#9a7540;
}

	.cases {padding: 0;background: url(../images/cx_31.png)}

    .casebodys{ height:auto; margin-top:20px; margin-bottom:50px; padding:0;}
	

	.cimg .pic{ width:100%; height:auto; }
	.cimg .pic img{ width:100%; height:auto; display:block; }
   
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff; width:23% !important; margin:0 1%;

        /* 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 a{width:100%; height:auto;}


	
}




/* iPad Pro 小于等于1200px */
@media screen and (max-width: 1200px) {
	.wap{ display:none;}
.pc{ display:block;}
	.clearr {
  clear: both;
}

	.c30{ height:10px; clear:both;}
	.c50{ height:15px; clear:both;}
	.c80{ height:20px; clear:both;}
	 .index-text { width:100%;text-align: center;}
 .index-text .font30 {font-size: 24px;line-height: 24px; font-weight:bold;}
 .index-text .xian{ width: 50px; height: 3px; background: #0f3a89; margin:0 auto;}
 .index-text .font24 {font-size: 15px;}
 .index-text .en { padding: 0 0 0 0;
  font-family: 'raleway';
  text-transform: uppercase;
  color: #8f8f8f;
}


	.pimg img {
        -webkit-transition: all ease 0.7s;
        -moz-transition: all ease 0.7s;
        -o-transition: all ease 0.7s;
        transition: all ease 0.7s;
    }
	.pimg:hover img {
        -webkit-transform: scale(1.03, 1.03);
        -moz-transform: scale(1.03, 1.03);
        -ms-transform: scale(1.03, 1.03);
        -o-transform: scale(1.03, 1.03);
        transform: scale(1.03, 1.03);
    }
	
  

	
.title {
	overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 40px; margin-top:20px;
}


.title .cn {
	text-align:center; font-size: 26px; color: #000; 
}


	
.news{padding: 0;background: url(../images/news.jpg) top center no-repeat; }
.news-body {margin:0 auto; padding:0; margin-top:20px;}
.news-body .tabBox ul {
  width: 100%;
}
.news-body .tabBox ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.news-body .tabBox ul li {
  width: 31.3333%;
  float: left;
  margin: 10px 1%;
}
.news-body .tabBox ul li a {
  display: block;
  padding: 20px 20px;
  box-sizing: border-box;
  background: #fff;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.news-body .tabBox ul li a:hover .pic img {
  transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
}
.news-body .tabBox ul li .pic {
  height: auto;
  overflow: hidden;
}
.news-body .tabBox ul li .pic img {
  width: 100%;
  display: block;
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}
.news-body .tabBox ul li a:hover {
  box-shadow: 3px 3px 10px 1px #cbcbcb;
}
.news-body .tabBox ul li a:hover .tit {
  color: #175bc0;
}
.news-body .tabBox ul li .tit {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  color: #2c2c2c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
.news-body .tabBox ul li .txt {
  height: auto;
  line-height: 26px;
  font-size: 14px;
  color: #666666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  word-break: break-all;
  margin: 10px 0;
}
.news-body .tabBox ul li .date {
  height: 20px;
  font-size: 16px;
  color: #999999;
  font-family: "Arial";
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  word-break: break-all;
}

	
   
	.product{padding: 0;padding-top:20px;}
	.product-body {padding: 0; padding-top:30px;}
	.productimg{ width:100%; height:auto;}
	.productimg img{ max-width:100%; height:auto;}
	
	.pros{ padding:15px 10px;}
	.pros .items {width:100%; height:210px; overflow:hidden;  position:relative;}
	.pros .items .pimage{ width:100%; height:auto; position:absolute;top:0px;left:0px; text-align:center;}
	.pros .items .pimage img{ max-width:100%; height:auto;vertical-align: middle; display:inline;}
	.pros .items .showbox {
  position:absolute;width:100%; height:210px;
  top:0px;
  left:0px;
  opacity:0;
   transform:scale(1.4);
  transition:all 0.5s ease;
}
.pros .items .showbox img{ width:100%; height:100%;}
	.pros .ptxt{ width:100%; padding:5px 2%; height:auto; clear:both;} 
	.pros .ptxt .tit{ width:100%; line-height:25px;height:50px; font-size:16px; text-align:center;}
	.pros .ptxt .mors { width:100%; line-height:25px;height:25px; font-size:16px;display:block; clear:both;}
	.pros .ptxt .mors a .det{ font-size:14px; float:left;}
	.pros .ptxt .mors a .aoc{ float:right;display:inline-block; vertical-align:middle;}
    .pros:hover .pimage img {
  transform:scale(1.1);
}
.pros:hover .items .showbox {
  opacity:1;
}
.pros:hover .items {
   border:2px solid #CCC;
}


	/* ---- about ---- */
	.about {padding: 0; margin-top:30px; background: url(../images/about.png) top center no-repeat; }
	.about-body {padding: 0; margin-top:15px;  height: auto; padding-bottom:20px;}
	.fr {
  float: right;
}
.fl {
  float: left;
}
.about-body .z4-l {
	
  width: 50%;z-index: 10;
}
.about-body .z4-l img{
	
  width: 100%; height:auto;
}

.about-body .z4-r {
  width: 50%;
 
  z-index: 1;
  padding: 0px;
  height:auto; margin-top:20px; 
}



.about-body .z4-r .z4-summary {
  margin-top: 20px;
  font: 14px/28px "Microsoft YaHei";
  color: #000;
  padding:15px 30px 0 0;
}
.about-body .z4-r .z4-summary p{color: #000;}

.about-body .z4-r .z4-summary a {
  font-weight: bold;
  color: #d9ac5d;
}


.youshi{ margin-top:40px;background:#eeeeee; height:auto;}	

.youshi dl { height:50px; line-height:50px;}
.youshi dl h1{ padding-top:37px;text-align: center; color: #FFF !important; font-size:36px;}
.aboutm ul {
  margin: 40px 0px;
}
.aboutm ul:after {
  content: "";
  height: 0;
  display: block;
  clear: both;
}
.aboutm ul li {
  width: 23%;
  float: left;
  text-align: center;  margin:0 1%; 
  
}

.aboutm ul li a:hover .txt2 {
  color: #000;
}
.aboutm ul li .icon {
  height: auto;
}
.aboutm ul li .icon img {
  height: auto; max-width:100%;
}
.aboutm ul li .txt2 {
  line-height: 30px;
  font-size: 16px;
  color: #000;
  margin-top: 10px;
}
.aboutm ul li .txt3 {
  line-height: 20px; font-size:14px; padding:20px 14%;
  
}
.common{ background:#e5e5e5; padding:20px 0px;}
.contact{ width:40%; float:left; margin:0 4%; background: url(../images/xgray_line01.png)  right repeat-y;}
.message{ width:40%; float:left;margin:0 5%;}

.common .tits{overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; width: 100%; display: block}
.common .tits p{color:#5A5A5A;line-height:25.2px;font-size:18px; font-weight:bold;text-align:center;}

.common .contactbody p{color:#5A5A5A;line-height:40px;font-size:16px;text-align:left;}


ul.mfields {
  float:left;
}
ul.mfields input,
ul.mfields textarea {
  
  resize:none;
  outline:none;
}
ul.mfields li {
  
  float:left;
  margin:0;
}
a.btnsubmit {
  display:block;
  float:left;
}

span.reqtip {
  color:#f00;
  line-height:100%;
  padding-left:3px;
}
ul.mfields li {
  float:left;
  width:100%;
}
ul.mfields .titlees {
  padding:5px 0;
  line-height:1.5;
  color:#5a5a5a;
}
ul.mfields .inpbox {
  float:left;
  width:99%;
}
ul.mfields .inptext {
  font-family: '微软雅黑';
  background-color:#fff;
  border-color: transparent;
  font-size:12px;
  text-indent:5px;
  height:35px;
  line-height: 35px;
  width:100%;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
}


ul.mfields .txtarea {
  font-size:12px;
  padding:5px 0;
  width:100%;
  height:60px;
  background-color:#fff;
  border-color: transparent;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
}
.btnsubmit {
  display:block;
  background-color:#666666;
  border-style:solid;
  border-width:0;
  line-height:40px;
  height:40px;
  width:320px;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  text-align:center;
  color:#fff;
  margin-top:5px;
}
.btnsubmit:hover {
  background-color:#9a7540;
}

	.cases {padding: 0;background: url(../images/cx_31.png)}

    .casebodys{ height:auto; margin-top:20px; margin-bottom:50px; padding:0;}
	

	

	.cimg .pic{ width:100%; height:auto; }
	.cimg .pic img{ width:100%; height:auto; display:block; }
   
    .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff; width:24% !important; margin:0 0.5%;

        /* 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 a{width:100%; height:auto;}


}


/* 平板 小于等于 768px iPad */
@media (max-width: 768px){
	.wap{ display:block;}
.pc{ display:none;}
	
.title {
	overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 30px; margin-top:15px;
}


.title .cn {
	text-align:center; font-size: 24px; color: #000; 
}
.about {padding: 0; margin-top:30px; background: #e3e3e3; }
	.about-body {padding: 0; margin-top:15px;  height: auto; padding-bottom:20px;}
.pros:nth-child(5){ margin-left:0;}	
.pros .ptxt .tit h4{  font-size:16px;}
.aboutm ul li {
  width: 48%;
  float: left;
  text-align: center;  margin:0 1%; 
  
}
.pros .items {width:100%; height:180px; overflow:hidden;  position:relative;}
.aboutm ul li .txt2 {
  line-height: 25px;
  font-size: 14px;
  color: #000;
  margin-top: 5px;
}
.aboutm ul li .txt3 {
  line-height: 20px; font-size:13px; padding:10px 6%;
  
}
	.news{padding: 0;padding-top:20px;}
.news-body {margin:0 auto; padding:0 10px;}
.newsmenu{padding: 10px 0 10px 0px; line-height:40px; text-align:center;  }
.news-body .tabBox ul li {
  width: 98%;
  float: left;
  margin: 10px 1%;
}

.contact{ width:96%; float:none; margin:0 2%; background: none;}
.message{ width:96%; float:none; margin:0 2%;}
.news-body .news-right {padding: 0; }
.slideBox{ width:100%; height:250px; overflow:hidden; position:relative; margin-top:10px;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:55px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0; background:#f6f6f6;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; background:#f6f6f6; }
.slideBox .bd li .tit{ zoom:1; vertical-align:middle; height:30px; line-height:20px; }
.slideBox .bd img{ width:100%; height:210px; display:block;  }

	.news-body .news-left {padding: 0;}
	.news-body .news-left dl {margin: 10px 0;}
	.news-body .news-left li .news-time {margin: 5px;padding: 5px 0; line-height:100%; font-size:20px;max-height:50px; border-right:1px solid #ccc; }

.product{padding: 0;padding-top:20px;}
	.product-body {padding: 0; padding-top:20px;}
	
	.pros{ padding:10px 10px;}
	
	.cases {padding: 0px 0;  }
	.cases .img-box {height: 30px;overflow: hidden; background:#1d56a6;text-align:center; }
	.cases .img-box img {display: block;margin: 0 auto; width:100%;}
    .casebodys{ height:auto;   padding:0px 10px;}
 .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff; width:48%; margin:0;

        /* 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;
    }
	
	
.about {padding: 0 10px;padding-top:15px;  }
.about-body {padding: 0; margin-top:10px;  margin-bottom:10px;height: auto;}

.about-body .z4-l {
	
  width: 100%;z-index: 10;
}
.about-body .z4-l img{
	
  width: 100%; height:auto;
}

.about-body .z4-r {
  width: 100%;
 
  z-index: 1;
  padding: 0px;
  height:auto; margin-top:0px; 
}



.about-body .z4-r .z4-summary {
  margin-top: 0px;
  font: 12px/20px "Microsoft YaHei";
  color: #000;
  padding:0px 20px;
}
.about-body .z4-r .z4-summary p{color: #000;}

.about-body .z4-r .z4-summary a {
  font-weight: bold;
  color: #d9ac5d;
}

.index-links {
	background-color: #fafafa;
	margin-top: 25px;
	padding:0 10px;
	margin-bottom: 25px;
}

}
/* 手机 小于等于 640px */
@media (max-width: 640px) {


.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff; width:48% !important; margin:0 0.5%;

        /* 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;
    }


	.product {padding: 15px 0;}
	.product-right-img{ display:none;}
	.product-title {width: 100%;height: 54px;overflow: hidden; text-align:center; padding-top:0px; margin-bottom:10px;}
	.product-title img {display: block;margin: 0 auto; max-width:100%; max-height:100%;}
	.product-left {padding: 0 10px; width:100%;}
	.product-left .left-body {border:2px solid #499900; }
	.product-left .left-body ol {padding: 10px 5px;}
	.product-left .left-body li a {font-size: 14px;}
	.product-right {padding: 0 10px; width:100%;}
	.product-right li .text-box {height: 25px;line-height: 25px;margin: 0px 0px 0;}
	.product-right li .text-box p {font-size: 14px;height: 25px;line-height: 25px;top: calc(50% - 15px);}


	

	
	.news-body .news-left .news-box .img-box {height: auto;}
	.news-body .news-left .news-box .text-box h3 {font-size: 16px;line-height: 30px;}
	.news-body .news-left .news-box .text-box p {font-size: 14px;line-height: 20px;max-height: 80px;}
	.news-body .news-right dl {margin: 0;}
	.news-body .news-right dd {margin: 10px;}
	.news-body .news-right ul.news-box {}
	.news-body .news-right li .news-time {margin: 0;padding: 0;}
	.news-body .news-right li .news-time i {color:#7a2129;}
	.news-body .news-right li .news-time em {color:#7a2129;}
	.news-body .news-right li .text-box {margin: 0;padding-left: 10px;}
	.news-body .news-right li .text-box h3 {font-size: 14px;font-weight: bold;}
	.news-body .news-right li .text-box p {line-height: 20px;max-height: 40px;}
	
}
/* 手机 小于等于 414px iPhone6/7/8Plus */