@media screen and (max-width: 480px){
.all{ width:98%; padding:1%;}

.logo{ width:50px; height:50px; float:left; padding:10px 0 0 6px; margin-bottom:32px;}

.logo img{ width:50px; height:auto;}

.by{ width:260px; height:38px; float:right; padding:25px 0 0 9px;}

.by img{ width:260px; height:auto;}

.zyimg{ float:left; width:auto; padding-top:60px; margin-left:-55px;}

.zyimg img{ width:47px; height:15px; padding-left:0px; }

.ssbg{ width:241px; height:36px; overflow:hidden; clear:both; float:left; background-image:url(../image/ss.jpg); margin-top:-70px; text-align:left; margin-right:90px;}

.ssbg input{ width:226px; font-size:14px; color:#999999; margin-top:11px; margin-left:7px; border:solid 0px white;}

.btn{ width:85px; height:36px; float:right; margin-top:-70px;}

.fl{margin-top:-20px;float:left;height:auto; }

.cpt{ width:100%;padding-top:30px; margin-bottom:0px;}

.cpt img{ width:50%; height:auto;}

.cpnr{ width:100%;}

.cpnr a .cpbg{ width:45%; height:280px; background-color:#ffffff; box-shadow:#dddddd 0px 0px 19px; float:left; margin-right:10px; margin-bottom:25px; margin-left:5px; margin-top:11px;}
a:hover .cpbg{ box-shadow:#c22828 0px 0px 19px;}
.cpnr a:nth-child(2n) .cpbg
{
	float:right;
}
.cpbg img{ width:90%; height:auto; padding-top:20px; margin-bottom:16px;}

.cpbg p{ font-size:14px;}

.cpbg span{ font-size:12px;}

.cpbg:hover p{ font-size:14px;}

.cpbg img  {position: relative;
   
    height: auto;
    width: 90%;
}               
.bg{min-height:500px; background-position:top center; background-size:400%; padding-top:0px; margin-top:10px;line-height:24px;}
.gst{ width:100%; height:auto;padding-top:25px;  margin-bottom:10px;}
.gst img{ width:50%; height:auto;}
.gsjs .p{ width:100%; font-size:12px;}
.gsjs img{ max-width:100%; height:auto; padding-top:20px;}
.bq{ width:98%;min-height:448px; padding:1%;}
.cpzs{ width:100%;margin:0px;padding-top:0px;}
.gsjj{ width:100%;padding-top:20px;padding-left:0px;}
.lxwm{ width:100%; float:left; padding-top:20px;padding-left:0px;}
.ewm{ width:80%; height:auto;padding-top:21px;}
.ewm img{ width:100%; height:auto;}
.lrnr{ width:100%;float:left;margin-top:21px;font-size:16.92px;padding-top:19px;}
.lrnr p{ font-size:26px;}
.lrnr img{ width:67px; height:64px; float:right;padding-right:0px;}
.bqs{ width:90%; height:auto; line-height:30px; padding-left:5%; padding-right:5%;}

/********内页样式******/
.left{ width:100%; padding-top:0px; margin-bottom:20px; font-size:13px;float:left;}
.left p{ width:100%; height:42px;}
.left a{ width:45%; height:34px; padding-left:0px;float:left; padding-left:5%;} 
.left a:hover{ width:45%; height:34px; text-align:left; line-height:34px;color:#c22828; display:block; padding-left:5%;}
.left a.cur{ width:45%; padding-left:5%;}
.alls{ width:100%; min-height:200px;}
.right{ width:100%; float:left; overflow:hidden; border-left:solid 0px #e2e2e2; min-height:600px; margin-top:20px; padding-bottom:20px;}
.nr{ width:100%;}
.nr img{ max-width:100%;}

.mod-pager-box
{
    float:left;
    margin-top:20px;
    padding-bottom:10px;
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:40px;
}
.mod-pager-box a
{
    text-align:center;
    margin:0 5px;
    width:40px;
    height:40px;
    color:#fff;
    background-color:#cccccc;
    display:inline-block;
    border-radius:9px;
}
.mod-pager-box a:hover,.mod-pager-box .current
{
    text-align:center;
    margin:0 5px;
    width:40px;
    height:40px;
    color:#fff;
    background-color:#c22828;
    display:inline-block;  border-radius:9px;
}
.mod-pager-box a.pages
{
    width:auto;
    padding:0 15px;  border-radius:9px;
    display:inline-block;
}

.cps{ width:100%;}

.mod-pager-box.s1 a[disabled='disabled'],mod-pager-box.s1 span[disabled='disabled']{ display:none;}
.cp_bg{ width:99%; height:auto; border:solid 1px #e5e5e5; margin-bottom:15px; float:left; overflow:hidden;}
.cp_bg_img{ width:100%; height:auto; padding-top:15px; padding-left:0px; text-align:center;}
.cp_bg_img img{ width:80%; height:auto; }
.cp_bg img  {position: relative;
   
    height: auto;
    width: 80%;
}  
.cp_nr{ width:80%; padding-left:10%;}

a .cptit{ color:#000000; font-size:16.86px; padding-top:25px; float:left;}

a:hover .cptit{ color:#c22828; font-size:16.86px; padding-top:25px; float:left;}

.cpjs{ font-size:15px; color:#838383; float:left; padding-top:15px; padding-left:0px;}

.cp_js{ width:100%; overflow:hidden; clear:both; text-align:left; font-size:14px; color:#4e4e4e; line-height:19px; padding-top:6px;}

.gd{ color:#ffffff; background-color:#c22828; padding:4px 9px 4px 9px; display:block; clear:both; float:left; margin-top:10px; margin-bottom:15px;}

}

.nav-collapse
{
	width:100%;border-bottom:solid 1px #333333; background-color:#000000; 
}


.nav-collapse,
.nav-collapse ul {
  list-style: none;
  width: 100%;
  float: left;
}

.nav-collapse li {
  float: left;
  width: 100%;
}

@media screen and (min-width: 790px) 
{
	.nav-collapse
	{
		height:53px;
	}
	.nav-collapse ul
	{
		float:none;
		clear:both;
		width:1200px;
		margin:0 auto;
		text-align:center;
	}
  .nav-collapse li {
    width: 145px;
    *width: 14.9%; /* IE7 Hack */
    _width: 12%; /* IE6 Hack */
    margin:0px;
    padding:0px;
  }
}

.nav-collapse a {
  color: #fff;
  text-decoration: none;
  width: 100%;
  background: #c22828;
  border-bottom: 1px solid white;
  padding: 0.7em 0em;
  float: left; font-size: 18px;
}

@media screen and (min-width: 790px) {
  .nav-collapse a {
    width:144px; overflow:hidden; text-align:center; display:block; color:#ffffff; float:left;background-color:#000000;height:53px;border-bottom:0px; padding:0px; line-height:53px; margin:0px;
  }

.nav-collapse a:hover{ width:144px; overflow:hidden; text-align:center; display:block; background-color:#c22828; color:#ffffff; float:left;}

.nav-collapse ul li span{ width:1px; height:10px; overflow:hidden; float:left; background-image:url(../image/dx.jpg); margin-top:21px;}

.nav-collapse a.cur{ width:144px; overflow:hidden; text-align:center; display:block; background-color:#c22828; color:#ffffff; float:left;}
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 790px) {
  .nav-collapse ul ul a {
    display: none;
  }
}


/* ------------------------------------------
  NAV TOGGLE STYLES
--------------------------------------------- */

@font-face {
  font-family: "responsivenav";
  src:url("https://www.rf-switch.com/icons/responsivenav.eot");
  src:url("https://www.rf-switch.com/icons/responsivenav.eot?") format("embedded-opentype"),
    url("https://www.rf-switch.com/icons/responsivenav.ttf") format("truetype"),
    url("https://www.rf-switch.com/icons/responsivenav.woff") format("woff"),
    url("https://www.rf-switch.com/icons/responsivenav.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

.nav-toggle {
  position: fixed;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  text-indent: -999px;
  position: relative;
  overflow: hidden;
  width: 70px;
  height: 55px;
  float: right;
  top:-20px;
}

.nav-toggle:before {
  color: #f4421a; /* Edit this to change the icon color */
  font-family: "responsivenav", sans-serif;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 28px;
  text-transform: none;
  position: absolute;
  content: "≡";
  text-indent: 0;
  text-align: center;
  line-height: 55px;
  speak: none;
  width: 100%;
  top: 0;
  left: 0;
}

.nav-toggle.active::before {
  font-size: 24px;
  content:"x";
}

@media screen and (min-width:480px) and (max-width:790px){
.all{ width:98%; padding:1%;}
.logo{ width:67px; height:auto; float:left; padding:10px 0 0 6px; margin-bottom:32px;}
.logo img{ width:67px; height:auto;}
.by{ width:398px; height:auto; float:right; padding:25px 0 0 29px;}
.by img{ width:398px; height:auto;}
.zyimg{ float:left; width:auto; padding-top:85px; margin-left:-55px;}
.zyimg img{ width:47px; height:15px; padding-left:0px; }
.ssbg{ width:241px; height:36px; overflow:hidden; clear:both; float:left; background-image:url(../image/ss.jpg); margin-top:0px; text-align:left; margin-right:90px;}

.ssbg input{ width:226px; font-size:14px;float:left; color:#999999; margin-top:11px; margin-left:7px; border:solid 0px white;}

.btn{ width:85px; height:36px; float:right; margin-top:0px;}

.fl{margin-top:-20px;float:left;height:auto; }

.cpt{ width:100%;padding-top:30px; margin-bottom:0px; height:auto;}

.cpt img{ width:35%; height:auto;}

.cpnr{ width:100%; padding-top:20px;}

.cpnr a .cpbg{ width:45%; height:280px; background-color:#ffffff; box-shadow:#dddddd 0px 0px 19px; float:left; margin-right:10px; margin-bottom:25px; margin-left:5px; margin-top:11px;}
a:hover .cpbg{ box-shadow:#c22828 0px 0px 19px;}
.cpnr a:nth-child(2n) .cpbg
{
	float:right;
}
.cpbg img{ width:80%; height:auto; padding-top:20px; margin-bottom:16px;}

.cpbg p{ font-size:14px;}

.cpbg span{ font-size:12px;}

.cpbg:hover p{ font-size:14px;}

.cpbg img  {
    height: auto;
    width: 80%;
}               
.bg{min-height:500px; background-position:top center; background-size:400%; padding-top:0px; margin-top:10px;line-height:24px;}
.gst{ width:100%; height:auto;padding-top:25px;  margin-bottom:10px;}
.gst img{ width:50%; height:auto;}
.gsjs .p{ width:100%; font-size:12px;}
.gsjs img{ max-width:100%; height:auto; padding-top:20px;}
.bq{ width:98%;min-height:448px; padding:1%;}
.cpzs{ width:100%;margin:0px;padding-top:0px;}
.gsjj{ width:100%;padding-top:20px;padding-left:0px;}
.lxwm{ width:100%; float:left; padding-top:20px;padding-left:0px;}
.ewm{ width:80%; height:auto;padding-top:21px;}
.ewm img{ width:100%; height:auto;}
.lrnr{ width:100%;float:left;margin-top:21px;font-size:16.92px;padding-top:19px;}
.lrnr p{ font-size:26px;}
.lrnr img{ width:67px; height:64px; float:right;padding-right:0px;}
.bqs{ width:100%; height:auto; line-height:30px;}

/********内页样式******/
.left{ width:100%; padding-top:0px; margin-bottom:20px; font-size:13px;float:left;}
.left p{ width:100%; height:42px;}
.left a{ width:45%; height:34px; padding-left:0px;float:left; padding-left:5%;} 
.left a:hover{ width:45%; height:34px; text-align:left; line-height:34px;color:#c22828; display:block; padding-left:5%;}
.left a.cur{ width:45%; padding-left:5%;}
.alls{ width:100%; min-height:200px;}
.right{ width:100%; float:left; overflow:hidden; border-left:solid 0px #e2e2e2; min-height:600px; margin-top:20px; padding-bottom:20px;}
.nr{ width:100%;}
.nr img{ max-width:100%;}

.mod-pager-box
{
    float:left;
    margin-top:20px;
    padding-bottom:10px;
    width:100%;
    text-align:center;
    font-size:12px;
    line-height:40px;
}
.mod-pager-box a
{
    text-align:center;
    margin:0 5px;
    width:40px;
    height:40px;
    color:#fff;
    background-color:#cccccc;
    display:inline-block;
    border-radius:9px;
}
.mod-pager-box a:hover,.mod-pager-box .current
{
    text-align:center;
    margin:0 5px;
    width:40px;
    height:40px;
    color:#fff;
    background-color:#c22828;
    display:inline-block;  border-radius:9px;
}
.mod-pager-box a.pages
{
    width:auto;
    padding:0 15px;  border-radius:9px;
    display:inline-block;
}

.cps{ width:100%;}

.mod-pager-box.s1 a[disabled='disabled'],mod-pager-box.s1 span[disabled='disabled']{ display:none;}
.cp_bg{ width:99%; height:auto; border:solid 1px #e5e5e5; margin-bottom:15px; float:left; overflow:hidden;}
.cp_bg_img{ width:100%; height:auto; padding-top:15px; padding-left:0px; text-align:center;}
.cp_bg_img img{ width:80%; height:auto; }
.cp_bg img  {position: relative;
   
    height: auto;
    width: 60%;
}  
.cp_nr{ width:80%; padding-left:10%;}

a .cptit{ color:#000000; font-size:16.86px; padding-top:25px; float:left;}

a:hover .cptit{ color:#c22828; font-size:16.86px; padding-top:25px; float:left;}

.cpjs{ font-size:15px; color:#838383; float:left; padding-top:15px; padding-left:0px;}

.cp_js{ width:100%; overflow:hidden; clear:both; text-align:left; font-size:14px; color:#4e4e4e; line-height:19px; padding-top:6px;}

.gd{ color:#ffffff; background-color:#c22828; padding:4px 9px 4px 9px; display:block; clear:both; float:left; margin-top:10px; margin-bottom:15px;}

}

@media screen and (min-width:760px) and (max-width:1024px)
{
	.cpbg img  {
    height: auto;
    width: 60%;
} 
}