@media (min-width: 769px){
#xlg,.artilcenav2{display:none;}
}



@media(max-width:768px){
*{ font-family: "Lato", sans-serif }
.side-nav { DISPLAY: block; Z-INDEX: 1; WIDTH: 100%; height: 5rem; padding: 0; margin: auto; BACKGROUND: none; position: fixed; }
.logoBox {DISPLAY: block; padding: 0px;margin: 0px;height:5rem;BACKGROUND: #fff;  }
.logoBox  .cityLogo {float:left;  TEXT-ALIGN: left; DISPLAY: block; padding: 0px;margin: 0px;}
.logoBox  .cityLogo  img{ height: 5rem; width: auto; max-width: 100%; }
#xlg{DISPLAY: block;float:right;z-index:999; text-align:right}

/***菜单***/
.warpMainBox { float: none; width: 100%; display: block; margin-top:5rem}

/*nav*/
#headbot{width:100%;height:0px;overflow:hidden;position:absolute;left:0px;top:58px;z-index:99999;transition: all 500ms;-webkit-transition: all 500ms;-moz-transition: all 500ms;-o-transition: all 500ms;}
.artilcenav{ display:none;}
.artilcenav2{ WIDTH: 100%; margin: 0px auto; display: block; padding: 0; z-index: 9999; BACKGROUND: #fff; position: fixed; }
.sideMenu a {font-weight: normal; 
  display: block;
  padding: 0.5em 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Lato", sans-serif  }
.sideMenu a:hover { COLOR: #e60013; }
.sideMenu{ WIDTH: 60%; margin: 10% auto; display: block; }
.sideMenu h3{ BORDER-BOTTOM: #d9d9d9 1px solid; TEXT-ALIGN: left;DISPLAY: block; color: #454545;
  color: #231916;
  font-family: "Lato", sans-serif
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5em;transition: All .3s}
.sideMenu h3 em{  cursor:pointer; }
.sideMenu h3.on em{ }
.sideMenu ul{ display:block;   /* 默认都隐藏 */ }
.sideMenu ul li{ BORDER-BOTTOM: #d9d9d9 1px solid; TEXT-ALIGN: left;  DISPLAY: block; COLOR: #231916;  transition: All .3s }
.sideMenu ul li:last-child{ border-bottom: 1px solid #ececec; }
.sideMenu ul li a{ font-weight: normal; 
  display: block;
  padding: 0.5em 0;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  font-family: "Lato", sans-serif
  }


/*模块标题(默认)*/
.page-title {text-align:left; margin:0; padding:0 1rem; position:absolute; left:0; bottom:5rem; width:100%;}
.page-title h3{ font-size: 3rem; color: #ffffff; line-height: normal; font-family: "Lato", sans-serif; }
.page-title h4 { display:none; font-size:3rem; color:#ffffff; line-height:1;}
.page-title p{ margin-top:10px; width:80%; line-height:1.2; font-size:1rem; color:#ffffff;}

#footer .main {padding: 30px 0; 
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;font-family: "Lato", sans-serif;line-height: normal;  
}
	
.d_main { display: block; padding:0rem; background: #FFF; overflow: hidden; }  
.currency{ padding: 1rem; text-align: left; margin: auto; width: 95%; font-size: 1.5rem; min-height: 25rem; font-family: "Lato", sans-serif;line-height: 220%;  }
.currency h1{ font-size:2rem; font-weight: 300; color: #454545; margin-top: 0px; margin-bottom:0.5rem; border-bottom: 1px dotted #999; line-height: normal; }
.currency p{  color: #454545;margin:0rem; font-family: "Lato", sans-serif;line-height: 220%; }
	
	
/*轮播图*/
.box_con img{width:100%;height: auto;}
.f-l{ display: block; height: 20.48rem; overflow: hidden }
.btn-left{position:absolute;left:0;top:30%;z-index:10;padding:5px;}
.btn-right{position:absolute;right:0;top:30%;z-index:10;padding:5px;}
.f-l div:hover .btn-left,.f-l div:hover .btn-right{display:block;}

/*轮播图*/
.newsBox { WIDTH: 100%; BACKGROUND: #e60013; overflow: hidden; display: block; padding-top:1rem; padding-bottom: 1rem; }
.switchBox { TEXT-ALIGN: left; width: 92%; margin: 10px auto; padding: 0px 0px 0px 10px; float: none; }


.newsBox .titH2 {  TEXT-ALIGN: left; width: 92%; margin: 10px auto; padding: 0px 0px 0px 10px; float: none;}
.newsBox .titH2 H2 { HEIGHT: 100%; margin: auto; FONT-SIZE: 170%; FONT-WEIGHT: 300; vertical-align: middle; font-family: "Lato", sans-serif; }
.newsBox .titH2 H2 A { DISPLAY: block; COLOR: #FFF; FONT-SIZE: 170%; FONT-WEIGHT: 300; font-family: "Lato", sans-serif; }
.newsBox .titH2 H2 A:hover { COLOR: #FF8375 }


.newsList LI {MARGIN-BOTTOM: 10px; line-height:3.1rem}
.newsList LI A { DISPLAY: block; COLOR: #fff; FONT-SIZE: 210%; font-family: "Lato", sans-serif;transition: .3s; font-weight: 300; }
.newsList LI A:hover { COLOR: #FF8375 }
.newsList LI SPAN { DISPLAY: block; MARGIN-BOTTOM: 2px; COLOR: #FF8375; FONT-SIZE: 120%; font-family: "Lato", sans-serif }



/**/
.bottomFloat { WIDTH: 100%; OVERFLOW: hidden; margin-top: 2%; display: block; }
.side-icos { text-align: center; width: 70%; margin: auto; padding-top: 1rem; padding-left: 1rem; }
.notBorderBot {	BORDER-BOTTOM: medium none}
.side-icos UL LI { WIDTH: 29%; vertical-align: top; display: inline-block; OVERFLOW: hidden; float: left; margin-right: 10px; }
.side-icos UL LI img{ WIDTH: 55%; }



/**/
.pro{ margin: 0px auto; padding-bottom: 2rem;width: 100%; position: relative; overflow: hidden; overflow: hidden; font-family: "Lato", sans-serif; background: #666; }

.pro .titH2 {  TEXT-ALIGN: left; width: 92%; margin: 10px auto; padding: 0px 0px 0px 10px; float: none;}
.pro .titH2 H2 { HEIGHT: 100%; margin: auto; FONT-SIZE: 170%; FONT-WEIGHT: 300;  font-family: "Lato", sans-serif; }
.pro .titH2 H2 A { DISPLAY: block; COLOR: #FFF; FONT-SIZE: 170%; FONT-WEIGHT: 300; font-family: "Lato", sans-serif; }
.pro .titH2 H2 A:hover { COLOR: #CCCCCC }



.p_z , .p_y{ display: inline-block; width: 0%; margin-top: 8rem; overflow: hidden; }

 .p_z a{ background: url(../images/f_left.png) no-repeat center center;}
 .p_y a{ background: url(../images/f_right.png) no-repeat center center;}
 .p_z a:hover{ background: url(../images/f_left_hover.png) no-repeat center center; }
 .p_y a:hover{ background: url(../images/f_right_hover.png) no-repeat center center; }

.p_z a ,.p_y a { display:inline-block; width:100%; height:50px;}

.ryimg{ display:block; width: 100%; overflow: hidden; }
.ryimg li{ float: left;width:100%;  margin:0px; overflow: hidden; text-align:center;font-family: "Lato", sans-serif;}
.ryimg li a img{  height: 100%; display: inline-block;  height: auto;  max-width: 100%; }
.ryimg li span{ display:block; text-align:center; height:43px; line-height:43px; overflow:hidden; font-size:2rem;color: #fff;font-family: "Lato", sans-serif;}


.bot{ BACKGROUND: #e60013; position: relative; display: block; margin: 0 auto; text-align: left; width:100%; padding: 0px; }
.bot ul{ margin: 0 auto; padding: 1.2rem }
.bot_nav li{ display: block; vertical-align: top; color: #fff; text-align: left; width: 100%; }
.bot_nav li a span{ font-size: 120%; line-height: 260%; font-weight: 600; font-family: "Lato", sans-serif; }
.bot_nav li a{ color: #fff; font-size: 88%; line-height: 260%; font-weight: 300; display: block; overflow: hidden; font-family: "Lato", sans-serif; border-bottom: 1px solid #c81917; letter-spacing: 0.04em; }
.bot_nav li a:hover{ color: #FF8375; }
.f16{ font-size: 120%; }
.bot_nav li a:first-child{border-bottom:0px solid #CA3428;}

.d_main .con_con{  width:100%;  }
.d_main  .ly { width: 100%; overflow: hidden; border-left: 0px solid #CCC; padding:0px}	
.messlist textarea{width:100%; height:110px;padding:5px;border:#ccc 1px solid;font-family: "Lato", sans-serif;}
.messsub button{ font-family: "Lato", sans-serif; width: 100%; height: 5rem; font-size: 3rem; cursor: pointer; margin-right: 5px; color: #FFF; }





.lMenu{ width: 100%; border-bottom: 1px solid #CCC;margin: 0 auto;  }
.lMenu ul{ width: 100%;display: block; margin: 0 auto; overflow: hidden;  }
.lm-list{width: 100%;height: auto;overflow: hidden;}
.lm-list li{display: block; width: auto; height: auto; overflow: hidden; float: left;margin:0px;}
.lm-list li a{  font-size: 1.2rem; color: #231916;margin:0px; padding:0.2rem 1.2rem;font-family: "Lato", sans-serif; }  
#menun .current{ color: #231916; background: #F0F0F1; }  
#menun h4 a{display: block; font-size: 1.2rem; color: #231916; padding:0.2rem 1.2rem;margin:0px;} 


/******/
.proimg{ width: 100%; overflow: hidden; padding-top: 1rem ; padding-bottom:1rem ; margin: auto; }
.proimg li{ width: 100%; margin: 0px; overflow: hidden; text-align: center; display: block; padding-top: 1rem; padding-bottom: 1rem; border-bottom: 1px solid #CCC; font-family: "Lato", sans-serif;}
.proimg li img{ max-width: 90%; width: auto; margin:auto }
.proimg li span{ display: block; text-align: center; height:2.5rem; line-height: 2rem; overflow: hidden; font-size: 2rem; color: #222; width: 100%; font-weight: 600; font-family: "Lato", sans-serif;}


/******/
.dimg{ width: 100%; overflow: hidden; padding-top: 0.2rem; padding-bottom: 0.5rem; margin: auto; }
.dimg li{ float: left; margin: 0px; width: 49%; margin:0.1rem 0.1rem   overflow: hidden; vertical-align:top; color: #fff;  
  text-align: center;}
.dimg li img{ width: 100%; height:auto; margin:auto }
.dimg li span{ display: block; text-align: center; height:2rem; line-height: 2rem; overflow: hidden; font-size: 2rem; color: #222; width: 100%; font-weight: 600;font-family: "Lato", sans-serif;}


.proview{ display: block; width: 90%; overflow: hidden; margin:auto;font-family: "Lato", sans-serif;}



/***左侧选中模式***/
.imgRota{transition:transform 1s;}
.imgRota:hover{transform:rotate(-360deg);}
.pl_btn{ padding:5px 0 0 0; margin:auto;width:60%; float:none}
.pl_btn p{ margin:0 0 8px 0; overflow:hidden;}
.pl_btn p img{width:50%; margin:auto}
.pl_btn ul{ width: 100%; overflow: hidden; margin: 0px; padding: 0px; }
.pl_btn ul li{ float: left; width: 33%; text-align: center; list-style: none; }
.pl_btn ul li a{ display:block;  color:#383838; font-size:14px; text-align:center;font-family: "Lato", sans-serif;}
.pl_btn ul li a:hover{ color:#ff6600}
.pl_btn ul li a span{ display:block; margin:10px auto;}
.pl_btn ul li img{width:65%; margin:0px auto;}

.pr_main{ padding:5px 0 0 0; width:100%; font-size: 12px; text-align: left; margin: auto; float:none}
.pr_main h1{ font-size: 28px; font-weight: 300;font-family: "Lato", sans-serif; color: #454545; margin-top: 0px; margin-bottom: 1rem; border-bottom: 1px dotted #999; }
.pr_main p{  color: #454545;font-size: 1.5rem; line-height:220%;font-family: "Lato", sans-serif;}
.pr_main table{ width:100%; border-collapse: collapse; border: none; margin-top: 1rem; margin-bottom:1rem;font-family: "Lato", sans-serif;}
.pr_main td {border: solid #999 1px;padding: 0.1rem;font-family: "Lato", sans-serif;}
.pr_main th { border: solid #999 1px; background: #787878; color: #FFF; padding: 0.1rem;font-family: "Lato", sans-serif; }

/***左侧选中模式***/



}



	
/*导航按钮*/
.mobilenav { background:url(../images/pmenu.png) center center no-repeat;}
.show{ background:url(../images/pclose.png) center center no-repeat;}