@charset "utf-8";
/* site style */
body { background:#fff; font-size:0.85em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; max-width:1920px; margin:0 auto; padding:0; color:#333; line-height:200%; height:auto;  }
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 { overflow:hidden; }
input , select { vertical-align:middle; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; }
textarea { font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; }
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: #cc0000; 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:0.5em 0 1em 0; line-height:2.6em; }
.pagination a { background:#2f4d93; color:#fff; padding:0 1em; text-align:center; text-decoration:none ;  margin:0 0.3em 0.5em 0.3em; border-radius:5px; display:inline-block; }
.pagination em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; border-radius:5px; }
.pagination a:hover { background:#cc0000; color:#fff; text-decoration:none; }
.pagination span { background:#ccc; color:#333; padding:0 1em; margin:0 0.3em; border-radius:5px; display:inline-block; }
.pagination  .current { background:#ccc; color:#fff; display:inline-block; border-radius:5px; }

/* 主菜单 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:1200px) {
.header { background:#fff; width:100%; min-width:111px; z-index:999; margin:0 auto;  }
.header div { width:96%;  max-width:1160px; height:100px; background: none; margin:0 auto; overflow:visible; display:block;  z-index:999; }
.header h1 { float:left; width:360px; display:block; padding-top:0.7em; }

.header nav { float:right; z-index:999;  }
.header nav ul { display:block; z-index:999; }
.header nav article { display:none; }
.animenu__nav { display:block; margin:2em 0 0 0; padding:0; z-index:999; }
.animenu__nav li { float:left; display:block; }
.animenu a {  color: #000;  text-decoration: none;  }
.animenu li, .animenu a {  display: inline-block; }
.animenu__toggle {  display: none; }
.animenu a { color:#000;  text-decoration: none; z-index:999; }
.animenu__nav {}
.animenu__nav > li {  position: relative; padding:6px 0.3em 0px 0.3em; display:block;  }
.animenu__nav > li > a {  margin: 3px 0; padding:0 0.5em;  text-transform: uppercase; font-size:120%; color:#333; border-radius:1em; line-height:180%; }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a { background:#37569e; color: #fff; border-radius:1em; }
.animenu__nav__child {  min-width: 100%;  position: absolute;  top: 100%;  left: 0;  z-index: 1;  opacity: 0;  visibility: hidden;  margin: 12px 0 0 0;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {  width: 100%;  }
.animenu__nav__child > li:first-child > a:after {  content: '';  position: absolute;  height: 0;  width: 0;  left: 50%;  top: -6px;  border: 6px solid transparent;  border-top: 0;  border-bottom-color: inherit;}
.animenu__nav__child > li:last-child {  border: 0;}
.animenu__nav__child a {  padding: 10px;  width: 100%;  text-align:center; }
.animenu__nav__child a:hover {  color: #333; }

.header p { float:right; z-index:999; display:block; line-height:100px; padding:0 0 0 1em; color: #333; font-size:120%; }
.header p a { color: #333; }
.header p i { font-size:110%; line-height:100%; padding-right:0.2em; }
}

@media (max-width:1199px) and (min-width:739px) {
.header { background:#fff; background-size:100%; width:100%; max-width:1920px; min-width:111px; z-index:999; overflow: visible;  }
.header div { background:#fff; width:100%;  margin:0 auto; overflow:visible; display:block;  z-index:999;  }
.header h1 { float:left;  display:block; padding:0.5em 0 0.5em 0.5em; margin:0 auto; }

.header p { float:right; z-index:999; display:block; line-height:2.6em; padding:1em 0.5em 0 0; color: #333; font-size:150%; text-align:right }
.header p a { color: #333; }


.header nav { width:100%; overflow:hidden; background:#37569e; display:block; }
.header nav ul { display:block; z-index:999; }
.header nav article { display:none; }
.animenu__nav { display:block; margin:0; padding:0; z-index:999; }
.animenu__nav li { float:left; display:block; width:14.28%; text-align:center; border-left:1px #3556a1 solid; }
.animenu__nav li:nth-child(1) { border-left:0; }
.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 {  }
.animenu__nav > li {  display:block;   }
.animenu__nav > li > a {  margin: 0; padding:0 1em;  text-transform: uppercase; font-size:120%; color:#fff; line-height:2.6em; display:block; }
.animenu__nav > li > a:first-child:nth-last-child(2):before {  content: "";  position: absolute;   border-bottom: 0;  border-top-color: currentColor;  top: 50%;  margin-top: -2px;  right: 10px;}
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a { background:#3a5db0; color: #fff; }
.animenu__nav__child {  min-width: 100%;  position: absolute;  top: 100%;  left: 0;  z-index: 1;  opacity: 0;  visibility: hidden;  margin: 12px 0 0 0;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {  width: 100%;  border-bottom: 1px solid #333;}
.animenu__nav__child > li:first-child > a:after {  content: '';  position: absolute;  height: 0;  width: 0;  left: 50%;  top: -6px;  border: 6px solid transparent;  border-top: 0;  border-bottom-color: inherit;}
.animenu__nav__child > li:last-child {  border: 0;}
.animenu__nav__child a {  padding: 10px;  width: 100%;  text-align:center; color:#ccc; }
.animenu__nav__child a:hover {  color: #333; }

}

@media (max-width: 738px) {
.header { background:#fff; background-size:100%; width:100%; z-index:999; }
.header div { overflow: visible; margin: 0 1em; min-height: 70px;  }

.header h1 { float:left; width: 68%;  margin:0; display:block; padding:0.5em 0 0 0; }
.header h1 img { width:100%; max-width:266px; height:auto; }

.header p { float:left; width: 10%; z-index:999; display:block; color: #333; padding:1.5em 0 0 0; margin-left:1em; text-align:right; }
.header p a { color: #2f4d93; }
.header p a i { color: #333; height: 38px;  width: 38px; font-size:38px; line-height:38px; }
.header p span { display:none; }

.header nav {  float:right; width: 16%;  z-index:999; text-align:right; padding:1.5em 0 0 0; color:#37569e; }
.header nav ul { z-index:999; }
.animenu__nav { width:60%;  position:absolute; top:54px; right:0; color:#37569e; }

.animenu li, .animenu a {  display: inline-block;  font-size: 15px; text-align:center; color:#37569e;}
.animenu__toggle { display: none;  cursor: pointer; background:#2f4d93;   border: 0;  padding: 5px 6px 5px 8px;  height: 36px;  width: 36px; outline:none; margin: 0; position:relative; color:#37569e; }
.animenu__toggle:hover { background:#2f4d93;  color:#37569e;}
.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:#fff;  }
.animenu__nav {  background-color: #2f4d93; margin-top: 0; }
.animenu__nav > li {  position: relative; color:#fff;  }
.animenu__nav > li > a {  padding: 6px 30px;  text-transform: uppercase; color:#fff;  }

.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: #37569e;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {  width: 100%; border-bottom:1px #37569e 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: #37569e; }
.animenu__nav__child a:hover {  background-color: #37569e;  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 #37569e;  }
.animenu__nav > li:last-child {  border-bottom: 1px solid #37569e; }
.animenu__nav > li:first-child > a:after {      }
.animenu__nav > li > a {    width: 100%;    padding: 10px;    border-color: #37569e;    position: relative;  }
.animenu__nav a:hover {    background-color: #1f3345;   color: #fff;  }
.animenu__nav__child {    position: static;    background-color: #526b93;    margin: 0;    transition: none;    visibility: visible; opacity: 1;  }
.animenu__nav__child > li:first-child > a:after {    content: none;  }
.animenu__nav__child a { background:#526b93;    padding-left: 20px;    width: 100%; padding: 10px 0;  }
}

/* 主菜单 e */


/* 顶部图文字s */
@media (min-width: 801px) {
.flexslider { clear:both; }
.flexslider ul li { width:100%; max-width:1920px; margin:0 auto; display:block; text-align:center; }
.flexslider ul li img { width:100%; max-width:1920px; margin:0; display:block; }
}
@media (max-width: 800px){	
.flexslider { clear:both; }
.flexslider ul li { width:100%; max-width:1920px; margin:0 auto; display:block; text-align:center; }
.flexslider ul li img { width:100%; max-width:1920px; margin:0; display:block; }
}
/* 顶部图文字e */

.main {  width:96%; max-width:1200px; margin:0 auto; }

@media (min-width: 801px) {
.intitle { text-align:center; margin-top:4em; background:#fff url(titleline.png) center 40px no-repeat; }
.intitle h2 { color:#2f4d93; font-size:160%; }
.intitle span { color:#999; font-size:100%; font-weight:normal; display: inline-block; padding:0 1em; background:#fff; }
}
@media (max-width: 800px){	
.intitle { text-align:center; margin-top:2em; background:#fff url(titleline.png) center 40px no-repeat; background-size:60%; }
.intitle h2 { color:#2f4d93; font-size:130%; }
.intitle span { color:#999; font-size:0.8em; font-weight:normal; display: inline-block; padding:0 1em; background:#fff; }
}

@media (min-width: 801px) {
.intitles { text-align:center; margin:4em 0 1.5em 0; background:#fff url(titleline.png) center 40px no-repeat; }
.intitles h2 { color:#2f4d93; font-size:160%; }
.intitles span { color:#999; font-size:100%; font-weight:normal; display: inline-block; padding:0 1em; background:#fff; }
}
@media (max-width: 800px){	
.intitles { text-align:center; margin:2em 0 1em 0; background:#fff url(titleline.png) center 40px no-repeat; background-size:60%; }
.intitles h2 { color:#2f4d93; font-size:130%; }
.intitles span { color:#999; font-size:0.8em; font-weight:normal; display: inline-block; padding:0 1em; background:#fff; }
}

@media (min-width: 936px) {
.proicon { width:100%; padding:2em 0; }
.proicon li { float:left; width:12.5%; text-align:center; }
.proicon li img { max-width:91px; line-height:0; }
.proicon li h4 { font-size:120%; font-weight:normal; }
}
@media (max-width: 935px){	
.proicon { width:100%; padding:1em 0; }
.proicon li { float:left; width:33.333%; text-align:center; padding-bottom:1em; }
.proicon li img { width:70%; max-width:80px; line-height:0; }
.proicon li h4 { font-size:110%; font-weight:normal; }
}

.proicon img { 
transition:All 0.4s ease-in-out;
-webkit-transition:All 0.4s ease-in-out;
-moz-transition:All 0.4s ease-in-out;
-o-transition:All 0.4s ease-in-out;
}
.proicon a:hover img {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
}

@media (min-width: 801px) {
.inprolist { width:100%; padding:0; margin-top:2em; }
.inprolist a { float:left; width:23%; margin:0 1% 1.6em 1%; }
.inprolist a dl { overflow:hidden; text-align:center; border:1px #fff solid; }
.inprolist a dl dt { line-height:0; overflow:hidden; }
.inprolist a dl dt img { line-height:0; }
.inprolist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; color:#333; }
.inprolist a:hover dl{ border:1px #dfdfdf solid; }
.inprolist a:hover dl dd { color:#c00;  }
.inprolist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
@media (max-width: 800px){	
.inprolist { width:100%; padding:0; margin-top:1em; }
.inprolist a { float:left; width:48%; margin:0 1% 1.6em 1%; }
.inprolist a dl { overflow:hidden; text-align:center; }
.inprolist a dl dt { line-height:0; overflow:hidden; }
.inprolist a dl dt img { line-height:0; }
.inprolist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; color:#333; }
.inprolist a:hover dl dd { color:#c00; }
.inprolist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}

/* 产品列表自适应图片比例 */
@media (min-width: 1100px) {
.inprolist a dl dt img { width:auto; height:160px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.inprolist a dl dt img { width:auto; height:120px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.inprolist a dl dt img { width:auto; height:110px; }
}
@media (min-width: 400px) and (max-width: 599px) {
.inprolist a dl dt img { width:auto; height:110px; }
}
@media (max-width: 400px) {
.inprolist a dl dt img { width:auto; height:90px; }
}

@media (min-width: 601px) {
.mores { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.mores a {  border:1px #2f4d93 solid; color: #2f4d93; border-radius:1.2em; padding:0.5em 3em; display: inline;  }
.mores a:hover { border:1px #cc0000 solid; color: #cc0000; border-radius:1.2em; padding:0.5em 3.5em; display: inline;  }
}
@media (max-width: 600px){	
.mores { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.mores a {  border:1px #2f4d93 solid; color: #2f4d93; border-radius:1.2em; padding:0.3em 2em; display: inline;  }
.mores a:hover { border:1px #cc0000 solid; color: #cc0000; border-radius:1.2em; padding:0.3em 2.5em; display: inline;  }
}

@media (min-width: 601px) {
.moreabout { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.moreabout a {  border:1px #fff solid; color: #fff; border-radius:1.2em; padding:0.5em 3em; display: inline;  }
.moreabout a:hover { border:1px #fff solid; color: #fff; border-radius:1.2em; padding:0.5em 3.5em; display: inline;  }
}
@media (max-width: 600px){	
.moreabout { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden; }
.moreabout a {  border:1px #fff solid; color: #fff; border-radius:1.2em; padding:0.3em 2em; display: inline;  }
.moreabout a:hover { border:1px #cc0000 solid; color: #cc0000; border-radius:1.2em; padding:0.3em 2.5em; display: inline;  }
}

@media (min-width: 801px) {
.aboutintitle { text-align:center; margin-top:4em;  }
.aboutintitle h2 { color:#fff; font-size:160%; }
.aboutintitle span { color:#fff; font-size:100%; font-weight:normal; display: block; padding:0 1em; background:url(titlelines.png) center no-repeat; }
}
@media (max-width: 800px){	
.aboutintitle { text-align:center; margin-top:2em; }
.aboutintitle h2 { color:#fff; font-size:130%; }
.aboutintitle span { color:#fff; font-size:0.8em; font-weight:normal; display: block; padding:0 1em; background:url(titlelines.png) center no-repeat; background-size:60%; }
}


@media (min-width: 801px) {
.aboutmain {  width:100%; margin:3em auto 0 auto; background:#3d599a url(aboutbg.jpg) center no-repeat; background-size:100% 100%; overflow:hidden; }
}
@media (max-width: 800px){	
.aboutmain {  width:100%; margin:1.5em auto 0 auto; background:#3d599a url(aboutbg.jpg) center no-repeat; background-size:auto 100%; overflow:hidden; }
}

@media (min-width: 1101px) {
.aboutmain dl { display:block; width:96%; max-width:1200px; margin:1.5em auto 3em auto; overflow:hidden; }
.aboutmain dl dt { float:left; width:49%; display:block; }
.aboutmain dl dt img { width:100%; }
.aboutmain dl dd { float:right; width:49%; display:block; color:#fff; line-height:230%; }
.aboutmain dl dd h3 { font-size:150%; font-weight:normal; padding-bottom:5px; }
.aboutmain dl dd p { font-size:130%; text-indent:2em; line-height:220%; }
}
@media (min-width: 801px) and (max-width: 1100px) {
.aboutmain dl { display:block; width:96%; max-width:1200px; margin:1.5em auto 3em auto; overflow:hidden; }
.aboutmain dl dt { float:left; width:45%; display:block; }
.aboutmain dl dt img { width:100%; }
.aboutmain dl dd { float:right; width:53%; display:block; color:#fff; line-height:180%; }
.aboutmain dl dd h3 { font-size:130%; font-weight:normal; padding-bottom:5px; }
.aboutmain dl dd p { font-size:100%; text-indent:2em; }
}
@media (max-width: 800px){	
.aboutmain dl { display:block; width:96%; max-width:1200px; margin:1.5em auto; overflow:hidden; }
.aboutmain dl dt { width:100%; display:block; }
.aboutmain dl dt img { width:100%; }
.aboutmain dl dd { width:100%; display:block; color:#fff; line-height:200%; }
.aboutmain dl dd h3 { font-size:130%; font-weight:normal; padding-bottom:5px; }
.aboutmain dl dd p { font-size:100%; text-indent:2em; }
}

@media (min-width: 801px) {
.incaselist { width:100%; padding:0; }
.incaselist a { float:left; width:23%; margin:0 1% 1.6em 1%; }
.incaselist a dl { overflow:hidden; text-align:center; }
.incaselist a dl dt { line-height:0; overflow:hidden; }
.incaselist a dl dt img { line-height:0; width:100%; }
.incaselist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; }
.incaselist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
@media (max-width: 800px){	
.incaselist { width:100%; padding:0; }
.incaselist a { float:left; width:48%; margin:0 1% 1.6em 1%; }
.incaselist a dl { overflow:hidden; text-align:center; }
.incaselist a dl dt { line-height:0;  overflow:hidden; }
.incaselist a dl dt img { line-height:0; width:100%; }
.incaselist a dl dd { width:100%; text-align:center; }
.incaselist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}

@media (min-width: 1100px) {
.incaselist a dl dt img { width:auto; height:160px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.incaselist a dl dt img { width:auto; height:120px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.incaselist a dl dt img { width:auto; height:110px; }
}
@media (min-width: 400px) and (max-width: 599px) {
.incaselist a dl dt img { width:auto; height:110px; }
}
@media (max-width: 400px) {
.incaselist a dl dt img { width:auto; height:100px; }
}

@media (min-width: 801px) {
.mainnews {  width:100%; margin:3em auto 0 auto; padding-bottom:3em; background:#ededed url(newsboxbg.jpg) center no-repeat; background-size:100% 100%; overflow:hidden; }
}
@media (max-width: 800px){	
.mainnews {  width:100%; margin:1.5em auto 0 auto; padding-bottom:2em; background:#ededed url(newsboxbg.jpg) center no-repeat; background-size:auto 100%; overflow:hidden; }
}

@media (min-width: 801px) {
.intitlenews { text-align:center; margin:4em 0 1.5em 0; background:url(titlelinews.png) center 40px no-repeat; }
.intitlenews h2 { color:#2f4d93; font-size:160%; }
.intitlenews span { color:#999; font-size:100%; font-weight:normal; display: inline-block; padding:0 1em;  }
}
@media (max-width: 800px){	
.intitlenews { text-align:center; margin:2em 0 1em 0; background:url(titlelinews.png) center 40px no-repeat; background-size:60%; }
.intitlenews h2 { color:#2f4d93; font-size:130%; }
.intitlenews span { color:#999; font-size:0.8em; font-weight:normal; display: inline-block; padding:0 1em; }
}

@media (min-width: 801px) {
.newslist { width:96%; max-width:1200px; margin:0 auto; }
.newslist ul { margin:0; padding:10px 0 0 0; }
.newslist a { float:left; width:48%; margin:0 1%; display:block; }
.newslist a li { width:100%;  clear: both; overflow:hidden; border-bottom:1px #e0e0e0 dashed; padding:1em 0 0 0; margin:0 0 1em 0; }
.newslist a li:hover { background:#fff; }
.newslist a li dl { float:left; width:20%; max-width:6em; text-align:center; line-height:0; margin-right:1%; display: inline-block;   }
.newslist a li dl dt { line-height:2em;  font-size:2em;  margin:0; padding:0; display:block; background:#f1f1f1; color:#2f4d93; }
.newslist a li dl dd { height:2em; line-height:2em; font-size:0.6em;  margin:0; padding:0; display:block; background:#2f4d93; color:#fff; }
.newslist a:hover li dl dt  { color:#cc0000; }
.newslist a:hover li dl dd  { background:#cc0000; color:#fff; }
.newslist a li article { float:rihgt; width:79%; display:inline-block; overflow:hidden; padding-bottom:6px;  }
.newslist a li article h3 { font-size:120%; height:20px; line-height:20px; margin:0.2em 0.5em 0.5em 0; padding:0; overflow:hidden; }
.newslist a li article p { color:#999; font-size:100%; line-height:25px; height:50px; overflow:hidden; display:block; }
}

@media (max-width: 800px){	
.newslist { width:96%; margin:0 auto; }
.newslist ul { margin:0; padding:0; }
.newslist a li { width:100%;  clear: both; overflow:hidden; margin:0 0 1em 0; border-bottom:1px #e0e0e0 dashed; padding:0 0 0.6em 0; }
.newslist a li dl { float:left; width:4em; background:#f1f1f1; text-align:center; line-height:0; margin-right:1em; display:block; color:#777; }
.newslist a li dl dt { height:2em; line-height:2em; font-size:1.6em; margin:0; padding:0; display:block; color:#2f4d93; }
.newslist a li dl dd { height:2em; line-height:2em; font-size:0.6em;  margin:0; padding:0; display:block; background:#2f4d93; color:#fff; }
.newslist a li article { float:rihgt;  }
.newslist a li article h3 { font-size:110%; line-height:180%; padding:0 0 0.2em 0.5em; margin:0  }
.newslist a li article p { color:#999; font-size:90%; line-height:180%; display:block; margin:0; padding:0; }
}


@media (min-width: 801px) {
#friendlink { width:100%; }
#friendlink a { padding-right:1em; white-space: nowrap; text-overflow: ellipsis; }
#friendlink { padding-bottom:2em; }
}
@media (max-width: 800px){	
#friendlink { width:100%;  }
#friendlink a { padding-right:1em; white-space: nowrap; text-overflow: ellipsis; }
#friendlink { padding-bottom:2em; }
}


@media (min-width: 1200px) {
#footer { width:100%; background:#2f4d93; padding: 0; overflow:hidden; }
#footer div { width:96%; max-width:1200px; margin:0 auto; padding:2em 0; display:block; color:#fff; overflow:hidden; }
#footer div h3 { padding-bottom:5px; }
#footer dl { float:left; width:55%;  }
#footer dl h3 { font-weight:normal; }
#footer dl dt { float:left; width:50%;  }
#footer dl dt { font-weight:normal; }
#footer dl dt i { width:1.2em; text-align:center; }
#footer dl dd { float:right; width:50%;  text-align:center; }
#footer dl dd li { float:left; display: block; overflow:hidden; text-align:center; margin:0 2em 0 0; }
#footer dl dd li img { max-width:110px; }
#footer nav { float:right; width:45%; text-align:right; }
#footer nav h3 { display:block; font-weight:normal; }
#footer nav ul { float:right; }
#footer nav ul li { float:left; margin-left:1.6em; }
#footer nav ul li a { color:#fff; }
#footer nav ul li a:hover { text-decoration:underline; }
#footer nav ul li ol li { float: none; margin-left:0; text-align:left; }
}

@media (min-width: 601px) and (max-width: 1199px) {
#footer { width:100%; background:#2f4d93; padding: 0; overflow:hidden; }
#footer div { width:96%; max-width:1200px; margin:0 auto; padding:2em 0; display:block; color:#fff; overflow:hidden; }
#footer dl {  width:100%;  }
#footer dl h3 { font-weight:normal; }
#footer dl dt { float:left; width:46%;  }
#footer dl dt { font-weight:normal; }
#footer dl dt i { width:1.2em; text-align:center; }
#footer dl dd { float:right; width:50%;  text-align:center; }
#footer dl dd li { float:right; display: block; overflow:hidden; text-align:center; margin:0 2em 0 0; }
#footer dl dd li img { max-width:110px; }
#footer nav { display:none; }
}

@media (max-width: 600px){	
#footer { width:100%; background:#2f4d93; padding: 0; }
#footer dl { width:96%; max-width:1200px; margin:0 auto; padding:2em 0; display:block; color:#fff; overflow:hidden; }
#footer dl h3 { font-weight:normal; }
#footer dl dt { width:100%; text-align:center; padding-bottom:0.6em; overflow:hidden; }
#footer dl dd { width:80%; margin:0 auto; padding-top:0.6em; border-top:1px #435e9d solid; }
#footer dl dd li { float:left; width:50%; display: block; overflow:hidden; text-align:center; }
#footer dl dd li img { max-width:110px; }
#footer nav { display:none; }
}

#footer aside { width:100%; background:#243164; text-align:center; color:#fff; font-size:90%; padding:0.6em 0; }
#footer aside a { color:#fff; }
#footer aside a:hover { text-decoration:underline; }
@media (min-width: 716px) {
#footer aside span { padding-right:1em;}
}
@media (max-width: 715px){
#footer aside span { display:block; }
}

@media (min-width: 801px) {
.pagetop { width:100%; background:url(pagetopbg.jpg) center bottom no-repeat; background-size:100% 100%; text-align:center; }
.pagetop img { width:80%; max-width:1000px; padding:6em 0; margin:0 auto; display:block; }
}
@media (max-width: 800px){	
.pagetop { width:100%; background:url(pagetopbg.jpg) center bottom no-repeat; background-size:100% 100%; text-align:center; }
.pagetop img { width:80%; max-width:832px; padding:2em 0; margin:0 auto; display:block; }
}

@media (min-width: 801px) {
.classnav { width:100%; border-bottom:1px #e2e2e2 solid; overflow:hidden; padding:3px 0; }
.classnav h3 { float:left; }
.classnav p { display:block; width:100%; max-width:1200px; margin:0 auto; color:#999; text-align:right;  }
}
@media (max-width: 800px){	
.classnav { width:100%; background:#f7f9ff; overflow:hidden; padding:3px 0; font-size:90%; }
.classnav h3 { display:none; display:none; }
.classnav p { display:block; width:96%; max-width:1200px; margin:0 auto; color:#999; text-align:left;  }
}

@media (min-width: 801px) {
.pagemain {  width:96%; max-width:1200px; margin:0 auto; padding:1em 0; overflow:hidden; }
.pagboxleft { float:left; width:16%; }
.pagboxleft h3 { background:#2f4d93; color:#fff; text-align:center; font-weight:normal; padding:6px 0; }
.pagboxleft ul {  }
.pagboxleft ul li { display:block; border-bottom:1px #e2e2e2 dashed; background:#fcfdff; padding-left:1em;  }
.pagboxleft ul li:hover { display:block; border-bottom:1px #e2e2e2 dashed; background:#426bca; }
.pagboxleft ul li a { display:block; background:url(cli.png) left center no-repeat; padding-left:12px; line-height:300%; font-size:100%; }
.pagboxleft ul li a:hover { color:#fff; }
.pagboxright { float:right; width:82%; }
}
@media (max-width: 800px){	
.pagemain {  width:96%; margin:0 auto; padding:0.6em 0 1em 0; overflow:hidden; }
.pagboxleft { display:none; }
}

@media (min-width: 801px) {
.pagboxleftna { float:left; width:16%; }
.pagboxleftna h3 { background:#2f4d93; color:#fff; text-align:center; font-weight:normal; padding:6px 0; }
.pagboxleftna ul {  }
.pagboxleftna ul li { display:block; border-bottom:1px #e2e2e2 dashed; background:#fcfdff; padding-left:1em;  }
.pagboxleftna ul li:hover { display:block; border-bottom:1px #e2e2e2 dashed; background:#426bca; }
.pagboxleftna ul li a { display:block; background:url(cli.png) left center no-repeat; padding-left:12px; line-height:300%; font-size:100%; }
.pagboxleftna ul li a:hover { color:#fff; }
.pagboxright { float:right; width:82%; }
}
@media (max-width: 800px){	
.pagboxleftna { width:100%; }
.pagboxleftna h3 { display:none; }
.pagboxleftna li { float:left; width:33.333%;overflow:hidden; margin-bottom:0.8em;  }

.pagboxleftna li a { width:96%; margin:0 auto; display:block; border:1px #2f4d93 solid; font-size:100%; color:#2f4d93; text-align:center; border-radius:1em; overflow:hidden; }
.pagboxleftna li a:hover { border:1px #c00 solid; color:#c00; } 
}

.rightshowbox { padding:1em 0 0 0; }
.rightshowbox article { clear:both; display:block; text-align:justify; text-justify:inter-ideograph; }
.rightshowbox article p { padding-bottom:5px; }
.rightshowbox article img { max-width:100%; }
.rightshowbox article a { color:#f60; }
.rightshowbox article a:hover { color:#f60; text-decoration:underline; }

@media (min-width: 801px) {
.rightshowbox h3 { text-align:center; font-size:150%; padding:5px 0 10px 0; }
}
@media (max-width: 800px){	
.rightshowbox h3 { text-align:center; font-size:130%; padding:5px 0 10px 0;}
}

@media (min-width: 601px) {
.newslistpg ul { margin:1.5em 0 0 0; padding:0; }
.newslistpg a li { width:100%;  clear: both; overflow:hidden; border-bottom:1px #e0e0e0 dashed; padding:0; margin:0.5em 0; }
.newslistpg a li dl { float:left; width:9%; max-width:6em; text-align:center; line-height:0; margin-right:1%; display: inline-block;   }
.newslistpg a li dl dt { line-height:2em;  font-size:2em;  margin:0; padding:0; display:block; background:#f1f1f1; color:#2f4d93; }
.newslistpg a li dl dd { height:2em; line-height:2em; font-size:0.6em;  margin:0; padding:0; display:block; background:#2f4d93; color:#fff; }
.newslistpg a:hover li dl dt  { color:#cc0000; }
.newslistpg a:hover li dl dd  { background:#cc0000; color:#fff; }
.newslistpg a li article { float:rihgt; width:90%; display:inline-block; overflow:hidden;  }
.newslistpg a li article h3 { font-size:120%; line-height:100%; padding:0.2em 0.5em 0.5em 0; margin:0 }
.newslistpg a li article p { color:#999; font-size:100%; line-height:180%; display:block; padding-bottom:1em; text-align:justify; text-justify:inter-ideograph; }
}

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

@media (min-width: 801px) {
.prolist { width:100%; padding:0.6em 0 0 0; }
.prolist a { float:left; width:23%; margin:0 1% 1.6em 1%; }
.prolist a dl { overflow:hidden; text-align:center; border:1px #fff solid; }
.prolist a:hover dl{ border:1px #dfdfdf solid; }
.prolist a dl dt { overflow:hidden; display:block; }
.prolist a dl dt img { line-height:0; width:auto; height:auto; }
.prolist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; color:#333; }
.prolist a:hover dl dd { color:#c00; }
.prolist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
@media (max-width: 800px){	
.prolist { width:100%; padding:0; }
.prolist a { float:left; width:48%; margin:0 1% 1.6em 1%; }
.prolist a dl { overflow:hidden; text-align:center; }
.prolist a dl dt { overflow:hidden; display:block; }
.prolist a dl dt img { line-height:0; width:auto; height:auto; }
.prolist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; color:#333; }
.prolist a:hover dl dd { color:#c00;  }
.prolist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}


/* 产品列表自适应图片比例 */
@media (min-width: 1100px) {
.prolist a dl dt img { width:auto; height:160px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.prolist a dl dt img { width:auto; height:120px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.prolist a dl dt img { width:auto; height:110px; }
}
@media (min-width: 400px) and (max-width: 599px) {
.prolist a dl dt img { width:auto; height:110px; }
}
@media (max-width: 400px) {
.prolist a dl dt img { width:auto; height:90px; }
}

@media (min-width: 601px){
#titlenav { text-align:center; padding:0; font-size:80%; color:#999; } 
#titlenav , #titlenav a { font-size:100%; }
.form_details { margin:0 auto; width:80%; }
}
@media (max-width: 600px){
#titlenav { text-align:center; padding:0; font-size:80%; color:#999; } 
#titlenav , #titlenav a { font-size:100%; }
.form_details { margin:0 auto; width:100%; }
}

@media (min-width: 800px) {
.bdsharebuttonbox { float: right;text-align: right; margin: 0 auto; padding:0; overflow: hidden; }
.bdsharebuttonbox a { float: none;text-align: center; margin: 0 auto; padding: 0; }
}
@media (max-width: 799px){	
.bdsharebuttonbox { display: none; }
}

#gonetbox { border-top:1px #f2f2f2 solid; margin:1em 0; padding-top:0.5em; }

@media (min-width: 801px) {
.pagprolist { float:left; width:16%; }
.pagprolist h3 { background:#2f4d93; color:#fff; text-align:center; font-weight:normal; padding:6px 0; }
.pagboxright { float:right; width:82%; }
#mbpromu { display:none; }
}
@media (max-width: 800px){	
.pagprolist {  }
.pagprolist h3 { display:none; }
#mbpromu { display:block; }
}

/* 展开菜单 */
@media (min-width: 801px) {
.nav { height:auto; }
.nav li { width:100%; display:block; border-bottom:1px #e2e2e2 dotted; background:#fcfdff; padding-left:1em; overflow:hidden;  }
.navleft { float:left; }
.navright { float:right; width:2em; }
.navright i { font-size:130%;}
.nav li a {  line-height:300%; font-size:100%;  }
.nav li i { margin-right:10px; }
.nav li a:hover { color:#c00; }
.nav li ul { width:100%; display:none; clear:both; padding-bottom:5px; }
.nav li ul li { padding:0; border-bottom:0; }
.nav li ul li a { display:block; background:#fcfdff url(cli.png) left center no-repeat; padding-left:1em;  white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.nav li ul li a:hover { background:#fcfdff url(clis.png) left center no-repeat; color:#c00;  }
.nav-more{ float:right;margin:12px 20px 0 0; transition: transform .3s; }
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show a { }
.nav-show li a { border-left:0; }
}
@media (max-width: 800px){	
.nav { width:100%; padding-top:6px; }
.nav li { float:left; width:33.333%;overflow:hidden; margin-bottom:0.8em;  }
.navleft { float:left; }
.nav li .navleft { width:96%; margin:0 auto; display:block; border:1px #2f4d93 solid; font-size:100%; color:#2f4d93; text-align:center; border-radius:1em; overflow:hidden; }
.nav li .navleft:hover { border:1px #c00 solid; color:#c00; } 
.nav li .navright { display:none; }
.navright { display:none; }
.navright i { display:none;}
.nav li i { display:none; }
.nav li ul {display:none; }
.nav li ul li { display:none; }
.nav li ul li a { display:none; }
.nav li ul li a:hover { display:none; }
.nav-more{ display:none; }
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show a { display:none; }
.nav-show li a { display:none;}
}

/* rightservicebox s */

@media (min-width: 1201px) {
.izl-rmenu { margin-right: 0; width: 50px; position: fixed; right: 2px; bottom:160px; z-index:99; overflow:visible; }
.izl-rmenu li { padding-bottom:1px; }
.izl-rmenu span { display:block; }

.izl-rmenu .qqse { cursor: pointer; background:url(bgs2.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .qqse:hover { background:url(bg2.png) center no-repeat; }
.izl-rmenu .qqse .qqservice { display:none; position: absolute; right: 50px; top:-23px; width:100px;  z-index:999; overflow: visible; background:#3d5d99; color:#fff; text-align:center; font-weight:bold; }
.izl-rmenu .qqse:hover .qqservice { display:block;overflow: visible; padding:10px 0; }
.qqservice a { display:block; color:#fff;  }
.qqservice a:hover { text-decoration:underline; }

.izl-rmenu .consult { cursor: pointer; background:url(bgs3.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .consult:hover { background:url(bg3.png) center no-repeat; }
.izl-rmenu .consult .phone { display:none; position: absolute; right: 50px; top:0; width:132px; height:50px; line-height:50px; z-index:999; overflow: visible; background:#3d5d99; color:#fff; text-align:center; font-weight:bold; }
.izl-rmenu .consult:hover .phone { display:block;overflow: visible; }

.izl-rmenu .cart { cursor: pointer; background:url(bgs5.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .cart:hover { background:url(bg5.png) center no-repeat; }
.izl-rmenu .cart .pic {	display:none; position: absolute; right: 50px; top:-35px; width:132px;height: 132px;background:url(makf.png); background-size:132px; z-index:999; overflow: visible; }
.izl-rmenu .cart:hover .pic{ display:block;overflow: visible; }

.izl-rmenu .btn_top { cursor: pointer; background:url(bgs6.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative;   -webkit-transition: all 0s ease-in-out;    -moz-transition: all 0s ease-in-out;    -o-transition: all 0s ease-in-out;    transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover { background:url(bg6.png) center no-repeat; }
}

@media (max-width: 1200px){	
.izl-rmenu { margin-right: 0; width: 50px; position: fixed; right: 2px;bottom:2em; z-index:99; overflow:visible; 	filter:alpha(opacity=90);	-moz-opacity:0.9;	-khtml-opacity: 0.9;	opacity: 0.9; }
.izl-rmenu li { padding-bottom:1px; }
.izl-rmenu span { display:block; }

.izl-rmenu .qqse { display:none; }

.izl-rmenu .consult { display:none; }

.izl-rmenu .cart { display:none; }

.izl-rmenu .btn_top { cursor: pointer; background:url(bgs6.png) center no-repeat; background-size:100%; display: block; height: 46px; width: 46px; z-index:999; border-radius:50%; overflow: visible; position:relative;   -webkit-transition: all 0s ease-in-out;    -moz-transition: all 0s ease-in-out;    -o-transition: all 0s ease-in-out;    transition: all 0s ease-in-out;}
}
/* rightservicebox e */

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;
}

.ntitle { text-align:center; margin-top:1em; }
.red { color:#c00; }

.newslistso ul li { height:3em; line-height:3em; border-bottom:1px #ccc dashed; }
.newslistso ul li a { background:url(libg.png) left center no-repeat; padding-left:8px;  white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }

@media (min-width: 801px) {
.pagetoppic { width:100%; text-align:center; }
.pagetoppic img { width:100%; padding:0; margin:0; display:block; }
}
@media (max-width: 800px){	
.pagetoppic { width:100%; text-align:center; }
.pagetoppic img { width:100%; padding:0; margin:0; display:block; }
}

/* by trevor 2019.11.10 */