@charset "utf-8";
/*初始化*/
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin: 0;padding: 0;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size:1.3rem;}
li, ol {list-style: none;}
i, em {font-style: normal;}
a {text-decoration: none;color: #666;}
a:hover{color:#666;}
html {font-size: 10px;-webkit-text-size-adjust: none;}
body{font-family: "Microsoft YaHei",Helvetica,STHeiTi,sans-serif;background-color: #f5f5f5;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
textarea {-webkit-appearance: none;}
html {min-width: 320px;color: #666;}
input textarea{font-family: "Microsoft YaHei"}
.clearfix:after{visibility: hidden;display: block; font-size: 0;content: "";clear: both;height: 0;}
.clear{clear: both;display: block;height: 0;border: 0;}


/*******banner头部********/
.banner {
  width: 100%;
  line-height: 0;
  position: relative;
}
.banner .banner_pic {
  width: 100%;
}
.banner .decs {
  width: 100%;
  padding: 0 1.5rem;
  position: absolute;
  left: 0;
  top: 2.8rem;
}
.banner .decs p {
  width: 100%;
  font-size: 1.9rem;
  color: #333;
  line-height: 2.4rem;
  text-align: center;
  font-weight: 600;
  height: 2.4rem;
  overflow: hidden;
}
.banner .decs h3 {
  font-size: 2.4rem;
  color: #0660b1;
  font-weight: bolder;
  line-height: 3.3rem;
  text-align: center;
  height: 3.3rem;
  overflow: hidden;
}
/*=====标题=====*/
.title {
  width: 100%;
  text-align: center;
  position: relative;
}
.title:after{
	content: '';
	width: 100%;
	height: 1px;
	background-color: #7d7d7d;
	position: absolute;
	left: 0;
	top: 2rem;
}
.title span{
	display: inline-block;
	background-color: #f5f5f5;
	padding: 0 1rem;
  max-width: 90%;
  min-width: 38%;
  height: 3.8rem;
  font-size: 1.9rem;
  text-align: center;
  color: #333;
  line-height:3.9rem;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
}
.title em {
	position: relative;
	z-index: 2;
  max-width: 90%;
  min-width: 38%;
  display: inline-block;
  border: solid 1px #7d7d7d; 
  font-size: 0; 
  height: 4.1rem;
  padding: 0 .2rem 0;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.title p{
	position: relative;
	z-index: 88;
	height: 4rem;
	font-size:1.7rem;
	line-height: 4rem;
	overflow: hidden;
    background-color: #f5f5f5;
}
/*=============我们的产品===============*/
.pro_list {
  width: 100%;
  padding: 5rem 6% 1rem;
}
.pro_listDesc {
  width: 100%;
  line-height: 0;
  padding-top: 3rem;
}
.pro_listDesc ul {
  width: 100%;
  margin-bottom: 4rem;
}
.pro_listDesc li {
  position: relative; 
  margin-bottom: 3rem;
}
.pro_listDesc  li img {
  width: 100%;
} 
.pro_listDesc li span {
  position: absolute;
  left:0;
  bottom: 0;
  width: 100%;
  font-size:1.5rem;
  line-height:4.5rem ;
  color: #fff;
  text-align: center;
  display: block;
  background:rgba(0,0,0,0.7);
}
.pro_listDesc ul li a{color: #fff;} 
/*==========我们的优势================*/
.advantage {
  width: 100%;
  padding: 0 6%  2.4rem;
}
.advantage .title{
	margin-bottom: 1.3rem;
}
.advantage_list {
  width: 100%;
}
.advantage_list dl {
  width: 100%;
  margin-bottom: 2.8rem;
  background-color: #fff;
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: flex-start;
  -webkit-align-items: flex-start;
}
.advantage_list dt {
  width: 50%;
  line-height: 0;
  position: relative;
  order: 1;
}
.advantage_list dl:nth-child(2n) dt{
	order: 3;
}

.advantage_list dl dt img {
  width: 100%;
}
.advantage_list dd {
  width: 50%; 
  order: 2;
}
.advantage_list h5 {
	height: 4rem;
  font-size: 1.8rem;
  color: #fff;
  text-align: center; 	
  line-height: 4rem;
  background-color:#7492d1;
  overflow: hidden;
}
.adv_desc{
	padding:1rem 19% 0 7.5% ;
	max-height:8rem;
  font-size: 1.5rem;
  color: #333;
  line-height: 2rem;
  overflow: hidden;
}
/*============================*/
.ys { 
  padding: 0 6%  3rem;
}
.ys .title{
	margin-bottom: 1.3rem;
	
}
.ys_con{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-start;
  -webkit-align-items: flex-start;
  margin-bottom: 1.9rem;
}
.ys_con img{
	display: block;
	width: 100%;
}
.ys_con dl{
	width:37.42%;
} 
.ys_con h4{
	height: 2.6rem;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2.6rem;
	color: #333;
	overflow: hidden;
}

.ys_con p{
	max-height:10rem;
	font-size:1.4rem;
	line-height:2.5rem;
	overflow: hidden;
}
.ys_con ul{
	width: 4.1rem;
	padding-top: 2.7rem;
	text-align: center;
}
.ys_con li{
	width: 4.1rem;
	height: 4.1rem;
	font-size:1.5rem;
	line-height: 4.1rem;
	text-align: center;
	border-radius: 50%;
	color: #fff; 
	overflow: hidden;
}
.ys_con:nth-child(1) li{
	font-size:2.9rem ;
	color: #5c1a1b;
}
.ys_con .ys_icon1 li{
	background-color: #184186;
}
.ys_con .ys_icon2 li{
	background-color: #f88203;
}
.ys_con .ys_icon3 li{
	background-color: #ddc6a4;
}

/*====荣誉部分====*/

.case {
  width: 100%;
  padding: 0 6% 1rem;
}
.case_list {
  width: 100%;
  line-height: 0;
  padding-top: 3rem;
}
.case_list ul {
  width: 100%;
  margin-bottom: 4rem;
}
.case_list li {
  margin-bottom: 3rem;
  	box-shadow: 0px 0.2rem 0.195rem 0.1px 
		rgba(197, 197, 197, 0.19);
}
.case_list  li img {
  width: 100%;
} 
.case_list li span {
  display: block;
  height: 4.5rem;
  width: 100%;
  font-size:1.5rem;
  line-height:4.5rem ;
  color: #333; 
  padding: 0 2%;
  background:#fff;
  overflow: hidden;
}
.case_list ul li a{color: #fff;}


.ban_01{height:8.8rem;
  display: flex;
  display: -webkit-flex;
  align-content: center;
  -webkit-align-content: center;
  flex-wrap: wrap; background-image: url(../images/pro_pic10.jpg); background-repeat: no-repeat; background-position: center top; background-size: 100% auto; width: 88%; margin: 0 auto;}
.ban_01 p{font-size:1.6rem; width: 100%; line-height: 2.1rem; color: #fff; text-align: center;}
 
/*联系我们*/
.contactUs {
  width: 100%;
  padding: 3.6rem 6% 2rem;
}
.contactUs .us_info {
  width: 100%;
}
.contactUs .us_info ul {
  width: 100%;
}
.contactUs .us_info ul li {
  width: 100%;  
  margin-bottom: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.5rem;
  line-height: 2.1rem;
  color: #666;
}
.contactUs .us_info li span {
  width: 5.5%;  
  margin-right: 2%;
}
.contactUs .us_info li a{color: #666;}

.contactUs .us_info li span  img {
  width: 100%;
  display: block;
  
} 
.contactUs .us_info li p {
	width: 91%;
}
.qrcodeNsw {
  width: 31.8%;
  height: 0;
  padding-bottom: 31.8%;
  position: relative;
  margin: 4rem auto 0;
}
.qrcodeNsw img {
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  left: 0;
  top: 0;
}
.ad {
  width: 100%;
  padding: 1.5rem;
}
.ad h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.ad h5 span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 0.1rem;
  background: #ebecec;
}
.ad h5 i {
  font-size: 1.5rem;
  color: #333;
  width: 5rem;
  text-align: center;
}
.ad a {
  width: 100%;
  display: block;
  margin-top: 1.5rem;
}
.ad a img {
  width: 100%;
}
.main-probe-1 {
  width: 4rem;
  position: fixed;
  right: 1rem;
  bottom: 15rem;
  z-index: 100;
}
.main-probe-1 li {
  width: 4rem;
  height: 4rem;
  margin-bottom: 2rem;
  position: relative;
}
.main-probe-1 li a {
  display: block;
}
.main-probe-1 li .main-probe-1-icon1 {
  width: 4rem;
  height: 4rem;
  display: block;
  position: relative;
  z-index: 33;
  background-size: 3.9rem;
  background-repeat: no-repeat;
}
.main-probe-1 .main-probe-1-tel i {
  background-image: url(../images/probe_icon2.png);
}
.hot-spot-list dl:nth-child(2n) dt,
.hot-spot-list dl:nth-child(2n-1) dd {
  float: right;
}
.hot-spot-list dl:nth-child(2n-1) dt,
.hot-spot-list dl:nth-child(2n) dd {
  float: left;
}
#img_box {
  overflow: hidden;
}

html {font-size: 10px;}
@media screen and (min-width: 320px) {
    html {
        font-size: 8.53px;
    }
}
@media screen and (min-width: 360px) {
    html {
        font-size: 9.6px;
    }
}
@media screen and (min-width: 400px) {
    html {
        font-size: 10.66px;
    }
}
@media screen and (min-width: 440px) {
    html {
        font-size: 11.73px;
    }
}
@media screen and (min-width: 480px) {
    html {
        font-size: 12.8px;
    }
}
@media screen and (min-width: 520px) {
    html {
        font-size: 13.86px;
    }
}
@media screen and (min-width: 560px) {
    html {
        font-size: 14.93px;
    }
}
@media screen and (min-width: 600px) {
    html {
        font-size: 16px;
    }
}
@media screen and (min-width: 640px) {
    html {
        font-size: 17.06px;
    }
}
@media screen and (min-width: 750px) {
    html {
        font-size: 20px;
    }
}