/* @media (max-width: 1600px) { */
.cp-box{width:1200px;margin:0 auto;}
.hco{
	 width:1200px;
	 margin: 0 auto
	}
header{
  background:#fff;
  width:100%;
  height:157px;	
}
.page{
	 width:30%;
	 margin: 0 auto;
	 padding:30px  0px;
	}
.hrd{
	 width:1200px;
	 margin: 0 auto;
	 height:109px;
	 background:#fff;
	 z-index:109;
	 padding:10px 0px;
	}
#nav{
	  display:block;
	 }
.mune{
	  display:none;
	}
#nav>li>a {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0px 20px;
    font-size: 16px;
    display: block;
}
.ale{
	 float:left;
	 width:50%;

	}
.ari{
	 float:right;
	 width:48%;
	}
.ari  img{
	width:100%;
	height:255px;
	border-top:10px solid  #e90a13;
	}
.about{
	width:1200px;
	margin: 0 auto;
	overflow:hidden;
	}
#ys{ 
 width:1200px;
 margin: 0 auto;
	}
.product{
	 padding-top:65px;
	 	width:1200px;
	margin: 0 auto;
	}
.sitewidget{
	 width:1200px;
	 margin: 0 auto;
	 text-align:center;
	}
.ys li{
	 width:40%;
	 margin-bottom: 20px;
	 text-align:left;
	 float: left;
    /* margin-right:10%;*/
	}
.sp{
	 width:70%;
	 float:left;
	 text-align:right;
	 font-size:16px;
	}
.prodTabList li{
	 width:25%;
	 position:relative;
	 float:left;
	}
.new{
   padding-top:65px;
   	width:1200px;
	margin: 0 auto;
	}
.nle{
	 float:left;
	 width:40%;
	margin-top: 32px;
	}
.nri{
   float:right;
   width:60%;
   position:relative;
	}
.nr{
	 width:100px;
	 height:60px;
	 float:right;
	 position:absolute;
	bottom: 36px;
    right: 137px;
	}
.fot li{
	 width:32%;
	 float:left;
		 margin-left:11px;
	}
#map{
	width:100%;
	height:300px;
	border:#ccc solid 1px;
	font-size:12px; 
	color:#000
}
.ly input{
   height:25px;	
   width:73%;
}
.tex{
		 height:50px;
		  width:73%;
		}
.fli{
  width:66%;
  margin: 0 auto;
  margin-top:30px;
	}
.fli li{
float: left;
    width: 14%;
}
.footText {
	  margin-top:20px;
	  width: 60%;
    margin: 0 auto;
	}
.title-cont{
    z-index: 124;
    width:1200px;
	margin:0 auto;
	}
.width{
	 width:1200px;
	 margin: 0 auto;
	}
.conta-cont li{
	 width:33%;
	 float:left;
}
.cp-article {
    width:200px;
}
.pure-u-1-4, .pure-u-6-24 {
    width:9%;
	line-height:30px;
}
.pure-u-xl-11-12, .pure-u-xl-22-24 {
    width: 90%;
}
.pure-u-1-1{
  width:80%;	
	}

.prod li{
	 border:1px solid #dbd4cd;
	 padding:5px;
	 float:left;
	 width:29%;
	 margin-right:2%;
	 text-align:center;
	 margin-bottom:20px;
	 	}
.hleft{
	 float:left;
	 letter-spacing: 0px;
    line-height: 1.7em;
    text-align: left;
	padding: 10px 0;
	color:#ffffff;
	
	}

.oldwz a {
	  float:left;
	color:#ffffff;
	margin-right:16px;
	}

.logo{
 width:26%;
 float:left;	
margin-top:20px;
}
#breakNewsList a{
	width:70%;
	float:left;
	 background: url("../images/CBG_moblie_nav_004.png") no-repeat left;
	 padding-left:23px;
	}
#breakNewsList span{
	 float:right;
	 width:25%;
	 text-align:right;
	}
.nl{
	 height:110px;
	 float:left;
	  float:left;
	  width:16%;
	}
