@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: #4E8AC0; 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:#3999FF; 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:#3999FF; 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:#01ADEA; 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:280px; padding-top:0.8em; display:block; } 
.header #logo img { width:280px; }

.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%;   margin:0 0 0 38px; }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible; padding:0;  0;}
.animenu__nav > li:hover > a { color:#01ADEA }
.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) {
.us-cp ul{ width:100%!important}
.us-cp li{ width:40%!important; float:left; overflow:hidden}
.us-cp li{ margin-left:5%!important; margin-right:5%!important}
.banner{ height:350px!important; overflow:hidden}
.banner .image{ width:100%!important;}
.banner .image .fl{ width:100%!important;}
.banner .image .fr { width:100%!important;}
.banner .text h3{ margin-top:50px!important; font-size:28px!important; line-height:32px!important}

.header { width:96%;  height:3em; margin:2em 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:#01ADEA;  border: 0;  padding: 10px;  height: 3em;  width: 3em; outline:none; margin: 0; color:#01ADEA; }
.animenu__toggle:hover {  background-color: #01ADEA;}
.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: #01ADEA; 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: #01ADEA;  }
.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: #01ADEA; }
.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: #01ADEA;    position: relative;  }
.animenu__nav a:hover {    background-color: #143468;   color: #fff;  }
.animenu__nav__child {    position: static;    background-color: #01ADEA;    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%; 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 #3999FF 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:#01ADEA; color:#fff; line-height:200%; padding:1.6em }
.prolist a:hover dl dd { background:#3999FF;}
.prolist a dl dd p { height:60px; line-height:30px; overflow:hidden; }
.prolist a dl dd h3 { font-size:130%; font-weight:normal }
}

@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:#01ADEA; color:#fff; line-height:200%; padding:1.6em }
.prolist a:hover dl dd { background:#3999FF;}
.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:#01ADEA; color:#fff; line-height:200%; padding:1.6em }
.prolist a:hover dl dd { background:#3999FF;}
.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:20%; text-align:center; }
.partnersmain ul li img { padding:10px}
}

@media (min-width: 501px) and (max-width: 800px){	
.partnersmain { background: url(../images/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(../images/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:50%;}
.newslistindex { float:right; width:48%; margin-right:1%; margin-left:1% }
.cusbox { padding:3em 0; }
.sitemore a { background:#3999FF; border:1px #3999FF solid; color:#fff; padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.sitemore a:hover { background:#fff; border:1px #3999FF solid; color:#3999FF; 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:#3999FF; border:1px #3999FF solid; color:#fff; padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.sitemore a:hover { background:#fff; border:1px #3999FF solid; color:#3999FF;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 { display: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:#3999FF; border:1px #3999FF solid; color:#fff; padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.sitemore a:hover { background:#fff; border:1px #3999FF solid; color:#3999FF;padding:1em 2em; line-height:100%; display:inline-block; border-radius:6px; }
.shouji{ display:none}


.service_tp{ width:100%!important}

.service_tp ul li {
    width: 46%!important;
    float: left!important;
    margin-right: 10px!important;
    margin-bottom: 29px;
}
.service_tp ul{ width:100%!important}

.service_tp ul li a{ width:100%!important} 
.service_tp ul li .service_a1 div{background-position: top center!important;}






}


@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%; }
.newslistindex ul li a:hover { color: #3999FF; } 
.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: #3999FF; } 
.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:#01ADEA; margin:0; }
#footer ul { clear:both; width:96%; max-width:1200px; display:block; margin:0 auto; padding:0; overflow:hidden; color:#f4f4f4; padding-bottom:3em; }
#footer ul a { color:#f4f4f4; }
#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:#01ADEA; margin:0; }
#footer ul { clear:both; width:96%; max-width:1200px; display:block; margin:0 auto; padding:0; overflow:hidden; color:#f4f4f4; padding-bottom:2em;  }
#footer ul a { color:#f4f4f4; }
#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:#01ADEA; margin:0; }
#footer ul { clear:both; width:96%; max-width:1200px; display:block; margin:0 auto; padding:0; overflow:hidden; color:#f4f4f4; padding-bottom:2em; }
#footer ul a { color:#f4f4f4; }
#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:#3999FF }
#footer section { clear:both; width:100%; display:block; margin:0 auto; padding:1em 0; overflow:hidden; background:#3999FF; color:#f4f4f4; 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) no-repeat top center; 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 #01ADEA solid; color:#01ADEA; 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 #01ADEA solid; padding-left:1em; font-size:130%; }
.mainleft ul li a:hover { background:#fff; border-left:5px #3999FF 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:#3999FF; 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 #01ADEA solid; color:#01ADEA; 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; overflow:hidden; border-left:5px #01ADEA solid; padding-left:1em; padding-right:1em; font-size:100%; }
.mainleftlist ul li a:hover { background:#fff; border-left:5px #3999FF 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:#3999FF; color:#fff; }
}

@media (max-width: 500px){	
.mainleftlist { display: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:#3999FF; 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:100%; }
.newspglist dl dd h3 { font-size:130%; padding-bottom:0.5em;}
.newspglist dl dd nav { color:#999; }
.newspglist dl dd p { color:#666; height:55px; 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; }



.banner{height:600px;text-align:center; background:url(bg-banner.jpg) no-repeat top center}
.banner .logo{margin-top:4px;width:110px;height:40px}
.banner .logo img{width:100%;height:auto}
.banner .nav li{float:left;margin-top:9px}
.banner .nav li a{display:block;padding:4px 21px;color:#fff}
.banner .nav li a:hover{padding:3px 20px;border-radius:3px;border:solid 1px #7dcaff;background:#5dbdff}
.banner .nav li.last a{margin-left:9px;padding:3px 20px;border-radius:3px;border:solid 1px #7dcaff;background:#41b2ff}
.banner .nav li.last a:hover{background:#5dbdff}
.banner .text h3{position:relative;display:inline-block;margin-top:100px;font-size:32px;color:#fff}
.banner .text h3:before{content:"";position:absolute;left:-95px;top:15px;display:block;width:50px;height:3px;background:#fff}
.banner .text h3:after{content:"";position:absolute;right:-82px;top:15px;display:block;width:50px;height:3px;background:#fff}
.banner .image{margin:30px auto 55px;width:930px;height:100px}
.banner .image .fl{width:520px;height:100px}
.banner .image .fr{position:relative;width:400px;height:100px}
.banner .image .fr img{position:absolute;left:0;top:0;z-index:2}
.banner .image .fr i{position:absolute;z-index:1;left:262px;top:-24px;display:block;width:52px;height:52px;background:url('../images/ico.png') no-repeat -144px -10px;opacity:0;-webkit-transform:rotate(30deg);-moz-transform:rotate(30deg);transform:rotate(30deg);-webkit-transition:transform .5s;-moz-transition:transform .5s;transition:transform .5s}
.banner .image .fr i.active{top:-30px;opacity:1;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg)}
.banner .bottom a{display:inline-block;padding:1px 0 11px;width:234px;height:48px;line-height:28px;font-size:26px;color:#fff;border-radius:30px;border:solid 2px #fff}
.banner .bottom a span{vertical-align:middle}
.banner .bottom a i{display:inline-block;vertical-align:middle;margin-right:8px;width:48px;height:48px;background:url('../images/ico.png') no-repeat 0 -96px}
.banner .bottom a:hover{color:#2a96ff;background:#fff;box-shadow:1px 1px 4px 2px rgba(0,0,0,.1)}
.banner .bottom a:hover i{background-position:0 -144px}

.data2{height:140px;overflow:hidden; margin-top:50px}
.data2 li{float:left;width:33.3%}
.data2 li strong{float:left;margin-top:58px;font-size:48px;font-weight:normal}
.data2 li span{float:left;margin:64px 0 0 6px}
.data2 li em{float:left;margin:64px 0 0 0}
.data2 li i{position:absolute;z-index:2;left:30px;top:30px;display:block;width:48px;height:48px;background:url('../images/ico.png') no-repeat}
.data2 li i.i1{background-position:-48px 0}
.data2 li i.i2{background-position:-48px -48px}
.data2 li i.i3{background-position:-48px -96px}
.data2 li .fr{float:left;width:228px;font-size:20px;color:#fff}
.data2 li .fl{position:relative;margin:15px 15px 0 45px;width:108px;height:108px;border-radius:54px;border:solid 1px rgba(255,255,255,.5)}
.data2 li .fl:after{content:"";position:absolute;z-index:1;left:8px;top:8px;display:block;width:90px;height:90px;border:solid 1px #ddd;border-radius:45px;background:#50a0f5}
.data2 li:hover i{ animation: bring .3s alternate linear }
.data2 li:hover .fl{border-color:rgba(255,255,255,.75)}
.fl{ float:left}
.fr{ float:right}
.w{ width:1200px; margin:0px auto}

.us-cp li {
    float: left;
    margin-top: 40px;
    border: 1px solid #EAEAEA;
    margin-right: 33px;
}
.prolist{ margin-top:20px}

.prolist a dt img{ width:100%; height:auto}
.prolist a dt{ width:100%; height:250px; overflow:hidden}


.dede_pages ul{
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;	padding:4px 6px 4px;
}
.dede_pages ul li a{
	float:left;

	color:#555;
	display:block;
}
.dede_pages ul li a:hover{

	text-decoration:none;

}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#F8F8F8;

	font-weight:bold;
}
.dede_pages .pageinfo{

	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}



.biaoti_weizhi {
    width: 1200px;
    margin: 0 auto;
    color: #222222;
    font-size: 24px;
    font-weight: normal;
    height: 52px;
    line-height: 52px;
    margin-top: 17px;
    border-bottom: 1px solid #E0E0E0;
}.biaoti_weizhi span {
    color: #cccccc;
    font-size: 18px;
    font-family: Arial, sans-serif;
    margin-left: 11px;
}.biaoti_weizhi p {
    float: right;
    color: #999999;
    font-size: 14px;
}.biaoti_weizhi p a {
    color: #999999;
    font-size: 14px;
}

.ban_service{ background:url(ltmes_banner.jpg) no-repeat center top; height:316px; position:relative;  }
.service_tp{ width:1200px; margin:38px auto 0px; padding-bottom:28px; }
.service_tp ul{ width:1300px}
.service_tp ul li{ width:230px; float:left; margin-right:20px; margin-bottom:29px;  }
.service_tp ul li a{ display:block; width:200px; text-align:center; text-decoration:none; }
.service_tp ul li a h5{ color:#1d5382; font-size:16px; font-weight: bold; height:45px; line-height:52px;  }
.service_tp ul li a p{ color:#888888; font-size:13px; line-height:24px; word-break:break-all; word-wrap:break-word; }
.service_tp ul li .service_a1 div{ height:117px; overflow:hidden; background:url(service_tp1.jpg) no-repeat left top;  }
.service_tp ul li .service_a2 div{ height:117px; overflow:hidden; background:url(service_tp2.jpg) no-repeat left top;  }
.service_tp ul li .service_a3 div{ height:117px; overflow:hidden; background:url(service_tp3.jpg) no-repeat left top;  }
.service_tp ul li .service_a4 div{ height:117px; overflow:hidden; background:url(service_tp4.jpg) no-repeat left top;  }
.service_tp ul li .service_a5 div{ height:117px; overflow:hidden; background:url(service_tp5.jpg) no-repeat left top;  }
.service_tp ul li .service_a6 div{ height:117px; overflow:hidden; background:url(service_tp6.jpg) no-repeat left top;  }
.service_tp ul li .service_a7 div{ height:117px; overflow:hidden; background:url(service_tp7.jpg) no-repeat left top;  }
.service_tp ul li .service_a8 div{ height:117px; overflow:hidden; background:url(service_tp8.jpg) no-repeat left top;  }
.service_tp ul li .service_a9 div{ height:117px; overflow:hidden; background:url(service_tp9.jpg) no-repeat left top;  }
.service_tp ul li .service_a10 div{ height:117px; overflow:hidden; background:url(service_tp10.jpg) no-repeat left top;  }
.service_tp ul li .service_a1 div:hover{ background:url(service_tp1.jpg) no-repeat left bottom; }
.service_tp ul li .service_a2 div:hover{ background:url(service_tp2.jpg) no-repeat left bottom; }
.service_tp ul li .service_a3 div:hover{ background:url(service_tp3.jpg) no-repeat left bottom; }
.service_tp ul li .service_a4 div:hover{ background:url(service_tp4.jpg) no-repeat left bottom; }
.service_tp ul li .service_a5 div:hover{ background:url(service_tp5.jpg) no-repeat left bottom; }
.service_tp ul li .service_a6 div:hover{ background:url(service_tp6.jpg) no-repeat left bottom; }
.service_tp ul li .service_a7 div:hover{ background:url(service_tp7.jpg) no-repeat left bottom; }
.service_tp ul li .service_a8 div:hover{ background:url(service_tp8.jpg) no-repeat left bottom; }
.service_tp ul li .service_a9 div:hover{ background:url(service_tp9.jpg) no-repeat left bottom; }
.service_tp ul li .service_a10 div:hover{ background:url(service_tp10.jpg) no-repeat left bottom; }
.service_tp ul li a:hover h5{ color:#e9590c; }
.ser_free{ background:url(service_mf.jpg) no-repeat center top; height:511px; }



.liucheng p {
    font-size: 14px;
    font-weight: 400;
    color: #888;
    margin: 5px 0;
    line-height: 26px;
}.liucheng h4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 45px;
    color: #282828;
}
.conleft{ width:380px; float:left; overflow:hidden}
.conright{ width:750px; float:right; padding-top:50px; padding-left:30px}
.conright h2{ font-size:22px; line-height:55px}
.right img{ max-width:100%; height:auto!important}