@charset "utf-8";
/* site style */
body { background:#fff; max-width:1920px; 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: #fc5b1e; text-decoration: none }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline; }

.pagination { clear:both; text-align:center; padding:1em 0; line-height:3em; }
.pagination a { background:#377472; color:#fff; padding:0.5em 1em; text-align:center; text-decoration:none ;  margin:0 0.3em; white-space: nowrap; }
.pagination em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.pagination a:hover { background:#de592a; color:#fff; text-decoration:none; }
.pagination span { background:#ccc; color:#333; padding:0.5em 1em; margin:0 0.3em; }
.pagination  .current { background:#ccc; color:#fff; display:inline; }

@media (min-width: 886px) {
#header { width:96%; max-width:1200px; margin:0 auto; padding:0.5em 0 1.5em 0; overflow:hidden; }
#header #hometitle { display:none; font-size:0; }
#header img { line-height:0; } 
#header h2 { float:left; margin-top:1em; }
#header p { float:left; margin-top:2em; padding-left:2em; }
#header dl { float:right; margin-top:2.6em; padding-left:46px; background:url(call.png) left center no-repeat; line-height:150%; }
#header dl dt { font-size:110%; }
#header dl dd { font-size:150%; color:#377472; font-weight:bold; }
}
@media (min-width:550px) and (max-width: 885px){	
#header { width:96%; max-width:1200px; margin:0 auto; padding:0.5em 0 1.5em 0; overflow:hidden; }
#header #hometitle { display:none; font-size:0; }
#header img { line-height:0; height:50px; } 
#header h2 { float:left; margin-top:1em; }
#header p { display:none; }
#header dl { float:right; margin-top:2.6em; padding-left:46px; background:url(call.png) left center no-repeat; line-height:150%; }
#header dl dt { font-size:110%; }
#header dl dd { font-size:150%; color:#377472; font-weight:bold; }
}
@media (max-width: 549px){	
#header { width:96%; max-width:1200px; margin:0 auto; padding:1em 0; overflow:hidden; }
#header #hometitle { display:none; font-size:0; }
#header img { line-height:0; height:42px; } 
#header h2 { float:left; width:50%; display:block; text-align:left; }
#header p { display:none; }
#header dl { float:right; width:45%;  background:url(call.png) left center no-repeat; line-height:120%; display:block; margin:0.5em 0 0 0; text-align:left; }
#header dl dt { font-size:100%; padding-left:3em; }
#header dl dd { font-size:120%; color:#377472; font-weight:bold; padding-left:2.3em; }
}

@media (min-width: 1053px) {
.mu { clear:both; background:#377472; width:100%; height:50px;  z-index:99; position:relative; }
.mu ul {  width:100%; background:#377472; max-width:1200px; margin:0 auto; }
.mu ul li { float:left;  width:12.5%; display:block; overflow:visible; position:relative;  }
.mu ul li a { display:block; width:100%; text-align:center; font-size:120%; color:#fff; line-height:50px; position:relative; overflow:visible;  }
.mu ul li a:hover { background:#478482; color:#fff; }
.mu ul li ol { display:none; }
.mu ul li:hover ol { display:block; }
.mu ul li ol { width:100%; height:100%;  position:absolute; left:0; top:50px; overflow:visible; z-index:999; }
.mu ul li ol li { float:none; width:100%; display:block;background:#377472; }
.mu ul li ol li a { display:block; width:100%; text-align:center; font-size:120%; color:#fff; line-height:100%; padding:0.8em 0; border-bottom:1px #478482 solid; }

}
@media (min-width:882px) and (max-width: 1052px) {
.mu { clear:both; background:#377472; width:100%; height:50px;  z-index:99; position:relative; }
.mu ul {  width:100%; background:#377472; max-width:1200px; margin:0 auto; }
.mu ul li { float:left;  width:12.5%; display:block; overflow:visible; position:relative;  }
.mu ul li a { display:block; width:100%; text-align:center; font-size:120%; color:#fff; line-height:50px; position:relative; overflow:visible;  }
.mu ul li a:hover { background:#478482; color:#fff; }
.mu ul li ol { display:none; }
.mu ul li:hover ol { display:block; }
.mu ul li ol { width:100%; height:100%;  position:absolute; left:0; top:50px; overflow:visible; z-index:999; }
.mu ul li ol li { float:none; width:100%; display:block;background:#377472; }
.mu ul li ol li a { display:block; width:100%; text-align:center; font-size:100%; color:#fff; line-height:100%; padding:0.8em 0; border-bottom:1px #478482 solid; }
}
@media (min-width:468px) and (max-width: 881px){	
.mu { clear:both; background:#377472; width:100%; overflow:hidden; }
.mu ul {  width:100%; max-width:1200px; margin:0 auto; }
.mu ul li { float:left;  width:25%; display:block; }
.mu ul li a { display:block; text-align:center; font-size:120%; color:#fff; line-height:100%; padding:1em 0; border-bottom:1px #478482 solid; border-right:1px #478482 solid; }
.mu ul li a:hover { background:#478482; color:#fff; }
.mu ul li ol { display:none; }
}
@media (max-width: 467px){	
.mu { clear:both; background:#377472; width:100%; overflow:hidden; }
.mu ul {  width:100%; max-width:1200px; margin:0 auto; }
.mu ul li { float:left;  width:33.333%; display:block; }
.mu ul li a { display:block; text-align:center; font-size:100%; color:#fff; line-height:100%; padding:1.3em 0; border-bottom:1px #478482 solid; border-right:1px #478482 solid; }
.mu ul li a:hover { background:#478482; color:#fff; }
.mu ul li ol { display:none; }
.mu ul li:nth-child(1) { display:none; }
.mu ul li:nth-child(8) { display:none; }
}

@media (min-width: 468px) {
.footermu { display:none; font-size:0; }
}
@media (max-width: 467px){	
.footermu { max-width:800px; margin:0 auto; display:block; background-color:rgba(55, 116, 114, 1); left:0;right:0; position:fixed; bottom:0; z-index:11; padding:0.2rem 0 0.3rem 0; overflow:hidden; }
.footermu a { float:left; width:25%; display:block; text-align:center; line-height:160%; color:#fff; }
.footermu a span { font-size:90%;}
.footermu i { width:30px; height:30px; line-height:30px; font-size:1.6em; margin:0 auto; display:block; background-position:center; background-repeat:no-repeat; }
body { padding-bottom:3.8em; }
}

@media (min-width: 1005px) {
.itop { width:100%; background:#788086 url(itop.jpg) top center no-repeat; }
.itop div { width:100%;  max-width:1200px; margin:0 auto; text-align:center; padding:10em 0; }
.itop div h3 { font-size:380%; color:#fff; line-height:200%; font-weight:normal; }
.itop div h3 span { color:#ffe300; }
.itop aside { display:block; margin:0 auto; padding-top:3em; padding-bottom:1em;  }
.itop aside form {  font-size:110%; display: inline-block; }
.itop aside form .searchtxt { width:360px; height:40px; line-height:40px; background:rgba(255,255,255,1); border-radius: 2em 0 0 2em; border:2px #377472 solid; padding:0 1em; outline:none;  margin:0; font-size:100%; }
.itop aside form .searchgo {  height:40px; padding:0 1.5em 0 1em; line-height:40px; background:#377472;  border:0; outline:none; cursor:pointer; display:inline-block; font-size:100%; color:#fff; border-radius: 0 2em 2em 0; }
}
@media (min-width:700px) and (max-width: 1004px) {
.itop { width:100%; background:#788086  url(itop.jpg) top center no-repeat; }
.itop div { width:100%;  max-width:1200px; margin:0 auto; text-align:center; padding:6em 0; }
.itop div h3 { font-size:300%; color:#fff; line-height:200%; font-weight:normal; }
.itop div h3 span { color:#ffe300; }
.itop aside { display:block; margin:0 auto; padding-top:3em; padding-bottom:1em;  }
.itop aside form {  font-size:110%; display: inline-block; }
.itop aside form .searchtxt { width:300px; height:40px; line-height:40px; background:#fff; border-radius: 2em 0 0 2em; border:2px #377472 solid; padding:0 1em; outline:none;  margin:0; font-size:100%; }
.itop aside form .searchgo {  height:40px; padding:0 1.5em 0 1em; line-height:40px; background:#377472;  border:0; outline:none; cursor:pointer; display:inline-block; font-size:100%; color:#fff; border-radius: 0 2em 2em 0; }
}
@media (max-width: 699px){	
.itop { width:100%; background:#788086  url(itop.jpg) top center no-repeat; background-size:auto 100%; }
.itop div { width:100%;  max-width:1200px; margin:0 auto; text-align:center; padding:3em 0; }
.itop div h3 { font-size:150%; color:#fff; line-height:200%; font-weight:normal; }
.itop div h3 span { color:#ffe300; }
.itop aside { display:block; margin:0 auto; padding-top:1em; padding-bottom:1em;  }
.itop aside form {  font-size:100%; display: inline-block; }
.itop aside form .searchtxt { width:200px; height:36px; line-height:36px; background:#fff; border-radius: 2em 0 0 2em; border:1px #377472 solid; padding:0 1em; outline:none;  margin:0; font-size:100%; }
.itop aside form .searchgo {  height:36px; line-height:36px; padding:0 1.5em 0 1em; background:#377472;  border:0; outline:none; cursor:pointer; display:inline-block; font-size:100%; color:#fff; border-radius: 0 2em 2em 0; }
}

@media (min-width: 601px) {
.webicon { width:100%; background:#fbfbfb; }
.webicon div { width:100%;  max-width:1200px; margin:0 auto; padding:3em 0; }
.webicon dl { float:left; width:16.666%; text-align:center; }
.webicon dl dt img { width:80%; max-width:112px; border-radius:50%; border:1px #fbfbfb solid; padding:1px; }
.webicon dl:hover dt img { border:1px #377472 dashed; padding:1px; }
}
@media (max-width: 600px){	
.webicon { width:100%; background:#fbfbfb; }
.webicon div { width:100%;  max-width:1200px; margin:0 auto; padding:2em 0 1em 0; }
.webicon dl { float:left; width:33.333%; text-align:center; padding-bottom:1em; }
.webicon dl dt img { width:80%; max-width:80px; border-radius:50%; }
}


@media (min-width: 601px) {
.pgtitle { background:url(titbg.png) bottom center no-repeat; text-align:center;}
.pgtitle h2 { font-size:180%; line-height:220%; color:#377472; display:inline-block; }
}
@media (max-width: 600px){	
.pgtitle { background:url(titbg.png) bottom center no-repeat; background-size:96% auto; text-align:center;}
.pgtitle h2 { font-size:150%; line-height:200%; color:#377472; display:inline-block; }
}

@media (min-width: 601px) {
.main { clear:both; width:96%;  max-width:1200px; margin:0 auto; padding:3em 0; }
}
@media (max-width: 600px){	
.main { clear:both; width:96%;  max-width:1200px; margin:0 auto; padding:2em 0; }
}

.hiSlider { width:100%; height:auto; display: inline-block; line-height:0; }
@media (min-width: 801px) {
.hiSlider li { list-style-type:none; list-style-position:inside; height:340px; max-height:340px; overflow:hidden; }
.hiSlider li img { margin:0 auto; width:100%; height:100%; display:block; }
}
@media (max-width: 800px){	
.hiSlider li { list-style-type:none; list-style-position:inside; height:auto; overflow:hidden; }
.hiSlider li img { margin:0 auto; width:100%; height:100%; display:block; }
}
.hiSlider-pages,.hiSlider-title { position:absolute;z-index:3 }
.hiSlider-btn-prev,.hiSlider-btn-next { display:none; }
.hiSlider-title{ bottom:0; width:100%; padding:6px 0; color:#fff; background:rgba(0,0,0,.6);z-index:2; font-size:110%; line-height:none; text-indent:12px; }
.hiSlider-pages{ bottom:0;right:10px;text-align:right; }
.hiSlider-pages a{ margin:0 3px;display:inline-block;overflow:hidden;font-size:12px;background:#666; color:#fff; padding:5px 8px; line-height:100%; }
.hiSlider-pages a.active{ background:#f60 }

/* news go */
 @media (min-width: 801px){
.mainnews { width:100%; max-width:1200px; margin:0 auto; padding-top:2em; }
.newsabout { float:left; width:48%;}

}
@media (max-width: 800px){
.mainnews { width:96%; margin:0 auto; padding: 0.6em 0; }
.newsabout { float:none; padding-top:1em;  }
}


@media (min-width: 801px) {
.innewslist { float:right; width:50%; }
.innewslist ul { margin:0; padding:0; }
.innewslist a {  margin:0; display:block; }
.innewslist a li { width:100%;  clear: both; overflow:hidden; border-bottom:1px #e0e0e0 dashed; padding:0 0 1.3em 0; margin:0 0 1.3em 0; }
.innewslist a li dl { float:left; width:15%; text-align:center; line-height:0; margin:0; padding:0 2% 0 0; display:block; }
.innewslist a li dl dt { line-height:2em;  font-size:2em;  margin:0; padding:0; display:block; background:#f1f1f1; color:#909090; }
.innewslist a li dl dd { height:2em; line-height:2em; font-size:0.6em;  margin:0; padding:5px 0; display:block; background:#909090; color:#fff; }
.innewslist a:hover li dl dt  { color:#e46423; }
.innewslist a:hover li dl dd  { background:#e46423; color:#fff; }
.innewslist a li article { float:right; width:83%; display:block; margin:0; padding:0; overflow:hidden; }
.innewslist a li article h3 { width:100%; font-size:130%; font-weight:normal; height:20px; line-height:20px; margin:0 0.5em 0.5em 0; padding:0; overflow:hidden; }
.innewslist a li article p { width:100%; color:#999; font-size:100%; line-height:25px; height:50px; padding:0; margin:0; overflow:hidden; }
}

@media (max-width: 800px){	
.innewslist { width:100%;  }
.innewslist ul { margin:0; padding:0; }
.innewslist a {  margin:0; display:block; }
.innewslist a li { width:100%;  clear: both; overflow:hidden; border-bottom:1px #e0e0e0 dashed; padding:0 0 1em 0; margin:1em 0 0 0; }
.innewslist a li dl { float:left; width:20%; text-align:center; line-height:0; margin:0; padding:0 2% 0 0; display:block; }
.innewslist a li dl dt { line-height:1.8em;  font-size:2em;  margin:0; padding:0; display:block; background:#f1f1f1; color:#909090; }
.innewslist a li dl dd { height:2em; line-height:2em; font-size:0.6em;  margin:0; padding:0; display:block; background:#909090; color:#fff; }
.innewslist a:hover li dl dt  { color:#e46423; }
.innewslist a:hover li dl dd  { background:#e46423; color:#fff; }
.innewslist a li article { float:right; width:78%; display:block; margin:0; padding:0; overflow:hidden; }
.innewslist a li article h3 { width:100%; font-size:120%; font-weight:normal; line-height:20px; margin:0 0.5em 0.5em 0; padding:0;  }
.innewslist a li article p { width:100%; color:#999; font-size:100%; line-height:25px; height:50px; padding:0; margin:0; overflow:hidden; }
}

.imore { clear:both; width:100%; max-width:390px; background:url(imorebg.jpg) center repeat-x; text-align:center; margin:1em auto 0 auto; }
.imore a { background:#fff; border:1px #e0e0e0 solid; padding:0.3em 2em; display: inline-block; border-radius:2em; }
.imore a:hover { border:1px #e2622e solid; background:#fff; color:#e2622e; }

.imores { clear:both; width:100%; max-width:390px; background:url(imorebg.jpg) center repeat-x; text-align:center; margin:0 auto; padding:1em 0; overflow:hidden; display:block; }
.imores a { background:#fff; border:1px #e0e0e0 solid; padding:0.3em 2em; display: inline-block; border-radius:2em; }
.imores a:hover { border:1px #e2622e solid; background:#fff; color:#e2622e; }

@media (min-width: 601px) {
.ajfangtit { width:98%; max-width:1200px; margin:0 auto; overflow:hidden; background:#fbfbfb url(aj.jpg) left bottom repeat-x; }
.ajfangtit ul li { float:left; width:20%; text-align:center; font-size:120%; line-height:220%; padding:3px 0 12px 0; cursor:pointer; }
.ajfangtit ul .aj1 { background:#377472 url(ajs.png) center bottom repeat-x; color:#fff; }
}
@media (max-width: 600px){	
.ajfangtit { width:100%; max-width:1200px; margin:0 auto; overflow:hidden; background:#fbfbfb url(aj.jpg) left bottom repeat-x; }
.ajfangtit ul li { float:left; width:20%; text-align:center; font-size:90%; font-weight:bold; line-height:200%; padding:3px 0 12px 0; cursor:pointer; overflow:hidden; }
.ajfangtit ul .aj1 { background:#377472 url(ajs.png) center bottom repeat-x; color:#fff; }
}


@media (min-width: 905px) {
.ajfang { width:100%; max-width:1226px; margin:0 auto; overflow:hidden; } 
.ajfang a { overflow:hidden; }
.ajfang a dl { float:left; width:23%; margin:1em 1% 0.6em 1%; display:block; overflow:hidden; }
.ajfang a dl dt { line-height:0; padding:1px; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; }
.ajfang a dl dt img { width:100%; line-height:0; }
.ajfang a dl dd { padding:0.6em 1em; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid; }
.ajfang a dl dd h3 { font-size:110%; height:50px; line-height:25px; overflow:hidden; }
.ajfang a dl dd span { line-height:22px; color:#666; display:block; }
.ajfang a:hover dl dt { border-left:1px #259773 solid; border-right:1px #259773 solid; border-top:1px #259773 solid; }
.ajfang a:hover dl dd { border-left:1px #259773 solid; border-right:1px #259773 solid; border-bottom:1px #259773 solid; }
}
@media (max-width: 904px){	
.ajfang { width:100%; margin:0 auto; overflow:hidden; } 
.ajfang a { overflow:hidden; }
.ajfang a dl { float:left; width:48%; margin:0.6em 1% 0.3em 1%; display:block; overflow:hidden; }
.ajfang a dl dt { line-height:0; padding:1px; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; }
.ajfang a dl dt img { width:100%; line-height:0; }
.ajfang a dl dd { padding:0.6em 1em; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid; }
.ajfang a dl dd h3 { font-size:100%; height:46px; line-height:23px; overflow:hidden; }
.ajfang a dl dd span { width:150px; height:22px; line-height:22px; color:#666; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:block; }
.ajfang a:hover dl dt { border-left:1px #259773 solid; border-right:1px #259773 solid; border-top:1px #259773 solid; }
.ajfang a:hover dl dd { border-left:1px #259773 solid; border-right:1px #259773 solid; border-bottom:1px #259773 solid; }
}

@media (min-width: 1163px) {
.ajfang a dl dt img { height:200px; }
}
@media (min-width: 904px) and (max-width: 1162px) {
.ajfang a dl dt img { height:160px; }
}
@media (min-width: 800px) and (max-width: 903px) {
.ajfang a dl dt img { height:260px; }
}
@media (min-width: 600px) and (max-width: 799px) {
.ajfang a dl dt img { height:200px; }
}
@media (min-width: 460px) and (max-width: 599px) {
.ajfang a dl dt img { height:160px; }
}
@media (max-width: 459px){	
.ajfang a dl dt img { height:120px; }
}

@media (min-width: 896px) {
.tjfang { width:100%; background:#fbfbfb; margin-top:1em; padding:2em 0; }
.tjfantit { width:96%; max-width:1200px; margin:0 auto; background:url(imorebg.jpg) bottom center repeat-x; }
.tjfantit h3 { float:left; font-size:160%; line-height:40px;  color:#377472; background:url(tjfantit.jpg) bottom left no-repeat; display:block; }
.tjfantit ul { float:left; padding-left:2em; }
.tjfantit ul li { float:left; line-height:40px; display:block; padding:0 2em; }
.tjfantit ul li a { font-size:120%; color:#377472;}
.tjfantit ul li a:hover { color: #fc5b1e; }
}
@media (max-width: 895px){	
.tjfang { width:100%; background:#fbfbfb; margin-top:1em; padding:1em 0; }
.tjfantit { width:96%; max-width:1200px; margin:0 auto; }
.tjfantit h3 { font-size:130%; line-height:40px;  color:#377472; background:url(titbg.png) bottom center no-repeat; display:block; text-align:center; }
.tjfantit ul { display:none; }
}

@media (min-width: 886px) {
.tjfangbox {  width:100%; max-width:1220px; margin:0 auto; overflow:hidden; padding-bottom:1.3em; }
.tjfangbox dl { float:left; width:48%; margin:1.5em 1% 0 1%; padding-bottom:1.5em; border-bottom:1px #d9d9d9 solid; overflow:hidden; }
.tjfangbox dl dt { float:left; width:32%; padding-right:2%; line-height:0; }
.tjfangbox dl dt img { line-height:0; width:100%; }
.tjfangbox dl dd { float:right; width:66%; position:relative; }
.tjfangbox dl dd h3 { font-size:120%; height:25px; line-height:25px; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom:6px; }
.tjfangbox dl dd p { color:#666; }
.tjfangbox dl dd span { color:#999; display:block; padding-top:6px; }
.tjfangbox dl dd .tjhover { position:absolute; bottom:0; right:1em; display:inline-block; background:#6b6b6b; color:#fff; padding:0 1.5em; }
.tjfangbox dl dd .tjhover:hover { background:#fc5b1e; }
}
@media (min-width: 600px) and (max-width: 885px){	
.tjfangbox {  width:96%; margin:0 auto; overflow:hidden; padding-bottom:1.3em; }
.tjfangbox dl { margin-top:1em;  padding-bottom:1em; border-bottom:1px #d9d9d9 solid; overflow:hidden; }
.tjfangbox dl dt { float:left; width:22%; padding-right:2%; line-height:0; }
.tjfangbox dl dt img { line-height:0; }
.tjfangbox dl dd { float:right; width:76%; position:relative; }
.tjfangbox dl dd h3 { font-size:120%; height:25px; line-height:25px; overflow:hidden; margin-bottom:6px; }
.tjfangbox dl dd p { color:#666; }
.tjfangbox dl dd span { color:#999; display:block; padding-top:6px; }
.tjfangbox dl dd .tjhover { position:absolute; bottom:0; right:1em; display:inline-block; background:#6b6b6b; color:#fff; padding:0 1.5em; }
.tjfangbox dl dd .tjhover:hover { background:#fc5b1e; }
}
@media (max-width: 599px){	
.tjfangbox {  width:96%; margin:0 auto; overflow:hidden; padding-bottom:1em; }
.tjfangbox dl { margin-top:1em;  padding-bottom:1em; border-bottom:1px #d9d9d9 dashed; overflow:hidden; }
.tjfangbox dl dt { float:left; width:32%; padding-right:2%; line-height:0; }
.tjfangbox dl dt img { line-height:0; }
.tjfangbox dl dd { float:right; width:66%; position:relative; }
.tjfangbox dl dd h3 { font-size:110%; height:48px; line-height:24px; overflow:hidden; margin-bottom:6px; font-weight:normal; }
.tjfangbox dl dd p { color:#666; }
.tjfangbox dl dd span { color:#999; display:block; padding-top:3px; font-size:90%; }
.tjfangbox dl dd .tjhover { position:absolute; bottom:0; right:1em; display:inline-block; background:#de592a; color:#fff; padding:0 1.5em; }
.tjfangbox dl dt img { max-height:136px; }
.tjfangbox dl dd p { display:none; }
}

@media (min-width: 1176px) {
.tjfangbox dl dt img { height:130px; }
.tjfangbox dl dd p { line-height:24px; height:72px; overflow:hidden; }
}
@media (min-width: 909px) and (max-width: 1175px) {
.tjfangbox dl dt img { height:120px; }
.tjfangbox dl dd p { line-height:24px; height:48px; overflow:hidden; }
}
@media (min-width: 886px) and (max-width: 908px) {
.tjfangbox dl dt img { max-height:120px; }
.tjfangbox dl dd p { line-height:24px; height:48px; overflow:hidden; }
}


@media (min-width: 751px) {
.smbox { width:100%; max-width:1220px; margin:0 auto; }
.smboxs { float:left; width:48%; margin:0 1%; padding:2.5em 0;  }
.smboxtit { background:url(smtit.jpg) left bottom no-repeat; }
.smboxtit h3 { float:left; color:#377472; font-size:130%; padding-bottom:6px;  }
.smboxtit a { float:right; color:#999; }
.smboxtit a:hover { color:#fc5b1e; }
.smboxshow { width:100%; }
.smboxshow ul li { height:46px; line-height:46px; border-bottom:1px #d9d9d9 dashed; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}
@media (max-width: 750px){	
.smbox { width:96%; margin:0 auto; padding-bottom:2.5em; }
.smboxs { padding:2em 0 0 0;  }
.smboxtit { background:url(smtit.jpg) left bottom no-repeat; }
.smboxtit h3 { float:left; color:#377472; font-size:120%; padding-bottom:6px;  }
.smboxtit a { float:right; color:#999; }
.smboxtit a:hover { color:#fc5b1e; }
.smboxshow { width:100%; }
.smboxshow ul li { height:46px; line-height:46px; border-bottom:1px #d9d9d9 dashed; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}

@media (min-width: 601px) {
.mainflink { clear:both; width:96%;  max-width:1200px; margin:0 auto; padding:0 0 1em 0; }
}
@media (max-width: 600px){	
.mainflink { clear:both; width:96%;  margin:0 auto; padding:0 0 1em 0; }
}

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


@media (min-width: 869px) {
.sevbox { width:100%; background:#142423 url(sevbg.jpg) center no-repeat; padding:3em 0; text-align:center; color:#fff; clear: both; }
.sevbox h2 { font-size:290%; line-height:200%; }
.sevbox a { border:1px #fff solid; color:#fff; margin:0.6em 0; padding:0.3em 3em; border-radius:2em; font-size:120%; display:inline-block }
.sevbox a:hover { padding:0.3em 4em; }
.sevbox p { font-size:130%; }
}
@media (max-width: 868px){	
.sevbox { width:100%; background:#142423 url(sevbg.jpg) center no-repeat; padding:3em 0; text-align:center; color:#fff; clear: both; }
.sevbox h2 { font-size:210%; line-height:200%; }
.sevbox a { border:1px #fff solid; color:#fff; margin:0.6em 0; padding:0.3em 3em; border-radius:2em; font-size:110%; display:inline-block }
.sevbox a:hover { padding:0.3em 4em; }
.sevbox p { font-size:120%; }
}

@media (min-width: 1200px) {
#footer { background:#202020; padding:3em 0; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }
#footer dl { float:left; padding-right:2em; text-align:center; color:#ccc; }
#footer dl dt { line-height:0; }
#footer aside { float:left; color:#fff; background:url(callfooter.png) left center no-repeat; padding-left:40px; margin-top:1em; }
#footer aside p { display:block; font-size:180%; }
#footer aside span { display:block; }
#footer article { float:right; display:block; }
#footer article ul { display:block; }
#footer article ul li { float:left; padding:0 0 5px 1em; }
#footer article ul li a { color:#fff; font-size:110%;  }
#footer article ul li a:hover { text-decoration:underline; }
#footer article p { text-align:right; color:#fff; line-height:150%; display:block; }
#footer article span { text-align:right; color:#fff; display:block; }
#footer article span a { color:#fff; }
}
@media (min-width: 989px) and (max-width: 1199px) {
#footer { background:#202020; padding:3em 0; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }
#footer dl { float:left; padding-right:2em; text-align:center; color:#ccc; }
#footer dl dt { line-height:0; }
#footer aside { display: none; }
#footer article { float:right; display:block; }
#footer article ul { display:block; }
#footer article ul li { float:left; padding:0 0 5px 1em; }
#footer article ul li a { color:#fff; font-size:110%;  }
#footer article ul li a:hover { text-decoration:underline; }
#footer article p { text-align:right; color:#fff; line-height:150%; display:block; }
#footer article span { text-align:right; color:#fff; display:block; }
#footer article span a { color:#fff; }
}
@media (min-width: 656px) and (max-width: 988px) {
#footer { background:#202020; padding:3em 0; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }
#footer dl { float:left; padding-right:2em; text-align:center; color:#ccc; }
#footer dl dt { line-height:0; }
#footer aside { float:left; color:#fff; background:url(callfooter.png) left center no-repeat; padding-left:40px; margin-top:1em; }
#footer aside p { display:block; font-size:180%; }
#footer aside span { display:block; }
#footer article { float: none; clear:both; width:100%; display:block; }
#footer article ul { display:none; }
#footer article p { text-align:left; color:#fff; line-height:150%; display:block; padding-top:1em; }
#footer article span { text-align:left; color:#fff; display:block; }
#footer article span a { color:#fff; }
}
@media (max-width: 655px){	
#footer { background:#202020; padding:3em 0; }
#footer div { width:96%; max-width:1200px; margin:0 auto; }

#footer div section { display:block; width:240px; margin:0 auto;}

#footer dl { float:left; width:120px; text-align:center; color:#ccc; display:inline; margin:0 auto; }
#footer dl dt { line-height:0; }
#footer aside { display:none; }
#footer article { float: none; clear:both; width:100%; display:block; }
#footer article ul { display:none; }
#footer article p { text-align:center; color:#fff; line-height:150%; display:block; padding:1em 0; }
#footer article span { text-align:center; color:#fff; display:block; line-height:150%; }
#footer article span a { color:#fff; }
}

/* rightservicebox s */
@media (min-width: 1201px) {
.izl-rmenu { margin-right: 0; width:70px; position: fixed; right: 2px; bottom:160px; z-index:99; overflow:visible; }
.izl-rmenu li { background:#646577; border-bottom:1px #555666 solid; color:#fff; text-align:center; padding-top:5px; }
.izl-rmenu li a { display:block; color:#fff; }
.izl-rmenu li b { font-weight:normal; font-size:90%; display:block; padding-bottom:5px; }
.izl-rmenu span { display:block; }
.izl-rmenu .consult { cursor: pointer; background:#646577 url(r_qq.png) center no-repeat; display: block; height: 40px; width: 70px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .consult:hover { background:#646577 url(r_qq.png) center no-repeat; }
.izl-rmenu .izlwx { cursor: pointer; background:#646577 url(r_wx.png) center no-repeat; display: block; height: 40px; width: 70px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlwx:hover { background:#646577 url(r_wx.png) center no-repeat; }
.izl-rmenu .izlwx .pic {	display:none; position: absolute; right:70px; top:-35px; width:150px;height: 150px;background:url(wxm3.png); background-size:150px; z-index:999; overflow: visible; }
.izl-rmenu .izlwx:hover .pic{ display:block;overflow: visible; }
.izl-rmenu .izlphone { cursor: pointer; background:#646577 url(r_phone.png) center no-repeat; display: block; height: 40px; width: 70px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .izlphone:hover { background:#646577 url(r_phone.png) center no-repeat; }
.izl-rmenu .izlphone .phone {	display:none; position: absolute; right:70px; top:0; width:150px;height:70px; line-height:80px; background:#646577; z-index:999; overflow: visible; text-align:center; color:#fff; font-size:130%; }
.izl-rmenu .izlphone:hover .phone{ display:block;overflow: visible; }
.izl-rmenu .btn_top { cursor: pointer; background:#646577 url(r_top.png) center no-repeat; display: block; height: 40px; width: 70px; z-index:999; overflow: visible;  -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:#646577 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 li b { display:none; font-size:0; }
.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:#646577 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 */


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

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


@media (min-width: 901px) {
.mainleft { float:left; width:75%; }
.mainright { float:right; width:23%; }
}
@media (max-width: 900px){	
.mainleft { display:block; width:100%; }
.mainright { display:block; width:100%; }
}

@media (min-width: 901px) {
.pagetitle { width:100%; background:url(pagetitle.png) repeat-x bottom; }
.pagetitle h2 { float:left; color:#377472; font-size:150%; line-height:200%; border-bottom:2px #377472 solid;  }
.pagetitle p { float:right; line-height:200%; padding-top:10px; display:block; color:#999; }
.pagetitle p a { color:#999; }
}
@media (max-width: 900px){	
.pagetitle { width:98%; background:url(pagetitle.png) repeat-x bottom; }
.pagetitle h2 { float:left; color:#377472; font-size:130%; line-height:200%; border-bottom:2px #377472 solid;  }
.pagetitle p { float:right; line-height:200%; padding-top:10px; display:block; color:#999; }
.pagetitle p a { color:#999; }
}


@media (min-width: 801px) {
.webpageshow {  width:100%; padding-top:2em; }
.webpageshow h3 { text-align:center; font-size:180%; padding-bottom:0.6em; }
.webpageshow article { clear:both; display:block; text-align:justify; text-justify:inter-ideograph; padding-top:0.5em; font-size:110%; line-height:180%; }
.webpageshow article p { padding-bottom:5px; }
.webpageshow article img { max-width:100%; }
.webpageshow article a { color:#f60; }
.webpageshow article a:hover { color:#f60; text-decoration:underline; }
}
@media (max-width: 800px){	
.webpageshow {  width:96%; margin:0 auto; }
.webpageshow h3 { text-align:center; font-size:130%; padding:1em 0 0.6em 0; }
.webpageshow article { clear:both; display:block; text-align:justify; text-justify:inter-ideograph; padding-top:0.5em; font-size:100%; line-height:180%; }
.webpageshow article p { padding-bottom:5px; }
.webpageshow article img { max-width:100%; }
.webpageshow article a { color:#f60; }
.webpageshow article a:hover { color:#f60; text-decoration:underline; }
}

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

#gonetbox { width:100%; max-width:1200px; border-top:1px #f2f2f2 solid; margin:1em auto; padding-top:0.5em; }


@media (min-width: 901px) {
.rightfang { margin:1.5em 0 0 0; }
.rightfang a { display:block; padding-bottom:1em; }
.rightfang dl { width:100%; }
.rightfang dl dt { line-height:0; }
.rightfang dl dt img { width:100%; line-height:0; }
.rightfang dl dd h3 { font-size:100%; line-height:150%; font-weight:normal; padding:3px 10px; }
.rightfang dl dd { width:100%; background:#f6f6f6; padding:3px 0; }
}
@media (min-width: 501px) and (max-width: 900px) {
.rightfang { margin:1em 0 0 0; }
.rightfang a { float:left; width:50%; display:block; padding-bottom:1em; }
.rightfang dl { width:96%; display:block; margin:0 auto; }
.rightfang dl dt { line-height:0; }
.rightfang dl dt img { width:100%; line-height:0; }
.rightfang dl dd h3 { font-size:100%; font-weight:normal; padding:3px 10px; height:44px; line-height:22px; overflow:hidden; }
.rightfang dl dd { width:100%; background:#f6f6f6; padding:3px 0; }
}
@media (max-width: 500px){	
.rightfang { margin:1em 0 0 0; }
.rightfang a { float:left; width:50%; display:block; padding-bottom:1em; }
.rightfang dl { width:96%; display:block; margin:0 auto; }
.rightfang dl dt { line-height:0; }
.rightfang dl dt img { width:100%; line-height:0; }
.rightfang dl dd h3 { font-size:100%; font-weight:normal; padding:3px 10px; height:66px; line-height:22px; overflow:hidden; }
.rightfang dl dd { width:100%; background:#f6f6f6; padding:3px 0; }
}

@media (min-width: 1163px) {
.rightfang a dl dt img { max-height:190px; }
}
@media (min-width: 904px) and (max-width: 1162px) {
.rightfang a dl dt img { height:160px; }
}
@media (min-width: 800px) and (max-width: 903px) {
.rightfang a dl dt img { height:260px; }
}
@media (min-width: 600px) and (max-width: 799px) {
.rightfang a dl dt img { height:200px; }
}
@media (min-width: 460px) and (max-width: 599px) {
.rightfang a dl dt img { height:160px; }
}
@media (max-width: 459px){	
.rightfang a dl dt img { height:120px; }
}

@media (min-width: 905px) {
.bottomfang { width:100%; max-width:1226px; margin:0 auto; padding-bottom:2em; overflow:hidden; } 
.bottomfang a { overflow:hidden; }
.bottomfang a dl { float:left; width:23%; margin:1em 1% 0.6em 1%; display:block; overflow:hidden; }
.bottomfang a dl dt { line-height:0; padding:1px; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; }
.bottomfang a dl dt img { width:100%; line-height:0; }
.bottomfang a dl dd { padding:0.6em 1em; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid; }
.bottomfang a dl dd h3 { font-size:110%; height:50px; line-height:25px; overflow:hidden; font-weight:normal; }
.bottomfang a dl dd span { line-height:22px; color:#666; display:block; }
.bottomfang a:hover dl dt { border-left:1px #259773 solid; border-right:1px #259773 solid; border-top:1px #259773 solid; }
.bottomfang a:hover dl dd { border-left:1px #259773 solid; border-right:1px #259773 solid; border-bottom:1px #259773 solid; }
}
@media (max-width: 904px){	
.bottomfang { width:96%; margin:0 auto; padding-bottom:2em; overflow:hidden; } 
.bottomfang a { overflow:hidden; }
.bottomfang a dl { float:left; width:48%; margin:0.6em 1% 0.3em 1%; display:block; overflow:hidden; }
.bottomfang a dl dt { line-height:0; padding:1px; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-top:1px #d9d9d9 solid; }
.bottomfang a dl dt img { width:100%; line-height:0; }
.bottomfang a dl dd { padding:0.6em 1em; border-left:1px #d9d9d9 solid; border-right:1px #d9d9d9 solid; border-bottom:1px #d9d9d9 solid; }
.bottomfang a dl dd h3 { font-size:100%; height:46px; line-height:23px; overflow:hidden; font-weight:normal; }
.bottomfang a dl dd span { width:150px; height:22px; line-height:22px; color:#666; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; display:block; }
.bottomfang a:hover dl dt { border-left:1px #259773 solid; border-right:1px #259773 solid; border-top:1px #259773 solid; }
.bottomfang a:hover dl dd { border-left:1px #259773 solid; border-right:1px #259773 solid; border-bottom:1px #259773 solid; }
}
@media (min-width: 1163px) {
.bottomfang a dl dt img { height:200px; }
}
@media (min-width: 904px) and (max-width: 1162px) {
.bottomfang a dl dt img { height:160px; }
}
@media (min-width: 800px) and (max-width: 903px) {
.bottomfang a dl dt img { height:260px; }
}
@media (min-width: 600px) and (max-width: 799px) {
.bottomfang a dl dt img { height:200px; }
}
@media (min-width: 460px) and (max-width: 599px) {
.bottomfang a dl dt img { height:160px; }
}
@media (max-width: 459px){	
.bottomfang a dl dt img { height:120px; }
}

@media (min-width: 601px) {
.newslist { width:100%; }
.newslist a li { width:100%;  clear: both; overflow:hidden; margin:1em 0; border-bottom:1px #e0e0e0 dashed; padding:1em 0; }
.newslist a li dl { float:left; width:6em; background:#f1f1f1; text-align:center; line-height:0; margin-right:1em; display:block; color:#777; }
.newslist a li dl dt { line-height:2em; font-size:2em; margin:0; padding:0; display:block; }
.newslist a li dl dd { line-height:2em; font-size:0.8em;  margin:0; padding:0; display:block; background:#878787; color:#fff; }
.newslist a li article { float:rihgt;  }
.newslist a li article h3 { font-size:120%; line-height:200%; }
.newslist a li article p { color:#999; font-size:100%; line-height:180%; display:block; }
.newslist a:hover li dl dt { color:#de592a; }
.newslist a:hover li dl dd { background:#de592a; }
}

@media (max-width: 600px){	
.newslist { width:100%; }
.newslist a li { width:100%;  clear: both; overflow:hidden; margin:0.5em 0; border-bottom:1px #e0e0e0 dashed; padding:1em 0; }
.newslist a li dl { float:left; width:4em; background:#f1f1f1; text-align:center; line-height:0; margin-right:1em; display:block; color:#777; }
.newslist a li dl dt { line-height:2em; font-size:1.2em; margin:0; padding:0; display:block; }
.newslist a li dl dd { line-height:2em; font-size:0.6em;  margin:0; padding:0; display:block; background:#878787; color:#fff; }
.newslist a li article { float:rihgt;  }
.newslist a li article h3 { font-size:120%; line-height:200%; }
.newslist a li article p { color:#999; font-size:100%; line-height:22px; display:block; }
.newslist a:hover li dl dt { color:#de592a; }
.newslist a:hover li dl dd { background:#de592a; }
}

@media (min-width: 601px) {
.pagemainhui { clear:both; width:100%; padding:2em 0 1.5em 0; overflow:hidden; background:#fafafa; margin-bottom:1.5em; }
.pagemainhui section { width:96%; max-width:1200px; margin:0 auto; }
}
@media (max-width: 600px){	
.pagemainhui { clear:both; width:96%; max-width:1200px; margin:0 auto; padding:1em 0; overflow:hidden; }
}

@media (min-width: 901px) {
.irightfang { margin:1.5em 0 0 0; }
.irightfang a { display:block; margin-bottom:1em; background:#fff; padding:1em; border:#e6e6e6 1px solid; }
.irightfang dl { width:100%; }
.irightfang dl dt { line-height:0; }
.irightfang dl dt img { width:100%; line-height:0; }
.irightfang dl dd { width:100%; padding:3px 0; }
.irightfang dl dd h3 { font-size:100%; line-height:150%; font-weight:normal; padding:3px 0 0 0; }

}
@media (min-width: 501px) and (max-width: 900px) {
.irightfang { margin:1em 0 0 0; }
.irightfang a { float:left; width:50%; display:block; }
.irightfang dl { display:block; margin:0 auto; padding:1em; background:#fff;  }
.irightfang dl dt { line-height:0; }
.irightfang dl dt img { width:100%; line-height:0; }
.irightfang dl dd { width:100%; padding:3px 0; }
.irightfang dl dd h3 { font-size:100%; font-weight:normal; padding:3px 0; height:22px; line-height:22px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }

}
@media (max-width: 500px){	
.irightfang { margin:1em 0 0 0; }
.irightfang a { float:left; width:50%; display:block; padding-bottom:1em; }
.irightfang dl { width:96%; display:block; margin:0 auto; }
.irightfang dl dt { line-height:0; }
.irightfang dl dt img { width:100%; line-height:0; }
.irightfang dl dd h3 { font-size:100%; font-weight:normal; padding:3px 10px; height:66px; line-height:22px; overflow:hidden; }
.irightfang dl dd { width:100%; background:#f6f6f6; padding:3px 0; }
}

@media (min-width: 1163px) {
.irightfang a dl dt img { max-height:190px; }
}
@media (min-width: 904px) and (max-width: 1162px) {
.irightfang a dl dt img { max-height:160px; }
}
@media (min-width: 800px) and (max-width: 903px) {
.irightfang a dl dt img { height:260px; }
}
@media (min-width: 600px) and (max-width: 799px) {
.irightfang a dl dt img { height:200px; }
}
@media (min-width: 460px) and (max-width: 599px) {
.irightfang a dl dt img { height:160px; }
}
@media (max-width: 459px){	
.irightfang a dl dt img { height:120px; }
}



@media (min-width: 801px) {
.pagefanglist { width:100%; padding-bottom:1em; }
.pagefanglist a { display:block; margin:1.5em 0 0 0; background:#fff; border:#e6e6e6 1px solid; padding:1em; }
.pagefanglist dl { width:100%; overflow:hidden; }
.pagefanglist dl dt { float:left; width:28%;line-height:0; }
.pagefanglist dl dt img { width:100%; line-height:0; max-height:170px; }
.pagefanglist dl dd { float:right; width:70%; position:relative; }
.pagefanglist dl dd h3 { font-size:130%; line-height:220%; border-bottom:1px #e6e6e6 dotted; padding-bottom:0.6em; margin-bottom:0.6em; }
.pagefanglist dl dd p { line-height:250%; }
.pagefanglist dl dd span { color:#de592a; font-weight: bold; font-size:120%; }
.pagefanglist a:hover p { color:#333; }
.pagefanglist dl dd  article { position:absolute; right:0; bottom:0; border:1px #626262 solid; color:#626262; border-radius:2em; padding:0 1em;}
.pagefanglist dl dd  article:hover { border:1px #dc5732 solid; color:#dc5732; }
}
@media (max-width: 800px){	
.pagefanglist a { display:block; margin:1.5em 0 0 0; background:#fff; border-bottom:1px #e6e6e6 solid; padding-bottom:1em; }
.pagefanglist dl { width:100%; overflow:hidden; }
.pagefanglist dl dt { float:left; width:38%; line-height:0; }
.pagefanglist dl dt img { width:100%; line-height:0; }
.pagefanglist dl dd {  float:right; width:60%;  position:relative; }
.pagefanglist dl dd h3 { font-size:110%; line-height:160%; }
.pagefanglist dl dd p { font-size:90%; line-height:180%; }
.pagefanglist dl dd span { color:#de592a; font-weight: bold; font-size:120%; }
.pagefanglist a:hover p { color:#333; }
.pagefanglist dl dd  article { position:absolute; right:0; bottom:0; border:1px #626262 solid; color:#626262; padding:0 0.6em; font-size:90%; }
.pagefanglist dl dd  article:hover { border:1px #dc5732 solid; color:#dc5732; }
}

@media (min-width: 601px) {
.fangclass { background:#fff; padding:1em; margin-top:1em; }
.fangclass dl { position: relative; }
.fangclass dl dt { text-align:justify; text-justify:inter-ideograph; display: inline-block; font-size:110%; color:#999;  }
.fangclass dl dt span { display:none; position:absolute; top:0; right:0; }
.fangclass dl dd { line-height:200%; }
.fangclass dd a { text-align:justify; text-justify:inter-ideograph; display: inline-block; margin:0 1.6em 0 0;  }
.fangclass dd a:hover { text-decoration:underline; }
.fangclass .selected { background:#377472; color:#fff; padding:0 5px; }
}
@media (max-width: 600px){	
.fangclass { background:#fff; padding-top:1em; }
.fangclass dl { position: relative; }
.fangclass dl dt { text-align:justify; text-justify:inter-ideograph; display: block; font-size:110%; color:#999; border-bottom:1px #fafafa solid;  }
.fangclass dl dt span { position:absolute; top:0; right:0; background:#fafafa; padding:0 8px; }
.fangclass dl dd { line-height:200%; display:none; background:#fafafa; padding:1em; }
.fangclass dd a { text-align:justify; text-justify:inter-ideograph; display: inline-block; margin:0 1.6em 0 0;  }
.fangclass dd a:hover { text-decoration:underline; }
.fangclass .selected { background:#377472; color:#fff; padding:0 5px; }
}

@media (min-width: 801px) {
.pagefangshow { background:#fff; padding:2em; margin-top:1.5em; border:1px #e6e6e6 solid; }
.pagefangshow h3 { text-align:center; font-size:180%; padding-bottom:0.6em; }
.pagefangshow article { clear:both; display:block; text-align:justify; text-justify:inter-ideograph; padding-top:0.5em; font-size:110%; line-height:180%; }
.pagefangshow article p { padding-bottom:5px; }
.pagefangshow article img { max-width:100%; }
.pagefangshow article a { color:#f60; }
.pagefangshow article a:hover { color:#f60; text-decoration:underline; }
}
@media (max-width: 800px){	
.pagefangshow {  width:96%; margin:0 auto; }
.pagefangshow h3 { text-align:center; font-size:130%; padding:1em 0 0.6em 0; }
.pagefangshow article { clear:both; display:block; text-align:justify; text-justify:inter-ideograph; padding-top:0.5em; font-size:100%; line-height:180%; }
.pagefangshow article p { padding-bottom:5px; }
.pagefangshow article img { max-width:100%; }
.pagefangshow article a { color:#f60; }
.pagefangshow article a:hover { color:#f60; text-decoration:underline; }
}

@media (min-width: 801px) {
.fangpictable { width:100%; padding:1em 0; }
.fangpictable dl dt { float:left; width:40%; }
.fangpictable dl dt img { line-height:0; max-height:250px; }
.fangpictable dl dd { float:right; width:56%; line-height:220%; font-size:110%; }
.fangpictable dl dd p { display:block; padding-top:1em; }

.bottforqq { display:inline; border:1px #6b6b6b solid; color:#6b6b6b; padding:5px 2em; border-radius:1em; }
.bottforqq:hover { border:1px #ff9933 solid; background:#ff9933; color:#fff; }
.bottforwx { display:inline; border:1px #377472 solid; color:#377472; padding:5px 2em; border-radius:1em; margin-left:1em; }
.bottforwx:hover { background:#377472; color:#fff; }
}
@media (max-width: 800px){	
.fangpictable { width:100%; padding:1em 0; }
.fangpictable dl dt { width:100%; }
.fangpictable dl dt img { line-height:0; }
.fangpictable dl dd { width:100%; font-size:110%; }
.fangpictable dl dd p { display:block; padding-top:1em; text-align:center; }

.bottforqq { display:inline; border:1px #6b6b6b solid; color:#6b6b6b; padding:5px 2em; border-radius:1em; }
.bottforqq:hover { border:1px #ff9933 solid; background:#ff9933; color:#fff; }
.bottforwx { display:inline; border:1px #377472 solid; color:#377472; padding:5px 2em; border-radius:1em;  }
.bottforwx:hover { background:#377472; color:#fff; }
}


@media (min-width: 801px) {
.fatitpg { border-bottom:1px #377472 solid; margin-bottom:1em; }
.fatitpg h4 { background:#377472; color:#fff; display:inline-block; line-height:200%; padding:0 1em; font-size:120%; font-weight:normal; border-radius:6px 6px 0 0; }
}
@media (max-width: 800px){	
.fatitpg { border-bottom:1px #377472 solid; margin:1em 0; }
.fatitpg h4 { background:#377472; color:#fff; display:inline-block; line-height:200%; padding:0 1em; font-size:110%; font-weight:normal; border-radius:6px 6px 0 0; }
}

.wxwindows { width:100%; text-align:center; }
.wxwindows img { margin:0 auto; display:block; }
.wxwindows p { font-size:110%; }

.ntitle { width:100%; border-bottom:1px #1d8460 solid; overflow:hidden; padding:1em 0 0 0; margin:0; line-height:180%;  }
.ntitle h2 { float:left; background:#1d8460;  color:#fff; padding:0 1em; margin:0; font-size:120%; line-height:180%;  }
.ntitle h2 a { color:#fff; padding:0; margin:0; }
.ntitle p { float:right; }
.wrapper { clear:both; }

@media (min-width: 801px) {
.searchpagelist { width:100%; padding-bottom:1em; }
.searchpagelist a { display:block; margin:1.5em 0 0 0; background:#fff; border:#e6e6e6 1px solid; padding:1em; }
.searchpagelist dl { width:100%; overflow:hidden; }
.searchpagelist dl dt { float:left; width:20%; line-height:0; min-height:120px; background:url(nopic.png) center no-repeat; background-size:100% auto; }
.searchpagelist dl dt img { width:100%; line-height:0; max-height:170px; }
.searchpagelist dl dd { float:right; width:78%; position:relative; }
.searchpagelist dl dd h3 { font-size:130%; line-height:220%; border-bottom:1px #e6e6e6 dotted; padding-bottom:0.6em; margin-bottom:0.6em; }
.searchpagelist dl dd p { line-height:250%; color:#666; }
.searchpagelist dl dd span { color:#de592a; font-weight: bold; font-size:120%; }
.searchpagelist a:hover p { color:#333; }
.searchpagelist dl dd  article { position:absolute; right:0; bottom:0; border:1px #626262 solid; color:#626262; border-radius:2em; padding:0 1em;}
.searchpagelist dl dd  article:hover { border:1px #dc5732 solid; color:#dc5732; }
}
@media (max-width: 800px){	
.searchpagelist a { display:block; margin:1.5em 0 0 0; background:#fff; border-bottom:1px #e6e6e6 solid; padding-bottom:1em; }
.searchpagelist dl { width:100%; overflow:hidden; }
.searchpagelist dl dt { float:left; width:38%; line-height:0;  min-height:80px; background:url(nopic.png) center no-repeat; background-size:100% auto; }
.searchpagelist dl dt img { width:100%; line-height:0; }
.searchpagelist dl dd {  float:right; width:60%;  position:relative; }
.searchpagelist dl dd h3 { font-size:110%; line-height:160%; }
.searchpagelist dl dd p { font-size:90%; line-height:20px; height:40px; overflow:hidden; color:#999; }
.searchpagelist dl dd span { color:#de592a; font-weight: bold; font-size:120%; }
.searchpagelist a:hover p { color:#999; }
.searchpagelist dl dd  article { position:absolute; right:0; bottom:0; border:1px #626262 solid; color:#626262; padding:0 0.6em; font-size:90%; }
.searchpagelist dl dd  article:hover { border:1px #dc5732 solid; color:#dc5732; }
}

.searchmdtxt { text-align:center; margin-top:2em; }
.searchmdtxt span { color:#f30; }

.mycolor { color:#377472; }