body{ font-size:16px; font-family:微软雅黑; color:#333333; width:100% }
span{ line-height:30px}
a{ color:#333333;text-decoration: none}


 @media screen and (max-width: 1440px)
 {
 body{ font-size:14px; font-family:微软雅黑; }
span{ line-height:28px}

 }
 
  @media screen and (max-width: 768px)
 {
 body{ font-size:12px; font-family:微软雅黑; }
span{ line-height:28px}

 }

*{ margin:0; padding:0; -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   -o-box-sizing: border-box;    -ms-box-sizing: border-box;
box-sizing: border-box;  }

ul,li{ list-style:none; border:0; margin:0; padding:0;}

/*弹性盒子*/
.flex{ display: flex; justify-content:safe center;flex-wrap:wrap}

.flex-left{display:flex;flex-direction:row;flex-wrap:wrap}


.flex-right{display:flex;flex-direction:row-reverse;flex-wrap:wrap}

.flex-center{display:flex;justify-content:center;}

.flex-liangduan{display:flex;justify-content:space-between;flex-wrap:wrap} /*两端对齐*/

/*清空样式*/
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}



/*页面宽度*/
.inner{ width:1200px; margin:0px auto; height:auto}


/*产品列表*/
.inner_1{  height:auto;  padding-top:50px}


.inner_1 .title{ height:50px;position: relative; }
.inner_1 .title_hr{position: absolute;z-index:1; top:45%; height:2px; background-color:#676767; width:20%; margin-left:40%}
.inner_1 .title_h{position: absolute; z-index:1000; font-size:27px;margin:0px auto; background-color:#ffffff;line-height:50px; width:10%;margin-left:45%; text-align:center; color:#000; font-weight:bold}
.inner_1 .title_wz{font-size:18px;color:#676767; text-align:center; line-height:30px}
.inner_1 ul{ margin:50px auto 50px auto;}
.inner_1 ul li{ width:30%; margin:1.5% !important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*/box-shadow: 0 2px 6px 2px #e5e5e5;}








.inner_1 ul li .cp_bg { width:100%; height:250px; vertical-align: middle;
    display: table-cell;
    text-align: center;
}



@media screen and (max-width: 1680px){.inner_1 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1440px){.inner_1 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1336px){.inner_1 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1280px){.inner_1 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 1024px){.inner_1 ul li .cp_bg { width:100%; height:250px;}}
@media screen and (max-width: 768px){.inner_1 ul li .cp_bg { width:100%; height:140px;}}

@media screen and (max-width: 414px){

.inner_1 ul li .cp_bg { width:100%; height:auto/*vertical-align: middle;
    display: table-cell;
    text-align: center;*/
}
.inner_1 ul li{ width:48%; margin:1% !important; background-color:#FFFFFF; text-align:center; /*border-radius: 10px;*/box-shadow: 0 2px 6px 2px #e5e5e5;}
}



.inner_1 ul li .cp_bg img{ width:70%; height:auto}

.inner_1 ul li p{ line-height:40px}
.inner_1 ul li p a{}

.inner_bg{background:#e3e8f0 !important;}
.Saint_h_width{width:13%!important;;margin-left:43.5%!important;}





.inner_4{ background:url(../sximg/bg1.jpg) no-repeat center;height:auto;  padding-top:50px;background-size:cover;}
.inner_4 .title {
    height: 50px;
    position: relative;
}
.inner_4 .title_h {
    position: absolute;
    z-index: 1000;
    font-size: 45px;
    margin: 0px auto;
    margin-left: 45%;
    text-align: center;
    color: #000;
    font-weight: bold;
}
.inner_4 .title_xz {
    position: absolute;
    z-index: 1000;
    font-size: 15px;
    margin: 0px auto;
    margin-left: 43%;
    text-align: center;
    color: #000;
    text-align: center;
	 padding-top: 3px;
}
.gsjs{
    margin-top: 60px;
    margin-left: 350px;
    margin-right: 350px;
    text-align: center;
	line-height:30px
}
.gsjs1{
    margin-top: 60px;
    margin-left: 350px;
    margin-right: 350px;
	line-height:30px
}
.more{    float: none;
    clear: both;
    margin: 50px;
    text-align: center;}

.more a{    display: inline-block;
    *display: inline;
    *zoom: 1;
    line-height: 34px;
    padding: 0 40px;
    border: 1px solid #040404;
    color: #040404;
    transition: all 0.5s ease 0s;}
.inner_4.img{ position: absolute;
    z-index: 1;
    width: 100%;
    background-size: cover;
    height: auto;
    background-image: url(../sximg/bg1.jpg)
}





@media screen and (max-width: 1680px){
.inner{ width:1300px; }

.title_h{font-size:24px!important;}

.inner_1{ margin-top:0px; padding-top:40px}
.inner_1 ul{ margin:40px auto 40px auto}


.inner_4 .title_h { margin-left: 47%!important;}
.inner_4 .title_xz { margin-left: 42%!important;}
}


 @media screen and (max-width: 1440px)
 {
.inner{ width:1200px;}
.inner_4 .title_h { margin-left: 38%!important;}
.inner_4 .title_xz { margin-left: 41%!important;}
 }
 @media screen and (max-width: 1440px)
 {

 .title_hr{ width:50%!important; margin-left:25%!important;}
.title_h{ width:24%!important;margin-left:38%!important; }
.gsjs{
    margin-top: 60px!important;
    margin-left: 250px!important;
    margin-right: 250px!important;
    text-align: center!important;
	line-height:30px!important;
}
}
 
@media screen and (max-width: 1024px){
.inner{ width:98%; margin:0px auto }
.title_h{font-size:16px!important;}
.title_wz{font-size:14px!important;}
.about_title_en{ display:none}
.about_pic{ width:100%; margin-top:20px}

.inner_4{ margin-top:30px; padding-top:30px;background-size:cover}
.gsjs{
    margin-top: 60px!important;
    margin-left: 150px!important;
    margin-right: 150px!important;
    text-align: center!important;
	line-height:30px!important;
}
.inner_4 .title_h { margin-left: 38%!important;}
.inner_4 .title_xz { margin-left: 37%!important;}

}

@media screen and (max-width: 768px){
.about_wz span{ padding-top:20px; display:block; padding-right:0%}


.inner_4{ margin-top:10px; padding-top:10px}
.inner_4 .title_h { margin-left: 38%!important;}
.inner_4 .title_xz { margin-left: 34%!important;}
.gsjs{
    margin-top: 60px!important;
    margin-left: 100px!important;
    margin-right: 100px!important;
    text-align: center!important;
	line-height:30px!important;
}
}




@media screen and (max-width: 414px){
.about_title_en{ display:none}


.title_hr{ width:60%!important; margin-left:20%!important;}
.title_h{ width:50%!important;margin-left:25%!important; }
.gsjs{
    margin-top: 60px!important;
    margin-left: 30px!important;
    margin-right: 30px!important;
    text-align: center!important;
	line-height:20px!important;
}

}







/*底部*/
.inner_foot{width: 100%;color: #dadada; padding:0;position: relative; height:350px; }
.inner_foot .bg{position: absolute;z-index:5; width:100%; background-color:#e3e8f0;height:350px}


.inner_foot .bg ul{ width:1360px; margin:70px auto 0px auto; height:auto}

.inner_foot .bg ul li{ border-right:1px solid #ffffff; width:20%; padding-left:4%;color: #000;}
.inner_foot .bg ul li h3{  font-size:18px; font-weight:bold;color: #000;}



.inner_foot .bg ul li span{line-height:30px; font-size:14px; padding-left:3%; display:block}

.ewm{ width:32%!important;  text-align:right}
 .li-border-right{border-right:0px solid #fff!important; width:26%!important; }
 .ewm img{ width:146px;}
 .li1{ display:block}
 .li2{}
.li3{}


.copyright{ font-size: 14px;  background: #e3e8f0;color: #000000; text-align:center; height:50px; padding-top:40px}








  @media screen and (max-width: 768px){
	  
	  
.inner_foot .bg ul{ width:100%; margin:70px auto 0px auto; height:auto}
	  
	 .ewm img{ width:100px;}  
	  }

 @media screen and (max-width: 414px){
	 .inner_foot{width: 100%;color: #dadada; padding:0;position: relative; height:320px }
	 .inner_foot .bg ul{ width:100%; margin:30px auto 0px auto; height:auto}
.inner_foot .img{position: absolute;z-index:1;width:100%;background:url(../sximg/rwm.jpg) no-repeat; background-size:cover; height:320px}
	 
	 .copyright{ display:none; font-size: 14px; color:#CCC; background: #276bab; text-align:center; height:60px; padding-top:20px}
	 .inner_foot .bg ul li{ border-right:0px solid #e5e5e5; width:98%; padding-left:1%}
	  .li-border-right{border-right:0px solid #fff!important; width:98%!important; padding-left:20px!important; }
	  .ewm{ width:100%!important;  text-align:left; padding-top:10px}
.li1{ display:none}
 .li2{}
.li3{}
.inner_foot .bg ul li span{line-height:25px; font-size:12px; padding-left:0%; display:block}
	 
	.inner_4 .title_h { margin-left: 26%!important;}
.inner_4 .title_xz { margin-left: 23%!important;} }
	 
	 


.about{ height:auto;  padding-top:50px;background-size:cover;}
.about .title {
    height: 50px;
    position: relative;
}
.about .title_h {
    position: absolute;
    z-index: 1000;
    font-size: 45px;
    margin: 0px auto;
    background-color: #FFFFFF;
    margin-left: 45%;
    text-align: center;
    color: #000;
    font-weight: bold;
}
.about .title_xz {
    position: absolute;
    z-index: 1000;
    font-size: 15px;
    margin: 0px auto;
    background-color: #FFFFFF;
    margin-left: 43%;
    text-align: center;
    color: #000;
    text-align: center;
	 padding-top: 3px;
}
.gsjs1{
    margin-top: 60px;
    margin-left: 350px;
    margin-right: 350px;
	line-height:30px;
	margin-bottom: 70px;
}
@media screen and (max-width: 1680px){
.about .title_h { margin-left: 47%!important;}
.about .title_xz { margin-left: 42%!important;}
}


 @media screen and (max-width: 1440px)
 {
.about .title_h { margin-left: 38%!important;}
.about .title_xz { margin-left: 41%!important;}
 }
 @media screen and (max-width: 1440px)
 {

 .title_hr{ width:50%!important; margin-left:25%!important;}
.title_h{ width:24%!important;margin-left:38%!important; }
.gsjs1{
    margin-top: 60px!important;
    margin-left: 250px!important;
    margin-right: 250px!important;
	line-height:30px!important;
}
}
 
@media screen and (max-width: 1024px){

.about{ margin-top:30px; padding-top:30px;background-size:cover}
.gsjs1{
    margin-top: 60px!important;
    margin-left: 150px!important;
    margin-right: 150px!important;
	line-height:30px!important;
}
.about .title_h { margin-left: 38%!important;}
.about .title_xz { margin-left: 37%!important;}

}

@media screen and (max-width: 768px){
.about{ margin-top:10px; padding-top:10px}
.about .title_h { margin-left: 38%!important;}
.about .title_xz { margin-left: 34%!important;}
.gsjs1{
    margin-top: 60px!important;
    margin-left: 100px!important;
    margin-right: 100px!important;
	line-height:30px!important;
}
}



@media screen and (max-width: 414px){
.about{ margin-top:10px; padding-top:10px}
.about .title_h { margin-left: 38%!important;}
.about .title_xz { margin-left: 20%!important;}
.gsjs1{
    margin-top: 60px!important;
    margin-left: 30px!important;
    margin-right: 30px!important;
	line-height:20px!important;
}

}




.proudcts{
	margin-top: 0px;
    background: #fff;
    position: relative;
    z-index: 1}
.dkj{
	width: 1700px;
    margin: 0 auto;
	}
.lb{
	text-align: center;
    padding: 40px 0 40px 0;
    position: relative;
    }
.lb ul li {
    display: inline-block;
    width: auto;
    height: 46px;
    margin: 0 40px;
    line-height: 46px;
    color: #555;
    background-color: #f1f1f1;}
	
.lb ul li a {padding-right: 20px;
    padding-left: 20px;}
	
	
.pc{ margin: 0px auto 0 auto;
    width: 1400px!important;}

.pc ul li {
    float: left;
    width: 23%;
    margin: 1%;
    margin-bottom: 50px;
    text-align: center;
	border: 1px solid #CCC;
}
.pc ul li img {
    width: auto;
    max-height: 200px;
}
@media screen and (max-width: 1440px)
 {
.dkj{
	width: 1200px;
    margin: 0 auto;
	}
.pc{ margin: 0px auto 0 auto;
    width: 1200px!important;}
 }
@media screen and (max-width: 1024px){

.dkj{
	width: 800px;
    margin: 0 auto;
	}
.pc{ margin: 0px auto 0 auto;
    width: 800px!important;}
.pc ul li img {
    width: auto;
    max-height: 130px!important;
}
.lb ul li {
    display: inline-block;
    width: auto;
    height: 46px;
    margin: 0 20px;
    line-height: 46px;
    color: #555;
    background-color: #f1f1f1;}

}

@media screen and (max-width: 768px){
.dkj{
	width: 700px;
    margin: 0 auto;
	}
.pc{ margin: 0px auto 0 auto;
    width: 700px!important;}
.pc ul li img {
    width: auto;
    max-height: 100px!important;
}
.pc ul li {
    float: left;
    width: 23%;
    margin: 1%;
    margin-bottom: 20px;
    text-align: center;
	border: 1px solid #CCC;
}
}



@media screen and (max-width: 414px){
.lb{
	text-align: center;
    padding: 10px 0 10px 0;
    position: relative;
    }
.lb ul li {
    display: inline-block;
    width: auto;
    height: 35px;
    margin: 0 20px;
    line-height: 35px;
    color: #555;
    background-color: #f1f1f1;}
	
.lb ul li a {padding-right: 5px;
    padding-left: 5px;}
.dkj{
	width: 400px;
    margin: 0 auto;
	}
.pc{ margin: 0px auto 0 auto;
    width: 400px!important;}
.pc ul li img {
    width: auto;
    max-height: 50px!important;
}
.pc ul li {
    float: left;
    width: 31%;
    margin: 1%;
    margin-bottom: 10px;
    text-align: center;
	border: 1px solid #CCC;
}
}