@charset "utf-8";
body { background:#fff; font-size:0.85em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; margin:0; 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 { overflow:hidden; }
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: #005eaf; 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; }

img.zoom-img {
  -webkit-transform: scale(1, 1);
  -webkit-transition-timing-function: ease-in;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-in;
  -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;
}

#hometitle { display:none; font-size:0; }

.showpage { clear:both; text-align:center; padding:1em 0; line-height:3em; }
.showpage a { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpage em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpage a:hover { background:#f60; color:#fff; text-decoration:none; }
.showpage span { background:#f60; color:#fff; padding:0.5em 1em; }

/* dt专用分页样式我靠 s */

@media (min-width: 801px) {
.pagination { clear:both; text-align:center; padding:1em 0; line-height:3em; margin-bottom:1.6em; }
.pagination a { background:#005eaf; color:#fff; padding:0.5em 1em; text-align:center; text-decoration:none ;  margin:0 0.3em;}
.pagination em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.pagination a:hover { background:#b62613; color:#fff; text-decoration:none; }
.pagination span { background:#ccc; color:#333; padding:0.5em 1em; margin:0 0.3em; }
.pagination  .current { background:#ccc; color:#fff; display:inline }
}

@media (max-width: 800px){	
.pagination { clear:both; text-align:center; padding:1em 0; line-height:2em; margin-bottom:1.6em; }
.pagination a { background:#005eaf; color:#fff; padding:0.5em 1em; text-align:center; text-decoration:none ;  margin:0 0.2em;}
.pagination em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.pagination a:hover { background:#b62613; color:#fff; text-decoration:none; }
.pagination span { background:#ccc; color:#333; padding:0.5em 1em; margin:0 0.2em; }
.pagination  .current { background:#ccc; color:#fff; display:inline }
}
/* dt专用分页样式我靠 e */

/* top s */
@media (min-width: 701px) {
.sittop { width:100%; background:#005eaf; color:#fff;}
.sittop ul { width:96%;  max-width:1200px; margin:0 auto; overflow:hidden; padding:0.6em 0; }
.sittop ul li { float:left; color:#fff; }
.sittop ul li a { color:#fff; }
.sittop ul li:nth-child(2) { margin-left:30px; }
.sittop ul li:nth-child(3) { margin-left:30px; }
}
@media (max-width: 700px){	
.sittop { display:none; }
}
/* top e */

/* menu s */

.animenu {  display: block; overflow:visible; }
.animenu ul {  padding: 0;  list-style: none; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all;}
*, *:after, *:before {  box-sizing: border-box;  }
.animenu__nav--open {  display: block !important;}

@media (min-width: 950px) {
.header { width:96%;  max-width:1200px; height:5em; margin:1em auto; overflow:visible; display:block;  }

.header #logo { float:left; width:186px; padding-top:0.8em; display:block; } 
.header #logo img { width:186px; }

.header nav { float:right;  }
.header nav ul { display:block; }
.animenu__nav li { float:left; }
.animenu a {  color: #143468;  text-decoration: none;  }
.animenu li, .animenu a {  display: inline-block; }
.animenu__toggle {  display: none; cursor: pointer;  border: 0;  padding: 10px;  height: 40px;  width: 40px; }
.animenu__toggle:hover {  background-color: #0eaec4;}
.animenu__toggle__bar {  display: block;  width: 20px;  height: 2px;  background-color: #fff;  -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 { color:#143468;  text-decoration: none; }
.animenu__nav {  background-color: #fff; margin:1em 0; display:block;}
.animenu__nav li { white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.animenu__nav > li {  position: relative; padding:0 0 1em 0; display:block;  text-align:center;  }
.animenu__nav > li > a { color:#333;  padding: 3px 0;  font-size:125%;  border-bottom:3px #fff solid; margin:0 0 0 38px; font-weight:bold  }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible; padding:0;  0;}
.animenu__nav > li:hover > a {  color: #005eaf; border-bottom:3px #005eaf solid; }
.animenu__nav__child { background:#143468;  position: absolute;  top: 100%;  left:0;  z-index: 1;  opacity: 0;  visibility: hidden;  margin:0;  transition: margin .15s, opacity .15s;}
.animenu__nav__child > li {  width: 100%; margin-top: }
.animenu__nav__child > li:first-child > a:after {  content: '';  position: absolute;  height: 0;  width: 0;  left: 45%;  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:6px;  width: 100%;  border-color: #143468; color: #fff; text-align:center; }
.animenu__nav__child a:hover {  background-color: #516b93;  color: #fff;}
}

@media (max-width: 949px) {
.header { width:96%;  height:3em; margin:1em auto; overflow:visible; display:block;  position:relative;}

.header #logo { float:left; height:3em; width:auto; padding-top:0.2em; display:block; } 
.header #logo img { height:3em; width:auto; }

.header nav {  float:right;   }
.header ul { clear:both; width:50%; float:right;  }
.header nav {  z-index:999; float:right;  }
.animenu li, .animenu a {  display: inline-block;  font-size: 15px; }
.animenu__toggle { float:right;  display: none;  cursor: pointer;  background-color:#005eaf;  border: 0;  padding: 10px;  height: 3em;  width: 3em; outline:none; margin: 0; color:#005eaf; }
.animenu__toggle:hover {  background-color: #005eaf;}
.animenu__toggle__bar {  display: block;  width: 20px;  height: 2px;  background-color: #fff;  -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; text-align:center;   }
.animenu__nav { width:100%; position:absolute; top:3em; right:0; z-index:999; }
.animenu__nav a {  background-color: #005eaf; margin-top: 0; }
.animenu__nav > li {  position: relative;  } 
.animenu__nav > li > a {  padding: 6px 30px; }
.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%;  right: 0;  z-index: 1;  opacity: 0;  visibility: hidden;  margin:0;  background-color: #005eaf;  }
.animenu__nav__child > li {  width: 100%; border-bottom:1px #143468 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: #005eaf; }
.animenu__nav__child a:hover {  background-color: #143468;  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 #718db9;  }
.animenu__nav > li:last-child {    border: 0;  }
.animenu__nav > li:first-child > a:after {      }
.animenu__nav > li > a {    width: 100%;    padding: 10px;    border-color: #005eaf;    position: relative;  }
.animenu__nav a:hover {    background-color: #143468;   color: #fff;  }
.animenu__nav__child {    position: static;    background-color: #005eaf;    margin: 0;    transition: none;    visibility: visible; opacity: 1;  }
.animenu__nav__child > li:first-child > a:after {    content: none;  }
.animenu__nav__child a {    padding-left: 20px;    width: 100%;  }
}

/* menu e */

/* index banner s */
.flexslider{ clear:both; line-height:0; }
.flexslider ul { max-width:2600px; margin: 0 auto; text-align: center; }
.flex-direction-nav { *height: 0; display:block; }
@media (min-width: 1385px) {
.slides li section { position:absolute; top:20%; width:100%;  }
.slides li section article { width:96%; max-width:1200px; margin:0 auto;  color:#fff; font-size:100%; line-height:200%; display:block; }
.slides li:nth-child(1) section article { text-align:left; }
.slides li:nth-child(2) section article { text-align:right; }
.slides li:nth-child(3) section article { text-align:left; }
.slides li:nth-child(4) section article { text-align:right; }
.slides li:nth-child(5) section article { text-align:left; }

.slides li section article h3 { font-size:300%; line-height:200%; font-weight:normal; }
.slides li section article span { font-size:130%; display:block; line-height:200%; }
.slides li section article a { background:#e7e7e7; color:#000; padding:0.3em 2em; line-height:3em; display:inline-block; margin-top:2em; }
.slides li section article a:hover { background:#01aac1; color:#fff; padding:0.3em 2em; line-height:3em; display:inline-block; margin-top:2em; }
}
@media (max-width: 1384px) and (min-width: 953px) {
.slides li section { position:absolute; top:15%; width:100%;  }
.slides li section article { width:80%; max-width:1200px; margin:0 auto;  color:#fff; font-size:90%; line-height:200%; display:block; }
.slides li:nth-child(1) section article { text-align:left; }
.slides li:nth-child(2) section article { text-align:right; }
.slides li:nth-child(3) section article { text-align:left; }
.slides li:nth-child(4) section article { text-align:right; }
.slides li:nth-child(5) section article { text-align:left; }

.slides li section article h3 { font-size:300%; line-height:150%; font-weight:normal; }
.slides li section article span { font-size:110%; display:block; line-height:200%; }
.slides li section article a { background:#e7e7e7; color:#000; padding:0.2em 2em; line-height:3em; display:inline-block; margin-top:2em; }
.slides li section article a:hover { background:#01aac1; color:#fff; padding:0.2em 2em; line-height:3em; display:inline-block; margin-top:2em; }
}

@media (max-width: 952px) {
.slides li section { position:absolute; top:10%; width:100%;  }
.slides li section article { width:80%; max-width:1200px; margin:0 auto;  color:#fff; font-size:70%; line-height:200%; display:block; }
.slides li:nth-child(1) section article { text-align:left; }
.slides li:nth-child(2) section article { text-align:right; }
.slides li:nth-child(3) section article { text-align:left; }
.slides li:nth-child(4) section article { text-align:right; }
.slides li:nth-child(5) section article { text-align:left; }

.slides li section article h3 { font-size:300%; line-height:150%; font-weight:normal; }
.slides li section article span { font-size:110%; display:block; line-height:200%; }
.slides li section article a { background:#e7e7e7; color:#000; padding:0.1em 1em; line-height:3em; display:inline-block; margin-top:2em; }
.slides li section article a:hover { background:#01aac1; color:#fff; padding:0.1em 1em; line-height:3em; display:inline-block; margin-top:2em; }
}

@media (max-width: 951px) and (min-width:700px) {
.slides li section { position:absolute; top:10%; width:100%;  }
.slides li section article { width:80%; max-width:1200px; margin:0 auto;  color:#fff; font-size:60%; line-height:200%; display:block; }
.slides li:nth-child(1) section article { text-align:left; }
.slides li:nth-child(2) section article { text-align:right; }
.slides li:nth-child(3) section article { text-align:left; }
.slides li:nth-child(4) section article { text-align:right; }
.slides li:nth-child(5) section article { text-align:left; }

.slides li section article h3 { font-size:300%; line-height:150%; font-weight:normal; }
.slides li section article span { font-size:120%; display:block; line-height:200%; }
.slides li section article a { background:#e7e7e7; color:#000; padding:0 1em; line-height:3em; display:inline-block; margin-top:1em; }
.slides li section article a:hover { background:#01aac1; color:#fff; padding:0 1em; line-height:3em; display:inline-block; margin-top:1em; }
}

@media (max-width: 699px) and (min-width:474px) {
.slides li section { position:absolute; top:15%; width:100%;  }
.slides li img {  }
.slides li section article { width:80%; max-width:1200px; margin:0 auto;  color:#fff; font-size:60%; line-height:200%; display:block; }
.slides li:nth-child(1) section article { text-align:center; }
.slides li:nth-child(2) section article { text-align:center; }
.slides li:nth-child(3) section article { text-align:center; }
.slides li:nth-child(4) section article { text-align:center; }
.slides li:nth-child(5) section article { text-align:center; }

.slides li section article h3 { font-size:250%; line-height:100%; font-weight:normal; }
.slides li section article span { font-size:80%; display:block; line-height:200%; }
.slides li section article a { background:#e7e7e7; color:#000; padding:0 10px; line-height:200%; display:inline-block; margin:0; }
.slides li section article a:hover { background:#01aac1; color:#fff; padding:0 10px; line-height:200%; display:inline-block; margin:0; }
}

@media (max-width: 475px) and (min-width:341px) {
.slides li  { width: 100%; text-align: center; height: 150px; position: relative; overflow: visible  }
.slides li img { width:100%; min-width: 576px; height: 150px; position: absolute; top: 0; left: -25%; right:-25%; margin: 0 auto;}
.slides li section { display: none;  }
.slides li section article { display: none; }
}

@media (max-width:340px) {
.slides li  { width: 100%; text-align: center; height: 130px; position: relative; overflow: visible  }
.slides li img { width:100%; min-width: 500px; height: 130px; position: absolute; top: 0; left: -25%; right:-25%; margin: 0 auto;}
.slides li section { display: none;  }
.slides li section article { display: none; }
}
/* index banner e */

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


/* 首页h3标题 */
@media (min-width: 601px) {
.intit { width:100%; text-align: center; padding: 2em 0 1.8em 0; }
.intit h3 { color: #333; font-size:200%; border-bottom:3px #005eaf solid; line-height:180%; display:inline-block; }
}
@media (max-width: 600px){	
.intit { width:100%; text-align: center; padding: 1em 0 1.5em 0; }
.intit h3 { color: #333; font-size:150%; border-bottom:2px #005eaf solid;  line-height:180%; display:inline-block; }
}

@media (min-width: 601px) {
.intits { width:60%; text-align: center; padding: 2em 0 1.8em 0; background:url(../images/piontit.jpg) center repeat-x; margin:0 auto }
.intits h3 { color: #333; font-size:180%; background:#fff; line-height:180%; display:inline-block; font-weight:normal; padding:0 1em; }
}
@media (max-width: 600px){	
.intits { width:80%; text-align: center; padding: 1em 0 1.5em 0; background:url(../images/piontit.jpg) center repeat-x; margin:0 auto }
.intits h3 { color: #333; font-size:160%; background:#fff;  display:inline-block; font-weight:normal; padding:0 0.6em; }
}


/* 首页软件产品 */
@media (min-width: 1200px) {
.prolist { width:100%;  }
.prolist a { float:left; width:33.333%; }
.prolist a dl { width:92%; margin:0 auto; line-height:0; padding-bottom:2em; }
.prolist a dl dt { line-height:0; }
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { background:#005eaf; color:#fff; line-height:200%; padding:1.6em }
.prolist a:hover dl dd { background:#117bd6;}
.prolist a dl dd p { height:60px; line-height:30px; overflow:hidden; }
.prolist a dl dd h3 { font-size:130%; }
}

@media (min-width: 600px) and (max-width: 1199px) {
.prolist { width:100%; }
.prolist a { float:left; width:50%; }
.prolist a dl { width:92%; margin:0 auto; line-height:100%; padding-bottom:2em; }
.prolist a dl dt { line-height:0; }
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { background:#005eaf; color:#fff; line-height:200%; padding:1.6em }
.prolist a:hover dl dd { background:#117bd6;}
.prolist a dl dd p { height:60px; line-height:30px; overflow:hidden; font-size:90%; }
.prolist a dl dd h3 { font-size:130%; font-weight:normal; }
}

@media (max-width: 599px) {
.prolist { width:100%; }
.prolist a { float: none; width:100%; }
.prolist a dl { width:96%; margin:0 auto; line-height:100%; padding-bottom:1em; }
.prolist a dl dt { line-height:0; }
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { background:#005eaf; color:#fff; line-height:200%; padding:1.6em }
.prolist a:hover dl dd { background:#005eaf;}
.prolist a dl dd p { line-height:200%; overflow:hidden; font-size:90%; }
.prolist a dl dd h3 { font-size:130%; font-weight:normal; }
}

/* 首页灰度块 */
.colorhui { width:100%; background:#f6f6f6; }

/* 首页特色服务 */
@media (min-width: 1200px) {
.ourservice { padding-bottom:2em; overflow:hidden; }
.ourservice dl { float:left; width:25%; padding:1.2em 0;  }
.ourservice dl dt {  text-align:center; }
.ourservice dl dd h3 {  text-align:center; font-size:130%; padding:0.3em 0; }
.ourservice dl dd {  }
.ourservice dl dd p { width:88%; margin:0 auto; display:block; line-height:30px; height:120px; overflow:hidden; text-align:left; }
}

@media (min-width: 800px) and (max-width: 1199px) {
.ourservice { padding-bottom:1em; overflow:hidden; }
.ourservice dl { float:left; width:33.333%; padding:1.2em 0;  }
.ourservice dl dt {  text-align:center; }
.ourservice dl dd h3 {  text-align:center; font-size:130%; padding:0.3em 0; }
.ourservice dl dd {  }
.ourservice dl dd p { width:88%; margin:0 auto; display:block; line-height:30px; height:120px; overflow:hidden; text-align:left; }
}

@media (min-width: 421px) and (max-width: 799px)  {
.ourservice { padding-bottom:1em; overflow:hidden; }
.ourservice dl { float:left; width:50%; padding:1.2em 0;  }
.ourservice dl dt {  text-align:center; }
.ourservice dl dd h3 {  text-align:center; font-size:120%; padding:0.3em 0; }
.ourservice dl dd {  }
.ourservice dl dd p { width:88%; margin:0 auto; display:block; line-height:30px; height:120px; overflow:hidden; text-align:left; }
}

@media (max-width: 420px) {
.ourservice { padding-bottom:1em; overflow:hidden; }
.ourservice dl { float: none; width:100%; padding:1.2em 0;  }
.ourservice dl dt {  text-align:center; }
.ourservice dl dd h3 {  text-align:center; font-size:110%; padding:0.3em 0; }
.ourservice dl dd {  }
.ourservice dl dd p { width:92%; margin:0 auto; display:block; overflow:hidden; text-align:left; }
}


/* 首页合作伙伴 */
@media (min-width: 801px) {
.partnersmain { background:#5b6c85 url(../images/partnersbg.jpg) no-repeat center; background-attachment:scroll; background-size:auto; background-size: cover; background-attachment:fixed; padding:3.6em 0; }
.partnersmain h3 { color:#fff; text-align:center; font-size:200%; padding-bottom:1.5em; display:block  }
.partnersmain ul { width:96%; max-width:1200px; margin:0 auto; overflow:hidden; display:block; }
.partnersmain ul li { float:left; width:16.666%; text-align:center; }
.partnersmain ul li img { width:90%; max-width:160px; height:auto; }
}

@media (min-width: 501px) and (max-width: 800px){	
.partnersmain { background: url(partnersbg.jpg) no-repeat center; background-attachment:scroll; background-size:auto; background-size: cover; background-attachment:fixed; padding:2em 0; }
.partnersmain h3 { color:#fff; text-align:center; font-size:150%; padding-bottom:0.6em; }
.partnersmain ul { width:96%; max-width:1200px; margin:0 auto; overflow:hidden; display:block; }
.partnersmain ul li { float:left; width:33.333%; text-align:center; padding:1em 0; }
.partnersmain ul li img { width:90%; max-width:160px; height:auto; }
}

@media (max-width: 500px){	
.partnersmain { background: url(partnersbg.jpg) no-repeat center; background-attachment:scroll; background-size:auto; background-size: cover; background-attachment:fixed; padding:2em 0; }
.partnersmain h3 { color:#fff; text-align:center; font-size:150%; padding-bottom:0.6em; }
.partnersmain ul { width:96%; max-width:1200px; margin:0 auto; overflow:hidden; display:block; }
.partnersmain ul li { float:left; width:50%; text-align:center; padding:1em 0; }
.partnersmain ul li img { width:90%; max-width:160px; height:auto; }
}


/* news s */
.mainnewsbox { padding:1em 0; }
 
 @media (min-width: 1000px){
.mainnews { width:100%; max-width: 1200px; margin:0 auto; padding: 1em 0 2em 0; }
.newsabout { float:left; width:60%;}
.newslistindex { float:right; width:38%; }
.cusbox { padding:3em 0; }
.sitemore a { background:#005eaf; border:1px #005eaf solid; color:#fff; padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.sitemore a:hover { background:#fff; border:1px #005eaf solid; color:#005eaf; padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
}

@media (min-width: 700px) and (max-width:999px) {
.mainnews { width:100%; max-width: 1200px; margin:0 auto; padding: 0 0 2em 0; }
.newsabout { float:left; width:48%;}
.newslistindex { float:right; width:50%; }
.cusbox { padding:3em 0; }
.sitemore a { background:#005eaf; border:1px #005eaf solid; color:#fff; padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.sitemore a:hover { background:#fff; border:1px #005eaf solid; color:#005eaf;padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.newslistindex ul { height:350px; overflow:hidden }
}

@media (max-width: 699px){
.mainnews { padding: 0; }
.newsabout { float:none; }
.newsabout dl dt h4 { width:100%; font-size:130%; padding:0.6em 0 }
.newsabout dl dt h4 a { display: block; }
.newsabout dl dt h4 span { font-size:60%; font-weight:normal; color:#8b8b8b; }
.newsabout dl dd p { height:4em; line-height:2em; overflow:hidden;}

.sitemore { display:block; margin:0 auto; text-align:center; }
.sitemore a { background:#005eaf; border:1px #005eaf solid; color:#fff; padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.sitemore a:hover { background:#fff; border:1px #005eaf solid; color:#005eaf;padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
}


@media (min-width: 501px){
.newsabout dl dt img { width:100%; max-height:380px; overflow:hidden; display:block; padding-bottom:1em; }
.newsabout dl dt h4 { width:100%; font-size:130%; padding:0.6em 0 1em 0 }
.newsabout dl dt h4 a { }
.newsabout dl dt h4 span { font-size:60%; font-weight:normal; padding-left:2em; color:#8b8b8b; }
.newsabout dl dd p { height:4em; line-height:2em; overflow:hidden; margin-bottom:1em; color:#555;  }
.newslistindex ul li { border-bottom:1px #ebebeb solid; padding:0.8em 0;  }
.newslistindex ul li a { width:100%; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:block; font-size:110%; font-weight:bold; }
.newslistindex ul li a:hover { color: #005eaf; } 
.newslistindex ul li span {  color:#999;  }
}

@media (max-width: 500px){
.newsabout dl dd p { height:4em; line-height:2em; overflow:hidden; margin-bottom:5px; font-size:96%; color:#555; margin:0.5em 0; }
.newslistindex ul { padding-top:0.6em; }
.newslistindex ul li { float:none; border-bottom:1px #ebebeb solid; padding:0.6em 0;  }
.newslistindex ul li a { width:100%; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:block; font-size:110%; }
.newslistindex ul li a:hover { color: #005eaf; } 
.newslistindex ul li span {  color:#999;  }
}

/* news e */

/* footer s */

@media (min-width: 1020px) {
#footer { clear:both; overflow:hidden; width:100%;  padding:3em 0 0 0;  background:#005eaf; margin:0; }
#footer ul { clear:both; width:96%; max-width:1200px; display:block; margin:0 auto; padding:0; overflow:hidden; color:#ffffff; padding-bottom:3em; }
#footer ul a { color:#ffffff; }
#footer ul li { float:left; padding:0 ; display:block; }
#footer ul li:nth-child(1) { width:32%; }
#footer ul li:nth-child(2) { width:23%; }
#footer ul li:nth-child(3) { width:25%; }
#footer ul li:nth-child(4) { width:20%; text-align:center }
#footer ul li:nth-child(4) p { text-align:center }
#footer ul li h4 { font-size:130%; padding-bottom:1em; color:#f4f4f4; }
#footer ul li:nth-child(2) p span { padding-right:1em; }
}
@media (min-width: 747px) and (max-width: 1019px) {
#footer { clear:both; overflow:hidden; width:100%;  padding:2em 0 0 0;  background:#005eaf; margin:0; }
#footer ul { clear:both; width:96%; max-width:1200px; display:block; margin:0 auto; padding:0; overflow:hidden; color:#ffffff; padding-bottom:2em;  }
#footer ul a { color:#ffffff; }
#footer ul li { float:left; padding:0 ; display:block; }
#footer ul li:nth-child(1) { width:36%; }
#footer ul li:nth-child(2) { display:none; }
#footer ul li:nth-child(3) { width:36%; }
#footer ul li:nth-child(4) { width:28%; text-align:center }
#footer ul li:nth-child(4) p { text-align:center }
#footer ul li h4 { font-size:130%; padding-bottom:1em; color:#f4f4f4; }
#footer ul li:nth-child(2) p span { padding-right:1em; }
}
@media (max-width: 746px){	
#footer { clear:both; overflow:hidden; width:100%;  padding:2em 0 0 0;  background:#005eaf; margin:0; }
#footer ul { clear:both; width:96%; max-width:1200px; display:block; margin:0 auto; padding:0; overflow:hidden; color:#ffffff; padding-bottom:2em; }
#footer ul a { color:#ffffff; }
#footer ul li { float: none; padding:0 ; display:block; text-align:center  }
#footer ul li:nth-child(1) { width:100%; }
#footer ul li:nth-child(2) { display:none; }
#footer ul li:nth-child(3) { width:100%; }
#footer ul li:nth-child(4) { display:none; }
#footer ul li:nth-child(4) p { text-align:center }
#footer ul li h4 { font-size:130%; padding-top:1em; color:#f4f4f4; }
#footer ul li:nth-child(2) p span { padding-right:1em; }
}
#footer ul li:nth-child(2) p span a:hover { color:#ff9c00 }
#footer section { clear:both; width:100%; display:block; margin:0 auto; padding:1em 0; overflow:hidden; background:#00559e; color:#ffffff; text-align:center; }

/* footer e */


/* 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(../images/bgs2.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .qqse:hover { background:url(../images/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:#526480; 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(../images/bgs3.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .consult:hover { background:url(../images/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:#526480; color:#fff; text-align:center; font-weight:bold; }
.izl-rmenu .consult:hover .phone { display:block;overflow: visible; }

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

.izl-rmenu .btn_top { cursor: pointer; background:url(../images/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(../images/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(../images/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 */



/* 各种频道顶部图片 s */
@media (min-width: 801px) {
.aboutbanner { clear:both; width:100%; height:120px; min-height:120px; background:url(../images/topbanner1.jpg) center no-repeat; background-size:auto 120px; }
.aboutbanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:180%; line-height:120px; }
}
@media (max-width: 800px){	
.aboutbanner { clear:both; width:100%; height:80px; min-height:80px; background:url(../images/topbanner1.jpg) center no-repeat; background-size:auto 120px; }
.aboutbanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:150%; line-height:80px; }
}

@media (min-width: 801px) {
.softbanner { clear:both; width:100%; height:120px; min-height:120px; background:url(../images/topbanner2.jpg) center no-repeat; background-size:auto 120px; }
.softbanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:180%; line-height:120px; }
}
@media (max-width: 800px){	
.softbanner { clear:both; width:100%; height:80px; min-height:80px; background:url(../images/topbanner2.jpg) center no-repeat; background-size:auto 120px; }
.softbanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:150%; line-height:80px; }
}

@media (min-width: 801px) {
.servicebanner { clear:both; width:100%; height:120px; min-height:120px; background:url(../images/topbanner3.jpg) center no-repeat; background-size:auto 120px; }
.servicebanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:180%; line-height:120px; }
}
@media (max-width: 800px){	
.servicebanner { clear:both; width:100%; height:80px; min-height:80px; background:url(../images/topbanner3.jpg) center no-repeat; background-size:auto 120px; }
.servicebanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:150%; line-height:80px; }
}

@media (min-width: 801px) {
.casebanner { clear:both; width:100%; height:120px; min-height:120px; background:url(../images/topbanner4.jpg) center no-repeat; background-size:auto 120px; }
.casebanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:180%; line-height:120px; }
}
@media (max-width: 800px){	
.casebanner { clear:both; width:100%; height:80px; min-height:80px; background:url(../images/topbanner4.jpg) center no-repeat; background-size:auto 120px; }
.casebanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:150%; line-height:80px; }
}

@media (min-width: 801px) {
.newsbanner { clear:both; width:100%; height:120px; min-height:120px; background:url(../images/topbanner5.jpg) center no-repeat; background-size:auto 120px; }
.newsbanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:180%; line-height:120px; }
}
@media (max-width: 800px){	
.newsbanner { clear:both; width:100%; height:80px; min-height:80px; background:url(../images/topbanner5.jpg) center no-repeat; background-size:auto 120px; }
.newsbanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:150%; line-height:80px; }
}

@media (min-width: 801px) {
.cubanner { clear:both; width:100%; height:120px; min-height:120px; background:url(../images/topbanner6.jpg) center no-repeat; background-size:auto 120px; }
.cubanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:180%; line-height:120px; }
}
@media (max-width: 800px){	
.cubanner { clear:both; width:100%; height:80px; min-height:80px; background:url(../images/topbanner6.jpg) center no-repeat; background-size:auto 120px; }
.cubanner h2 { width:94%; max-width:1200px; margin:0 auto; color:#fff; font-size:150%; line-height:80px; }
}
/* 各种频道顶部图片 e */


/* 面包销 */
@media (min-width: 801px) {
.navtitle { background:#e5e5e5; margin-top:1em; border-bottom:1px #dddddd solid; border-radius:5px; padding:5px 10px; }
.navtitle p { color:#666; }
}

@media (max-width: 800px){	
.navtitle { background:#e5e5e5; margin-top:1em; border-bottom:1px #dddddd solid; border-radius:5px; padding:5px 10px; }
.navtitle p { color:#666; }
}


@media (min-width: 801px) {
.mainbox { width:100%; overflow:hidden; padding:1.8em 0; }
.mainleft { float:left; width:22%; }
.mainright { float:right; width:76%; background:#fff; padding-bottom:1em; }

.mainleft h3 { background:#fff; border-top:2px #005eaf solid; color:#005eaf; padding:0.6em; font-size:160%; font-weight:normal; }
.mainleft h3 span { padding-left:1em;color:#808080; font-size:80%; }
.mainleft ul { padding-top:6px; }
.mainleft ul li { padding:5px 0; }
.mainleft ul li a { background:#fff; display:block; height:46px; line-height:46px; border-left:5px #005eaf solid; padding-left:1em; font-size:130%; }
.mainleft ul li a:hover { background:#fff; border-left:5px #005eaf solid;  }

.mainright h4 { font-size:160%; text-align:center; padding:1em 0 0 0; font-weight:normal; }
.mainright h1 { font-size:160%; text-align:center; padding:1em 0 0 0; font-weight:normal; }
.mainright article { padding:2em; text-align:justify; text-justify:inter-ideograph; }
.mainright article p { text-indent:28px; padding-top:10px; }
}

@media (max-width: 800px){	
.mainbox { width:100%; overflow:hidden; padding:1em 0; }
.mainleft { float:none;  }
.mainright { float: none; background:#fff; padding-bottom:1em; border-radius:8px; }

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

.mainright h4 { font-size:150%; text-align:center; padding:1em 1em 0 1em; font-weight:normal; }
.mainright h1 { font-size:150%; text-align:center; padding:1em 1em 0 1em; font-weight:normal; }
.mainright article { padding:1em; text-align:justify; text-justify:inter-ideograph; }
.mainright article p { text-indent:28px; padding-top:10px; }
}


@media (min-width: 1200px) {
.serviceonline { padding-bottom:1.5em; overflow:hidden; }
.serviceonline dl { float:left; width:16.666%; padding:1.2em 0;  }
.serviceonline dl dt {  text-align:center; }
.serviceonline dl dd h3 {  text-align:center; font-size:130%; padding:0.3em 0; font-weight:normal; }
.serviceonline dl dd {  }
.serviceonline dl dd p { width:88%; margin:0 auto; display:block; line-height:30px; height:60px; overflow:hidden; text-align:center; }
}

@media (min-width: 800px) and (max-width: 1199px) {
.serviceonline { padding-bottom:1em; overflow:hidden; }
.serviceonline dl { float:left; width:33.333%; padding:1.2em 0;  }
.serviceonline dl dt {  text-align:center; }
.serviceonline dl dd h3 {  text-align:center; font-size:130%; padding:0.3em 0; font-weight:normal; }
.serviceonline dl dd {  }
.serviceonline dl dd p { width:88%; margin:0 auto; display:block; line-height:30px; height:60px; overflow:hidden; text-align:center; }
}

@media (min-width: 421px) and (max-width: 799px)  {
.serviceonline { padding-bottom:1em; overflow:hidden; }
.serviceonline dl { float:left; width:50%; padding:1.2em 0;  }
.serviceonline dl dt {  text-align:center; }
.serviceonline dl dd h3 {  text-align:center; font-size:120%; padding:0.3em 0; }
.serviceonline dl dd {  }
.serviceonline dl dd p { width:88%; margin:0 auto; display:block; line-height:30px; height:60px; overflow:hidden; text-align:center; }
}

@media (max-width: 420px) {
.serviceonline { padding-bottom:1em; overflow:hidden; }
.serviceonline dl { float: none; width:100%; padding:1.2em 0;  }
.serviceonline dl dt {  text-align:center; }
.serviceonline dl dd h3 {  text-align:center; font-size:110%; padding:0.3em 0;  }
.serviceonline dl dd {  }
.serviceonline dl dd p { width:92%; margin:0 auto; display:block; overflow:hidden; text-align:center; }
}

@media (min-width: 901px) {
.propagelist { width:100%; margin:0 auto; padding:1em 0;}
.propagelist a { float:left; width:33.333%; text-align:center; line-height:0; padding:1em 0; }
.propagelist a dl { width:92%; margin:0 auto; display:block; position: relative; line-height:100%; }
.propagelist a dl dt { display:block;  }
.propagelist a dl dt img { width:100%; }
.propagelist a dl dd h3 { font-size:130%; font-weight:normal }
.propagelist a:hover dl dd h3 { font-size:130%; font-weight:normal }
.propagelist a dl {	display: block;	overflow: hidden; }
.propagelist a dl dd h3  { background-position: center center !important; background-size: cover !important; height: 100%; }
.propagelist a dl dd h3 { bottom:0; left:0; position:absolute; width:100%; height:50px; line-height:50px; color:#fff; transition: all ease 0.4s; background: rgba(0, 0, 0, .7); display:block; }
.propagelist a:hover dl dd h3 { position: absolute; height:100%; bottom:0; color:#01aac1; font-weight:600; padding-top:23%; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; width: 100%; }
}
@media (min-width: 501px) and (max-width: 900px){	
.propagelist { width:100%; margin:0 auto; padding:1em 0;}
.propagelist a { float:left; width:50%; text-align:center; line-height:0; padding:1em 0; }
.propagelist a dl { width:92%; margin:0 auto; display:block; position: relative; line-height:100%; }
.propagelist a dl dt { display:block;  }
.propagelist a dl dt img { width:100%; }
.propagelist a dl dd h3 { font-size:110%; font-weight:normal }
.propagelist a:hover dl dd h3 { font-size:110%; font-weight:normal }
.propagelist a dl {	display: block;	overflow: hidden; }
.propagelist a dl dd h3  { background-position: center center !important; background-size: cover !important; height: 100%; }
.propagelist a dl dd h3 { bottom:0; left:0; position:absolute; width:100%; height:50px; line-height:50px; color:#fff; transition: all ease 0.4s; background: rgba(0, 0, 0, .7); display:block; }
.propagelist a:hover dl dd h3 { position: absolute; height:100%; bottom:0; color:#01aac1; font-weight:600; padding-top:21%; text-align: center; text-transform: uppercase; transition: all 0.4s ease 0s; width: 100%; }
}
@media (max-width: 500px){	
.propagelist { width:100%; margin:0 auto; padding:1em 0;}
.propagelist a { float: none; width:100%; text-align:center; line-height:0;  }
.propagelist a dl { width:100%; margin:1em auto; display:block; position: relative; line-height:100%; }
.propagelist a dl dt { display:block;  }
.propagelist a dl dt img { width:100%; }
.propagelist a dl dd h3 { font-size:100%; font-weight:normal }
.propagelist a:hover dl dd h3 { font-size:100%; font-weight:normal }
.propagelist a dl {	display: block;	overflow: hidden; }
.propagelist a dl dd h3  { background-position: center center !important; background-size: cover !important; height: 100%; }
.propagelist a dl dd h3 { bottom:0; left:0; position:absolute; width:100%; height:50px; line-height:50px; color:#fff; transition: all ease 0.4s; background: rgba(0, 0, 0, .7); display:block; }
}


@media (min-width: 1221px) {
.propageshow { width:100%; overflow:hidden; padding-bottom:2em; }
.propageshow dl { width:100%; overflow:hidden; padding:1.6em 0; }
.propageshow dl dt { float:left; width:40%; }
.propageshow dl dt img { width:100%; padding-top:1em; }
.propageshow dl dd { float:right; width:57%; }
.propageshow dl dd h3 { font-size:150%; padding:1em 0;}
.propageshow dl dd h1 { font-size:150%; padding:1em 0;}
.propageshow dl dd span { margin-top:1em; display:block; }
}

@media (min-width: 801px) and (max-width: 1220px) {
.propageshow { width:100%; overflow:hidden; padding-bottom:2em; }
.propageshow dl { width:100%; overflow:hidden; padding:1em 0; }
.propageshow dl dt { float:left;  }
.propageshow dl dt img { width:auto; height:300px; padding-top:1em; }
.propageshow dl dd { float:left; padding-left:2%; }
.propageshow dl dd h3 { font-size:140%; padding:1em 0;}
.propageshow dl dd h1 { font-size:140%; padding:1em 0;}
.propageshow dl dd span { margin-top:1em; display:block; }
}

@media (max-width: 800px){	
.propageshow { width:100%; overflow:hidden; padding-bottom:1em; }
.propageshow dl { width:100%; overflow:hidden; padding:0 0 1em 0; }
.propageshow dl dt { float: none;  }
.propageshow dl dt img { width:100%; padding-top:1em; }
.propageshow dl dd { float:none;  }
.propageshow dl dd h3 { font-size:130%; padding:0.3em 0;}
.propageshow dl dd h1 { font-size:130%; padding:0.3em 0;}
.propageshow dl dd span { margin-top:1em; display:block; }
}

.sevlist a dl dt 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;
}
.sevlist a:hover dl dt img {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
}

@media (min-width: 901px) {
.sevlist { width:100%; padding-bottom:1em; }
.sevlist article { text-indent:28px; padding:2em 0 }
.sevlist a { float:left; width:33.333%; display:block;}
.sevlist a dl { background:#fff; width:94%; margin:0 auto; display:block; margin-bottom:2em; border-radius:10px; }
.sevlist a dl dt { text-align:center; padding-top:2em;}
.sevlist a dl dd { padding:1.5em;}
.sevlist a dl dd h3 { font-size:130%; }
.sevlist a dl dd p { color:#666; height:60px; line-height:30px; overflow:hidden; }
.sevlist a dl dd span { background:url(../images/sevmore.jpg) left center no-repeat; padding-left:10px; color:#01aac1; font-weight:bold;}
}

@media (min-width: 601px) and (max-width: 900px) {	
.sevlist { width:100%; padding-bottom:1em; }
.sevlist article { text-indent:28px; padding:2em 0 }
.sevlist a { float:left; width:50%; display:block;}
.sevlist a dl { background:#fff; width:94%; margin:0 auto; display:block; margin-bottom:2em; border-radius:10px; }
.sevlist a dl dt { text-align:center; padding-top:2em;}
.sevlist a dl dd { padding:1.5em;}
.sevlist a dl dd h3 { font-size:130%; }
.sevlist a dl dd p { color:#666; height:60px; line-height:30px; overflow:hidden; }
.sevlist a dl dd span { background:url(../images/sevmore.jpg) left center no-repeat; padding-left:10px; color:#01aac1; font-weight:bold;}
}

@media (max-width: 600px){	
.sevlist { width:100%; padding-bottom:1em; }
.sevlist article { text-indent:28px; padding:2em 0 }
.sevlist a { float: none; width:100%; display:block;}
.sevlist a dl { background:#fff; width:94%; margin:0 auto; display:block; margin-bottom:2em; border-radius:5px; }
.sevlist a dl dt { text-align:center; padding-top:2em;}
.sevlist a dl dd { padding:1.5em;}
.sevlist a dl dd h3 { font-size:130%; }
.sevlist a dl dd p { color:#666; height:60px; line-height:30px; overflow:hidden; }
.sevlist a dl dd span { background:url(../images/sevmore.jpg) left center no-repeat; padding-left:10px; color:#01aac1; font-weight:bold;}
.imgnav img { width:94%;}
}

.imgnav { text-align:center; padding-top:2em; clear: both; }


@media (min-width: 801px) {
.mainleftlist { float:left; width:22%; }
.mainleftlist h3 { background:#fff; border-top:2px #005eaf solid; color:#005eaf; padding:0.6em; font-size:160%; font-weight:normal; }
.mainleftlist h3 span { padding-left:1em;color:#808080; font-size:80%; }
.mainleftlist ul { padding-top:6px; }
.mainleftlist ul li { padding:5px 0; }
.mainleftlist ul li a { background:#fff; display:block; height:46px; line-height:46px; border-left:5px #005eaf solid; padding-left:1em; font-size:130%; }
.mainleftlist ul li a:hover { background:#fff; border-left:5px #005eaf solid;  }
}

@media (min-width: 501px) and (max-width:800px){	
.mainleftlist { float:none;  }
.mainleftlist h3 { display:none;}
.mainleftlist h3 span { display:none;}
.mainleftlist ul { padding:0; }
.mainleftlist ul li { float:left; width:33.333%; padding-bottom:10px; }
.mainleftlist ul li a { width:90%; margin:0 auto; background:#e5e5e5; color:#333; display:block; font-size:100%; text-align:center; padding:5px 0;border-radius:8px; }
.mainleftlist ul li a:hover { background:#005eaf; color:#fff; }
}

@media (max-width: 500px){	
.mainleftlist { float:none;  }
.mainleftlist h3 { display:none;}
.mainleftlist h3 span { display:none;}
.mainleftlist ul { padding:0; }
.mainleftlist ul li { float:left; width:50%; padding-bottom:10px; }
.mainleftlist ul li a { width:90%; margin:0 auto; background:#e5e5e5; color:#333; display:block; font-size:100%; text-align:center; padding:5px 0;border-radius:8px; }
.mainleftlist ul li a:hover { background:#005eaf; color:#fff; }
}


@media (min-width: 1100px) {
.casepglist { width:100%; padding-top:1em; }
.casepglist a { float:left; width:50%; margin:1em 0; display:block; }
.casepglist a dl { width:92%; margin:0 auto; display:block; position:relative; overflow:hidden; }
.casepglist a dl dt { width:100%; overflow:hidden; display:block; height:100%; line-height:0; }
.casepglist a dl dt img { width:100%; }
.casepglist a dl dd { position:absolute; bottom:0; left:0; width:100%; text-align:center; background: rgba(0, 0, 0, .5);}
.casepglist a dl dd h3 { color:#fff; font-size:120%; display:block; font-weight:normal; line-height:3em;}
.casepglist a:hover dl dd { background: rgba(1, 136, 154, .5);}
.casepglist a:hover dl dd h3 { color:#fff;  }
}

@media (min-width: 800px) and (max-width: 1099px) {
.casepglist { width:100%; }
.casepglist a { float:left; width:50%; margin:1em 0; display:block; }
.casepglist a dl { width:92%; margin:0 auto; display:block; position:relative; overflow:hidden; }
.casepglist a dl dt { width:100%; overflow:hidden; display:block; height:100%; line-height:0; }
.casepglist a dl dt img { width:100%; }
.casepglist a dl dd { position:absolute; bottom:0; left:0; width:100%; text-align:center; background: rgba(0, 0, 0, .5);}
.casepglist a dl dd h3 { color:#fff; font-size:110%; display:block; font-weight:normal; line-height:3em;}
.casepglist a:hover dl dd { background: rgba(1, 136, 154, .5);}
.casepglist a:hover dl dd h3 { color:#fff;  }
}

@media (max-width: 799px){	
.casepglist { width:100%; }
.casepglist a { float:none; width:100%; margin:1em 0; display:block; }
.casepglist a dl { width:94%; margin:0 auto; display:block; position:relative; overflow:hidden; }
.casepglist a dl dt { width:100%; overflow:hidden; display:block; height:100%; line-height:0; }
.casepglist a dl dt img { width:100%; }
.casepglist a dl dd { position:absolute; bottom:0; left:0; width:100%; text-align:center; background: rgba(0, 0, 0, .5);}
.casepglist a dl dd h3 { color:#fff; font-size:110%; display:block; font-weight:normal; line-height:3em;}
.casepglist a:hover dl dd { background: rgba(1, 136, 154, .5);}
.casepglist a:hover dl dd h3 { color:#fff;  }
}

@media (min-width: 1100px) {
.newspglist { width:100%; }
.newspglist dl { clear:both; margin:2em; overflow:hidden; border-bottom:1px #ddd dotted; padding-bottom:1em; }
.newspglist dl dt { float:left; width:33%; overflow:hidden; }
.newspglist dl dd { float:right; width:65%; padding-left:1%;}
.newspglist dl dd h3 { font-size:130%; padding-bottom:0.5em;}
.newspglist dl dd nav { color:#999; }
.newspglist dl dd p { color:#666; height:75px; line-height:25px; overflow:hidden; margin:0.5em 0; display:block; }
.newspglist dl dd .more { color:#2b9baa; font-weight:bold; margin-top:8px; padding:0 5px; border:1px #2b9baa solid; display:inline-block; border-radius:5px}
.newspglist dl dd .more:hover { background:#2b9baa; color:#fff; padding:0 5px; border:1px #2b9baa solid; }
}

@media (min-width: 800px) and (max-width: 1099px) {
.newspglist { width:100%; }
.newspglist dl { clear:both; margin:1.6em; overflow:hidden; padding-bottom:1em; border-bottom:1px #ddd dotted;  }
.newspglist dl dt { float:none; text-align:center  }
.newspglist dl dd { float:none;}
.newspglist dl dd h3 { font-size:130%; padding:0.6em 0 0.5em 0;}
.newspglist dl dd nav { color:#999; padding-bottom:0.3em; }
.newspglist dl dd { text-align:center; }
.newspglist dl dd p { color:#666; text-align:left; }
.newspglist dl dd .more { color:#2b9baa; font-weight:bold; margin-top:8px; padding:0 5px; border:1px #2b9baa solid; display:inline-block; border-radius:5px}
.newspglist dl dd .more:hover { background:#2b9baa; color:#fff; padding:0 5px; border:1px #2b9baa solid; }
}

@media (max-width: 799px){	
.newspglist { width:100%; }
.newspglist dl { clear:both; margin:1em; overflow:hidden; padding-bottom:1em; border-bottom:1px #ddd dotted;  }
.newspglist dl dt { float:none; text-align:center  }
.newspglist dl dd { float:none;}
.newspglist dl dd h3 { font-size:110%; padding-bottom:0.5em; text-align:left}
.newspglist dl dd { text-align:center; }
.newspglist dl dd nav { color:#999; text-align:left; }
.newspglist dl dd p { display:none; }
.newspglist dl dd .more { color:#2b9baa; font-weight:bold; margin:8px auto 0 auto; padding:0 5px; border:1px #2b9baa solid; display:inline-block; border-radius:5px}
.newspglist dl dd .more:hover { background:#2b9baa; color:#fff; padding:0 5px; border:1px #2b9baa solid; }
}

@media (min-width: 1100px) {
.contactxt { width:100%; border:1px #e5e5e5 solid; overflow:hidden; margin:2em 0; }
.contactxt ul { padding:3em 0; overflow:hidden; }
.contactxt ul li { float:left; text-align:center; list-style:none; font-size:150%; }
.contactxt ul li:nth-child(1) { width:20%; }
.contactxt ul li:nth-child(2) { width:20%; }
.contactxt ul li:nth-child(3) { width:20%; }
.contactxt ul li:nth-child(4) { width:40%; }
.contactxt ul li i { color:#01aac1; font-size:130%;font-weight:bold; padding-right:10px;}
}
@media (min-width: 800px) and (max-width: 1099px) {
.contactxt { width:100%; border:1px #e5e5e5 solid; overflow:hidden; margin:1em 0; }
.contactxt ul { padding:1em 0; overflow:hidden; }
.contactxt ul li { float:left; width:50%; text-align:center; list-style:none; font-size:130%; padding:1em 0; }
.contactxt ul li i { color:#01aac1; font-size:130%;font-weight:bold; padding-right:10px;}
}
@media (max-width: 799px){	
.contactxt { width:100%; border:1px #e5e5e5 solid; overflow:hidden; margin:1em 0; }
.contactxt ul { padding:1em 0; overflow:hidden; }
.contactxt ul li { text-align:left; list-style:none; font-size:110%; padding:1em 0; padding-left:2em; }
.contactxt ul li i { color:#01aac1; font-size:130%;font-weight:bold; padding-right:2px;}
}


@media (min-width: 800px) {
.gbook { width:100%; clear:both; overflow:hidden; padding-bottom:2em;}
.gbook h2 { font-size:150%;}
.gbook dl { width:100%; clear:both; overflow:hidden; }
.gbook dl dt { float:left; width:48%; display:block; }
.gbook dl dd { float:right; width:48%; display:block; }

.gbook label { width:100%; display:block; margin:1.3em 0; }
.gbook .myinput { width:98%; background:#f9f9f9; border:1px #dedede solid; font-size:100%; padding:1em; border-radius:5px; outline:none; }
.gbook .txtContent { height:11em; font-size:100%; padding:1em; }
.gbook .myinput:hover { background:#f9f9f9; border:1px #01aac1 solid;}
.gbook .btn { width:auto; background:#01aac1; border:1px #01aac1 solid; color:#fff; font-size:120%; border-radius:5px; padding:0.6em 2em; }
.gbook .btn:hover { width:auto; background:#fff; border:1px #01aac1 solid; color:#01aac1; font-size:120%; border-radius:5px; padding:0.6em 2em; }
}
@media (max-width: 799px){	
.gbook { width:100%; clear:both; overflow:hidden; padding-bottom:2em;}
.gbook h2 { font-size:150%;}
.gbook dl { width:100%; clear:both; overflow:hidden; }
.gbook dl dt { display:block; padding-bottom:1em; }
.gbook dl dd { display:block; }

.gbook label { width:100%; display:block; margin:1.3em 0; }
.gbook .myinput { width:98%; background:#f9f9f9; border:1px #dedede solid; font-size:100%; padding:1em; border-radius:5px; outline:none; }
.gbook .txtContent { height:11em; font-size:100%; padding:1em; }
.gbook .myinput:hover { background:#f9f9f9; border:1px #01aac1 solid;}
.gbook .btn { width:120px; background:#01aac1; border:1px #01aac1 solid; color:#fff; font-size:120%; border-radius:5px; padding:0.6em 2em; text-align:center; margin:0 auto; display:block; }
.gbook .btn:hover { background:#fff; border:1px #01aac1 solid; color:#01aac1; }
}

.newnavbox { text-align:center; color:#999; padding-top:1em; }

#friendlink { width:100%; }
#friendlink a { padding-right:1em; }
@media (min-width: 1100px) {
#friendlink { padding-bottom:2em; }
}
@media (min-width: 800px) and (max-width: 1099px) {
#friendlink { padding-bottom:2em; }
}
@media (max-width: 799px){	
#friendlink { padding-bottom:1.5em; }
}


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


/* by trevor 20170828 */

/* 以下为备用样式 */
.radius { border-radius:50%; }
.myli { white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
/* nth-child的用法 */
.product li:nth-child(1) { color:#f00; }
.product li:nth-child(2) { color:#000; }
/* 文字换行对齐 */
.showtxt { text-align:justify; text-justify:inter-ideograph; }
@media (min-width: 1100px) {
}

@media (min-width: 800px) and (max-width: 1099px) {
}

@media (max-width: 799px){	
}
.filter { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; }