@charset "utf-8";
/* site style */
@media (min-width: 601px) {
body { max-width:1920px; background:#fff; font-size:1em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; margin:0 auto; padding:0; color:#333; line-height:200%; }
}
@media (max-width: 600px){	
body { max-width:1920px; background:#fff; font-size:0.9em; 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: #b62d3b; 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-out;
  -webkit-transition-duration: 250ms;
  -moz-transform: scale(1, 1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}
img.zoom-img:hover {
  -webkit-transform: scale(1.1);
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 750ms;
  -moz-transform: scale(1.1);
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 750ms;
  overflow: hidden;
}

/* page s */
.pagination { clear:both; text-align:center; padding:0.5em 0 0 0; line-height:2.6em; }
.pagination a { background:#106ea2; color:#fff; padding:0 1em; text-align:center; text-decoration:none ;  margin:0 0.3em 0.5em 0.3em; display:inline-block; }
.pagination em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.pagination a:hover { background:#b12d3e; color:#fff; text-decoration:none; }
.pagination span { background:#ccc; color:#333; padding:0 1em; margin:0 0.3em; display:inline-block; }
.pagination  .current { background:#ccc; color:#fff; display:inline-block; }
/* page e */

@media (min-width: 1176px) {
#header { width:100%; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { float:left; display:block; margin:2em 0; line-height:0; }
#header div p img { width:100%; max-width:268px; }
#header div article { float:right; display:block; margin:3em 0 0 2em;  background:url(topcall.png) left center no-repeat; padding-left:38px; }
#header div article a { font-size:130%; font-weight:bold; color:#333; }
#header div section { float:right; display:block; margin:3em 0 0 0; }
#header div section form { border:1px #e0e0e0 solid; border-radius:1em; padding:0 10px; margin:0; display:block; }
#header div section form:hover { border:1px #2c3884 solid; border-radius:1em; }
#header div section .searchin { width:180px; border:0; height:30px; line-height:30px; padding:0 5px; outline:none; font-size:90%; border-radius:1em; }
#header div section .searchgo { border:0; background:#fff url(topso.png) center no-repeat; width:30px; height:30px; line-height:30px; cursor:pointer; border-radius:1em; }
}
@media (min-width:908px) and (max-width: 1175px) {
#header { width:100%; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { float:left; display:block; margin:1.6em 0 1.6em 0; line-height:0; width:40%; }
#header div p img { width:100%; max-width:268px; }
#header div article { float:right; display:block; margin:2.5em 0 0 2em;  background:url(topcall.png) left center no-repeat; padding-left:38px; }
#header div article a { font-size:130%; font-weight:bold; color:#333; }
#header div section { float:right; display:block; margin:2.5em 0 0 0; }
#header div section form { border:1px #e0e0e0 solid; border-radius:1em; padding:0 10px; margin:0; display:block; }
#header div section form:hover { border:1px #2c3884 solid; border-radius:1em; }
#header div section .searchin { width:180px; border:0; height:30px; line-height:30px; padding:0 5px; outline:none; font-size:90%; border-radius:1em; }
#header div section .searchgo { border:0; background:#fff url(topso.png) center no-repeat; width:30px; height:30px; line-height:30px; cursor:pointer; border-radius:1em; }
}
@media (min-width: 611px) and (max-width:907px) {
#header { width:100%; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { float:left; display:block; margin:2em 0; line-height:0; width:55%; max-width:420px; }
#header div p img { width:100%; max-width:200px; }
#header div article { float:right; display:block; margin:2.3em 0 0 2em;  background:url(topcall.png) left center no-repeat; background-size:30px 30px; padding-left:34px; }
#header div article a { font-size:100%; font-weight:bold; color:#333; }
#header div section { display:none; }
}
@media (max-width: 610px){	
#header { width:100%; padding-bottom:1em; }
#header div { width:98%; max-width:1200px; margin:0 auto; }
#header div h1 { display:none; font-size:0; line-height:0; }
#header div p { display:block; margin:1.6em auto 0.6em auto; line-height:0; width:96%; text-align:center; }
#header div p img { width:80%; max-width:268px; margin:0 auto; }
#header div article { width:230px; display:block; margin:0.2em auto;  background:url(topcall.png) left center no-repeat; background-size:30px 30px; padding-left:32px; }
#header div article a { font-size:120%; font-weight:bold; color:#333; }
#header div section {  display:block; margin:1em 0 0 0; }
#header div section form { width:96%; border:1px #e0e0e0 solid; padding:0; margin:0 auto; display:block; overflow:hidden; border-radius:1em; }
#header div section form:hover { border:1px #2c3884 solid; }
#header div section .searchin { float:left; width:180px; border:0; height:30px; line-height:30px; padding:0 15px; outline:none; font-size:90%; }
#header div section .searchgo { float:right; border:0; background:#fff url(topso.png) center no-repeat; width:30px; height:30px; margin-right:5px; line-height:30px; }
}

@media (min-width: 801px) {
.menu { width:100%; background:#2c3884; margin:0; padding:0; overflow:hidden; color:#fff; }
.menu ul { display:block; max-width:1200px; margin:0 auto; padding:0;  }
.menu ul li { float:left; width:12.5%; color:#fff; }
.menu ul li a { padding:0.5em 0; color:#fff; display:block; text-align:center; font-size:110%; }
.menu ul li a:link { color:#fff; }
.menu ul li a:hover { background:#b62d3b; }
}
@media (max-width: 800px){	
.menu { width:100%; background:#2c3884; margin:0; padding:0; overflow:hidden; color:#fff; }
.menu ul {  padding:0;  }
.menu ul li { float:left; width:25%; color:#fff; }
.menu ul li a { padding:0.5em 0; color:#fff; display:block; text-align:center; font-size:100%; border-bottom:1px #404d9f solid; }
.menu ul li a:link { color:#fff; }
.menu ul li a:hover { background:#b62d3b; }
.menu ul li:nth-child(1) a { border-right:1px #404d9f solid; }
.menu ul li:nth-child(2) a { border-right:1px #404d9f solid; }
.menu ul li:nth-child(3) a { border-right:1px #404d9f solid; }
.menu ul li:nth-child(5) a { border-right:1px #404d9f solid; }
.menu ul li:nth-child(6) a { border-right:1px #404d9f solid; }
.menu ul li:nth-child(7) a { border-right:1px #404d9f solid; }
}

@media (min-width: 1120px) {
.flexslider { width: 100%; clear:both; margin: 0 auto; overflow:hidden; }
.flexslider ul { width: 100%; display:block; margin: 0 auto; background:#005e9b; overflow:hidden; }
.flexslider ul li { width:100%; display:block; margin:0 auto; padding:0; overflow:hidden; }
.flexslider ul li dl { width:96%; max-width:1100px; margin:0 auto; padding:3em 0; }
.flexslider ul li dl dt { float:right; width:30%; padding-bottom:2em; }
.flexslider ul li dl dt img { max-width:360px; }
.flexslider ul li dl dd { float:left; width:60%; }
.flexslider ul li dl dd img { max-width:610px; padding-top:70px; }
.flexslider ul li dl dd article { text-align:center; padding-top:70px; line-height:260%; }
.flexslider ul li dl dd article h3 { font-size:280%; font-weight:normal; line-height:120%; color:#fff; padding-bottom:0.3em; display:block; }
.flexslider ul li dl dd article p { font-size:200%; color:#feff33; display:block; }
.flexslider ul li dl dd article span { font-size:120%; color:#fff; display:block; }
}
@media (min-width: 980px) and (max-width:1119px) {
.flexslider { width: 100%; clear:both; margin: 0 auto; overflow:hidden; }
.flexslider ul { width: 100%; display:block; margin: 0 auto; background:#005e9b; overflow:hidden; }
.flexslider ul li { width:100%; display:block; margin:0 auto; padding:0; overflow:hidden; }
.flexslider ul li dl { width:96%; max-width:860px; margin:0 auto; padding:3em 0; }
.flexslider ul li dl dt { float:right; width:30%; padding-bottom:2em; }
.flexslider ul li dl dt img { max-width:360px; }
.flexslider ul li dl dd { float:left; width:60%; }
.flexslider ul li dl dd img { max-width:610px; padding-top:50px; }                /*比上一屏减少了顶部边距*/
.flexslider ul li dl dd article { text-align:center; padding-top:50px; line-height:260%; }
.flexslider ul li dl dd article h3 { font-size:260%; font-weight:normal; line-height:120%; color:#fff; padding-bottom:0.3em; display:block; }
.flexslider ul li dl dd article p { font-size:180%; color:#feff33; display:block; }
.flexslider ul li dl dd article span { font-size:100%; color:#fff; display:block; }
}
@media (min-width:601px) and (max-width:979px) {
.flexslider { width: 100%; clear:both; margin: 0 auto; overflow:hidden; }
.flexslider ul { width: 100%; display:block; margin: 0 auto; background:#005e9b; overflow:hidden; }
.flexslider ul li { width:100%; display:block; margin:0 auto; padding:0; overflow:hidden; }
.flexslider ul li dl { width:96%; max-width:700px; margin:0 auto; padding:2em 0; }
.flexslider ul li dl dt { float:right; width:30%; padding-bottom:2em; }
.flexslider ul li dl dt img { max-width:180px; }
.flexslider ul li dl dd { float:left; width:60%; }
.flexslider ul li dl dd img { max-width:320px; padding-top:46px; }
.flexslider ul li dl dd article { text-align:center; padding-top:20px; line-height:260%; }
.flexslider ul li dl dd article h3 { font-size:230%; font-weight:normal; line-height:120%; color:#fff; padding-bottom:0.3em; display:block; }
.flexslider ul li dl dd article p { font-size:130%; color:#feff33; display:block; }
.flexslider ul li dl dd article span { font-size:90%; color:#fff; display:block; line-height:120%; }
}
@media (max-width: 600px){	
.flexslider { width: 100%; clear:both; margin: 0 auto; overflow:hidden; }
.flexslider ul { width: 100%; display:block; margin: 0 auto; background:#005e9b; overflow:hidden; }
.flexslider ul li { width:100%; display:block; margin:0 auto; padding:0; overflow:hidden; }
.flexslider ul li dl { width:92%;  margin:0 auto; padding:1em 0; }
.flexslider ul li dl dt { width:90%; margin:0 auto; padding:1em 0 0 0; }
.flexslider ul li dl dt img { max-width:260px;  display:block;  margin:0 auto; }
.flexslider ul li dl dd { width:90%; margin:0 auto; padding:1em 0 3em 0;  }
.flexslider ul li dl dd img { max-width:400px; display:block; margin:0 auto; }
.flexslider ul li dl dd article { text-align:center; line-height:260%; }
.flexslider ul li dl dd article h3 { font-size:230%; font-weight:normal; line-height:120%; color:#fff; padding-bottom:0.3em; display:block; }
.flexslider ul li dl dd article p { font-size:130%; color:#feff33; display:block; }
.flexslider ul li dl dd article span { font-size:80%; color:#fff; display:block; line-height:120%; }
}

@media (min-width: 801px) {
.producticon { width:100%; background:#e7f7ff; }
.producticon div { width:100%; max-width:1260px; margin:0 auto; }
.producticon dl { float:left; width:10%; padding:1em 0; }
.producticon dl dt { text-align:center;  }
.producticon dl dt img { width:92%; max-width:90px; margin:0 auto; border:1px #e7f7ff dashed; border-radius:50%; }
.producticon a:hover dl dt img { border:1px #b62d3b dashed; }
.producticon dl dd { text-align:center; line-height:150%; }
}
@media (max-width: 800px){	
.producticon { width:100%; background:#e7f7ff; }
.producticon div { width:96%; margin:0 auto; padding-bottom:1em; }
.producticon dl { float:left; width:20%; padding:1em 0 0 0; }
.producticon dl dt { text-align:center;  }
.producticon dl dt img { width:86%; max-width:80px; margin:0 auto; border:1px #e7f7ff dashed; border-radius:50%; }
.producticon a:hover dl dt img { border:1px #b62d3b dashed; }
.producticon dl dd { text-align:center; line-height:150%; }
}

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

/* 首页产品列表 */
@media (min-width: 801px) {
.indexpro { width:100%; max-width:1230px; margin:0 auto; }
}
@media (max-width: 800px){	
.indexpro { width:100%; margin:0 auto; }
}

@media (min-width: 801px) {
.intitle { text-align:center; margin-top:3em; background:url(titleline.png) center no-repeat; line-height:160%; }
.intitle h2 { color:#333; font-size:160%; font-weight:normal; }
.intitle span { color:#999; font-size:90%; font-weight:normal; display: inline-block; }
.intitle p { text-align:center; max-width:600px; display:block; margin:0 auto; padding-top:1em; }
}
@media (max-width: 800px){	
.intitle { width:96%; margin:0 auto; text-align:center; margin-top:2em; background:url(titleline.png) center no-repeat; background-size:60%; line-height:110%; }
.intitle h2 { color:#333; font-size:130%; font-weight:normal; }
.intitle span { color:#999; font-size:0.8em; font-weight:normal; display: inline-block;  }
.intitle p { text-align:center; max-width:600px; display:block; margin:0 auto; padding-top:1em; }
}

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

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

/* 首页更多 */
@media (min-width: 601px) {
.mores { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.mores a { font-size:90%; border:1px #2c3884 solid; color: #2c3884; padding:0.5em 3em; display: inline;  }
.mores a:hover { border:1px #b62d3b solid; color: #b62d3b; display: inline;  }
}
@media (max-width: 600px){	
.mores { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.mores a { font-size:90%; border:1px #2c3884 solid; color: #2c3884; padding:0.3em 2em; display: inline;  }
.mores a:hover { border:1px #b62d3b solid; color: #b62d3b;  display: inline;  }
}


/* 首页公司简介 */
@media (min-width: 801px) {
.aboutmain {  width:100%; margin:2em auto 0 auto; background:#005e9b url(aboutbg.jpg) center bottom no-repeat; background-size:100% 100%; overflow:hidden; }
}
@media (max-width: 800px){	
.aboutmain {  width:100%; margin:1.2em auto 0 auto; background:#005e9b url(aboutbg.jpg) right bottom no-repeat; background-size:auto 100%; overflow:hidden; }
}

@media (min-width: 1101px) {
.aboutmain dl { display:block; width:96%; max-width:1200px; margin:1.5em auto 3em auto; overflow:hidden; background:rgba(44,56,132,0.3); }
.aboutmain dl dt { float:left; width:42%; display:block; line-height:0; }
.aboutmain dl dt img { width:100%; }
.aboutmain dl dd { float:right; width:58%; display:block; color:#fff; line-height:180%; }
.aboutmain dl dd h3 { font-size:150%; font-weight:normal; padding-bottom:5px; }
.aboutmain dl dd article { padding: 1.5em; text-align: justify; }
.aboutmain dl dd article p { text-indent:2em; line-height:180%; }
}
@media (min-width: 801px) and (max-width: 1100px) {
.aboutmain dl { display:block; width:96%; max-width:1200px; margin:1.5em auto 3em auto; overflow:hidden; background:rgba(44,56,132,0.3); padding:1em; }
.aboutmain dl dt { float:left; width:45%; display:block; line-height:0; }
.aboutmain dl dt img { width:auto;  }
.aboutmain dl dd { float:right; width:55%; display:block; color:#fff; line-height:180%; }
.aboutmain dl dd h3 { font-size:100%; font-weight:normal; padding-bottom:5px; }
.aboutmain dl dd article { padding-left:1em; text-align: justify; }
.aboutmain dl dd article p { text-indent:2em; }
}
@media (max-width: 800px){	
.aboutmain dl { display:block; width:96%; max-width:1200px; margin:1em auto; overflow:hidden; background:rgba(44,56,132,0.3); }
.aboutmain dl dt { width:100%; display:block; }
.aboutmain dl dt img { width:100%; }
.aboutmain dl dd { width:100%; display:block; color:#fff; line-height:160%; }
.aboutmain dl dd h3 { font-size:100%; font-weight:normal; padding-bottom:5px; }
.aboutmain dl dd article { padding:0 1em 1em 1em; text-align: justify; }
.aboutmain dl dd article p { text-indent:2em; }
}

/* 首页公司简介标题 */
@media (min-width: 801px) {
.aboutintitle { text-align:center; margin-top:3em; background:url(titlelines.png) center no-repeat; line-height:160%; }
.aboutintitle h2 { color:#fff; font-size:160%; font-weight:normal; }
.aboutintitle span { color:#fff; font-size:90%; font-weight:normal; display: inline-block; }
.aboutintitle p { text-align:center; max-width:600px; display:block; margin:0 auto; padding-top:1em; }
}
@media (max-width: 800px){	
.aboutintitle { width:96%; margin:0 auto; text-align:center; margin-top:2em; background:url(titlelines.png) center no-repeat; background-size:60%; line-height:110%; }
.aboutintitle h2 { color:#fff; font-size:130%; font-weight:normal; }
.aboutintitle span { color:#fff; font-size:0.8em; font-weight:normal; display: inline-block;  }
.aboutintitle p { text-align:center; max-width:600px; display:block; margin:0 auto; padding-top:1em; font-size:90%; }
}

/* 首页公司简介查看更多 */
@media (min-width: 801px) {
.aboutmore { clear:both; width:100%; line-height:3em; margin:0 auto; padding-top:0.8em; overflow:hidden }
.aboutmore a { font-size:90%; background:#106ea2; border:1px #106ea2 solid; color: #fff; padding:0.5em 3em; display: inline;  }
.aboutmore a:hover { border:1px #fff solid; color: #fff; display: inline;  }
}
@media (max-width: 800px){	
.aboutmore { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.aboutmore a { font-size:90%; background:#106ea2; border:1px #106ea2 solid; color: #fff; padding:0.3em 2em; display: inline;  }
.aboutmore a:hover { border:1px #fff solid; color: #fff; display: inline;  }
}

/* 首页新闻 */
.main { width:96%; max-width:1200px; margin:0 auto; }
@media (min-width: 801px) {
.mainnews { width:100%; overflow:hidden; margin:3em 0; }
.inewsbox { float:left; width:48%; padding:0; }
.inewsboxs { float:right; width:48%; padding:0; }
.inewsboxtit { background: url(inewsboxtit.jpg) left  bottom no-repeat; padding-bottom:5px; overflow:hidden; }
.inewsboxtit h3 { float:left; font-size:130%; font-weight:normal; }
.inewsboxtit p { float:right; text-align:right;  }
.inewsboxtit p a { color:#666; }
.inewsboxtit p a:hover { color:#b62d3b; }
.inewsboxli { margin-top:1em; }
.inewsboxli li { background:url(li.jpg) left center no-repeat; padding-left:12px; border-bottom:1px #dbdbdb dotted; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;  }
.inewsboxli li a { float:left; width:75%; line-height:38px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.inewsboxli li span { float:right; width:25%; color:#999; text-align:right; }
}
@media (max-width: 800px){	
.mainnews { width:100%; overflow:hidden; margin:0; }
.inewsbox { width:100%; padding:1.5em 0; }
.inewsboxs { width:100%; padding:0 0 1.5em 0; }
.inewsboxtit { background: url(inewsboxtit.jpg) left  bottom no-repeat; overflow:hidden; }
.inewsboxtit h3 { float:left; font-size:120%; font-weight:normal; }
.inewsboxtit p { float:right; text-align:right;  }
.inewsboxtit p a { color:#666; }
.inewsboxtit p a:hover { color:#b62d3b; }
.inewsboxli { margin-top:1em; }
.inewsboxli li { background:url(li.jpg) left center no-repeat; padding-left:12px; border-bottom:1px #dbdbdb dotted; white-space: nowrap; text-overflow: ellipsis; overflow:hidden;  }
.inewsboxli li a { line-height:38px; }
.inewsboxli li span { display:none; }
}

/* footer s */
@media (min-width: 1020px) {
#footer {  width:100%; background:#106ea2; padding:3em 0 0 0; overflow:hidden; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }
#footer dl { float:left; width:130px; color:#fff; text-align:center; font-size:80%; }
#footer dl dt { line-height:0; }
#footer dl dt img { max-width:100px; }
#footer dl dd { padding-top:8px; }
#footer dl dd span { display:block; line-height:130%; }
#footer article { float:left; color:#fff; text-align:left; font-size:90%;  }
#footer article h3 { font-size:200%; color:#feff33; font-weight:normal; }
#footer article h4 { padding-top:8px; line-height:160%; }
#footer article p { line-height:160%; }
#footer article a:hover { text-decoration:underline; }
#footer article p i { width:1em; text-align:center; }

#footer nav { float:right; text-align:right; color:#fff; font-size:90%; }
#footer nav h3 { display:block; font-weight:bold; font-size:100%; }
#footer nav ul { float:right; }
#footer nav ul li { float:right; margin-left:1.5em; display:block; }
#footer nav ul li a { color:#fff; }
#footer nav ul li span { font-size:120%; }
#footer nav ul li a:hover { text-decoration:underline; }
#footer nav ul li ol li { float: none; margin-left:0; line-height:180%; }
#footer nav ul li ol li a { font-weight:normal; }

#footer section { width:100%; margin:2em auto 0 auto; padding:2em 0; display:block; background:#2a2b36; text-align:center; color:#fff; font-size:90%; line-height:180%; }
#footer section a { color:#fff; }
#footer section a:hover { text-decoration:underline; }
}

@media (min-width: 621px) and (max-width: 1019px){	
#footer {  width:100%; background:#106ea2; padding:2.5em 0 0 0; overflow:hidden; }
#footer div { width:96%; margin:0 auto; }
#footer div aside { display:block; width:530px; margin:0 auto; overflow:hidden; }
#footer dl { float:left; width:130px; color:#fff; text-align:center; font-size:80%; }
#footer dl dt { line-height:0; }
#footer dl dt img { max-width:100px; }
#footer dl dd { padding-top:8px; }
#footer dl dd span { display:block; line-height:130%; }
#footer article { float:left; color:#fff; text-align:left; font-size:90%;  }
#footer article h3 { font-size:200%; color:#feff33; font-weight:normal; }
#footer article h4 { padding-top:8px; line-height:160%; }
#footer article p { line-height:160%; }
#footer article a:hover { text-decoration:underline; }
#footer article p i { width:1em; text-align:center; }

#footer nav { clear:both; display:block; color:#fff; font-size:90%; text-align:center; padding-top:2em; }
#footer nav h3 { display:block; font-weight: normal; font-size:120%; padding-bottom:0.5em; }
#footer nav ul { display: inline-block; width:auto; margin:0 auto; }
#footer nav ul li { float:left; margin-left:2em; display:block; }
#footer nav ul li a { color:#fff; }
#footer nav ul li span { font-size:120%; }
#footer nav ul li a:hover { text-decoration:underline; }
#footer nav ul li ol li { float: none; margin-left:0; line-height:160%; }
#footer nav ul li ol li a { font-weight:normal; }

#footer section { width:100%; margin:2em auto 0 auto; padding:2em 0; display:block; background:#2a2b36; text-align:center; color:#fff; font-size:90%; line-height:160%; }
#footer section a { color:#fff; }
#footer section a:hover { text-decoration:underline; }
}

@media (max-width: 620px){	
#footer { clear:both; width:100%; background:#106ea2; padding:2em 0 0 0; overflow:hidden; }
#footer div { clear:both; width:96%; margin:0 auto; }
#footer div aside { display:block; margin:0 auto; overflow:hidden; text-align:center; }
#footer dl { float:none; color:#fff; text-align:center; font-size:90%; }
#footer dl dt { line-height:0; }
#footer dl dt img { max-width:100px; }
#footer article { float:none; color:#fff; text-align:center; font-size:90%; }
#footer article h3 { font-size:180%; color:#feff33; font-weight:normal; }
#footer article h4 { padding-top:8px; line-height:160%; }
#footer article p { line-height:160%; }
#footer article a { font-size:150%; color:#fff; }
#footer article a:hover { text-decoration:underline; }
#footer article p i { width:1em; text-align:center; }

#footer nav { display:none; }

#footer section { width:100%; margin:2em auto 0 auto; padding:2em 0; display:block; background:#2a2b36; text-align:center; color:#fff; font-size:80%; line-height:180%; }
#footer section a { color:#fff; }
#footer section a:hover { text-decoration:underline; }
}
/* 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 .consult { cursor: pointer; background:rgba(0,0,0,0.3) url(r_qq.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; border-radius:50%; }
.izl-rmenu .consult:hover { background:rgba(44,56,132,0.9) url(r_qq.png) center no-repeat; }
.izl-rmenu .izlwx { cursor: pointer; background:rgba(0,0,0,0.3) url(r_wx.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; border-radius:50%; }
.izl-rmenu .izlwx:hover { background:rgba(44,56,132,0.9) url(r_wx.png) center no-repeat; }
.izl-rmenu .izlwx .pic {	display:none; position: absolute; right:60px; top:-35px; width:120px;height: 120px;background:url(weixin.png); background-size:120px; z-index:999; overflow: visible; }
.izl-rmenu .izlwx:hover .pic{ display:block;overflow: visible; }
.izl-rmenu .izlphone { cursor: pointer; background:rgba(0,0,0,0.3) url(r_phone.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; border-radius:50%; }
.izl-rmenu .izlphone:hover { background:rgba(44,56,132,0.9) url(r_phone.png) center no-repeat; }
.izl-rmenu .izlphone .phone {	display:none; position: absolute; right:50px; top:0; width:150px;height:50px; line-height:50px; background:rgba(44,56,132,0.9); z-index:999; overflow: visible; text-align:center; color:#fff; font-size:100%; border-radius:25px; }
.izl-rmenu .izlphone:hover .phone{ display:block;overflow: visible; }
.izl-rmenu .btn_top { cursor: pointer; background:rgba(0,0,0,0.3) url(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; border-radius:50%; }
.izl-rmenu .btn_top:hover { background:rgba(44,56,132,0.9) url(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 .btn_top { cursor: pointer; background:#5d5d5d url(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;}
}
/* rightservicebox e */

/* 通用顶部banner图s */
@media (min-width: 801px) {
.pagetop { clear:both; width:100%; margin:0 auto; z-index:1; display:block; overflow: hidden; background:#005e9b; }
.pagetop div { width:96%; max-width:1200px; margin:0 auto; padding:3em 0; text-align:center; }
.pagetop div h3 { font-size:230%; font-weight:normal; line-height:120%; color:#fff; padding-bottom:0.3em; text-align:center; }
.pagetop div p { font-size:160%; color:#feff33; }
.pagetop div span { font-size:100%; color:#fff; }
}
@media (max-width: 800px){	
.pagetop { clear:both; width:100%; margin:0 auto; z-index:1; display:block; overflow: hidden; background:#005e9b; }
.pagetop div { width:92%; margin:0 auto; padding:1em 0; text-align:center; line-height:120%; }
.pagetop div h3 { font-size:150%; font-weight:normal; line-height:160%; color:#fff; text-align:center; }
.pagetop div p { font-size:100%; color:#feff33; line-height:150%; }
.pagetop div span { font-size:80%; color:#fff; line-height:120%; }
}
/* 通用顶部banner图e */

/* 通用页中部 s */
@media (min-width: 801px) {
.pagemain { width:96%; max-width:1200px; margin:0 auto; padding:0 0 2em 0; }
}
@media (max-width: 800px){	
.pagemain { width:96%; margin:0 auto; padding:0 0 1.8em 0; }
}
/* 通用页中部 e */

/* 面包销s */
@media (min-width: 961px) {
.proboxnav { background:#fff; width:100%; border-bottom:1px #cfcfcf solid; overflow:hidden; margin:1.2em 0 1em 0; line-height:100%; }
.proboxnav h3 { float:left; display:block; font-size:1em; font-weight:normal; }
.proboxnav p { float:right; display:block; margin:0 auto; color:#999; text-align:right; line-height:200%; font-size:90%; }
.proboxnav p a { color:#999; }

}
@media (max-width: 960px){	
.proboxnav { width:100%; overflow:hidden; padding:0; font-size:90%; margin:0.5em 0 0.5em 0; }
.proboxnav h3 { display:none; }
.proboxnav p { display:block; padding:3px 2%; background:#f8f8f8; margin:0 auto; color:#999; text-align:left; padding-left:0.5em; }
.proboxnav p a { color:#999; }
}
/* 面包销e */

/* 文章内容框s */
@media (min-width: 801px) {
.pageshow { clear:both; width:100%; overflow:hidden; }
.pageshow h3 { text-align:center; font-size:160%; line-height:180%; padding:5px 0 10px 0; }
.pageshow article { clear:both; text-align:justify; text-justify:inter-ideograph; }
.pageshow article { font-size:100%; line-height:220%; }
.pageshow article a { color:#2c3884; }
.pageshow article a:hover { text-decoration:underline; }
.pageshow article img { max-width:100%; }
}
@media (max-width: 800px){	
.pageshow { clear:both; width:100%; overflow:hidden; }
.pageshow h3 { text-align:center; font-size:130%; 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 article img { max-width:100%; }
}
/* 文章内容框e */

/* 左右响应内容框s */
@media (min-width: 801px) {
.towboxshow { clear:both; width:100%; overflow:hidden; }
.towboxshow .towboxleft { float:left; width:48%; }
.towboxshow .towboxright { float:right; width:48%; }
.towboxshow .towboxright h2 { padding-bottom:0.8em;}
.towboxshow .towboxright i { width:1em; text-align:center; }
}
@media (max-width: 800px){	
.towboxshow { clear:both; width:96%; margin:0 auto; overflow:hidden; font-size:90%; }
.towboxshow .towboxleft { float: none; }
.towboxshow .towboxright { float:none;}
.towboxshow .towboxright h2 { font-size:120%; }
.towboxshow .towboxright i { width:1em; text-align:center; }
}
/* 左右响应内容框e */

/* 产品列表带左边分类s */
@media (min-width: 961px) {
.productpagemain {  width:100%; max-width:1200px; margin:0 auto; padding:0; overflow:hidden; }
.pagprolist { float:left; width:18%; }
.pagprolist h3 { background:#2c3884; color:#fff; text-align:center; font-size:100%; font-weight:normal; padding:6px 0; }
.pagprolist ul { display:block; }
.pagprolist ul li { display:block; border-bottom:1px #b1e5ff solid; background:#e7f7ff; padding-left:1em; font-size:100%; }
.pagprolist ul li:hover { display:block; border-bottom:1px #b1e5ff solid; background:#106ea2; }
.pagprolist ul li a { display:block; background:url(cli.png) left center no-repeat; padding-left:12px; line-height:260%; font-size:100%; }
.pagprolist ul li a:hover { background:url(clis.png) left center no-repeat; color:#fff; }
}
@media (max-width: 960px){	
.productpagemain {  width:100%; margin:0 auto; padding:1em 0; overflow:hidden; }
.pagprolist h3 { display:none; }
.pagprolist ul { width:100%;  }
.pagprolist li { float:left; width:33.333%;overflow:hidden; margin-bottom:0.6em;  }
.pagprolist li a { width:96%; margin:0 auto; display:block; border:1px #2c3884 solid; line-height:200%; font-size:90%; color:#2c3884; text-align:center; border-radius:1em; overflow:hidden; }
.pagprolist li a:hover { border:1px #b12d3e solid; color:#b12d3e; } 
.pagprolist ul .classnavactive a { background:#2c3884; border:1px #2c3884 solid; color:#fff; border-radius:1em; }
}

/* 产品列表s */
@media (min-width: 961px) {
.prolist { width:100%; margin:0 auto 0 auto; overflow: visible; }
.prolist a { float:left; width:31.333%; margin:0 1% 1.6em 1%; display:block; }
.prolist a dl { overflow:hidden; text-align:center; border:1px #efefef solid; }
.prolist a:hover dl { border:1px #b62d3b solid; }
.prolist a dl dt { line-height:0; overflow:hidden; padding:1em 0; }
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; color:#333; background:#e7f7ff; }
.prolist a:hover dl dd { color:#b62d3b;  }
.prolist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
@media (min-width: 700px) and (max-width: 960px){	
.prolist { float:none; width:100%; margin:1em auto 0 auto; overflow:visible; }
.prolist a { float:left; width:31.333%; margin:0 1% 1em 1%; display:block; }
.prolist a dl { width:96%; margin:0 auto; overflow:hidden; text-align:center; border:1px #efefef solid; }
.prolist a:hover dl { border:1px #b62d3b solid; }
.prolist a dl dt { line-height:0; overflow:hidden; padding:1em 0; }
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; color:#333; background:#e7f7ff; }
.prolist a:hover dl dd { color:#b62d3b; }
.prolist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
@media (max-width:699px){	
.prolist { float:none; width:100%; margin:1em auto 0 auto; overflow:visible; }
.prolist a { float:left; width:48%; margin:0 1% 1em 1%; display:block; }
.prolist a dl { width:96%; margin:0 auto; overflow:hidden; text-align:center; border:1px #efefef solid; }
.prolist a:hover dl { border:1px #b62d3b solid; }
.prolist a dl dt { line-height:0; overflow:hidden; padding:1em 0; }
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; color:#333; background:#e7f7ff; }
.prolist a:hover dl dd { color:#b62d3b; }
.prolist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
/* 产品列表e */
@media (min-width: 1100px) {
.prolist a dl dt img { width:auto; height:160px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.prolist a dl dt img { width:auto; height:120px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.prolist a dl dt img { width:auto; height:110px; }
}
@media (min-width: 400px) and (max-width: 599px) {
.prolist a dl dt img { width:auto; height:110px; }
}
@media (max-width: 400px) {
.prolist a dl dt img { width:auto; height:90px; }
}

/* 右侧产品内容块 */
@media (min-width: 961px) {
.pagboxright { float:right; width:80%; }
}
@media (max-width: 960px){	
.pagboxright { float:none; width:100%; }
}

/* 右侧产品内容 */
@media (min-width: 801px) {
.showtxt { padding:0; line-height:200%; text-align:justify; text-justify:inter-ideograph; }
.showtxt h3 { font-size:150%; text-align:center; line-height:230%; }
.showtxt article { clear:both; padding-top:1em; }
}
@media (max-width: 800px){	
.showtxt { padding:0; line-height:200%; text-align:justify; text-justify:inter-ideograph; }
.showtxt h3 { font-size:120%; text-align:center; line-height:230%; }
.showtxt article { clear:both; padding-top:0.6em; }
}

/* 标题下信息及分享 */
@media (min-width: 601px){
#titlenav { text-align:center; padding:0; color:#999; } 
#titlenav , #titlenav a { font-size:90%; }
.form_details { margin:0 auto; width:80%; }
}
@media (max-width: 600px){
#titlenav { text-align:center; padding:0; color:#999; } 
#titlenav , #titlenav a { font-size:90%; }
.form_details { margin:0 auto; width:100%; }
}
@media (min-width: 800px) {
.bdsharebuttonbox { float: right;text-align: right; margin: 0 auto; padding:0; overflow: hidden; }
.bdsharebuttonbox a { float: none;text-align: center; margin: 0 auto; padding: 0; }
}
@media (max-width: 799px){	
.bdsharebuttonbox { display: none; }
}

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

/* 带分类的页中部 */
@media (min-width: 801px) {
.pagelimain { width:96%; max-width:1200px; margin:0 auto; padding:0.5em 0 2em 0; }
}
@media (max-width: 800px){	
.pagelimain { width:96%; max-width:1200px; margin:0 auto; padding:0 0 1em 0; }
}

/* 带分类的面包销 */
@media (min-width: 801px) {
.classnavtwo { background:#fff; width:100%; border-bottom:1px #cfcfcf solid; overflow:hidden; margin:1em 0 0 0;line-height:100%; }
.classnavtwo ul { float:left; display:block;  }
.classnavtwo ul li { float:left; display:block; margin-right:1em; }
.classnavtwo ul li a { color:#252525; line-height:200%; display:block; font-size:95%; }
.classnavtwo ul li a:hover { color:#0066cc;  }
.classnavtwo ul li .classnavactive { border-bottom:5px #0066cc solid; }
.classnavtwo p { float:right; display:block; margin:0 auto; color:#999; text-align:right; line-height:200%; font-size:90%; }
.classnavtwo p a { color:#999; }
}
@media (max-width: 800px){	
.classnavtwo { width:100%; overflow:hidden; padding:3px 0; font-size:90%; margin:1em 0 0 0; }
.classnavtwo ul { display:block; width:100%; margin:0 auto 1em auto; overflow:hidden; border-bottom:1px #ebe6e2 solid; }
.classnavtwo ul li { float:left; width:29.333%; margin:0 2%; display: block; text-align:center; }
.classnavtwo ul li a { background:#fff; color:#2c3884; border:1px #2c3884 solid; border-radius:1em; line-height:200%; display: block; margin:0 auto 0.6em auto; font-size:100%; }
.classnavtwo ul li .classnavactive { background:#2c3884; border:1px #2c3884 solid; color:#f2f2f2; border-radius:1em; }
.classnavtwo p { display:block; padding:3px 2%; background:#f8f8f8; margin:0 auto; color:#999; text-align:left; padding-left:0.5em; }
.classnavtwo p a { color:#999; }
}

/* 新闻列表 */
@media (min-width: 961px) {
.newslist { width:100%; padding-top:2em; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f2f2f2; overflow:hidden; }
.newslist dl:hover { background:#e7f7ff; }
.newslist dl dt { float:left; width:30%; height:100%; display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; }
.newslist dl dd { float:left; width:70%;  }
.newslist dl dd article { padding:2em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:160%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#2c3884; }
.newslist dl dd article p { color:#666; padding-top:0.2em; }
}
@media (min-width: 661px) and (max-width: 960px) {
.newslist { width:100%; padding-top:1em; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f2f2f2; overflow:hidden; }
.newslist dl:hover { background:#e7f7ff; }
.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:#2c3884; }
.newslist dl dd article p { display:none; }
}
@media (max-width: 660px){	
.newslist { clear:both; width:100%; padding-top:1em; }
.newslist dl { width:100%; display:block; margin:0 auto 2em auto; background:#f2f2f2; overflow:hidden; }
.newslist dl dt {  display:block; overflow:hidden; }
.newslist dl dt img { width:100%; height:100%; display:block; line-height:0; }
.newslist dl dd { }
.newslist dl dd article { padding:1em; }
.newslist dl dd article span { color:#999; }
.newslist dl dd article h3 { color:#252525; font-size:120%; line-height:180%; padding:0; }
.newslist dl:hover dd article h3 { color:#2c3884; }
.newslist dl dd article h3 {}
.newslist dl dd article p { display:none; }
}

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

/* 服务案例列表 */
@media (min-width: 801px) {
.incaselist { width:100%; padding:0; }
.incaselist a { float:left; width:23%; margin:0 1% 1em 1%; }
.incaselist a dl { overflow:hidden; text-align:center; }
.incaselist a dl dt { line-height:0;}
.incaselist a dl dt img { line-height:0; width:100%; }
.incaselist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center;}
.incaselist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
@media (max-width: 800px){	
.incaselist { width:100%; padding:0; }
.incaselist a { float:left; width:48%; margin:0 1% 0.6em 1%; }
.incaselist a dl { overflow:hidden; text-align:center; }
.incaselist a dl dt { line-height:0;}
.incaselist a dl dt img { line-height:0; width:100%; }
.incaselist a dl dd { width:100%; height:2.3em; line-height:2.3em; text-align:center; }
.incaselist a dl dd h4 { width:90%; margin:0 auto; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; text-align:center; font-weight:normal; display:block;  }
}
/* 服务案例自适应图片比例 */
@media (min-width: 1100px) {
.incaselist a dl dt img { width:auto; height:190px; }
}
@media (min-width: 900px) and (max-width: 1099px){	
.incaselist a dl dt img { width:auto; height:180px; }
}
@media (min-width: 600px) and (max-width: 899px) {
.incaselist a dl dt img { width:auto; height:150px; }
}
@media (min-width: 400px) and (max-width: 599px) {
.incaselist a dl dt img { width:auto; height:120px; }
}
@media (max-width: 400px) {
.incaselist a dl dt img { width:auto; height:120px; }
}

/* 全屏标题上边距调整 */
.pagemdpd { padding-top:1em; }


/* 应用领域电脑版全屏标题上边距调整 */
@media (min-width: 886px) {
.pagemdpds { padding-top:1em; }
}
@media (max-width: 885px){	
.pagemdpds { padding-top:0; }
}

/* 应用领域分类 */
@media (min-width: 886px) {
.classservice { background:#e7f7ff; }
.classservice ul {  }
.classservice ul li { float:left; width:14.28%; text-align:center; }
.classservice ul li a { padding:0.5em 0; display:block; color:#2c3884; }
.classservice ul li a:hover { background:#2c3884; color:#fff; }
.classservice ul li .classnavactive { background:#2c3884; color:#fff; }
}
@media (max-width: 885px){	
.classservice { margin-top:0.4em; }
.classservice ul { width:100%;  }
.classservice li { float:left; width:33.333%;overflow:hidden; margin-top:0.6em;  }
.classservice li a { width:96%; margin:0 auto; display:block; border:1px #2c3884 solid; line-height:200%; font-size:90%; color:#2c3884; text-align:center; border-radius:1em; overflow:hidden; }
.classservice li a:hover { border:1px #b12d3e solid; color:#b12d3e; } 
.classservice ul .classnavactive { background:#2c3884; border:1px #2c3884 solid; color:#fff; border-radius:1em; }
}

/* 应用领域页图片排列 */
.servicepic ul { width:100%; }
.servicepic ul li { float:left; width:33.333%; padding-top:10px; }
.servicepic ul li img { width:92%; margin:0 auto; border:1px #b1e5ff dashed; }

/* 友情链接 */
@media (min-width: 801px) {
#friendlink { width:96%; max-width:1200px; margin:0 auto; padding: 1em 0 1em 0; }
#friendlink a { padding-right:1em; white-space: nowrap; text-overflow: ellipsis; }
}
@media (max-width: 800px){	
#friendlink { width:96%; margin:0 auto; padding: 1em 0 1.6em 0; }
#friendlink a { padding-right:1em; white-space: nowrap; text-overflow: ellipsis; }
}

/* 搜索页 */
.searchlist { clear:both; width:100%; }

@media (min-width: 801px) {
.searchtitle { text-align:center; margin-top:2em; }
.searchtitle h2 { color:#3ca613; font-size:150%; }
.searchtitle h2 span { color:#ccc; font-size:0.8em; font-weight:normal; display:block; }
}
@media (max-width: 800px){	
.searchtitle { text-align:center; margin-top:1em; }
.searchtitle h2 { color:#3ca613; font-size:130%; }
.searchtitle h2 span { color:#ccc; font-size:0.8em; font-weight:normal; display:block; }
}

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

/* by trevor */