body { max-width:1920px; background:#fff; font-size:0.85em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; margin:0 auto; padding:0; color:#333; line-height:200%; }
body a { transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
ul, ol { list-style-position:outside; }
li { list-style-type:none; }
img { border:0; }
div { 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: #d7563b; 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; }

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

.pagination { clear:both; text-align:center; padding:1em 0; line-height:3em; }
.pagination a { background:#d7563b; color:#fff; padding:0.5em 1em; text-align:center; text-decoration:none ;  margin:0 0.3em;  }
.pagination em { background:#d7563b; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none;  }
.pagination a:hover { background:#f60; 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;  }

.header div h1 { display:none; }

@media (min-width: 1000px) {
body { padding:86px 0 0 0; }
}
@media (max-width: 999){	
body { padding:0; }
}

@media (min-width:1000px) {
.header { width:100%; height:86px; background:#fff; overflow: hidden; box-shadow: 0 0 6px 0 #888888; position:fixed; top:0; z-index:9; }
.header div { width:96%; padding:0 2%; max-width:1200px; margin:0 auto; overflow:hidden; }
.header div h2 { float:left; margin-top:22px; line-height:0; }
.header div h2 img { max-height:46px; line-height:0; }
.header nav { float:right; z-index:999; margin-top:24px; }
.header nav ul { z-index:999; }
.animenu__nav { margin-top:0.8em; z-index:999; }
.animenu__nav li { float:left; display:block; position:relative; }
.animenu a {  color: #000;  text-decoration: none;  }
.animenu li, .animenu a {  display: inline-block; }
.animenu__toggle {  display: none; }
.animenu a { color:#000;  text-decoration: none; z-index:999; }
.animenu__nav > li { display: inline; margin:0 18px; }
.animenu__nav > li:hover { border-bottom:1px #233868 solid; }
.animenu__nav > li > a { font-size:120%; color: #333; line-height:100%;  }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a { color: #233868; }
.animenu__nav .selected { color: #fff; }

.animenu__nav__child  { width: 150px; position: absolute; top:100%; left: 0; z-index: 1; opacity: 0; visibility: hidden; margin:30px 0 0 0; padding:0; background-color: #1e3062; transition: margin .15s, opacity .15s; }
.animenu__nav__child li { width: 150px; height:3em; line-height:3em; border-bottom:1px #29407d solid; }
.animenu__nav__child li a { color:#fff; padding:0 1em; }
}

@media (min-width: 800px) and (max-width:999px){
.header { width:100%; background:#fff; box-shadow: 0 0 6px 0 #888888; overflow:hidden; }
.header div { width:100%; max-width:1200px; margin:0 auto; }
.header div h2 { margin:1em 0; text-align:center; }
.header div h2 img { max-height:46px; line-height:0; }
.header nav { width:100%; background:#233868; height:50px; line-height:50px; }
.header nav ul { width:100%; text-align:center; }
.animenu__nav { display:block; }
.animenu__nav li { display:inline-block; }
.animenu li, .animenu a {  display: inline-block; }
.animenu__toggle {  display: none; }
.animenu a { color:#000;  text-decoration: none; }
.animenu__nav > li {  display: inline-block; }
.animenu__nav > li > a {  padding:0 20px;  font-size:120%; color: #fff;  }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a { color: #fff; background:#324a8a; }
.animenu__nav .selected { color: #fff; }
}

@media (max-width:799px) {
.header { position: relative; width:96%;  height: 70px; margin: 0; padding:0 2%; background:#fff; box-shadow: 0 0 6px 0 #888888; }
.header div {   display:block; overflow:visible; }
.header div h2 { float:left; width:70%;  margin:0.9em 0 0 0; display:block; }
.header div h2 img { max-height:38px; }
.header nav {  float:right; width: 18%;  z-index:999; text-align:right; padding:1.2em 0 0 0;  }
.header nav ul { z-index:999; }
.animenu__nav { width:50%;  position:absolute; top:54px; right:2%; }
.animenu li, .animenu a {  display: inline-block;  font-size: 15px; text-align:center;}
.animenu__toggle { display: none;  cursor: pointer;  background-color: #1f356d;  border: 0;  padding: 10px;  height: 40px;  width: 40px; outline:none; margin: 0; position:relative; }
.animenu__toggle:hover {  background-color: #1f356d;}
.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;  }
.animenu__nav {  background-color: #1f356d; margin-top: 0; }
.animenu__nav > li {  position: relative;  }
.animenu__nav > li > a {  padding: 6px 0;  text-transform: uppercase; }
.animenu__nav > li:hover > ul {  opacity: 1;  visibility: visible;  margin: 0;}
.animenu__nav > li:hover > a {  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 #2c4688;  }
.animenu__nav > li:last-child {    border: 0;  }
.animenu__nav > li:first-child > a:after {      }
.animenu__nav > li > a {    width: 100%;    padding: 10px 0;    border-color: #2c4688;    position: relative;  }
.animenu__nav--open { display: block !important; }
.animenu__nav--open .animenu__nav__child { display: block; }
}


@media (min-width: 1001px) {
.flexslider { clear:both; }
.flexslider ul li { width:100%; background-size:100% auto; }
.flexslider ul li section { width:100%; max-width:1200px; margin:0 auto; }
.flexslider ul li section article { float:left; width:50%; display:block; text-align:center; padding:5.5em 0 0 0; }
.flexslider ul li section article h2 { font-size:320%; color:#fff; line-height:260%; font-weight:normal; }
.flexslider ul li section article span { font-size:180%; color:#fff; line-height:260%; display:block; }
.flexslider ul li section article a { display:inline-block; color:#fff; font-size:120%; border:1px #fff solid; padding:0.2em 2em; margin-top:2em; }
.flexslider ul li section article a i { padding-left:5px; }
.flexslider ul li section article a:hover { padding:0.2em 3em; }
.flexslider ul li section p { float:right; width:50%; display:block; }
.flexslider ul li section p img { max-height:400px; padding:4em 0; }
}

@media (min-width: 701px) and (max-width: 1000px) {
.flexslider { clear:both; }
.flexslider ul li { width:100%; background-size:100% 100%; }
.flexslider ul li section { width:100%; max-width:1200px; margin:0 auto; }
.flexslider ul li section article { float:left; width:60%; display:block; text-align:center; padding:4em 0 0 0; }
.flexslider ul li section article h2 { font-size:260%; color:#fff; line-height:180%; font-weight:normal; }
.flexslider ul li section article span { font-size:150%; color:#fff; line-height:180%; display:block; }
.flexslider ul li section article a { display:inline-block; color:#fff; font-size:120%; border:1px #fff solid; padding:0.2em 1.6em; margin-top:2em; }
.flexslider ul li section article a i { padding-left:5px; }
.flexslider ul li section article a:hover { padding:0.2em 2.6em; }
.flexslider ul li section p { float:right; width:40%; display:block; }
.flexslider ul li section p img { max-height:230px; padding:4em 0; }
}

@media (max-width: 700px){	
.flexslider { clear:both; }
.flexslider ul li { width:100%; background-size:100% 100%; }
.flexslider ul li section { width:100%; margin:0 auto; }
.flexslider ul li section article { float:none; width:100%; display:block; text-align:center; padding:0 0 0 0; }
.flexslider ul li section article h2 { font-size:230%; color:#fff; line-height:160%; font-weight:normal; }
.flexslider ul li section article span { font-size:110%; color:#fff; line-height:160%; display:block; }
.flexslider ul li section article a { display:inline-block; color:#fff; font-size:100%; border:1px #fff solid; padding:0.2em 2em; margin:1em 0 3.6em 0; }
.flexslider ul li section article a i { padding-left:5px; }
.flexslider ul li section article a:hover { padding:0.2em 3em; }
.flexslider ul li section p { float:none; width:80%; margin:0 auto;  padding:2em 0 0 0; line-height:0; display:block; }
.flexslider ul li section p img { width:100%; margin:0 auto; display:block; line-height:0; }
}


@media (min-width: 850px) {
.intopicon { width:100%; background:#233868; overflow:hidden; }
.intopicon div { width:100%; max-width:1200px; margin:0 auto;  }
.intopicon div dl { float:left; width:25%; color:#fff; padding:2em 0; }
.intopicon div dl dt { float:left; text-align:center; line-height:0;padding-left:1em; }
.intopicon div dl dt img { width:50px; height:50px; border:1px #fff solid; border-radius:50%; }
.intopicon div dl:hover { background:#2078c9;}
.intopicon div dl dd { float:left; padding-left:1em; }
.intopicon div dl dd h5 { font-size:130%; font-weight:normal; }
}

@media (min-width:601px) and (max-width:849px) {
.intopicon { width:100%; background:#233868; overflow:hidden; }
.intopicon div { width:100%; max-width:1200px; margin:0 auto;  }
.intopicon div dl { float:left; width:50%; color:#fff; padding:2em 0; }
.intopicon div dl dt { float:left; text-align:center; line-height:0;padding-left:1em; }
.intopicon div dl dt img { width:50px; height:50px; border:1px #fff solid; border-radius:50%; }
.intopicon div dl:hover { background:#2078c9;}
.intopicon div dl dd { float:left; padding-left:1em; }
.intopicon div dl dd h5 { font-size:130%; font-weight:normal; }
}

@media (max-width: 600px){	
.intopicon { width:100%; background:#233868; overflow:hidden; padding:1em 0; }
.intopicon div { width:100%; max-width:1200px; margin:0 auto; padding-bottom:1em;  }
.intopicon div dl { float:left; width:50%; color:#fff; padding:1em 0 0 0; }
.intopicon div dl dt { text-align:center; line-height:0; padding-bottom:0.6em; }
.intopicon div dl dt img { width:50px; height:50px; border:1px #fff solid; border-radius:50%; }
.intopicon div dl dd { text-align:center; }
.intopicon div dl dd h5 { font-size:120%; font-weight:normal; }
}

.inservice { width:100%; max-width:1200px; margin:0 auto; }

@media (min-width: 801px) {
.intitle { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:3em 0 2em 0;}
.intitle h2 { font-size:230%; line-height:180%; font-weight:normal; }
.intitle p { font-size:120%; color:#999; }
.intitle nav { padding-top:1em; }
.intitle nav a { padding:6px 2em; border:1px #999 solid; margin:0 1em; }
.intitle nav a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}
@media (max-width: 800px){	
.intitle { width:100%; margin:0 auto; text-align:center; padding:2em 0;}
.intitle h2 { font-size:200%; line-height:200%; font-weight:normal; }
.intitle p { font-size:100%; color:#999; }
.intitle nav a { padding:3px 1em; border:1px #999 solid; margin:0 3px; }
.intitle nav a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}

@media (min-width: 801px) {
.intitletwo { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0 0 1em 0;}
.intitletwo h2 { font-size:230%; line-height:180%; font-weight:normal; }
.intitletwo h2 span { color:#d04c3a;  }
.intitletwo p { font-size:120%; color:#999; }
.intitletwo nav { padding-top:1em; }
.intitletwo nav a { padding:6px 2em; border:1px #999 solid; margin:0 1em; }
.intitletwo nav a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}
@media (max-width: 800px){	
.intitletwo { width:100%; margin:0 auto; text-align:center; padding:0 0 1em 0;}
.intitletwo h2 { font-size:200%; line-height:200%; font-weight:normal; }
.intitletwo h2 span { color:#d04c3a;  }
.intitletwo p { font-size:100%; color:#999; }
.intitletwo nav a { padding:3px 1em; border:1px #999 solid; margin:0 3px; }
.intitletwo nav a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}

@media (min-width: 801px) {
.zxnys { width:100%; margin:0 auto; text-align:center; padding:2em 0 0 0; overflow: hidden;  }
.zxnys dl { float:left; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }
.zxnys dl dt { margin:0 auto; padding-top:2em; display:block; text-align:center;  }
.zxnys dl dt h2 span { display:none; }
.zxnys dl dd { padding:2em 1.5em 3em 1.5em; }
.zxnys dl dd h3 { font-size:180%; font-weight:normal; }
.zxnys dl dd a {  display: inline-block; line-height:100%; padding:0.8em 2em; margin:0 auto; font-size:100%; }
.zxnys dl dd a:hover { padding:0.8em 3em; }


.zxnys dl:nth-child(1) dt h2 { width:50px; height:50px; margin:0 auto; display: block; overflow:hidden; background-image:url(../image/iconlist1.png); font-size:0; }
.zxnys dl:nth-child(2) dt h2 { width:50px; height:50px; margin:0 auto; display: block; overflow:hidden; background-image:url(../image/iconlist2.png); font-size:0; }
.zxnys dl:nth-child(3) dt h2 { width:50px; height:50px; margin:0 auto; display: block; overflow:hidden; background-image:url(../image/iconlist3.png); font-size:0; }

.iconhover { width:30%; background:#f7fafd; border:1px #aebcc7 solid; padding-top:2em; }
.iconhover dd a {  color:#587289; border:2px #587289 solid;  }
.iconhover dd p { padding:2em 0 3em 0; font-size:110%; }
.iconhover dt h2 { background-position:center top; }

}
@media (min-width: 1029px) {
.chColor { width:34%; background:#21335e url(../image/chColor.jpg) right bottom; border:1px #21335e solid;color:#fff;  padding:2em 2em 1em 2em; margin-top:-1em; z-index:999; }
.chColor dd a {  color:#fff; border:2px #fff solid; }
.chColor dd p { padding:2em 0 4em 0; font-size:110%; display:block; }
.chColor dt h2 { background-position:center bottom; }
}
@media (min-width: 801px) and (max-width: 1028px) {
.chColor { width:32%; background:#21335e; border:1px #21335e solid;color:#fff;  padding:2em 2em 1em 2em; margin-top:-1em; z-index:999; }
.chColor dd a {  color:#fff; border:2px #fff solid; }
.chColor dd p { padding:2em 0 4em 0; font-size:110%; display:block; }
.chColor dt h2 { background-position:center bottom; }
}

@media (max-width: 800px){	
.zxnys { width:96%; max-width:1140px; margin:0 auto; text-align:center; padding:0;  }
.zxnys dl { padding-top:2em; }
.zxnys dl dt { margin:0 auto; display:block; text-align:center;  }
.zxnys dl dt h2 span { display:none; }
.zxnys dl dd { padding:1em 2em 3em 2em; }
.zxnys dl dd h3 { font-size:160%; font-weight:normal; }
.zxnys dl dd a {  display: inline-block; line-height:100%; padding:0.8em 2em; margin:0 auto; font-size:100%; }
.zxnys dl:nth-child(1) dt h2 { width:50px; height:50px; margin:0 auto; display: block; overflow:hidden; background-image:url(../image/iconlist1.png); font-size:0; }
.zxnys dl:nth-child(2) dt h2 { width:50px; height:50px; margin:0 auto; display: block; overflow:hidden; background-image:url(../image/iconlist2.png); font-size:0; }
.zxnys dl:nth-child(3) dt h2 { width:50px; height:50px; margin:0 auto; display: block; overflow:hidden; background-image:url(../image/iconlist3.png); font-size:0; }

.iconhover { background:#f7fafd; border-bottom:1px #d6e4f7 solid; }
.iconhover dd a {  color:#587289; border:1px #587289 solid;  }
.iconhover dd p { padding:1em 0 1em 0; font-size:110%; }
.iconhover dt h2 { background-position:center top; }

.chColor { background:#f7fafd;   }
.chColor dd a {  color:#587289; border:1px #587289 solid;  }
.chColor dd p { padding:1em 0 1em 0; font-size:110%; }
.chColor dt h2 { background-position:center top; }
}

@media (min-width: 801px) {
.intitlefff { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:3em 0 2em 0;}
.intitlefff h2 { font-size:230%; line-height:180%; font-weight:normal; color:#fff; }
.intitlefff p { font-size:120%; color:#fff; }
.intitlefff nav { padding-top:1em; }
.intitlefff nav a { padding:3px 1em; border:1px #fff solid; margin:0 1em; color:#fff; }
}
@media (max-width: 800px){	
.intitlefff { width:96%; margin:0 auto; text-align:center; padding:2em 0;}
.intitlefff h2 { font-size:200%; line-height:200%; font-weight:normal; color:#fff; }
.intitlefff p { font-size:100%; color:#fff; }
.intitlefff nav a { padding:3px 1em; border:1px #fff solid; color:#fff; margin:0 3px; }
}

@media (min-width: 801px) {
.incase { width:100%; max-width:1230px; margin:0 auto; }
}
@media (max-width: 800px){	
.incase { width:100%; max-width:1200px; margin:0 auto; }
}

@media (min-width: 601px) {
.caselist { width:100%; max-width:1230px; margin:0 auto; overflow:hidden; }
.caselist a { float:left; width:31.333%; margin:0 1% 2em 1%; display:block; }
.caselist a dl { width:100%; text-align:center; }
.caselist a dl dt { line-height:0; overflow:hidden; }
.caselist dl:hover { box-shadow: 0px 2px 5px 0px #BBB, 0px 2px 10px 0px #BBB; }
.caselist a dl dt img { width:100%; line-height:0; }
.caselist a dl dd { background:#eff4f8; height:3em; line-height:3em; color:#333; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}
@media (max-width: 600px){	
.caselist { width:100%; max-width:1230px; margin:0 auto; overflow:hidden; }
.caselist a { float:left; width:46%; margin:0 2% 1em 2%; display:block; }
.caselist a dl { width:100%; text-align:center; }
.caselist a dl dt { line-height:0; overflow:hidden; }
.caselist dl:hover { box-shadow: 0px 2px 5px 0px #BBB, 0px 2px 10px 0px #BBB; }
.caselist a dl dt img { width:100%; line-height:0; }
.caselist a dl dd { background:#eff4f8; height:3em; line-height:3em; color:#333; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}

@media (min-width: 801px) {
.inabout { width:100%; margin:5em auto 0 auto; background:#233868 url(../image/aboutbg.jpg) center no-repeat; overflow:hidden; }
}
@media (max-width: 800px){	
.inabout { width:100%; max-width:1200px; margin:1em auto 0 auto; background:#233868 url(../image/aboutbg.jpg) center no-repeat; overflow:hidden; }
}

@media (min-width: 801px) {
.aboutbox { width:96%; max-width:1200px; margin:0 auto; padding:5em 0 3em 0; }
.aboutbox dl { width:100%; overflow:hidden; }
.aboutbox dl dt { float:left; width:40%; display:block; line-height:0; }
.aboutbox dl dt img { line-height:0; }
.aboutbox dl dd { float:right; width:56%; display:block; color:#fff; }
.aboutbox dl dd p { width:100%; display:block; margin-bottom:2em; overflow:hidden; }
.aboutbox dl dd p span { float:left; width:25%; display:block; }
.aboutbox dl dd article { text-indent:2em; font-size:110%; }
}
@media (max-width: 800px){	
.aboutbox { width:100%; max-width:1200px; margin:0 auto; padding:3em 0 3em 0; }
.aboutbox dl { width:100%; overflow:hidden; }
.aboutbox dl dt { display:none; }
.aboutbox dl dd { width:96%; margin:0 auto; display:block; color:#fff; }
.aboutbox dl dd p { width:100%; display:block; margin-bottom:1em; overflow:hidden; }
.aboutbox dl dd p span { float:left; width:25%; display:block; text-align:center; }
.aboutbox dl dd p span img { display:inline; width:90%; }
.aboutbox dl dd article { text-indent:2em; font-size:100%; }
}

@media (min-width: 601px) {
.mores { clear:both; width:100%; line-height:3em; margin:0.5em auto 0 auto; text-align: center; overflow:hidden }
.mores a {  border:1px #999 solid; background:#fff; color: #666;  padding:0.5em 3em; display: inline; }
.mores a:hover { border:1px #d7563b solid; background: #d7563b; color: #fff;  padding:0.5em 4em; display: inline;  }
}
@media (max-width: 600px){	
.mores { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.mores a {  border:1px #c9c9c9 solid; background:#fff; color: #666;  padding:0.5em 3em; display: inline;  }
}


@media (min-width: 801px) {
.insevto { width:100%; background:#21335e url(../image/sevtobox.jpg) right top no-repeat; overflow:hidden; margin:3.5em 0 0 0; }
}
@media (max-width: 800px){	
.insevto { width:100%; background:#21335e url(../image/sevtobox.jpg) center top no-repeat; background-size:auto 100%; overflow:hidden; margin:3em 0 0 0; }
}

@media (min-width: 861px) {
.sevtobox { width:96%; max-width:1200px; margin:0 auto; padding:0 0 3em 0; }
.sevtobox dl { float:left; width:20%; text-align:center; background:url(../image/go.png) center right no-repeat; }
.sevtobox dl dt { width:100px; height:100px; background:#fff; border-radius:50%; margin:0 auto; display:block; }
.sevtobox dl dt:hover { background:#fff; }
.sevtobox dl dd { text-align:center; line-height:230%; font-size:120%; color:#fff; }
.sevtobox dl:nth-child(1) , .sevtobox dl:nth-child(2) , .sevtobox dl:nth-child(3) , .sevtobox dl:nth-child(4) { background:url(../image/go.png) center right no-repeat; }
.sevtobox dl:nth-child(5) { background:url(../image/goto.png) center right no-repeat; }
}
@media (max-width: 860px){	
.sevtobox { width:96%; max-width:1200px; margin:0 auto; padding:0 0 2em 0; }
.sevtobox dl { float:left; width:20%; text-align:center; background:url(../image/go.png) center right no-repeat; }
.sevtobox dl dt { width:50px; height:50px; background:#fff; border-radius:50%; margin:0 auto; display:block; }
.sevtobox dl dt:hover { background:#fff; }
.sevtobox dl dd { text-align:center; line-height:230%; font-size:100%; color:#fff; }
.sevtobox dl:nth-child(1) , .sevtobox dl:nth-child(2) , .sevtobox dl:nth-child(3) , .sevtobox dl:nth-child(4) { background:url(../image/go.png) center right no-repeat; background-size:20px; }
.sevtobox dl:nth-child(5) { background:url(../image/goto.png) center right no-repeat; background-size:20px; }
}

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


@media (min-width: 1066px) {
.indexnews { width:96%; max-width:1200px; margin:0 auto; padding-bottom:0.6em; display:block; overflow:hidden; }
.indexnews dl { float:left; width:47%; display:block; }
.indexnews dl a { display:block; overflow:hidden; }
.indexnews dl dt { width:100%; }
.indexnews dl dt img { width:100%; max-height:320px; display:block; line-height:0; }
.indexnews dl dd { background:#f6f9fd; padding:1em 2em;  }
.indexnews dl dd span { color:#999; }
.indexnews dl dd h3 { font-size:130%; font-weight:normal; height:46px; line-height:46px; padding:0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;  }
.indexnews dl dd em { display:block; margin:0 auto; font-size:110%; font-weight:normal; }
.indexnews dl dd em i { padding-left:0.5em; }

.indexnews ul { float:right; width:50%;}
.indexnews ul a { display:block; margin-bottom:1.2em; }
.indexnews ul a li { border-bottom:1px #c6c6c6 dotted; padding-bottom:1.2em; }
.indexnews ul a li h4 { font-size:160%; font-weight:normal; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.indexnews ul a li span { display:block; color:#999; padding:0.6em 0 0.3em 0; }
.indexnews ul a li p { color:#666; }
}
@media (min-width: 800px) and (max-width:1065px) {
.indexnews { width:96%; margin:0 auto; display:block; overflow:hidden; padding-bottom:0.6em; }
.indexnews dl { float:left; width:35%; display:block; }
.indexnews dl a { display:block; overflow:hidden; }
.indexnews dl dt { width:100%; }
.indexnews dl dt img { width:100%; display:block; line-height:0; }
.indexnews dl dd { background:#f6f9fd; padding:1em 2em; }
.indexnews dl dd span { color:#999; }
.indexnews dl dd h3 { color:#362d23; font-size:110%; line-height:180%; padding:0; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;  }
.indexnews dl dd em { display:block; margin:0 auto; font-size:110%; font-weight:normal; }
.indexnews dl dd em i { padding-left:0.5em; }

.indexnews ul { float:right; width:62%;}
.indexnews ul a { display:block; margin-bottom:1em; }
.indexnews ul a li { border-bottom:1px #c6c6c6 dotted; padding-bottom:1em; }
.indexnews ul a li h4 { font-size:130%; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.indexnews ul a li span { display:none; }
.indexnews ul a li p { color:#666; line-height:30px; height:60px; overflow:hidden; }
}

@media (max-width: 799px){	
.indexnews { width:96%; margin:0 auto; display:block; overflow:hidden; padding-bottom:1em; }
.indexnews dl { width:100%; display:block; }
.indexnews dl a { display:block; overflow:hidden; }
.indexnews dl dt { width:100%; }
.indexnews dl dd span { color:#999; }
.indexnews dl dt img { width:100%; display:block; line-height:0;  }
.indexnews dl dd { background:#f6f9fd; padding:1em 1em;  }
.indexnews dl dd h3 { font-size:120%; line-height:180%; padding:0; overflow:hidden;  }
.indexnews dl dd em { display:block; margin:0 auto; font-size:110%; font-weight:normal; }
.indexnews dl dd em i { padding-left:0.5em; }
.indexnews:hover dl dd em i { padding-left:1em; color:#f63; transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all;	-o-transition:0.5s all;	-ms-transition:0.5s all; }

.indexnews ul { width:100%; padding:0; }
.indexnews ul a { display:block; margin-top:1em; }
.indexnews ul a li { border-bottom:1px #c6c6c6 dotted; padding-bottom:0.5em; }
.indexnews ul a li h4 { font-size:110%; font-weight:normal; }
.indexnews ul a li span { display:block; color:#999; padding:0 0 0.3em 0; }
.indexnews ul a li p { display:none; }
}

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

@media (min-width: 801px) {
.icus { width:100%; background:#21335e url(../image/cusbg.jpg) center no-repeat; background-size:100%; overflow:hidden; margin:3.5em 0 0 0; }
}
@media (max-width: 800px){	
.icus { width:100%; background:#21335e url(../image/cusbg.jpg) center no-repeat; background-size:auto 100%; overflow:hidden; margin:3em 0 0 0; }
}

@media (min-width: 801px) {
.icusbox { text-align:center; color:#fff; padding-bottom:3em; }
}
@media (max-width: 800px){	
.icusbox { text-align:center; color:#fff; padding-bottom:2.5em; }
}
.icusbox a { color:#fff; }
.icusbox a:hover { text-decoration:underline; }

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

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

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

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

@media (min-width: 801px) {
.tabs { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:3em 0 0 0;}
.tabs h2 { font-size:230%; line-height:180%; font-weight:normal; }
.tabs ul { padding:1em 0 2em 0; text-align:center; overflow:hidden; }
.tabs ul li { display:inline; }
.tabs ul li a { padding:6px 2em; border:1px #ccc solid; margin:0 0.5em; color:#666; }
.tabs ul .active a { border:1px #21335e solid; background:#fff; color:#21335e; }
.tabs ul li a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}
@media (max-width: 800px){	
.tabs { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:3em 0 0.5em 0;}
.tabs h2 { font-size:200%;  line-height:180%; font-weight:normal; }
.tabs ul { padding:1em 0 2em 0; text-align:center; overflow:hidden; }
.tabs ul li { display:inline; }
.tabs ul li a { padding:6px 6px; border:1px #999 solid; margin:0 1px; font-size: 90%; }
.tabs ul .active a { border:1px #21335e solid; background:#21335e; color:#fff; }
.tabs ul li a:hover { border:1px #21335e solid; background:#21335e; color:#fff; }
}


@media (min-width: 801px) {
.classnav { clear:both; width:96%; max-width:1200px; padding:6px 0; overflow:hidden; margin:1em auto; }
.classnav p { float:left; display:block; margin:0 auto; color:#999; text-align:right;  }
.classnav a { color:#999; }
}
@media (max-width: 800px){	
.classnav { clear:both; width:100%; overflow:hidden; padding:3px 0; font-size:90%; margin:1em 0; }
.classnav p { display:block; width:96%; max-width:1200px; margin:0 auto; color:#999; text-align:left;  }
.classnav a { color:#999; }
}



@media (min-width: 801px) {
.caseclass { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0 0 1em 0;}
.caseclass ul { padding:1em 0 2em 0; text-align:center; overflow:hidden; }
.caseclass ul li { display:inline; }
.caseclass ul li a { padding:6px 2em; border:1px #ccc solid; margin:0 0.5em; color:#666; }
.caseclass ul .active a { border:1px #21335e solid; background:#fff; color:#21335e; }
.caseclass ul li a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}
@media (max-width: 800px){	
.caseclass { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:0;}
.caseclass ul { padding:1em 0 2em 0; text-align:center; overflow:hidden; }
.caseclass ul li { display:inline; }
.caseclass ul li a { padding:6px 6px; border:1px #999 solid; margin:0 1px; font-size: 90%; }
.caseclass ul .active a { border:1px #21335e solid; background:#fff; color:#21335e; }
.caseclass ul li a:hover { border:1px #21335e solid; background:#fff; color:#21335e; }
}

.pagetop-case { clear:both; width:100%; background:url(../image/tp1.jpg) center; color:#fff; }
.pagetop-case div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0; text-align:center; }
.pagetop-case div h2 { font-weight:normal; font-size:200%; line-height:200%; }
.pagetop-case div p { font-size:120%; }

.pagetop-pr { clear:both; width:100%; background:url(../image/tp2.jpg) center; color:#fff; }
.pagetop-pr div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0; text-align:center; }
.pagetop-pr div h2 { font-weight:normal; font-size:200%; line-height:200%; }
.pagetop-pr div p { font-size:120%; }

.pagetop-cus { clear:both; width:100%; background:url(../image/tp3.jpg) center; color:#fff; }
.pagetop-cus div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0; text-align:center; }
.pagetop-cus div h2 { font-weight:normal; font-size:200%; line-height:200%; }
.pagetop-cus div p { font-size:120%; }

.pagetop-news { clear:both; width:100%; background:url(../image/tp4.jpg) center; color:#fff; }
.pagetop-news div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0; text-align:center; }
.pagetop-news div h2 { font-weight:normal; font-size:200%; line-height:200%; }
.pagetop-news div p { font-size:120%; }

.pagetop-service { clear:both; width:100%; background:url(../image/tp5.jpg) center bottom; color:#fff; }
.pagetop-service div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0; text-align:center; }
.pagetop-service div h2 { font-size:200%; line-height:200%; font-weight:normal; }
.pagetop-service div p { font-size:120%; }


@media (min-width: 601px) {
.servtable { border-left:1px #f5f5f5 solid; font-size:110%; }
.servtable th { background:#66a1d7; padding:0.6em 10px; color:#fff; font-weight:normal; }
.servtable td { border-bottom:1px #f5f5f5 solid; padding:1em 10px; border-right:1px #f5f5f5 solid; }
.servtable tr:hover { background:#fffdf1; }
}
@media (max-width: 600px){	
.servtable { border-left:1px #f5f5f5 solid; font-size:100%; }
.servtable th { background:#66a1d7; padding:0.3em 3px; color:#fff; font-weight:normal; }
.servtable td { border-bottom:1px #f5f5f5 solid; padding:0.5em 3px; border-right:1px #f5f5f5 solid; }
.servtable tr:hover { background:#fffdf1; }
}

@media (min-width: 601px) {
.pageshowsay { clear:both; width:96%; max-width:1200px; margin:2em auto; overflow:hidden; }
}
@media (max-width: 600px){	
.pageshowsay { clear:both; width:96%; max-width:1200px; margin:2em auto; overflow:hidden; }
}


.prservice dl:nth-child(1) { background:#f69046; }
.prservice dl:nth-child(2) { background:#e47170; }
.prservice dl:nth-child(3) { background:#259e72; }
@media (min-width: 906px) {
.prservice { width:96%; max-width:1220px; margin:0 auto; padding:0 0 1em 0; overflow:hidden; }
.prservice dl { float:left; width:31.333%; margin:0 1%; padding:3em 0; color:#fff; border-radius:0 2em; }
.prservice dl dt { float:left; padding:0 2em; }
.prservice dl dt i { font-size:3.6em; }
.prservice dl dd { float:left; }
.prservice dl dd h5 { font-size:130%; line-height:150%; font-weight:normal; }
.prservice dl dd a { color:#fff;  }
.prservice dl dd a:hover { text-decoration:underline }
}
@media (max-width: 905px){	
.prservice { width:96%; max-width:1220px; margin:0 auto; padding:0 0 1em 0; overflow:hidden; }
.prservice dl { float:left; width:31.333%; margin:0 1%; padding:2em 0; color:#fff; text-align:center; border-radius:0 1em; }
.prservice dl dt {  padding:0 2em; }
.prservice dl dt i { font-size:3.6em; }
.prservice dl dd {  }
.prservice dl dd h5 { font-size:120%; line-height:150%; font-weight:normal; }
.prservice dl dd a { color:#fff;  }
.prservice dl dd a:hover { text-decoration:underline }
}


@media (min-width: 801px) {
.pageaboutshow { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; font-size:120%; line-height:230%; }
}
@media (max-width: 800px){	
.pageaboutshow { clear:both; width:96%; margin:0 auto; overflow:hidden; font-size:110%; line-height:230%; }
}

@media (min-width: 800px) {
.abouticon { width:96%; max-width:1220px; margin:0 auto; padding:0; overflow:hidden; }
.abouticon dl { float:left; width:31.333%; margin:0 1%; padding:1em 0 1em 0; overflow:hidden; display:block; }
.abouticon dl dt { padding:0 2em; text-align:center; }
.abouticon dl dt img { line-height:0; border-radius:1em; max-width:260px; }
.abouticon dl dd { text-align:center; font-size:150%;  }
}
@media (max-width: 801px){	
.abouticon { width:96%; max-width:1220px; margin:0 auto; padding:0; overflow:hidden; }
.abouticon dl { float:left; width:31.333%; margin:0 1%; padding:0 0; overflow:hidden; display:block; }
.abouticon dl dt { text-align:center; }
.abouticon dl dt img { line-height:0; border-radius:1em; }
.abouticon dl dd { text-align:center; font-size:100%;  }
}

@media (min-width: 961px) {
.newslist { width:100%; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f6f9fd;  overflow:hidden; }
.newslist dl:hover { background:#fdfaf6; }
.newslist dl dt { float:left; width:30%; height:100%; display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0;  }
.newslist dl dd { float:left; width:70%;  }
.newslist dl dd article { padding:2em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:130%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#f63; }
.newslist dl dd article p { color:#666; padding-top:0.5em; }
}
@media (min-width: 661px) and (max-width: 960px) {
.newslist { width:100%; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f6f9fd;  overflow:hidden; }
.newslist dl:hover { background:#fdfaf6; }
.newslist dl dt { float:left; width:30%; height:100%; display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; }
.newslist dl dd { float:left; width:70%;  }
.newslist dl dd article { padding:2em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:150%; line-height:180%; padding:0; font-weight:normal; }
.newslist dl:hover dd article h3 { color:#f63; }
.newslist dl dd article p { display:none; }
}
@media (max-width: 660px){	
.newslist { width:100%; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f6f9fd; border-radius:0.6em; overflow:hidden; }
.newslist dl:hover { background:#fdfaf6; }
.newslist dl dt {  display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; border-radius:0.6em 0.6em 0 0; }
.newslist dl dd {   }
.newslist dl dd article { padding:1em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:110%; line-height:180%; padding:0; font-weight:normal; }
.newslist dl:hover dd article h3 { color:#f63; }
.newslist dl dd article h3 {}
.newslist dl dd article p { display:none; }
}


.pageshow { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; }
.pageshow a { color:#d7563b; }
.pageshow a:hover { text-decoration:underline; }
@media (min-width: 801px) {
.pageshow h3 { text-align:center; font-size:180%; line-height:180%; padding:5px 0 10px 0; }
.pageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pageshow article , .pageshow article a { font-size:105%; line-height:200%; }
.pageshow ul { padding-bottom:1em; overflow:hidden; }
.pageshow ul li { list-style-position:inside; list-style-type: disc; }
}
@media (max-width: 800px){	
.pageshow h3 { text-align:center; font-size:150%; line-height:180%; padding:5px 0 10px 0;}
.pageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pageshow article , .pageshow article a { font-size:100%; line-height:180%; }
.pageshow ul { padding-bottom:0.5em; overflow:hidden; }
.pageshow ul li { list-style-position:inside; list-style-type: disc; }
}


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

@media (min-width: 800px) {
.bdsharebuttonbox { float: right;text-align: right; 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; }
}

@media (min-width: 801px) {
.serpagetit { width:100%; max-width:1200px; margin:0 auto; text-align:center; padding:4em 0 2em 0;}
.serpagetit h2 { font-size:230%; line-height:180%; font-weight:normal; }
.serpagetit h2 span { color:#d04c3a;  }
.serpagetit p { font-size:120%; color:#999; }
.serpagetit nav { padding-top:1em; }
.serpagetit nav a { padding:6px 2em; border:1px #999 solid; margin:0 1em; }
.serpagetit nav a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}
@media (max-width: 800px){	
.serpagetit { width:100%; margin:0 auto; text-align:center; padding:2em 0 1em 0;}
.serpagetit h2 { font-size:200%; line-height:200%; font-weight:normal; }
.serpagetit h2 span { color:#d04c3a;  }
.serpagetit p { font-size:100%; color:#999; }
.serpagetit nav a { padding:3px 1em; border:1px #999 solid; margin:0 3px; }
.serpagetit nav a:hover { border:1px #d7563b solid; background:#d7563b; color:#fff; }
}

@media (min-width: 1046px) {
.sersofticon { width:100%; max-width:1300px; margin:0 auto; text-align:center; padding:0 0 2em 0; }
.sersofticon dl { float:left; width:16.666%;}
.sersofticon dl dt { width:6em; height:6em; line-height:6em; margin:0 auto; border:1px #a6b5c0 dashed; display:block; background:#f6f9fd; border-radius:50%; }
.sersofticon dl:hover dt { border:1px #f38546 dashed;  background:#fffdf0; }
.sersofticon dl:hover dt i { color:#f38546; }
.sersofticon dl dt i { font-size:3em; line-height:2em; margin:0 auto; color:#394a73; }
.sersofticon dl dd { padding:1em 0; }
.sersofticon dl dd h3 { font-size:120%; }
}
@media (min-width: 801px) and (max-width: 1045px) {
.sersofticon { width:100%; max-width:1300px; margin:0 auto; text-align:center; padding:0 0 2em 0; }
.sersofticon dl { float:left; width:16.666%;}
.sersofticon dl dt { width:6em; height:6em; line-height:6em; margin:0 auto; border:1px #a6b5c0 dashed; display:block; background:#f6f9fd; border-radius:50%; }
.sersofticon dl:hover dt { border:1px #f38546 dashed;  background:#fffdf0; }
.sersofticon dl:hover dt i { color:#f38546; }
.sersofticon dl dt i { font-size:3em; line-height:2em; margin:0 auto; color:#394a73; }
.sersofticon dl dd { padding:1em 0; }
.sersofticon dl dd h3 { font-size:120%; font-weight:normal; }
.sersofticon dl dd p { display:none; }
}
@media (max-width: 800px){	
.sersofticon { width:100%; max-width:1300px; margin:0 auto; text-align:center; padding:0 0 1em 0; }
.sersofticon dl { float:left; width:33.333%;}
.sersofticon dl dt { width:5em; height:5em; line-height:5em; margin:0 auto; border:1px #a6b5c0 dashed; display:block; background:#f6f9fd; border-radius:50%; }
.sersofticon dl dt i { font-size:2.5em; line-height:2em; margin:0 auto; color:#394a73; }
.sersofticon dl dd { padding:0 0 1em 0; }
.sersofticon dl dd h3 { font-size:100%; font-weight:normal; }
.sersofticon dl dd p { display:none; }
}

@media (min-width: 1201px) {
.codebox { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; padding:1em 0; }
.codebox dl dt { float:left; width:50%; padding-top:3em; text-align:left; }
.codebox dl dt h3 { font-size:200%; line-height:280%; }
.codebox dl dt p { font-size:130%; line-height:200%; }
.codebox dl dt ul { padding-top:0.6em; }
.codebox dl dt ul li { text-align:left; font-size:130%; line-height:200%; }
.codebox dl dt ul li i { color:#c84338; }
.codebox dl dd { float:right; width:48%; text-align:right; }
.codebox dl dd img { width:100%; max-width:520px; }

.codeboxi { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; padding:1em 0; }
.codeboxi dl dt { float:right; width:50%; padding-top:3em; text-align:right; }
.codeboxi dl dt h3 { font-size:200%; line-height:280%; }
.codeboxi dl dt p { font-size:130%; line-height:200%; }
.codeboxi dl dt ul { padding-top:0.6em; }
.codeboxi dl dt ul li { text-align:right; font-size:130%; line-height:200%; }
.codeboxi dl dt ul li i { color:#c84338; }
.codeboxi dl dd { float:left; width:48%; text-align:left; }
.codeboxi dl dd img { width:100%; max-width:520px; }
}
@media (min-width: 900px) and (max-width: 1200px) {
.codebox { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; padding:1em 0; }
.codebox dl dt { float:left; width:50%; padding-top:2em; text-align:left; }
.codebox dl dt h3 { font-size:180%; line-height:250%; }
.codebox dl dt p { font-size:130%; line-height:200%; }
.codebox dl dt ul { padding-top:0.6em; }
.codebox dl dt ul li { text-align:left; font-size:130%; line-height:200%; }
.codebox dl dt ul li i { color:#c84338; }
.codebox dl dd { float:right; width:48%; text-align:right; }
.codebox dl dd img { width:100%; max-width:520px; }

.codeboxi { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; padding:1em 0; }
.codeboxi dl dt { float:right; width:50%; padding-top:1.6em; text-align:right; }
.codeboxi dl dt h3 { font-size:180%; line-height:250%; }
.codeboxi dl dt p { font-size:130%; line-height:200%; }
.codeboxi dl dt ul { padding-top:0.6em; }
.codeboxi dl dt ul li { text-align:right; font-size:130%; line-height:200%; }
.codeboxi dl dt ul li i { color:#c84338; }
.codeboxi dl dd { float:left; width:48%; text-align:left; }
.codeboxi dl dd img { width:100%; max-width:520px; }
}
@media (max-width: 899px){	
.codebox { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; padding:0 0 1em 0; }
.codebox dl dt {width:100%; text-align:center; }
.codebox dl dt h3 { font-size:150%; line-height:220%; }
.codebox dl dt p { font-size:100%; text-align:left; }
.codebox dl dt ul li { text-align:left;}
.codebox dl dt ul li i { color:#c84338; }
.codebox dl dd { width:100%; padding-top:1em; }
.codebox dl dd img { width:100%; }

.codeboxi { clear:both; width:96%; max-width:1200px; margin:0 auto; overflow:hidden; padding:0 0 1em 0; }
.codeboxi dl dt {width:100%; text-align:center; }
.codeboxi dl dt h3 { font-size:150%; line-height:220%; }
.codeboxi dl dt p { font-size:100%; text-align:left;  }
.codeboxi dl dt ul li { text-align:left;}
.codeboxi dl dt ul li i { color:#c84338; }
.codeboxi dl dd { width:100%; padding-top:1em; }
.codeboxi dl dd img { width:100%; }
}

.sevbigbox { width:100%; background:#fafafa; margin-top:3em; }

@media (min-width: 801px) {
.websaytit { width:96%; max-width:1200px; margin:0 auto; text-align:center; padding:0 0 1em 0;}
.websaytit h2 { font-size:200%; line-height:180%; }
.websaytit h2 span { color:#d04c3a;  }
.websaytit p { font-size:120%; }
}
@media (max-width: 800px){	
.websaytit { width:96%; margin:0 auto; text-align:center; padding:0 0 1em 0;}
.websaytit h2 { font-size:160%; line-height:200%; }
.websaytit h2 span { color:#d04c3a;  }
.websaytit p { font-size:100%;  }
}

@media (min-width: 861px) {
.sewebsay { width:96%; max-width:1220px; margin:0 auto; text-align:center; padding:2em 0 4em 0; overflow:hidden; }
.sewebsay dl { float:left; width:25%;  }
.sewebsay dl dt { text-align:center; }
.sewebsay dl dd { text-align:center; }
.sewebsay dl dd h4 { font-weight:normal; font-size:120%; border:1px #4271bd dashed; display:inline; color:#4271bd; border-radius:10px; padding:5px 10px; }
}
@media (max-width: 860px){	
.sewebsay { width:96%; max-width:1200px; margin:0 auto; text-align:center;  padding:0 0 2em 0; }
.sewebsay dl { float:left; width:50%; padding:1em 0; }
.sewebsay dl dt { text-align:center; }
.sewebsay dl dt img { height:120px; }
.sewebsay dl dd { text-align:center; }
.sewebsay dl dd h4 { font-weight:normal; font-size:120%; border:1px #4271bd dashed; display:inline; color:#4271bd; border-radius:10px; padding:5px 10px; }
}


@media (min-width: 751px) {
.wxbox { width:96%; max-width:1220px; margin:0 auto; padding:0 0 3em 0; overflow:hidden;}
.wxbox dl { float:left; width:46%; text-align:center; padding:0 2%;  }
.wxbox dl dt img { border:1px #f9f9f9 solid; }
.wxbox dl dd h4 { font-size:180%; line-height:230%; }
.wxbox dl dd p { font-size:120%; }
}
@media (max-width: 750px){	
.wxbox { width:96%; max-width:1220px; margin:0 auto; padding:0; overflow:hidden;}
.wxbox dl { width:100%; text-align:center; padding-bottom:2em; }
.wxbox dl dt img { border:1px #f9f9f9 solid; }
.wxbox dl dd h4 { font-size:150%; line-height:230%; }
.wxbox dl dd p { font-size:100%; }
}

@media (min-width: 661px) {
.zicon {  width:96%; max-width:1230px; margin:0 auto; padding:0 0 1em 0; overflow:hidden; }
.zicon dl { float:left; width:16.666%; text-align:center; padding-top:2em;  }
.zicon dl dt img { max-width:100px; }
}
@media (max-width: 660px){	
.zicon {  width:96%; max-width:1220px; margin:0 auto; padding:0 0 1em 0; overflow:hidden; }
.zicon dl { float:left; width:33.333%; text-align:center; padding-top:2em;  }
.zicon dl dt img { max-width:80px; }
}
.zicon dl 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;
}
.zicon dl:hover img {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
-ms-transform:rotate(360deg);
}


@media (min-width: 601px) {
.serviceclass { display:none;  }
}

@media (max-width: 600px){	
.serviceclass { width:100%; overflow:hidden; position: fixed; right:0; bottom:0; }
.serviceclass div { width:100%; margin:0;  }
.serviceclass div ul li { float:left; width:33.333%; padding:0.5em 0; cursor:pointer; background:#243867; color:#fff; display:block; text-align:center; line-height:160%; }
.serviceclass div ul li:hover { background:#e27072; }
.serviceclass div ul li i { font-size:1.6em; line-height:160%; }
.serviceclass div ul li span { display:block; line-height:160%; font-size:90%; }
}



@media (min-width: 1201px) {
.izl-rmenu { margin-right: 0; width:50px; position: fixed; right: 2px; bottom:160px; z-index:99; overflow:visible; }
.izl-rmenu span { display:block; }
.izl-rmenu .consult { cursor: pointer; background:#66a1d7 url(../image/r_qq.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .consult:hover { background:#4382be url(../image/r_qq.png) center no-repeat; }

.izl-rmenu .izlwx { cursor: pointer; background:#71bc42 url(../image/r_wx.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlwx:hover { background:#52a027 url(../image/r_wx.png) center no-repeat; }
.izl-rmenu .izlwx .pic {	display:none; position: absolute; right:50px; top:0; width:240px;height:146px;background:url(../image/wxm.png); background-size:240px; z-index:999; overflow: visible; }
.izl-rmenu .izlwx:hover .pic{ display:block;overflow: visible; }

.izl-rmenu .izlphone { cursor: pointer; background:#f9a730 url(../image/r_qq.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlphone:hover { background:#fd762a url(../image/r_qq.png) center no-repeat; }
.izl-rmenu .izlphone .phone {	display:none; position: absolute; right:50px; top:0; width:130px;height:50px; line-height:50px; background:#fd762a; z-index:999; overflow: visible; text-align:center; color:#fff; font-size:110%; }
.izl-rmenu .izlphone:hover .phone{ display:block;overflow: visible; }

.izl-rmenu .izlqq { cursor: pointer; background:#66a1d7 url(../image/r_qq.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlqq:hover { background:#4382be url(../image/r_qq.png) center no-repeat; }
.izl-rmenu .izlqq .iqq {	display:none; position: absolute; right:50px; top:0; width:130px;height:50px; line-height:50px; background:#4382be; z-index:999; overflow: visible; text-align:center; color:#fff; font-size:110%; }
.izl-rmenu .izlqq:hover .iqq{ display:block;overflow: visible; }

.izl-rmenu .btn_top { cursor: pointer; background:#999 url(../image/r_top.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:#666 url(../image/r_top.png) center no-repeat; }
}
@media (max-width: 1200px){	
.izl-rmenu { margin-right: 0; width: 50px; position: fixed; right: 2px;bottom:5em; z-index:99; overflow:visible; 	filter:alpha(opacity=80);	-moz-opacity:0.8;	-khtml-opacity: 0.8;	opacity: 0.8; }
.izl-rmenu li { padding-bottom:1px; }
.izl-rmenu span { display:block; }
.izl-rmenu .izlphone { display:none; }
.izl-rmenu .consult { display:none; }
.izl-rmenu .cart { display:none; }
.izl-rmenu .izlqq { display:none; }
.izl-rmenu .btn_top { cursor: pointer; background:#5d5d5d url(../image/r_top.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;}
}


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