.alr{
	 width:30%;
	 float:left;
	 margin-top: 40px;
}
.pure-u-1-2{
	width:79%;
}
.detail_left {
	 width:42%;
	}
.detail_right{
	width:56%;
	}
.detail-co{
	 width:1200px;
	 margin:0 auto;
	}
.divWide{ width:1200px;margin:0 auto;}
.fot ul{
	 width:1200px;
	 margin:0 auto;
	}
.prd-list{display:none;}
.focus .next{top: 50%;margin-top: -37px; right:12px;  background-position:-40px -74px;  cursor:pointer;} 
.fil{
	 width:80%;
	 margin: 0 auto;
	}

	/* }*/
@media (max-width: 1280px) {
.hco{
	 width:98%;
	 margin: 0 auto
	}
header{
  background:#fff;
  width:100%;
  height:auto;	
}
.hrd{
	 width:98%;
	 margin: 0 auto;
	 height:auto;
	 background:#fff;
	 z-index:109;
	 padding:10px 0px;
	}
.ale{
	 float:left;
	 width:50%;

	}
.ari{
	 float:right;
	 width:48%;
	}
.about{
	width:98%;
	margin: 0 auto;
	overflow:hidden;
	}
#ys{ 
 width:98%;
 margin: 0 auto;
	}
.product{
  padding-top:65px;
  width:98%;
  margin: 0 auto;
	}
.sitewidget{
	 width:98%;
	 margin: 0 auto;
	 text-align:center;
	}
.new{
   padding-top:65px;
   	width:98%;
	margin: 0 auto;
	}
.nle{
	 float:left;
	 width:40%;
	margin-top: 32px;
	}
.nri{
   float:right;
   width:60%;
   position:relative;
	}
	}

@media only screen and (max-width: 1200px) {
#nav>li>a {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0px 24px;
    font-size: 16px;
    display: block;
}
.title-cont{
    z-index: 124;
    width:98%;
	margin:0 auto;
	}
.width{
	 width:98%;
	 margin: 0 auto;
	}
.containers{width:98%;margin:0 auto;}
.detail-co{
	 width:98%;
	 margin:0 auto;
	}
.divWide{ width:98%;margin:0 auto;}
.fot ul{
	 width:98%;
	 margin:0 auto;
	}
	}

@media only screen and (max-width: 1120px){
#nav>li>a {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0px 19px;
    font-size: 16px;
    display: block;
}

	}

@media only screen and (max-width: 1000px) {
#nav>li>a {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    padding: 0px 15px;
    font-size: 16px;
    display: block;
}
.prodTabList li{
	 width:33%;
	 position:relative;
	 float:left;
	 margin-bottom:20px;
	}
.pure-u-1-4, .pure-u-6-24 {
    width:9%;
	line-height:30px;
}
.pure-u-xl-11-12, .pure-u-xl-22-24 {
    width: 90%;
}
.prod li{
	 border:1px solid #dbd4cd;
	 padding:5px;
	 float:left;
	 width:44%;
	 margin-right:25px;
	 text-align:center;
	 margin-bottom:20px;
	 	}
	}
@media only screen and (max-width: 980px) {
	.cp-box{width:96%;margin:0 auto;}
.prd-list{display:block;}
  .hright{
	    display:none;
	  }
.page{
	 width:80%;
	 margin: 0 auto;
	 padding:30px  0px;
	}
#nav{
	  display:none;
	 }
.mune{
	  display:block;
	}
	.ale{
	 float:none;
	 width:98%;
     margin:0 auto;
	}
.ari{
	 float:none;
	 width:98%;
	  margin:0 auto;
	  padding-top:40px;
	}
.ys li{
	 width:96%;
	 margin-bottom: 20px;
	 text-align:left;
	 float: left;
     margin-right:10%;
	}
	.sp{
	 width:60%;
	 float:left;
	 text-align:right;
	 font-size:16px;
	}
.r-tabs-nav{
	 display:none;
	}
.nle{
	 float:none;
	 width:100%;
	margin-top: 32px;
	}
.nri{
   float:none;
   width:100%;
   position:relative;
	}
