@charset "utf-8";

/* allstyle */
body { font-family: Microsoft YaHei, simsun, Arial,Verdana, sans-serif,Tahoma, Helvetica; margin:0; color: #333; line-height:190%; }
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: #f30; 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; }

@media (min-width: 601px) {
body { min-width:1000px; background:#fff url(bg.jpg) 30% 0 repeat-x; font-size:12px; padding:0; }
}
@media (max-width: 600px){	
body { width:100%; font-size:0.85em; padding-bottom:4.7em; }
}

/* page style */


.showpage { clear:both; text-align:center; padding:1em 0; line-height:3em; }
.showpage a { background:#005a99; color:#fff; padding:0.5em 1em; text-align:center; text-decoration:none ;  margin:0 0.3em; border-radius:5px; }
.showpage em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; border-radius:5px; }
.showpage a:hover { background:#f60; color:#fff; text-decoration:none; }
.showpage span { background:#ccc; color:#333; padding:0.5em 1em; margin:0 0.3em; border-radius:5px; }
.showpage  .current { background:#ccc; color:#fff; display:inline; border-radius:5px; }


@media (min-width: 601px) {
.titlenav { text-align:center; padding:0 0 5px 0; } 
.titlenav , .titlenav a { font-size:12px; }
#titlenav { text-align:right; padding:0 0 5px 0; } 
#titlenav , #titlenav a { font-size:12px; }
}
@media (max-width: 600px){	
.titlenav { text-align:center; padding:0 0 5px 0; } 
#titlenav { text-align:center; padding:0 0 5px 0; } 
}

.casepic { text-align:center; padding:10px 0 } /* 案例内容页图片样式 */
.propic { text-align:center; padding:5px 0 } /* 产品内容页图片样式 */
.propic img { width:500px; }
.propic span { color:#e71111; padding-top:10px; }
.showding { text-align:center; padding:5px 0 } /* 产品内容页订购按钮样式 */

/* 留言表格样式 */
.gbooktable { border-top:1px #eaeaea solid; border-left:1px #eaeaea solid; word-break:break-all; margin-bottom:10px; }
.gbooktable td { border-right:1px #eaeaea solid; border-bottom:1px #eaeaea solid; padding:5px 10px; } 
.gbookre { margin:5px 0 5px 0; padding-top:5px; border-top:1px #eaeaea dashed; }
.inputbutton { } /* 提交按钮样式 */
.gbtaltit { background:#fdfdfd; }

.smallinput { border:1px #d6d6d6 solid; padding:4px; border-radius:5px; }
.sub { vertical-align:middle; border:0; padding:8px 10px; background:#005a99; color:#fff; border-radius:5px; font-size:14px; line-height:100%; }

@media (min-width: 601px) {
.itable { border-top:1px #ececec dashed; border-left:1px #ececec dashed; word-break:break-all; margin-top:10px; }
.itable td { border-right:1px #ececec dashed; border-bottom:1px #ececec dashed; padding:3px 3px 3px 10px; } 
.itable { margin:5px; padding-top:5px; border-top:1px #ececec dashed }
}
@media (max-width: 600px){	
.itable { border-top:1px #ececec dashed; border-left:1px #ececec dashed; word-break:break-all; margin-top:10px; }
.itable td { border-right:1px #ececec dashed; border-bottom:1px #ececec dashed; padding:3px 3px 3px 10px; display:block; } 
.itable { margin:5px; padding-top:5px; border-top:1px #ececec dashed }
}


@media (min-width: 601px) {
#header { width:1000px; height:138px; margin:0 auto; background:url(logo.png) left center no-repeat; }
#header ul { width:540px; padding:36px 0 0 460px; text-align:right; display:block; overflow:hidden; }
#header ul li { float:right; padding-left:15px; color:#686969; }
#header ul li a { color:#686969; }
#header ul li a:hover { color:#f60; }
#header ul li i { font-size:14px; }
#header dl { padding:10px 0 0 480px; display:block; overflow:hidden; }
#header dl dt { float:left; height:31px; background:url(phone.gif) 0 4px no-repeat; padding-left:32px; line-height:31px; font-size:28px; color:#f60; font-family: Arial,Microsoft YaHei,Verdana,sans-serif,Tahoma, Helvetica; display:block; }
#header dl dt span { font-size:0; display:none; }
#header dl dt a { color:#f60; }
#header dl dd { float:right; line-height:31px; width:241px; height:31px; display:block; }
#header .searchin { float:left; width:191px; height:31px; border:0; padding:0; margin:0; background:url(sobg.png) left top no-repeat; vertical-align:middle; padding-left:15px; outline:none; }
#header .searchgo { float:right; width:35px; height:31px; border:0; padding:0; margin:0; background:url(sobg.png) right top no-repeat; vertical-align:middle; line-height:31px; }
#header p { display:none; }
}
@media (max-width: 600px){	
#header { width:96%; height:6em; margin:0 auto; background:url(logo.png) left center no-repeat; background-size:80% auto ; text-align:right; }
#header ul { display:none; }
#header dl { display:none; }
#header .searchin { display:none; }
#header .searchgo { display:none; }
#header p { float:right; line-height:6em; text-align:right; }
#header p a {  font-size:2.6em; color:#005a99; }
#header p a i { color:#005a99; }
}


@media (min-width: 601px) {
.mu { width:1000px; height:47px; margin:0 auto; background:url(mu.jpg) 0 0 repeat-x; border-radius:3px 3px 0 0; }
.mu ul li { float:left; } 
.mu ul li a { width:111px; height:47px; line-height:43px; display:block; background: url(mu.jpg) 0 -51px no-repeat; text-align:center; font-size:14px; font-weight:bolder; color:#0058b5; }
.mu ul li a:hover { width:111px; height:47px; background:url(mu.jpg) 50% -103px no-repeat; color:#fff; }
#onmuli a { background:url(mu.jpg) 0 0 repeat-x; }
#onmuli a:hover { width:111px; height:47px; background:url(mu.jpg) 50% -103px no-repeat; color:#fff; }
}
@media (max-width: 600px){	
.mu { width:100%; margin:0 auto; background:#005a99; }
.mu ul li { float:left; width:20%;  } 
.mu ul li a { display:block; height:46px; line-height:46px; color:#fff; text-align:center; border-bottom:1px #1073b8 solid; }
.mu ul li a:hover { color:#fff; }

.mu ul li:nth-child(1), .mu ul li:nth-child(2) , .mu ul li:nth-child(3), .mu ul li:nth-child(4)  { display:none; }
}

@media (min-width: 601px) {
#focus { width:1000px; margin:5px auto 0 auto; height:280px; position: relative; overflow: hidden; }
#focus .hd { width: 1000px; height: 15px; position: absolute; z-index: 1; text-align: center; bottom:8px; }
#focus .hd ul { display: inline-block; height: 15px; }
#focus .hd ul li { display: inline-block; width: 15px; height: 15px; text-indent: -999em; background:url(focuss.png) no-repeat; margin: 0 3px; vertical-align: top; overflow: hidden; font-size:15px; }
#focus .hd ul .on { background:url(focus.png) no-repeat }
#focus .bd { position: relative; z-index: 0; }
#focus .bd li { height: auto; overflow: hidden; }
#focus .bd li a img { width:1000px; height:280px; display: block; margin: 0; padding: 0; }
#focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
}
@media (max-width: 600px){	
#focus { width:100%; margin: 0 auto; height:auto; position: relative; overflow: hidden; }
#focus .hd { width: 100%; height: 10px; position: absolute; z-index: 1; text-align: center; bottom:8px; }
#focus .hd ul { display: inline-block; height: 10px; }
#focus .hd ul li { display: inline-block; width: 10px; height: 10px; text-indent: -999em; background:#fff; margin: 0 3px; vertical-align: top; overflow: hidden; font-size:10px; border-radius:50%; }
#focus .hd ul .on { background:#db7200; }
#focus .bd { position: relative; z-index: 0; }
#focus .bd li { height: auto; overflow: hidden; }
#focus .bd li a img { width:100%; height:auto; display: block; margin: 0; padding: 0; }
#focus .bd li a { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
}

@media (min-width: 601px) {
.main { width:1000px; margin:0 auto; }
}
@media (max-width: 600px){	
.main { width:96%; margin:0 auto; }
}

@media (min-width: 601px) {
.indexleft { float:left; width:340px; }
.indexmd { float:left; width:388px; padding:0 10px; }
.indexright { float:left; width:252px; }
}
@media (max-width: 600px){	
.indexleft { display:none; }
.indexmd { width:100%; padding:0; }
.indexright { display:none;}
}

@media (min-width: 601px) {
.FocusPic { width:340px; height:254px; zoom:1;position:relative; overflow:hidden; margin-top:10px; }
.FocusPic .content{overflow:hidden}
.FocusPic .changeDiv a{position:absolute;top:0px;left:0px;display:none;}
.FocusPic .changeDiv img { width: 340px; height:254px; }
.FocusPic .title-bg,.FocusPic .title{position:absolute;left:0px;bottom:0; width:340px;height:30px;line-height:30px; overflow:hidden}
.FocusPic .title-bg{background:#000;filter:alpha(opacity=50);opacity:0.5;}
.FocusPic .title a{display:block;padding-left:10px;color:#fff; font-size:14px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden }
.FocusPic .change{bottom:32px;height:20px;right:2px;*right:3px;_right:3px;position:absolute;text-align:right;z-index:9999;}
.FocusPic .change i {background:#666;color:#FFF;cursor:pointer;font-family:Arial;font-size:12px;line-height:15px;margin-right:2px;padding:2px 6px; font-style:normal; height:15px;display:inline-block;display:-moz-inline-stack;zoom:1;*display:inline;}
.FocusPic .change i.cur {background:#f60;}
}
@media (max-width: 600px){	
.FocusPic { display:none; }
}

@media (min-width: 601px) {
.boxtitle { width:100%; height:32px; background:url(boxtitle.gif) left bottom no-repeat; line-height:32px; margin-top:10px; overflow:hidden; }
.boxtitle h2 { float:left; font-size:14px; font-weight: bolder; color:#0058b5; display:block; }
.boxtitle p { float:right; text-align:right;  }
.boxtitle p a { color:#666; }
.boxtitle p a:hover { color:#f60; }
.boxtitle p i { color:#0058b5; font-size:14px; }
}
@media (max-width: 600px){	
.boxtitle { width:100%; height:32px; background:url(boxtitle.gif) right bottom no-repeat; line-height:32px; margin-top:10px; overflow:hidden; }
.boxtitle h2 { display:none; }
.boxtitle p { float:left; }
.boxtitle p a { color:#666; }
.boxtitle p a:hover { color:#f60; }
.boxtitle p i { color:#0058b5; font-size:14px; }
}

@media (min-width: 601px) {
.boxtitleindex { width:100%; height:32px; background:url(boxtitle.gif) left bottom no-repeat; line-height:32px; margin-top:10px; overflow:hidden; }
.boxtitleindex h2 { float:left; font-size:14px; font-weight: bolder; color:#0058b5; display:block; }
.boxtitleindex p { float:right; text-align:right;  }
.boxtitleindex p a { color:#666; }
.boxtitleindex p a:hover { color:#f60; }
.boxtitleindex p i { color:#0058b5; font-size:14px; }
}
@media (max-width: 600px){	
.boxtitleindex { width:100%; height:32px; background:url(boxtitle.gif) left bottom no-repeat; line-height:32px; margin-top:10px; overflow:hidden; }
.boxtitleindex h2 { float:left; font-size:14px; font-weight: bolder; color:#0058b5; display:block; }
.boxtitleindex p { float:right; }
.boxtitleindex p a { color:#666; }
.boxtitleindex p a:hover { color:#f60; }
.boxtitleindex p i { color:#0058b5; font-size:14px; }
}

@media (min-width: 601px) {
.indexmdlist { width:388px; overflow:hidden; }
.indexmdlist ul li { height:36px; border-bottom:1px #d9d9d9 dotted; line-height:36px; background:url(li.jpg) left center no-repeat; padding-left:10px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}
@media (max-width: 600px){	
.indexmdlist { width:100%; overflow:hidden; }
.indexmdlist ul li { height:36px; border-bottom:1px #d9d9d9 dotted; line-height:36px; background:url(li.jpg) left center no-repeat; padding-left:10px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}

@media (min-width: 601px) {
.inhonor { width:252px; }
.inhonor dl { width:252px; padding-top:10px; }
.inhonor dl dt { line-height:0; }
.inhonor dl dt img { width:252px; height:182px; line-height:0; }
.inhonor dl dd { width:252px; height:30px; line-height:30px; background:#f3f3f3; text-align:center; }
}
@media (max-width: 600px){	
.inhonor { display:none; }
}

@media (min-width: 601px) {
.mainbigtitle { width:1000px; height:32px; background:url(pionline.jpg) left bottom repeat-x; margin:10px auto 0 auto; text-align:center; }
.mainbigtitle h2 { width:110px; height:30px; line-height:30px; font-size:14px; font-weight: bolder; color:#0058b5; border-bottom:2px #0058b5 solid; margin:0 auto; }
}
@media (max-width: 600px){	
.mainbigtitle { width:96%; height:32px; background:url(pionline.jpg) left bottom repeat-x; margin:10px auto 0 auto; text-align:center; }
.mainbigtitle h2 { width:110px; height:30px; line-height:30px; font-size:14px; font-weight: bolder; color:#0058b5; border-bottom:2px #0058b5 solid; margin:0 auto; }
}

/* 点击左右滚动jquery焦点图特效插件 */
@media (min-width: 601px) {
.focus { clear:both; width:1000px; height:170px; overflow:hidden; position:relative; margin:0 auto; }
.focus ul { height:1000px; position:absolute; }
.focus ul li { float:left; width:910px; height:170px; margin:20px 45px;  overflow:hidden; position:relative; background:#fff }
.focus ul li div { width:910px; position:absolute; overflow:hidden; }
.focus .btnBg { position:absolute; width:910px; height:20px; left:0; bottom:0; background:#fff; display:none; }
.focus .btn span { display:none; }
.focus .btn span.on { display:none; }
.focus .preNext { width:45px; height:100px; position:absolute; top:40px; background:url(sprite.png) no-repeat 0 0; cursor:pointer;}
.focus .pre { left:0; }
.focus .next { right:0; background-position:right top; }
.focus ul li a { float:left; width:182px; text-align:center; }
.focus ul li a img { padding-bottom:10px; }
.focus ul li a span { display:block;}
}
@media (max-width: 600px){	
.focus { display:none; }
}

@media (min-width: 601px) {
#mbnone { display:block; }
}
@media (max-width: 600px){	
#mbnone { display:none; }
}

@media (min-width: 601px) {
.prodiv { display:none; }
}
@media (max-width: 600px){	
.prodiv { margin:0 auto; padding:1.5em 0 0 0; display:block; overflow:hidden; }
.prodiv ul { width:100%; margin:0; padding:0; display:block; overflow:hidden; }
.prodiv ul li { float:left; width:25%; text-align:center; display:block; overflow:hidden; }
.prodiv ul li a { width:3.8em; height:3.8em; text-align:center; margin:0 auto; border-radius:46%; padding:0; display:block; color:#fff; }
.prodiv ul li a i { font-size:2.6em; margin:0; padding:0.25em 0 0 0; color:#fff; }
.prodiv ul li p { color:#000;  font-size:0.6em; height:3em; line-height:120%; padding-top:0.5em;  }

.proicon1 a { background:#02b1f4; }
.proicon2 a { background:#7cc140; }
.proicon3 a { background:#ea6644; }
.proicon4 a { background:#cfb111; }
.proicon5 a { background:#ffaf23; }
.proicon6 a { background:#fe7061; }
.proicon7 a { background:#3d919b; }
.proicon8 a { background:#8cc2ff; }
}

@media (min-width: 601px) {
.moreinfos { display:none; }
}
@media (max-width: 600px){	
.moreinfos { width:96%; margin:0 auto; text-align:center; padding-top:6px; }
.moreinfos a { color:#005a99; border:1px #005a99 solid; display: inline-block; line-height:100%; padding:0.5em 3em; margin:0 auto; font-size:100%; border-radius:1em; }
}


@media (min-width: 601px) {
.hometem { width:1000px; margin:0 auto; }
#demo { overflow:hidden; width:1000px; padding:20px 0 10px 0; }
#demo td { width:auto; text-align:center; }
#demo td a { display:block; width:130px; height:176px; margin:0 12px; position:relative; }
#demo img { position:absolute; top:0; left:0; width:130px; height:176px; }
#demo td a p { position:absolute; bottom:0; left:0; width:130px; height:28px; line-height:28px; color:#fff; text-align:center; background:url(tm.png); display:block; padding:0; margin:0; }
}
@media (max-width: 600px){	
.hometem { width:96%; margin:0 auto; }
#demo { overflow:hidden; width:1000px; padding:20px 0 10px 0; }
#demo td { width:auto; text-align:center; }
#demo td a { display:block; width:130px; height:176px; margin:0 12px; position:relative; }
#demo img { position:absolute; top:0; left:0; width:130px; height:176px; }
#demo td a p { position:absolute; bottom:0; left:0; width:130px; height:28px; line-height:28px; color:#fff; text-align:center; background:url(tm.png); display:block; padding:0; margin:0; }
}

@media (min-width: 601px) {
.twobox { float:left; width:490px; padding-bottom:5px; }
.twoboxs { padding-right:20px; }
}
@media (max-width: 600px){	
.twobox { width:100%; }
.twoboxs { width:100%; }
}

@media (min-width: 601px) {
.twoboxlist { width:490px; height:185px; overflow:hidden; }
.twoboxlist ul li { height:36px; border-bottom:1px #d9d9d9 dotted; line-height:36px; background:url(li.jpg) left center no-repeat; padding-left:10px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}
@media (max-width: 600px){	
.twoboxlist { width:100%; overflow:hidden; }
.twoboxlist ul li { height:36px; border-bottom:1px #d9d9d9 dotted; line-height:36px; background:url(li.jpg) left center no-repeat; padding-left:10px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}

@media (min-width: 601px) {
.flinks { width:1000px; margin:0 auto; padding-top:10px; line-height:200%; }
.flinks span { display: inline; white-space:nowrap; background:url(li.jpg) 0 4px no-repeat; padding:0 10px 0 8px; }
}
@media (max-width: 600px){	
.flinks { width:96%; margin:0 auto; padding-top:10px; line-height:200%; }
.flinks span { display: inline; white-space:nowrap; background:url(li.jpg) 0 4px no-repeat; padding:0 10px 0 8px; }
.flinks a { color:#005a99; border:1px #c8c8c8 solid; display: block; line-height:100%; padding:0.5em 3em; margin:1em auto; font-size:100%; border-radius:1em; text-align:center; }
}

@media (min-width: 601px) {
.footerlink { width:100%; background:#f6f6f6; margin-top:20px; }
.footerlink a { display:inline; white-space:nowrap; margin-right:10px; }
}
@media (max-width: 600px){	
.footerlink { display:none }
}

@media (min-width: 601px) {
#footer { width:100%; background:#005a99; padding:20px 0; color:#fff; }
.footermu { width:1000px; margin:0 auto; background:#005a99; color:#fff; text-align:center; font-weight:bolder; padding-bottom:8px; }
.footermu a { font-weight:bold; color:#fff; padding:0 12px; }
.footermu a:hover { text-decoration:underline; }
.footers { width:1000px; margin:0 auto; background:#005a99; color:#fff; text-align:center; font-size:12px; }
.footers span { font-family:Arial, Helvetica, sans-serif; }
.footers a { color:#fff; }
.footers a:hover { text-decoration:underline; }
}
@media (max-width: 600px){	
#footer { width:100%; background:#f6f6f6; padding:20px 0; color:#999; }
.footermu { display:none; }

.footers { width:100%; margin:0 auto; background:#f6f6f6; color:#999; text-align:center; font-size:12px; }
.footers span { font-family:Arial, Helvetica, sans-serif; }
.footers a { color:#999; }
.footers a:hover { text-decoration:underline; }
}


@media (min-width: 601px) {
.KeFuDiv{ position: absolute; width:116px; height:261px; background:url(wxin.png) 0 0 no-repeat; }
.KeFuDiv em { width:116px; height:24px; display:block; text-align:right; overflow:hidden; }
.KeFuDiv em a { float:right; width:38px; height:24px; display:block; }
.KeFuDiv em a span { font-size:0; display:none; color:#fff; }
.KeFuDiv h3 { width:116px; height:130px; display:block; text-align:center; }
.KeFuDiv h3 a { width:116px; height:120px; display:block; text-align:center; overflow:hidden; color:#0075b7; font-size:15px; font-weight:normal; }
.KeFuDiv h3 a:hover { color:#f60; }
.KeFuDiv h3 a span { padding-top:86px; display:block; }
.KeFuDiv h2 { text-align:center; font-size:14px; font-weight:normal; color:#f60; line-height:20px; }
.KeFuDiv p { text-align:center; color:#414141; font-size:14px; }
}
@media (max-width: 600px){	
.KeFuDiv{ display:none; }
}


@media (min-width: 601px) {
#footeris { display:none; }
}
@media (max-width: 600px){	
#footeris { width:100%; height:4.2em; color:#fff; background:#005a99; border-top:1px solid #005a99; position: fixed; bottom:0; left:0; margin:0 auto; padding:0.5em 0 0 0; }
#footeris ul { width:100%; }
#footeris ul li { float:left; width:25%; color:#fff; text-align:center; display:block; font-size:100%; }
#footeris ul li a { width:100%; height:auto; display:block; overflow:hidden;  }
#footeris ul li a i { font-style:normal; color:#fff; font-size:2em;  display:block; }
#footeris ul li a p { color:#fff; font-size:0.8em; }
}

/* rightservicebox s */

@media (min-width: 1201px) {
.izl-rmenu { margin-right: 0; width: 50px; position: fixed; right: 2px; bottom:160px; z-index:99; overflow:visible; }
.izl-rmenu li { padding-bottom:1px; }
.izl-rmenu span { display:block; }

.izl-rmenu .qqse { cursor: pointer; background:url(bgs2.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .qqse:hover { background:url(bg2.png) center no-repeat; }
.izl-rmenu .qqse .qqservice { display:none; position: absolute; right: 50px; top:-23px; width:100px;  z-index:999; overflow: visible; background:#3f993d; color:#fff; text-align:center; font-weight:bold; }
.izl-rmenu .qqse:hover .qqservice { display:block;overflow: visible; padding:10px 0; }
.qqservice a { display:block; color:#fff;  }
.qqservice a:hover { text-decoration:underline; }

.izl-rmenu .consult { cursor: pointer; background:url(bgs3.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative; }
.izl-rmenu .consult:hover { background:url(bg3.png) center no-repeat; }
.izl-rmenu .consult .phone { display:none; position: absolute; right: 50px; top:0; width:132px; height:50px; line-height:50px; z-index:999; overflow: visible; background:#3f993d; color:#fff; text-align:center; font-weight:bold; }
.izl-rmenu .consult:hover .phone { display:block;overflow: visible; }

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

.izl-rmenu .btn_top { cursor: pointer; background:url(bgs6.png) center no-repeat; display: block; height: 50px; width: 50px; z-index:999; overflow: visible; position:relative;   -webkit-transition: all 0s ease-in-out;    -moz-transition: all 0s ease-in-out;    -o-transition: all 0s ease-in-out;    transition: all 0s ease-in-out;}
.izl-rmenu .btn_top:hover { background:url(bg6.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=90);	-moz-opacity:0.9;	-khtml-opacity: 0.9;	opacity: 0.9; }
.izl-rmenu li { padding-bottom:1px; }
.izl-rmenu span { display:block; }

.izl-rmenu .qqse { display:none; }

.izl-rmenu .consult { display:none; }

.izl-rmenu .cart { display:none; }

.izl-rmenu .btn_top { cursor: pointer; background:url(bgs6.png) center no-repeat; background-size:100%; display: block; height: 46px; width: 46px; z-index:999; border-radius:50%; overflow: visible; position:relative;   -webkit-transition: all 0s ease-in-out;    -moz-transition: all 0s ease-in-out;    -o-transition: all 0s ease-in-out;    transition: all 0s ease-in-out;}
}
/* rightservicebox e */


.parlink { padding:20px 0;  line-height:200%; }
.parlink h2 {  font-size:14px; font-weight: bolder; color:#0058b5; }
.parlink a { display:inline; white-space:nowrap; margin-right:10px; }
#morepar { color:#f60; }

@media (min-width: 601px) {
.itop { width:100%; max-width:1000px; height:auto; margin:5px auto 0 auto }
.itop img { width:100%; line-height:0; }
}
@media (max-width: 600px){	
.itop { width:100%; max-width:1000px; height:auto; margin:0 auto }
.itop img { width:100%; line-height:0; }
}

@media (min-width: 601px) {
.mainleft { float:left; width:210px; padding-bottom:10px; }
.mainright { float:left; width:778px; padding-left:12px;  }
}
@media (max-width: 600px){	
.mainleft { width:100%; }
.mainright { width:100%; }
}

@media (min-width: 601px) {
.leclass { margin:10px 0 0 0; }
.leclass h3 { height:33px; line-height:33px; background:url(leftclasstit.jpg) 0 0 no-repeat; color:#1064a4; font-size:14px; font-weight: bolder; text-align:center; }
.leclass ul { margin-bottom:5px; }
.leclass ul li a  { height:35px; line-height:35px; background:#fdfdfd; display:block; text-align:center; border-bottom:1px #dbdbdb dotted;  margin:1px 0; font-size:13px; font-weight: bolder; color: #1064a4; }
.leclass ul li a:hover { background:#1064a2; color:#fff; }
}
@media (max-width: 600px){	
.leclass { margin:0; }
.leclass h3 { display:none; }
.leclass ul { margin-bottom:5px; }
.leclass ul li { float:left; width:50%; }
.leclass ul li a  { height:30px; line-height:30px; background:#fdfdfd; display:block; text-align:center; border:1px #1064a2 solid;  margin:1px 2px; font-size:13px; font-weight: bolder; color: #1064a4; border-radius:6px; }
.leclass ul li a:hover { background:#1064a2; color:#fff; }
}

@media (min-width: 601px) {
.leclassbig { margin:10px 0 0 0; }
.leclassbig h3 { height:33px; line-height:33px; background:url(leftclasstit.jpg) 0 0 no-repeat; color:#1064a4; font-size:14px; font-weight: bolder; text-align:center; }
.leclassbig ul { margin-bottom:5px; }
.leclassbig ul li a  { height:35px; line-height:35px; background:#fdfdfd; display:block; text-align:center; border-bottom:1px #dbdbdb dotted;  margin:1px 0; font-size:13px; font-weight: bolder; color: #1064a4; }
.leclassbig ul li a:hover { background:#1064a2; color:#fff; }
}
@media (max-width: 600px){	
.leclassbig { margin:0; }
.leclassbig h3 { display:none; }
.leclassbig ul { margin-bottom:5px; }
.leclassbig ul li { float:left; width:50%; }
.leclassbig ul li a  { height:30px; line-height:30px; background:#fdfdfd; display:block; text-align:center; border:1px #1064a2 solid;  margin:1px 2px; font-size:13px; font-weight: bolder; color: #1064a4; border-radius:6px; }
.leclassbig ul li a:hover { background:#1064a2; color:#fff; }
}

@media (min-width: 601px) {
.leclass2 { margin:10px 0 0 0; }
.leclass2 h3 { height:33px; line-height:33px; background:url(leftclasstit.jpg) 0 0 no-repeat; color:#1064a4; font-size:14px; font-weight: bolder; text-align:center; }
.leclass2 ul { margin-bottom:5px; }
.leclass2 ul li a  { height:35px; line-height:35px; background:#fdfdfd; display:block; text-align:center; border-bottom:1px #dbdbdb dotted;  margin:1px 0; font-size:13px; font-weight: bolder; color: #1064a4; }
.leclass2 ul li a:hover { background:#1064a2; color:#fff; }
}
@media (max-width: 600px){	
.leclass2 { margin:0; }
.leclass2 h3 { display:none; }
.leclass2 ul { margin-bottom:5px; }
.leclass2 ul li { float:left; width:50%; }
.leclass2 ul li a  { height:30px; line-height:30px; background:#fdfdfd; display:block; text-align:center; border:1px #1064a2 solid;  margin:1px 2px; font-size:13px; font-weight: bolder; color: #1064a4; border-radius:6px; }
.leclass2 ul li a:hover { background:#1064a2; color:#fff; }
}

@media (min-width: 601px) {
.leclassshan { margin:10px 0 0 0; }
.leclassshan h3 { height:33px; line-height:33px; background:url(leftclasstit.jpg) 0 0 no-repeat; color:#1064a4; font-size:14px; font-weight: bolder; text-align:center; }
.leclassshan ul { margin-bottom:5px; }
.leclassshan ul li a  { height:35px; line-height:35px; background:#fdfdfd; display:block; text-align:center; border-bottom:1px #dbdbdb dotted;  margin:1px 0; font-size:13px; font-weight: bolder; color: #1064a4; }
.leclassshan ul li a:hover { background:#1064a2; color:#fff; }
}
@media (max-width: 600px){	
.leclassshan { margin:0; }
.leclassshan h3 { display:none; }
.leclassshan ul { margin-bottom:5px; }
.leclassshan ul li { float:left; width:33.333%; }
.leclassshan ul li a  { height:30px; line-height:30px; background:#fdfdfd; display:block; text-align:center; border:1px #1064a2 solid;  margin:1px 2px; font-size:13px; font-weight: bolder; color: #1064a4; border-radius:6px; }
.leclassshan ul li a:hover { background:#1064a2; color:#fff; }
}

@media (min-width: 601px) {
.rightsay { background:#fdfdfd; padding:10px; font-size:13px; }
.leftpic { width:210px; margin:10px 0 0 0; }
.leftpic img { width:210px; height:70px; border-radius:3px; }
}
@media (max-width: 600px){	
.rightsay { display:none; }
.leftpic { display:none; }
}

@media (min-width: 601px) {
#webview { display:block; }
}
@media (max-width: 600px){	
#webview { display:none; }
}


@media (min-width: 601px) {
.rightshows { width:778px; font-size:14px; line-height:200%; padding:10px 0; text-align:justify; justify-content:space-between; text-justify:inter-ideograph; overflow:hidden; }
.rightshows p {  }
.rightshows h2 { font-size:18px; text-align:center; padding:10px 0; }
.rightshows dl { float:left; width:155.1px; text-align:center; padding:10px 0 6px 0; }
.rightshows dl dt img { width:130px; height:167px; }
.rightshows dl dd { height:25px; line-height:25px; }
.rightshows dl dd , .rightshows dl dd a { font-size:12px; }
}
@media (max-width: 600px){	
.rightshows { width:100%; line-height:200%; padding:10px 0; text-align:justify; justify-content:space-between; text-justify:inter-ideograph; overflow:hidden; }
.rightshows img { max-width:100%; }
.rightshows p {  }
.rightshows h2 { font-size:130%; text-align:center; padding:10px 0; }
.rightshows dl { float:left; width:50%; text-align:center; padding:10px 0 6px 0; }
.rightshows dl dt img { width:96%; height:230px; }
.rightshows dl dd { height:25px; line-height:25px; }
}

@media (min-width: 601px) {
.rshow { width:778px; font-size:14px; line-height:200%; padding:10px 0; text-align:justify; justify-content:space-between; text-justify:inter-ideograph; overflow:hidden; }
.rshow ul li { background:url(honerli.gif) left center no-repeat; padding-left:15px; height:36px; border-bottom:1px #d9d9d9 dotted; line-height:36px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}
@media (max-width: 600px){	
.rshow { width:100%; line-height:200%; padding:10px 0; text-align:justify; justify-content:space-between; text-justify:inter-ideograph; overflow:hidden; }
.rshow ul li { background:url(honerli.gif) left center no-repeat; padding-left:15px; height:36px; border-bottom:1px #d9d9d9 dotted; line-height:36px; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
}

@media (min-width: 601px) {
.honorshows { width:778px; font-size:14px; line-height:200%; padding:10px 0; text-align:justify; justify-content:space-between; text-justify:inter-ideograph; overflow:hidden; }
.honorshows ul { display:block; overflow:hidden; }
.honorshows ul li { float:left; width:259.333px; }
.honorshows ul li a { width:240px; height:173px; position:relative; display:block; margin:5px auto 10px auto; }
.honorshows ul li a img { width:240px; height:173px; }
.honorshows ul li a p { position:absolute; left:0; bottom:0; background:url(tm.png); width:240px; height:25px; line-height:25px; margin:0; padding:0; color:#fff; display:block; text-align:center;}
}
@media (max-width: 600px){	
.honorshows { width:100%; line-height:200%; padding:10px 0; text-align:justify; justify-content:space-between; text-justify:inter-ideograph; overflow:hidden; }
.honorshows ul { display:block; overflow:hidden; }
.honorshows ul li { float:left; width:48%; margin:0 1%; display:block; }
.honorshows ul li a { width:100%; height:auto; position:relative; display:block; margin:5px auto 10px auto; }
.honorshows ul li a img { width:100%; }
.honorshows ul li a p { position:absolute; left:0; bottom:0; background:url(tm.png); width:100%; height:25px; line-height:25px; margin:0; padding:0; color:#fff; display:block; text-align:center; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; font-size:90%; }
}

.rightshow { font-size:14px; line-height:200%; padding:10px 0; text-align:justify; justify-content:space-between; text-justify:inter-ideograph }
.rightshow p { text-indent:28px; }
.rightshow h2 { font-size:18px; text-align:center; padding:10px 0; }

/* 留言页 e */
@media (min-width: 601px) {
.rightgbook { margin-bottom:1em; }
.rightgbook label { width:100%; display:block; margin:1em 0 0 0; }
.rightgbook p { width:100%; display:block; margin:1em 0 0 0; }
.rightgbook .inputtxt { width:70%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0.6em 1em; outline:none; border-radius:5px; }
.rightgbook .inputtxt:hover { background:#fff; border:1px #ad5254 solid;}
.rightgbook .txtContent { width:70%; background:#fff; height:11em; font-size:100%; padding:1em;  border:1px #dedede solid; outline:none; border-radius:5px; }
.rightgbook .txtContent:hover { background:#fff; border:1px #ad5254 solid;}

.rightgbook .subweb { width:auto;  background:#005a99; border:1px #2c3a46 solid; color:#fff; font-size:120%; padding:0.4em 2em; display:inline; border-radius:5px; }
.rightgbook .subweb:hover { background:#ad5254; border:1px #ad5254 solid;}
}
@media (max-width: 600px){	
.rightgbook { margin-bottom:1em; }
.rightgbook label { width:100%; display:block; margin:1.5em 0; padding:0; height:2em; line-height:2em; }
.rightgbook p { width:100%; display:block; margin:1em 0 0 0; padding:0; height:8em; }
.rightgbook .inputtxt { width:96%; background:#fff; border:1px #dedede solid; font-size:100%; padding:0 5px; margin:0; outline:none; border-radius:5px; line-height:2em; }
.rightgbook .inputtxt:hover { background:#fff; border:1px #ad5254 solid;}
.rightgbook .txtContent { width:96%; background:#fff; height:8em; font-size:100%; padding:0 5px;  margin:0;  border:1px #dedede solid; outline:none; line-height:2em; border-radius:5px; }
.rightgbook .txtContent:hover { background:#fff; border:1px #ad5254 solid;}

.rightgbook .subweb { width:auto;  background:#005a99; border:1px #2c3a46 solid; color:#fff; font-size:120%; padding:0.4em 2em; display:inline; border-radius:5px; }
.rightgbook .subweb:hover { background:#ad5254; border:1px #ad5254 solid;}
}

@media (min-width: 601px) {
.ntitle { text-align:center; margin-top:1em; }
.ntitle h2 { color:#3ca613; font-size:130%; }
.ntitle h2 span { color:#ccc; font-size:0.8em; font-weight:normal; padding-left:10px; }
}
@media (max-width: 600px){	
.ntitle { text-align:center; margin-top:1em; }
.ntitle h2 { color:#3ca613; font-size:130%; }
.ntitle h2 span { color:#ccc; font-size:0.8em; font-weight:normal; padding-left:10px; }
}

#gonetbox { border-top:1px #f2f2f2 solid; margin:1em 0; padding-top:0.5em; }

@media (min-width: 601px) {

}
@media (max-width: 600px){	

}