@charset "utf-8";
/* site style */
body { background:#fff; max-width:1920px; font-size:0.85em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; margin:0 auto; padding:0; color:#333; line-height:200%; }
body a { transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
ul, ol { list-style-position:outside; }
li { list-style-type:none; }
img { border:0; }
div {  }
input , select { vertical-align:middle; }
p , dl ,dt, dd { margin:0; padding: 0;}
img { border: none; max-width:100%; }
em { font-weight: bold; font-style: normal }
h1 , h2 , h3 , h4 , h5 , h6 , ul , ol, li, dl, dt, dd, p, form { padding:0;margin:0; }
a { color:#333; text-decoration: none }
a:hover { color: #fb0319; text-decoration: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }

.pagination { clear:both; text-align:center; padding:1em 0; line-height:160%; }
.pagination a { background:#2059b0; color:#fff; padding:0.5em 1em; text-align:center; text-decoration:none ;  margin:0 0.3em 1em 0.3em; display:inline-block; }
.pagination em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; display:inline-block; }
.pagination a:hover { background:#f60; color:#fff; text-decoration:none; }
.pagination span { background:#ccc; color:#333; padding:0.5em 1em; margin:0 0.3em; display:inline-block; }
.pagination  .current { background:#ccc; color:#fff; display:inline-block; }

img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

/* 主菜单 s */

.animenu {  display: block; overflow:visible; }
.animenu ul {  padding: 0;  list-style: none; }
*, *:after, *:before {  box-sizing: border-box; }
.animenu__nav--open {  display: block !important;}


@media (min-width:1056px) {
.header { background:#fff; width:100%; z-index:99; overflow:visible; }
.header div { width:100%; margin:0 auto; display:block;  z-index:999; text-align:center; overflow:visible; }
.header div aside { width:100%; max-width:1200px; margin:1.2em auto; display:block;overflow: hidden; }
.header h1 { float:left;  max-width:632px; line-height:0; display:block;  }
.header h1 img { line-height:0; }
.header p { float:right; margin-left:2em; font-size:130%; margin-top:1.5em; padding-left:32px; display:block; }
.header p i { display:none; }
.header .toptel { background:url(toptel.png) left center no-repeat; }
.header .toptel a { color:#2059b0; font-size:120%; font-weight:bolder; }
.header .toptel a:hover { color:#fb0319; }
.header .topfav { background:url(topfav.png) left center no-repeat; }
.header nav { background:#2059b0; clear:both; width:100%; z-index:999; overflow:visible;  }
.header nav ul { max-width:1200px; margin:0 auto; display:block; z-index:999; }
.animenu__nav { display:block; background:#2059b0; margin:0; padding:0; z-index:999; overflow:visible; height:50px;line-height:50px; }
.animenu__nav li { float:left; display:block; width:12.5%;  }
.animenu a {  color: #fff;  text-decoration: none;  }
.animenu li, .animenu a {  display: inline-block; }
.animenu__toggle {  display: none; }
.animenu a { color:#fff;  text-decoration: none; z-index:999; }
.animenu__nav {  background-color: #2059b0;}
.animenu__nav > li {   display:block;  position:relative;  }
.animenu__nav > li i { display:none; }
.animenu__nav > li > a { display:block; text-transform: uppercase; font-size:120%; color:#fff; height:50px;line-height:50px; }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a {  color: #fff; background:#fb0319; }
.animenu__nav__child {  min-width: 100%;  position: absolute;  top:50px;  left: 0;  z-index: 1;  opacity: 0;  visibility: hidden;  background-color: #2963bb;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {  width: 100%;  border-top: 1px solid #2059b0;}
.animenu__nav__child a {  width: 100%;  border-color: #2963bb; color: #fff; text-align:center; }
.animenu__nav__child a:hover {  background-color: #fb0319;  color: #fff;}

.animenu__nav #muis { background:#fb0319;}
}

@media (min-width: 700px) and (max-width:1055px) {
.header { background:#fff; width:100%; z-index:99; overflow:visible; }
.header div { width:100%; margin:0 auto; display:block;  z-index:999; text-align:center; overflow:visible; }
.header div aside { width:100%; max-width:1200px; margin:1em auto; display:block;overflow:hidden; }
.header h1 { float:left; width:60%; max-width:600px; line-height:0; display:block;  }
.header h1 img { line-height:0; }
.header p { float:right; margin-left:2em; font-size:130%; margin-top:1.2em; padding-left:32px; display:block; }
.header p i { display:none; }
.header .toptel { background:url(toptel.png) left center no-repeat; }
.header .toptel a { color:#2059b0; font-size:120%; font-weight:bolder; }
.header .toptel a:hover { color:#fb0319; }
.header .topfav { display:none; }
.header nav { background:#2059b0; clear:both; width:100%; z-index:999; overflow:visible;  }
.header nav ul { max-width:1200px; margin:0 auto; display:block; z-index:999; }
.animenu__nav { display:block; background:#2059b0; margin:0; padding:0; z-index:999; overflow:visible; height:50px;line-height:50px; }
.animenu__nav li { float:left; display:block; width:12.5%;  }
.animenu a {  color: #fff;  text-decoration: none;  }
.animenu li, .animenu a {  display: inline-block; }
.animenu__toggle {  display: none; }
.animenu a { color:#fff;  text-decoration: none; z-index:999; }
.animenu__nav {  background-color: #2059b0;}
.animenu__nav > li {   display:block;  position:relative;  }
.animenu__nav > li i { display:none; }
.animenu__nav > li > a { display:block; text-transform: uppercase; font-size:120%; color:#fff; height:50px;line-height:50px; }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a {  color: #fff; background:#2963bb; }
.animenu__nav__child {  min-width: 100%;  position: absolute;  top:50px;  left: 0;  z-index: 1;  opacity: 0;  visibility: hidden;  background-color: #2963bb;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {  width: 100%;  border-top: 1px solid #2059b0;}
.animenu__nav__child a {  width: 100%;  border-color: #2963bb; color: #fff; text-align:center; }
.animenu__nav__child a:hover {  background-color: #fb0319;  color: #fff;}

.animenu__nav #muis { background:#fb0319;}
}

@media (max-width: 699px) {
.header { background:#fff; background-size:100%; width:100%; z-index:99;   }
.header div { overflow: visible; margin: 0; min-height: 80px; position:relative; }

.header div aside { width:100%; max-width:1200px; margin:0 auto; display:block;overflow:hidden; }

.header h1 { float:none;  margin:13px auto 8px auto; display:block; }
.header h1 img { max-width:80%; padding-left:10px; max-height:40px; }

.header p { float:none; width:100%;  font-size:120%; text-align:center; display:block; }
.header p i { padding-right:6px; }
.header .toptel { background:#2059b0; overflow:hidden; color:#fff; line-height:36px; }
.header .toptel a { color:#fff; }
.header .topfav { display:none; }

.header nav { width:60%; z-index:999; text-align:right; padding:0 0 0 0; position:absolute; top:12px; right:10px; }
.header nav ul { z-index:999; }
.animenu__nav {  }
.animenu li, .animenu a {  display: inline-block;  font-size: 15px; text-align:center;}
.animenu__toggle { display: none;  cursor: pointer;  background-color: #2059b0;  border: 0;  padding: 10px;  height: 40px;  width: 40px; outline:none; margin: 0; position:relative; }
.animenu__toggle:hover {  background-color: #2059b0;}
.animenu__toggle__bar { display: block;  width: 20px;  height: 2px;  background-color: #ffffff;  -webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);   -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);   transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); }
.animenu__toggle__bar + .animenu__toggle__bar {  margin-top: 4px;}
.animenu__toggle--active .animenu__toggle__bar {  margin: 0;  position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {  -webkit-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {  opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);}
.animenu a {   text-decoration: none; color:#ffffff;  }
.animenu__nav {  background-color: #2059b0; margin-top: 0; }
.animenu__nav > li {  position: relative;  }
.animenu__nav > li > a {  padding: 10px 30px;  text-transform: uppercase; }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a {  color: #fff; }
.animenu__nav__child {  min-width: 100%;  position: absolute;  top: 100%;  left: 0;  z-index: 1;  opacity: 0;  visibility: hidden;  margin:0;  background-color: #2059b0;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {  width: 100%; border-bottom:1px #2c66bf solid;  }
.animenu__nav__child > li:first-child > a:after {  content: '';  position: absolute;  height: 0;  width: 0;  left: 1em;  top: -16px;  border: 6px solid transparent;  border-top: 0;  border-bottom-color: inherit;}
.animenu__nav__child > li:last-child {  border: 0;}
.animenu__nav__child a {  padding:6px 10px;  width: 100%;  border-color: #2059b0; }
.animenu__nav__child a:hover {  background-color: #2c66bf;  color: #fff;}
.animenu__toggle {    display: inline-block;  }
.animenu__nav {  display:none;  }
.animenu__nav__child { display:none; }
.animenu__nav {    margin: 0; padding: 0  }
.animenu__nav > li {    width: 100%; border-right: 0; border-bottom: 1px solid #2c66bf; }
.animenu__nav > li:last-child {    border: 0;  }
.animenu__nav > li:first-child > a:after {      }
.animenu__nav > li > a {    width: 100%;    padding: 10px;    border-color: #2059b0;    position: relative; }

.animenu__nav > li i { margin-left:8px; }

.animenu__nav a:hover {    background-color: #427acf;   color: #fff;  }
.animenu__nav__child {    position: static;    background-color: #2059b0;    margin: 0;    transition: none;    visibility: visible; opacity: 1;   }
.animenu__nav__child > li:first-child > a:after {    content: none;  }
.animenu__nav__child a { background:#2c66bf;    padding-left: 20px;  width: 100%; padding: 10px 0; border-bottom:1px #3771cb solid;   }

.navmini i {  -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); webkit-transform:rotate(180deg); }

}
/* 主菜单 e */


/* 顶部图文字s */
@media (min-width: 801px) {
.flexslider { clear:both; overflow:hidden; position:inherit }
.flexslider ul li { width:100%; text-align:center; }
.flexslider ul li a { max-width:687px; margin:0 auto; display:block; }
.flexslider ul li img { width:90%; max-width:687px; margin:12em auto 20em auto; display:block; }
}
@media (max-width: 800px){	
.flexslider { clear:both; overflow:hidden; }
.flexslider ul li { width:100%; text-align:center; }
.flexslider ul li a { max-width:70%; margin:0 auto; display:block; }
.flexslider ul li img { width:100%; margin:4em auto 5em auto; display:block; }
}
@media (min-width: 801px) {
.slidesli1 { background:url(topbg1.jpg) center no-repeat;background-size:100% 100%; }
}
@media (max-width: 800px){	
.slidesli1 { background:url(topbg1.jpg) center no-repeat;background-size:100% 100%; }
}
/* 顶部图文字e */


@media (min-width: 601px) {
.intit { width:96%; max-width:1200px; margin:2em auto 0 auto; text-align: center;  padding: 1em 0; background:url(intit.png) 50% 3.5em no-repeat; }
.intit h3 { color: #333; font-size:180%; line-height:100%; display:block; padding-bottom:0.5em; }
.intit span { font-size:80%; color:#999;  }
}
@media (max-width: 600px){	
.intit { width:96%; margin:1em auto 0 auto; text-align: center;  padding: 1em 0; background:url(intit.png) 50% 3.1em no-repeat; background-size:220px auto; }
.intit h3 { color: #333; font-size:150%; line-height:100%; display:block; padding-bottom:0.5em; }
.intit span { font-size:80%; color:#999; font-family: Helvetica,Verdana,simsun; }
}

@media (min-width: 601px) {
.intits { width:96%; max-width:1200px; margin:2em auto 0 auto; text-align: center;  padding: 1em 0; background:url(intits.png) 50% 3.5em no-repeat; }
.intits h3 { color: #fff; font-size:180%; line-height:100%; display:block; padding-bottom:0.5em; }
.intits span { font-size:80%; color:#fff;  }
}
@media (max-width: 600px){	
.intits { width:96%; margin:1em auto 0 auto; text-align: center;  padding: 1em 0; background:url(intits.png) 50% 3.1em no-repeat; background-size:220px auto; }
.intits h3 { color: #fff; font-size:150%; line-height:100%; display:block; padding-bottom:0.5em; }
.intits span { font-size:80%; color:#fff; font-family: Helvetica,Verdana,simsun; }
}

@media (min-width: 601px) {
.ajfangtit { width:98%; max-width:800px; margin:0 auto; overflow:hidden; }
.ajfangtit ul li { float:left; width:21%; margin:0 2%; text-align:center; font-size:120%; line-height:220%; padding:0; cursor:pointer; border-radius:1em; }
.ajfangtit ul .aj1 { background:#2059b0; color:#fff; }
.ajfangtit ul .aj2 { background:#fff; border:1px #d5d3d3 solid; color:#333; }
}
@media (max-width: 600px){	
.ajfangtit { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; text-align:center; }
.ajfangtit ul li { text-align:center; font-size:90%; line-height:220%; padding:0 5px; margin:0; cursor:pointer; border-radius:1em; display:inline-block; }
.ajfangtit ul .aj1 { background:#2059b0; color:#fff; }
.ajfangtit ul .aj2 { background:#fff; border:1px #d5d3d3 solid; color:#333; }
}

@media (min-width: 801px) {
.ajfang { width:96%; max-width:1200px; margin:0 auto; padding:1.5em 0; }
.ajfang table { width:100%; border-left:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; font-size:110%; }
.ajfang table td { border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; height:46px; line-height:46px; overflow:hidden; }
.ajfang table thead td { background:#f3f8ff; }
.ajfang table tbody tr:nth-child(odd){ }
.ajfang table tbody tr:nth-child(even){ background:#f9f9f9; }
.ajfang table .more { color:#818181; }
.ajfang table .more:hover { color:#f60; }
.ajfang .tbsmtit { min-width:100px; }
.ajfang .tbsmtitpc { min-width:100px; }

}
@media (max-width: 800px){	
.ajfang { width:96%; max-width:1200px; margin:0 auto; padding:1em 0; }
.ajfang table { width:100%; border-left:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; font-size:90%; }
.ajfang table td { border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; overflow:hidden; padding:5px 0; }
.ajfang table thead td { background:#f3f8ff; }
.ajfang table tbody tr:nth-child(odd){ }
.ajfang table tbody tr:nth-child(even){ background:#f9f9f9; }
.ajfang table .more { color:#818181; }
.ajfang table .more:hover { color:#f60; }
.ajfang .tbsmtit { min-width:75px; }
.ajfang .tbsmtitpc { display:none; }
}

@media (min-width: 801px) {
.imore { clear:both; width:100%; max-width:390px; text-align:center; margin:0 auto 0 auto; }
.imore a { background:#fff; border:1px #e0e0e0 solid; padding:0.3em 3em; display: inline-block; border-radius:2em; }
.imore a:hover { border:1px #fb0319 solid; background:#fff; color:#fb0319; padding:0.3em 4em; }
}
@media (max-width: 800px){	
.imore { clear:both; width:100%; max-width:390px;  text-align:center; margin:0 auto 0 auto; }
.imore a { background:#fff; border:1px #e0e0e0 solid; padding:0.1em 2em; display: inline-block; border-radius:2em; }
.imore a:hover { border:1px #fb0319 solid; background:#fff; color:#fb0319; }
}


@media (min-width: 1101px) {
.mainabout { background:#2059b0 url(aboutbg.jpg) center bottom no-repeat; margin:3em 0 2em 0; overflow:hidden;}
.mainabout dl { display:block; width:96%; max-width:1200px; margin:1.5em auto 3em auto; overflow:hidden; }
.mainabout dl dt { float:right; width:49%; display:block; }
.mainabout dl dt img { width:100%; max-width:546px; }
.mainabout dl dd { float:left; width:49%; display:block; color:#fff; line-height:260%; }
.mainabout dl dd h3 { font-size:160%; font-weight:normal; padding-bottom:5px; }
.mainabout dl dd p { font-size:120%; text-indent:2em; }
.mainabout .moreabout { padding-top:16px; }
.mainabout .moreabout a { background:#fff; padding:0 3em; display: inline-block; border-radius:2em; }
.mainabout .moreabout a:hover { background:#fb0319; color:#fff; }
}
@media (min-width: 861px) and (max-width: 1100px) {
.mainabout { background:#2059b0 url(aboutbg.jpg) center bottom no-repeat; margin:3em 0 2em 0; overflow:hidden;}
.mainabout dl { display:block; width:96%; max-width:1200px; margin:1.5em auto 3em auto; overflow:hidden; }
.mainabout dl dt { float:right; width:49%; display:block; }
.mainabout dl dt img { width:100%; max-width:546px; }
.mainabout dl dd { float:left; width:49%; display:block; color:#fff; line-height:230%; }
.mainabout dl dd h3 { font-size:130%; font-weight:normal; padding-bottom:5px; }
.mainabout dl dd p { font-size:100%; text-indent:2em; }
.mainabout .moreabout { padding-top:16px; }
.mainabout .moreabout a { background:#fff; padding:0 3em; display: inline-block; border-radius:2em; }
.mainabout .moreabout a:hover { background:#fb0319; color:#fff; }
}

@media (min-width: 601px) and (max-width:860px) {
.mainabout { background:#2059b0 url(aboutbg.jpg) center bottom no-repeat; background-size:auto 100%; margin:3em 0 2em 0; overflow:hidden;}
.mainabout dl { display:block; width:96%; max-width:1200px; margin:1.5em auto 3em auto; overflow:hidden; }
.mainabout dl dt { width:100%; display:block; }
.mainabout dl dt img { width:100%; }
.mainabout dl dd { width:100%; display:block; color:#fff; line-height:230%; }
.mainabout dl dd h3 { font-size:130%; font-weight:normal; padding-bottom:5px; }
.mainabout dl dd p { font-size:110%; text-indent:2em; }
.mainabout .moreabout { padding-top:16px; text-align:center; padding-bottom:2em; }
.mainabout .moreabout a { background:#fff; padding:0 3em; display: inline-block; border-radius:2em; }
.mainabout .moreabout a:hover { background:#fb0319; color:#fff; }
}
@media (max-width: 600px){	
.mainabout { background:#2059b0 url(aboutbg.jpg) center bottom no-repeat; background-size:auto 100%; margin:2em 0 1em 0; overflow:hidden;}
.mainabout dl { display:block; width:96%; max-width:1200px; margin:0 auto 0 auto; overflow:hidden; }
.mainabout dl dt { width:100%; display: none; }
.mainabout dl dt img { width:100%; }
.mainabout dl dd { width:100%; display:block; color:#fff; line-height:230%; }
.mainabout dl dd h3 { font-size:120%; font-weight:normal; padding-bottom:5px; text-align:center; }
.mainabout dl dd p { font-size:100%; text-indent:2em; }
.mainabout .moreabout { padding-top:6px; padding-bottom:2em; text-align:center }
.mainabout .moreabout a { background:#fff; padding:0 2em; display: inline-block; border-radius:2em; }
.mainabout .moreabout a:hover { background:#fb0319; color:#fff; }
}

@media (min-width: 801px) {
.isa2 { width:96%; max-width:1200px; margin:0 auto; overflow:hidden; }
.isaleft { width:48%; float:left; padding-top:1em; text-align:left; }
.isaleft img { width:100%; }
.isaright { width:50%; float:right; font-size:110%; line-height:200%; padding-top:0; }
}

@media (max-width: 800px){	
.isa2 { width:96%; margin:0 auto; overflow:hidden; }
.isaleft { padding-top:0.5em; text-align:left; }
.isaleft img { width:100%; }
.isaright { font-size:110%; line-height:180%; }
}

@media (min-width: 601px) {
.isaright a li { width:100%;  clear: both; overflow:hidden; margin:0 0; border-bottom:1px #e0e0e0 dashed; padding:1em 0; }
.isaright a li dl { float:left; width:6em; height:6em; background:#f1f1f1; text-align:center; line-height:0; margin-right:1em; display:block; color:#777; border-radius:50%; }
.isaright a li dl dt { line-height:2em; font-size:2em; margin:0; padding:0; display:block; }
.isaright a li dl dd { line-height:1em; font-size:0.6em;  margin:0; padding:0; display:block; }
.isaright a:hover li dl { background:#0070c0; color:#fff; }
.isaright a li article { float:rihgt;  }
.isaright a li article h3 { font-size:120%; line-height:200%; }
.isaright a li article p { color:#999; font-size:90%; line-height:22px; height:66px; overflow:hidden; display:block; }
}

@media (max-width: 600px){	
.isaright a li { width:100%;  clear: both; overflow:hidden; margin:0.6em 0; border-bottom:1px #e0e0e0 dashed; padding:0.5em 0; }
.isaright a li dl { float:left; width:4em; height:4em; background:#f1f1f1; text-align:center; line-height:0; margin-right:1em; display:block; color:#777; }
.isaright a li dl dt { line-height:2em; font-size:1.2em; margin:0; padding:0; display:block; }
.isaright a li dl dd { line-height:1em; font-size:0.6em;  margin:0; padding:0; display:block; }
.isaright a li article { float:rihgt;  }
.isaright a li article h3 { font-size:100%; line-height:200%; }
.isaright a li article p { color:#999; font-size:80%; line-height:160%; display:block; }
}

.hiSlider { width:100%; height:auto; overflow:hidden; display: inline-block; line-height:0;  }
.hiSlider li { list-style-type:none; list-style-position:inside; height:auto; }
.hiSlider li img { margin:0 auto; width:100%; height:auto; max-height:380px; }
.hiSlider-pages,.hiSlider-title { position:absolute;z-index:3 }
.hiSlider-btn-prev,.hiSlider-btn-next { display:none; }
.hiSlider-title{ bottom:0; width:100%; padding:6px 0; color:#fff; background:rgba(0,0,0,.6);z-index:2; font-size:110%; line-height:none; text-indent:12px; }
.hiSlider-pages{ bottom:0;right:10px;text-align:right; }
.hiSlider-pages a{ margin:0 3px;display:inline-block;overflow:hidden;font-size:12px;background:#666; color:#fff; padding:5px 8px; line-height:100%; }
.hiSlider-pages a.active{ background:#f60 }

@media (min-width: 801px) {
.imorepd { clear:both; width:100%; text-align:center; margin:2em auto; }
.imorepd a { background:#fff; border:1px #e0e0e0 solid; padding:0.3em 3em; display: inline-block; border-radius:2em; }
.imorepd a:hover { border:1px #fb0319 solid; background:#fff; color:#fb0319; padding:0.3em 4em; }
}
@media (max-width: 800px){	
.imorepd { clear:both; width:100%; text-align:center; margin:1em auto; }
.imorepd a { background:#fff; border:1px #e0e0e0 solid; padding:0.1em 2em; display: inline-block; border-radius:2em; }
.imorepd a:hover { border:1px #fb0319 solid; background:#fff; color:#fb0319; }
}


@media (min-width: 1100px) {
.flink { background:#f6f6f6; overflow:hidden; padding-bottom:2em; }
.flink ul { width:96%; max-width:1210px; margin:0 auto; overflow:hidden; }
.flink ul li { float:left; width:12.5%; display: block; }
.flink ul li a { padding:0 5px; display: block; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.flink { background:#f6f6f6; overflow:hidden; padding-bottom:2em; }
.flink ul { width:96%; margin:0 auto; overflow:hidden; }
.flink ul li { float:left; width:16.666%; display: block; }
.flink ul li a { padding:0 5px; display: block; }
}
@media (min-width: 600px) and (max-width: 899px) {
.flink { background:#f6f6f6; overflow:hidden; padding-bottom:2em; }
.flink ul { width:96%; margin:0 auto; overflow:hidden; }
.flink ul li { float:left; width:20%; display: block; }
.flink ul li a { padding:0 5px; display: block; }
}
@media (max-width: 599px) {
.flink { background:#f6f6f6; overflow:hidden; padding-bottom:2em; }
.flink ul { width:96%; margin:0 auto; overflow:hidden; }
.flink ul li { float:left; width:33.333%; display: block; }
.flink ul li a { padding:0 5px; display: block; }
}

#footer { }

@media (min-width: 1230px) {
#footer {  width:100%; background:#2059b0 url(footerbg.png) center bottom  no-repeat; border-top:5px #fb0319 solid; padding:3em 0; overflow:hidden; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }
#footer dl { float:left; padding-right:2em; text-align:center; color:#fff; }
#footer dl dt { line-height:0; }
#footer dl dt img { width:110px; }
#footer aside { float:left; color:#fff;  }
#footer aside p { display:block; font-size:100%; line-height:250%;  }
#footer aside span { font-size:130%; font-weight:bold; }
#footer article { float:right; display:block; }
#footer article ul { display:block; padding-bottom:1em; overflow:hidden; }
#footer article ul li { float:left; padding:0 0 5px 1em; }
#footer article ul li a { color:#fff; font-size:120%;   }
#footer article ul li a:hover { text-decoration:underline; }
#footer article p { text-align:right; color:#fff; line-height:230%; display:block; }
#footer article span { text-align:right; color:#fff; display:block; }
#footer article span a { color:#fff; }
}
@media (min-width: 989px) and (max-width: 1229px) {
#footer {  width:100%; background:#2059b0 url(footerbg.png) center bottom  no-repeat; border-top:5px #fb0319 solid; padding:3em 0; overflow:hidden; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }
#footer dl { float:left; padding-right:2em; text-align:center; color:#fff; }
#footer dl dt { line-height:0; }
#footer dl dt img { width:110px; }
#footer aside { float:left; color:#fff;  }
#footer aside p { display:block; font-size:100%; max-width:230px;  }
#footer aside span { font-size:130%; font-weight:bold; }
#footer article { float:right; display:block; }
#footer article ul { display:block; padding-bottom:1em; overflow:hidden; }
#footer article ul li { float:left; padding:0 0 5px 8px; }
#footer article ul li a { color:#fff; font-size:120%;   }
#footer article ul li a:hover { text-decoration:underline; }
#footer article p { text-align:right; color:#fff; line-height:150%; display:block; }
#footer article span { text-align:right; color:#fff; display:block; }
#footer article span a { color:#fff; }
}
@media (min-width: 656px) and (max-width: 988px) {
#footer {  width:100%; background:#2059b0 url(footerbg.png) center bottom  no-repeat; border-top:5px #fb0319 solid; padding:3em 0; overflow:hidden; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }

#footer section { float:left; overflow:hidden; }
#footer dl { float:left; padding-right:2em; text-align:center; color:#fff; }
#footer dl dt { line-height:0; }
#footer dl dt img { width:100px; }

#footer aside { float:left; color:#fff;  }
#footer aside p { display:block; font-size:110%; line-height:220%; }
#footer aside span { font-size:130%; font-weight:bold; }

#footer article { clear:both; float:none; width:100%; display:block; }
#footer article ul { display:block; padding:1em 0; overflow:hidden; text-align:center; }
#footer article ul li { display:inline; padding:0 0 5px 8px; }
#footer article ul li a { color:#fff; font-size:120%;   }
#footer article ul li a:hover { text-decoration:underline; }
#footer article p { text-align:center; color:#fff; line-height:150%; display:block; }
#footer article span { text-align:center; color:#fff; display:block; }
#footer article span a { color:#fff; }
}
@media (max-width: 655px){	
#footer {  width:100%; background:#2059b0 url(footerbg.png) center bottom no-repeat; background-size:260% auto; border-top:5px #fb0319 solid; padding:2em 0 2em 0; overflow:hidden; }
#footer div { width:96%;margin:0 auto; }

#footer section { display:none; font-size:0; }
#footer dl { display:none; }

#footer aside { width:70%; margin:0 auto; float:none; color:#fff; padding-top:1em;  }
#footer aside p { display:block; font-size:90%; line-height:220%; text-align:left; }
#footer aside span { font-size:130%; font-weight:bold; }

#footer article { clear:both; float:none; width:100%; display:block; padding-top:1em; }
#footer article ul { display:none; font-size:0; }

#footer article p { text-align:center; color:#fff; line-height:150%; display:block; font-size:90%; }
#footer article span { text-align:center; color:#fff; display:block; }
#footer article span a { color:#fff; }
}

/* 内页顶部图文字s */
@media (min-width: 1000px) {
.pagetopslider { clear:both; width:100%; overflow:hidden; background:bottom center no-repeat; background-size:auto ; }
.pagetopslider div { width:96%; max-width:1200px; margin:0 auto; padding:5em 0; }
.pagetopslider div p { font-size:190%; color:#333; line-height:200%; }
.pagetopslider div span { font-size:160%; color:#333; line-height:200%; }
}
@media (min-width:601px) and (max-width:999px) {
.pagetopslider { clear:both; width:100%; overflow:hidden; background:bottom center no-repeat; background-size:auto 120% }
.pagetopslider div { width:96%; max-width:1200px; margin:0 auto; padding:4em 0; }
.pagetopslider div p { font-size:160%; color:#333; line-height:200%; }
.pagetopslider div span { font-size:130%; color:#333; line-height:200%; }
}
@media (max-width:600px){	
.pagetopslider { clear:both; width:100%; overflow:hidden; background:bottom center no-repeat; background-size:auto 120%; }
.pagetopslider div { width:96%; max-width:1200px; margin:0 auto; padding:2em 0; }
.pagetopslider div p { font-size:130%; color:#333; line-height:160%; }
.pagetopslider div span { font-size:110%; color:#333; line-height:200%; }
}
/* 内页顶部图文字e */

/* 以下是各内页顶部图 */
.pagetopslider1 { background-image:url(ib1.jpg); }
.pagetopslider2 { background-image:url(ib2.jpg); }
.pagetopslider3 { background-image:url(ib3.jpg); }
.pagetopslider4 { background-image:url(ib4.jpg); }
.pagetopslider5 { background-image:url(ib5.jpg); }
.pagetopslider6 { background-image:url(ib6.jpg); }
.pagetopslider7 { background-image:url(ib7.jpg); }
.pagetopslider8 { background-image:url(ib8.jpg); }


@media (min-width: 801px) {
.pagemain { width:96%; max-width:1200px; margin:0 auto; padding:1em 0 2em 0; }
}
@media (max-width: 800px){	
.pagemain { width:96%; margin:0 auto; padding:0 0 1.5em 0; }
}

/* 面包销带四链接菜单s */
@media (min-width: 801px) {
.classnav4 { background:#fff; width:98%; max-width:1200px; margin:2em auto 1em auto; height:37px; border-bottom:1px #f3eeed solid; line-height:100%; overflow: visible; }
.classnav4 ul { float:left; display:block; overflow:hidden; }
.classnav4 ul li { float:left; display:block; overflow:hidden; }
.classnav4 ul li a { float:left; background:#f1f7ff; color:#756054; line-height:230%; display:block; font-size:120%; padding:0 2em; border-left:1px #fff solid; border-radius:6px 6px 0 0; }
.classnav4 ul li a:hover { color:#fb0319;  }
.classnav4 ul li:nth-child(1) a { border-left:0; }
#classnavactive a { background:#396abe; color:#fff; align-self: center; border-bottom: solid 6px #fff; position: relative; text-decoration: none; }
#classnavactive a:after { content: ''; border-top: solid 6px #396abe; border-right: solid 6px transparent; border-left: solid 6px transparent; bottom: -6px; margin-right: -6px; right: 50%; position: absolute; width: 0; height: 0;}
.classnav4 p { float:right; display:block; margin:0 auto; color:#999; text-align:right; line-height:200%; }
.classnav4 p a { color:#999; }
}
@media (max-width: 800px){	
.classnav4 { width:98%; overflow:hidden; padding:3px 0; font-size:90%; margin:1em auto 1em auto; }
.classnav4 ul { display:block; width:100%; margin:0 auto 1.6em auto; overflow:hidden; border-bottom:2px #f1f7ff solid; }
.classnav4 ul li { float:left; width:25%; margin:0; display: block; text-align:center; }
.classnav4 ul li a { line-height:230%; display: block; margin:0 auto; font-size:120%; }
#classnavactive a { background:#f1f7ff; color:#6a4f3f; border-radius:0.5em 0.5em 0 0; }
.classnav4 p { display:block; padding:3px 2%; background:#f9f9f9; margin:0 auto; color:#999; text-align:left;  }
.classnav4 p a { color:#999; }
}
/* 面包销带四链接菜单e */

/* 文章内容框s */
.pageshow { clear:both; width:100%; overflow:hidden; }
@media (min-width: 801px) {
.pageshow h3 { text-align:center; font-size:180%; line-height:180%; padding:0 0 10px 0; }
.pageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pageshow article , .pageshow article a { font-size:120%; line-height:200%; }
.pageshow article img {  }
}
@media (max-width: 800px){	
.pageshow h3 { text-align:center; font-size:130%; line-height:180%; padding:0 0 10px 0;}
.pageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pageshow article , .pageshow article a { font-size:110%; line-height:180%; }
.pageshow article img {  }
}
/* 文章内容框e */

/* 产品列表 */
@media (min-width:1000px) {
.prolist { clear:both; width:100%; max-width:1220px; margin:0 auto; padding-bottom:2em; overflow:hidden; }
.prolist a { float:left; width:31.333%; margin:0 1%; display:block; padding:1em 0 }
.prolist a dl { display:block; background:#faf9f8;  position:relative; }
.prolist a dl dt { width:100%; height:100%; line-height:0; overflow:hidden; }
.prolist a dl dt img { width:100%; line-height:0; }
.prolist a dl dd { position:absolute; left:0; bottom:0; width:100%; height:3em; line-height:3em; text-align:center; background:rgba(0,0,0,0.5); color:#fff;  }
.prolist a dl dd h3 { font-size:120%; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.prolist a dl dd span { display:none; }
}
@media (min-width: 600px) and (max-width: 999px) {
.prolist { width:100%;  overflow:hidden; }
.prolist a { float:left; width:48%; margin:0 1%; display:block; padding:1em 0 }
.prolist a dl { display:block; background:#faf9f8;  overflow:hidden; position:relative; }
.prolist a dl dt { width:100%; height:100%; line-height:0; overflow:hidden; }
.prolist a dl dt img { width:100%; line-height:0; }
.prolist a dl dd { position:absolute; left:0; bottom:0; width:100%; height:3em; line-height:3em; text-align:center; background:rgba(0,0,0,0.5); color:#fff;  }
.prolist a dl dd h3 { font-size:120%; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.prolist a dl dd span { display:none; }
}
@media (max-width: 800px){	
.prolist { width:98%; margin:0 auto; overflow:hidden; }
.prolist a { width:100%; display:block; padding:0 0 1em 0 }
.prolist a dl { display:block; background:#faf9f8;  overflow:hidden; position:relative; }
.prolist a dl dt { width:100%; height:100%; line-height:0; overflow:hidden; }
.prolist a dl dt img { width:100%; line-height:0; }
.prolist a dl dd { position:absolute; left:0; bottom:0; width:100%; height:2.6em; line-height:2.6em; text-align:center; background:rgba(0,0,0,0.5); color:#fff; }
.prolist a dl dd h3 { font-size:100%; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.prolist a dl dd span { display:none; }
}

/* 内页面包销s */
@media (min-width: 881px) {
.classnavtwo { width:98%; max-width:1200px; margin:2em auto 1em auto; background:#fff; border-bottom:1px #f1eceb solid; overflow:hidden; line-height:100%; }
.classnavtwo ul { float:left; display:block;  }
.classnavtwo ul li { float:left; display:block; margin-right:2em; }
.classnavtwo ul li a { color:#252525; line-height:200%; display:block; font-size:120%; }
.classnavtwo ul li a:hover { color:#e7604d;  }
.classnavtwo h2 { float:left; background:url(htit.png) left center no-repeat; padding-left:12px; display:block; color:#2059b0; line-height:200%;  font-size:120%; border-bottom:1px #2059b0 solid; }
#clnavactive a { border-bottom:2px #2059b0 solid; }
.classnavtwo p { float:right; display:block; margin:0 auto; color:#999; text-align:right; line-height:200%; }
.classnavtwo p a { color:#999; }
}
@media (max-width: 880px){	
.classnavtwo { width:100%; overflow:hidden; padding:3px 0; font-size:90%; margin:1.5em auto 0.5em auto; }
.classnavtwo h2 { display:none; font-size:0; }
.classnavtwo ul { display:block; width:100%; margin:0 auto; overflow:hidden; text-align:center; padding-bottom:0.5em; }
.classnavtwo ul li { display:inline-block; text-align:center; margin-bottom:0.8em; padding:0;  }
.classnavtwo ul li a { background:#f3f8ff; color:#2059b0; line-height:230%; display: inline-block; margin:0 auto; padding:0 1em; font-size:100%; border-radius:1em; }
#clnavactive a { background:#2059b0; color:#fff; border-radius:1em; }
.classnavtwo p { display:block; padding:3px 2%; background:#f8f8f8; margin:0 auto; color:#999; text-align:left;  }
.classnavtwo p a { color:#999; }
}
/* 内页面包销e */

/* 内页面包销s */
@media (min-width: 881px) {
.newsnav { width:98%; max-width:1200px; margin:2em auto 1em auto; background:#fff; border-bottom:1px #f1eceb solid; overflow:hidden; line-height:100%; }
.newsnav ul { float:left; display:block;  }
.newsnav ul li { float:left; display:block; margin-right:2em; }
.newsnav ul li a { color:#252525; line-height:200%; display:block; font-size:120%; }
.newsnav ul li a:hover { color:#e7604d;  }
.newsnav h2 { float:left; background:url(htit.png) left center no-repeat; padding-left:12px; display:block; color:#2059b0; line-height:200%;  font-size:120%; border-bottom:1px #2059b0 solid; }
.newsnav p { float:right; display:block; margin:0 auto; color:#999; text-align:right; line-height:200%; }
.newsnav p a { color:#999; }
}
@media (max-width: 880px){	
.newsnav { width:98%; overflow:hidden; padding:3px 0; font-size:90%; margin:0.5em auto 1em auto; }
.newsnav h2 { display:none; font-size:0; }
.newsnav ul { display:block; width:100%; margin:0 auto 0.6em auto; overflow:hidden; text-align:center; }
.newsnav ul li { display:inline-block; width:26.333%; margin:0 2%; padding-bottom:1em; text-align:center; }
.newsnav ul li a { background:#f3f8ff; color:#2059b0; line-height:230%; display: block; margin:0 auto; font-size:110%; border-radius:1em; }
.newsnav p { display:block; padding:3px 2%; background:#f8f8f8; margin:0 auto; color:#999; text-align:left;  }
.newsnav p a { color:#999; }
}
/* 内页面包销e */

@media (min-width: 801px) {
.zbtable { width:96%; max-width:1200px; margin:0 auto; padding:0.5em 0 0 0; }
.zbtable table { width:100%; border-left:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; font-size:110%; }
.zbtable table td { border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; height:46px; line-height:46px; overflow:hidden; }
.zbtable table thead td { background:#f3f8ff; }
.zbtable table tbody tr:nth-child(odd){ }
.zbtable table tbody tr:nth-child(even){ background:#f9f9f9; }
.zbtable table .more { color:#818181; }
.zbtable table .more:hover { color:#f60; }
.zbtable .tbsmtit { min-width:100px; }
.zbtable .tbsmtitpc { min-width:100px; }
}
@media (max-width: 800px){	
.zbtable { width:96%; max-width:1200px; margin:0 auto; padding:0 0; }
.zbtable table { width:100%; border-left:1px #e5e5e5 solid; border-top:1px #e5e5e5 solid; font-size:90%; }
.zbtable table td { border-right:1px #e5e5e5 solid; border-bottom:1px #e5e5e5 solid; overflow:hidden; padding:5px 0; }
.zbtable table thead td { background:#f3f8ff; }
.zbtable table tbody tr:nth-child(odd){ }
.zbtable table tbody tr:nth-child(even){ background:#f9f9f9; }
.zbtable table .more { color:#818181; }
.zbtable table .more:hover { color:#f60; }
.zbtable .tbsmtit { min-width:75px; }
.zbtable .tbsmtitpc { display:none; }
}

/* 文章页小导航*/
@media (min-width: 601px){
#titlenav { text-align:center; padding:0; font-size:80%; color:#999; padding-bottom:0.5em; } 
#titlenav , #titlenav a { font-size:100%; }
}
@media (max-width: 600px){
#titlenav { text-align:center; padding:0; font-size:80%; color:#999; padding-bottom:0.5em; } 
#titlenav , #titlenav a { font-size:100%; }
}

@media (min-width: 801px) {
.pagemaini { width:96%; max-width:1200px; margin:0 auto; padding:0 0 0 0; }
}
@media (max-width: 800px){	
.pagemaini { width:96%; margin:0 auto; padding:0 0 0 0; }
}

@media (min-width: 961px) {
.newslist { clear:both; width:100%; }
.newslist dl { width:100%; display:block; margin:2em auto 1em auto; background:#fbfbfb; overflow:hidden; }
.newslist dl:hover { background:#f2f2f2; }
.newslist dl dt { float:left; width:30%; height:100%; display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; }
.newslist dl dd { float:left; width:70%;  }
.newslist dl dd article { padding:2em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:160%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#f60; }
.newslist dl dd article p { color:#666; padding-top:0.5em; }
}
@media (min-width: 661px) and (max-width: 960px) {
.newslist { width:100%; }
.newslist dl { width:100%; display:block; margin:0 auto 0 auto; background:#faf9f8; overflow:hidden; }
.newslist dl:hover { background:#f2f2f2; }
.newslist dl dt { float:left; width:30%; height:100%; display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; }
.newslist dl dd { float:left; width:70%;  }
.newslist dl dd article { padding:2em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:150%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#f60; }
.newslist dl dd article p { display:none; }
}
@media (max-width: 660px){	
.newslist { width:100%; }
.newslist dl { width:100%; display:block; margin:1em auto; background:#faf9f8; overflow:hidden; }
.newslist dl:hover { background:#f2f2f2; }
.newslist dl dt {  display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; }
.newslist dl dd {   }
.newslist dl dd article { padding:1em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:120%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#f60; }
.newslist dl dd article h3 {}
.newslist dl dd article p { display:none; }
}

/* 内容页上下一个 */
#gonetbox { border-top:1px #f2f2f2 solid; margin:1em 0; padding-top:1em; }

@media (min-width: 801px) {
#gonetboxs { border-top:1px #f2f2f2 solid; margin:1em 0; padding-top:1em; }
}
@media (max-width: 800px){	
#gonetboxs { width:96%; margin:1em auto; border-top:1px #f2f2f2 solid; padding-top:1em; }
}

@media (min-width: 601px) {
.artlist { width:100%; }
.artlist a li { width:100%;  clear: both; overflow:hidden; margin:1em 0; border-bottom:1px #e0e0e0 dashed; padding:1.2em 0; }
.artlist a li dl { float:left; width:6em; height:6em; background:#f1f1f1; text-align:center; line-height:0; margin-right:1em; display:block; color:#777; border-radius:50%; }
.artlist a li dl dt { line-height:2em; font-size:2em; margin:0; padding:0; display:block; }
.artlist a li dl dd { line-height:1em; font-size:0.8em;  margin:0; padding:0; display:block; }
.artlist a li article { float:rihgt;  }
.artlist a li article h3 { font-size:130%; line-height:200%; }
.artlist a li article p { color:#999; font-size:100%; line-height:180%; display:block; }
.artlist a:hover li dl { background:#235aad; color:#fff; }
}

@media (max-width: 600px){	
.artlist { width:100%; }
.artlist a li { width:100%;  clear: both; overflow:hidden; margin:0.5em 0; border-bottom:1px #e0e0e0 dashed; padding:1em 0; }
.artlist a li dl { float:left; width:4em; height:4em; background:#f1f1f1; text-align:center; line-height:0; margin-right:1em; display:block; color:#777; }
.artlist a li dl dt { line-height:2em; font-size:1.2em; margin:0; padding:0; display:block; }
.artlist a li dl dd { line-height:1em; font-size:0.6em;  margin:0; padding:0; display:block; }
.artlist a li article { float:rihgt;  }
.artlist a li article h3 { font-size:120%; line-height:160%; }
.artlist a li article p { color:#999; font-size:90%; line-height:180%; display:block; }
.artlist a:hover li { background:#f2f2f2; }
}

/* 面包销 */
@media (min-width: 801px) {
.navtitle { border-bottom:1px #eaeaea solid; padding:0 10px 5px 0; margin-bottom:1em; margin:0 auto; overflow:hidden; }
.navtitle h2 { float:left; background:url(htit.png) left center no-repeat; padding-left:12px; display:block; color:#2059b0; line-height:200%;  font-size:120%; }
.navtitle p { float:right; color:#666; text-align:right; }
}

@media (max-width: 800px){	
.navtitle { width:98%; overflow:hidden; padding:3px 0; font-size:90%; margin:0.5em auto 1em auto; }
.navtitle h2 { display:none; font-size:0; }
.navtitle p { display:block; padding:3px 2%; background:#f8f8f8; margin:0 auto; color:#999; text-align:left;  }
.navtitle p a { color:#999; }
}

@media (min-width: 801px) {
.mainbox { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; padding:1.8em 0; }
.mainbox img { max-width: 100%; }

.mainleft { float:left; width:20%; }
.mainleft h3 { background:#0070c0; color:#fff; padding:0.4em 0.6em; font-size:130%; font-weight:normal; text-align:center; }
.mainleft h3 span { padding-left:1em;color:#fff; font-size:80%; }
.mainleft ul { padding-top:0; }
.mainleft ul li { padding:0; background:#f7f7f7; border-bottom:1px #e0e0e0 dotted; }
.mainleft ul li a { background:#f7f7f7; display:block; height:40px; line-height:40px; font-size:110%; text-align:center; color: #333; }
.mainleft ul li a:hover { background:#f70023; color: #fff;  }
.mainleft p { padding-top:1em; }

.mainright { float:right; width:78%; padding-bottom:1em; }
.mainright h4 { font-size:160%; text-align:center; padding:1em 0 0 0; font-weight:normal; line-height: 180%; }
.mainright h5 { font-size:110%; padding:0.6em 0 0 0; line-height: 180%; }
.mainright article { padding:0; text-align:justify; text-justify:inter-ideograph;  }
.mainright article p { }

.mainrights { width:100%; padding-bottom:1em; }
.mainrights h4 { font-size:160%; text-align:center; padding:0; font-weight:normal; line-height: 180%; }
.mainrights h5 { font-size:110%; padding:0.6em 0 0 0; line-height: 180%; }
.mainrights article { padding:0; text-align:justify; text-justify:inter-ideograph;  }
.mainrights article p { }
}

@media (max-width: 800px){	
.mainbox { width:100%; overflow:hidden; padding:1em 0; }

.mainleft { float:none;  }
.mainleft h3 { display:none;}
.mainleft h3 span { display:none;}
.mainleft ul { padding:0; }
.mainleft ul li { float:left; padding-bottom:1em; }
.mainleft ul li a { width:90%; margin:0 auto; background:#e5e5e5; color:#333; display:block; font-size:100%; text-align:center; padding:3px 0;border-radius:8px; }
.mainleft ul li a:hover { background:#f70023; color:#fff; }
.mainleft p { display:none; font-size:0; }

.mainright { float: none; background:#fff; padding:0 0 1em 0; border-radius:8px; }
.mainright h4 { font-size:120%; text-align:center; padding:0 1em 0 1em; line-height: 180%; }
.mainright h5 { font-size:110%; padding:0.6em 0 0 0; line-height: 180%; }
.mainright article { padding:0 1em 1em 1em; text-align:justify; text-justify:inter-ideograph; }
.mainright article p {  }

.mainrights { float: none; background:#fff; padding:0 0 1em 0; border-radius:8px; }
.mainrights h4 { font-size:120%; text-align:center; padding:0 1em 0 1em; line-height: 180%; }
.mainrights h5 { font-size:110%; padding:0.6em 0 0 0; line-height: 180%; }
.mainrights article { padding:1em; text-align:justify; text-justify:inter-ideograph; }
.mainrights article p {  }

#lemu2 li { width:50%; }
#lemu3 li { width:33.333%; }
#lemu4 li { width:25%; }
}

@media (min-width: 801px) {
.downlist {  width:100%; }
.downlist a { clear:both; display:block; width:100%; border-bottom:1px #e0e0e0 dotted; overflow:hidden; margin:1em 0; }
.downlist dl { width:100%; padding-bottom:1em; overflow:hidden; }
.downlist dl dt { float:left; text-align:center; margin-top:5px; }
.downlist dl dt i { font-size:26px; width:40px; height:40px; line-height:40px; margin:0 auto; display:block; border-radius:20px; border:1px #ccc solid; color:#ccc; }
.downlist a:hover dl dt i { border:1px #2059b0 solid; color:#2059b0; }
.downlist dl dd { float:left; padding-left:1em;}
.downlist dl dd h3 { font-size:130%; }
.downlist dl dd p { font-size:90%; color:#999; }
}
@media (max-width: 800px){	
.downlist {  width:98%; margin:0 auto; }
.downlist a { clear:both; display:block; width:100%; border-bottom:1px #e0e0e0 dotted; overflow:hidden; margin:1em 0; }
.downlist dl { width:100%; padding-bottom:1em; overflow:hidden; }
.downlist dl dt { float:left; text-align:center; margin-top:5px; }
.downlist dl dt i { font-size:26px; width:40px; height:40px; line-height:40px; margin:0 auto; display:block; border-radius:20px; border:1px #ccc solid; color:#ccc; }
.downlist a:hover dl dt i { border:1px #2059b0 solid; color:#2059b0; }
.downlist dl dd { float:left; padding-left:1em;}
.downlist dl dd h3 { font-size:120%; }
.downlist dl dd p { font-size:90%; color:#999; }
}

/* 下载内容框s */
@media (min-width: 801px) {
.pagedownshow { clear:both; width:100%; overflow:hidden; margin-top:1.5em; }
.pagedownshow h3 { text-align:center; font-size:180%; line-height:180%; padding:0 0 10px 0; }
.pagedownshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pagedownshow article , .pagedownshow article a { font-size:120%; line-height:200%; }
.pagedownshow article img {  }
}
@media (max-width: 800px){	
.pagedownshow { clear:both; width:100%; overflow:hidden; }
.pagedownshow h3 { text-align:center; font-size:130%; line-height:180%; padding:0 0 10px 0;}
.pagedownshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pagedownshow article , .pagedownshow article a { font-size:110%; line-height:180%; }
.pagedownshow article img {  }
}
/* 下载内容框s */


@media (min-width: 801px) {
.cubox { width:100%; overflow:hidden; }
.cuboxleft { float:left; width:48%; }
.cuboxright { float:right; width:48%;  font-size:100%; line-height:260%; }
}
@media (max-width: 800px){	
.cubox { width:100%; overflow:hidden; }
.cuboxleft { width:100%; }
.cuboxright { width:100%; }
}


@media (min-width: 800px) {
.gbook label { width:100%; display:block; margin:1em 0; }
.gbook .myinput { width:98%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0.8em; outline:none; }
.gbook textarea { font-size:120%; }
.gbook .txtContent { height:8em; font-size:100%; padding:1em; }
.gbook .myinput:hover { background:#fff; border:1px #f60 solid;}
.gbook .btn { width:auto; background:#fff; border:1px #2059b0 solid; color:#2059b0; font-size:110%; border-radius:1.5em; padding:0.5em 2em; display:inline-block; cursor:pointer; }
.gbook .btn:hover { width:auto; background:#2059b0; border:1px #2059b0 solid; color:#fff; padding:0.5em 2em; }
}
@media (max-width: 799px){	
.gbook label { width:100%; display:block; margin:1em 0; }
.gbook .myinput { width:98%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0.8em;  outline:none; }
.gbook .txtContent { height:8em; font-size:100%; padding:1em; }
.gbook .myinput:hover { background:#fff; border:1px #f60 solid;}
.gbook .btn { width:120px; background:#2059b0; border:1px #2059b0 solid; color:#fff; font-size:120%; border-radius:1.5em; padding:0.5em 2em; text-align:center; margin:0 auto; display:block; }
}