.fot li{
    width: 98%;
    float: none;
    margin: 0 auto;
	}
#map{
	width:100%;
	height:300px;
	border:#ccc solid 1px;
	font-size:12px; 
	color:#000
}
.ly input{
   height:25px;	
   width:75%;
}
.tex{
		 height:50px;
		  width:75%;
		}
.footText {
	  margin-top:20px;
	  width: 80%;
    margin: 0 auto;
	}
.cp-article {
    width: 29%;
}

.pure-u-1-4, .pure-u-6-24 {
    width:13%;
	line-height:30px;
}
.hidden-xs {display:none;}
.pure-u-xl-11-12, .pure-u-xl-22-24 {
    width:86%;
}
.pure-u-1-1{
  width:96%;
  margin:0 auto;	
	}

.hleft{
	 float:left;
	 letter-spacing: 0px;
    line-height: 1.7em;
    text-align: left;
	padding: 10px 0;
	}
.logo{
 width:73%;
 float:left;	
margin-top:20px;
}
#breakNewsList a{
	width:35%;
	float:left;
	 background: url("../images/CBG_moblie_nav_004.png") no-repeat left;
	 padding-left:23px;
	}
#breakNewsList span{
	 float:right;
	 width:55%;
	 text-align:right;
	}
.nl{
	 height:110px;
	 float:left;
	  float:left;
	  width:23%;
	}
.alr{
	 width:38%;
	 float:left;
	 margin-top: 40px;
}
.nr{
	 width:100px;
	 height:60px;
	 float:right;
	 position:absolute;
	bottom: -9px;
    right: 10%;
	
}
.pure-u-1-2{
	width:64%;
	}
	.detail_left {
	 width:100%;
	 float:none;
	}
.detail_right{
	width:100%;
	float:none;
	}
.focus .next{top: 50%;margin-top: -37px; right: 0;  cursor:pointer;} 
.fli {
    width: 100%;
    margin: 0 auto;
    margin-top: 30px;
    display:none;
}
.fli li {
    float: left;
    width: 20%;
}
	}
@media only screen and (max-width: 860px) {

	}

@media only screen and (max-height: 840px) {

	}

@media only screen and (max-width: 800px) {
.prodTabList li{
	 width:50%;
	 position:relative;
	 float:left;
	 margin-bottom:20px;
	}
.conta-cont li{
	 width:100%;
	 float:none;
}
	}

@media only screen and (max-width: 768px) {
	
}

@media only screen and (max-width: 680px) {
	
}
@media only screen and (max-width: 620px) {
	.prodTabList li{
	 width:100%;
	 position:relative;
	 float:left;
	 margin-bottom:20px;
	}
#map{
	width:100%;
	height:300px;
	border:#ccc solid 1px;
	font-size:12px; 
	color:#000
}
.pure-u-1-4, .pure-u-6-24 {
    width:17%;
	line-height:30px;
}
.pure-u-xl-11-12, .pure-u-xl-22-24 {
    width:83%;
}
.prod li{
	 border:1px solid #dbd4cd;
	 padding:5px;
	 float:none;
	 width:96%;
	 margin-right:25px;
	 text-align:center;
	 margin-bottom:20px;
	 	}
.nl{
	 height:110px;
	 float:left;
	  float:left;
	  width:36%;
	}
.alr{
	 width:57%;
	 float:left;
	 margin-top: 40px;
}
.nr{
	 width:100px;
	 height:60px;
	 float:right;
	 position:absolute;
	bottom: 26px;
    right: -1%;
	
}
	}

@media only screen and (max-width: 500px) {
	.cp-article {
    width:35%;
}

	}

@media only screen and (max-width: 420px) {
	
	}

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

}
@media only screen and (max-width: 320px) {
#map{
	width:100%;
	height:300px;
	border:#ccc solid 1px;
	font-size:12px; 
	color:#000
}
.pure-u-1-4, .pure-u-6-24 {
    width:32%;
	line-height:30px;
}
.pure-u-xl-11-12, .pure-u-xl-22-24 {
    width:67%;
}
	}