@charset "utf-8";
/* site style */
body { background:#fff; font-size:0.85em; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; margin:0; padding:0; max-width:1920px; color:#333; line-height:200%; height:auto; }
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; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; }
textarea { font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica; }
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: #f60; 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:#5ad115; color:#fff; padding:0.5em 1em; text-align:center; text-decoration:none ;  margin:0 0.3em; border-radius:5px; }
.pagination em { background:#ccc; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; border-radius:5px; }
.pagination a:hover { background:#f60; color:#fff; text-decoration:none; }
.pagination span { background:#ccc; color:#333; padding:0.5em 1em; margin:0 0.3em; border-radius:5px; }
.pagination  .current { background:#ccc; color:#fff; display:inline; border-radius:5px; }

@media (min-width: 999px) {
.header { width:96%; max-width:1200px; margin:0 auto; padding:2em 0 1em 0; vertical-align:middle; overflow:hidden; }
.header h1 { display:none; font-size:0; }
.header section { float:left; width:42%;  display:block; }
.header section img { width:100%; max-width:417px; max-height:81px; line-height:0; }
.header dl { float:right; width:58%; display:block;  }
.header dl dt { float:left; width:70%; display:block; padding-top:3px;  }
.header dl dt img { width:100%; max-width:353px; max-height:65px; line-height:0; }
.header dl dd { float:right; width:30%; text-align:right; color:#666; padding-top:1em; display:block; }
.header dl dd a { color:#666; }
.header dl dd a span { display:block; color:#3ea61d; font-weight:bold; font-size:160%; }
}
@media (min-width:511px) and (max-width: 998px)  {	
.header { width:96%; max-width:1120px; margin:0 auto; padding:1em 0 1em 0; vertical-align:middle; overflow:hidden; }
.header h1 { display:none; font-size:0; }
.header section { float:left; width:42%;  display:block; }
.header section img { width:100%; min-width:340px; min-height:75px; line-height:0; }
.header dl { float:right; width:58%; display:block;  }
.header dl dt {  display: none;  }
.header dl dt img { width:100%; max-width:353px; max-height:65px; line-height:0; }
.header dl dd { float:right; text-align:right; color:#666; padding-top:1em; display:block; }
.header dl dd a { color:#666; }
.header dl dd a span { display:block; color:#3ea61d; font-weight:bold; font-size:160%; }
}
@media (max-width: 510px){	
.header { width:96%; max-width:1120px; margin:0 auto; vertical-align:middle; overflow:hidden; }
.header h1 { display:none; font-size:0; }
.header section { width:100%;  display:block; padding:1em 0 0 0; border-bottom:1px #e2e2e2 solid; text-align:center; }
.header section img { width:100%; line-height:0; max-width:417px; }
.header dl { width:100%; display:block; margin-top:8px; }
.header dl dt { float:left; width:60%; }
.header dl dt img { max-height:40px; }
.header dl dd { float:left; width:40%; text-align:right; color:#3ea61d; display:block; line-height:180%; }
.header dl dd a { color:#3ea61d; }
.header dl dd a span { display:block; color:#fc5b1e; font-weight:bold; font-size:110%; }
}

/* 主菜单s */
@media (min-width: 801px) {
.mu { clear:both; width:100%; background:#3fad00; display:block; overflow:hidden; }
.mu ul { width:100%; max-width:1200px; margin:0 auto; display:block; }
.mu ul li { float:left; width:12.5%; }
.mu ul li a { display:block; color:#fff; height:3em; line-height:3em; text-align:center; border-left:1px #6fc240 solid; font-size:110%; }
.mu ul li:nth-child(1) a { border-left:0; }
.mu ul li a:hover { background:#ff6700; }
}
@media (max-width: 800px){	
.mu { clear:both; width:100%; background:#3fad00; display:block; overflow:hidden; margin-top:5px; }
.mu ul { width:100%; margin:0 auto; display:block; }
.mu ul li { float:left; width:25%; border-bottom:1px #6fc240 solid; }
.mu ul li a { display:block; color:#fff; height:3em; line-height:3em; text-align:center;  }
.mu ul li a:hover { background:#ff6700; }
.mu ul li:nth-child(1) a { border-right:1px #6fc240 solid; }
.mu ul li:nth-child(2) a { border-right:1px #6fc240 solid; }
.mu ul li:nth-child(3) a { border-right:1px #6fc240 solid; }
.mu ul li:nth-child(5) a { border-right:1px #6fc240 solid; }
.mu ul li:nth-child(6) a { border-right:1px #6fc240 solid; }
.mu ul li:nth-child(7) a { border-right:1px #6fc240 solid; }
}


@media (min-width: 801px) {
.flexslider ul li { width:100%; text-align:center; }
.flexslider ul li a { max-width:1200px; margin:0 auto; display:block; }
.flexslider ul li img { width:90%; max-width:1077px; margin:3em auto; display:block; }
}
@media (max-width: 800px){	
.flexslider ul li { width:100%; text-align:center; }
.flexslider ul li img { width:90%; margin:1em auto 2em auto; display:block; }
}

@media (min-width: 1021px) {
.indexso { width:96%; max-width:1200px; margin:0 auto; border-bottom:1px #d9d9d9 dotted; overflow:hidden;  }
.indexso p { float:left; line-height:3.6em; }
.indexso p a { padding-right:8px; }
.indexso form { float:right; line-height:3.6em; border:1px #f0f0f0 solid; padding:0 0.6em; margin-top:13px; }
.indexso form input { border:0; outline:none; padding:3px 0; }
.searchin { float:left; width:136px; background: none; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica;  }
.searchgo {float:left; width:18px; background:url(so.png) center no-repeat; }
}
@media (max-width: 1020px){	
.indexso { width:96%; max-width:1120px; margin:0 auto; padding:1em 0; border-bottom:1px #d9d9d9 dotted; overflow:hidden;  }
.indexso p { line-height:200%; display:block; overflow:hidden; }
.indexso p a { padding-right:8px; }
.indexso form { display:none; line-height:3.6em; border:1px #f0f0f0 solid; padding:0 0.6em; margin-top:10px; overflow:hidden; }
.indexso form input { border:0; outline:none; padding:3px 0; }
.searchin { float:left; width:136px; background: none; font-family: Microsoft YaHei,Verdana,simsun,sans-serif,Tahoma, Arial,Helvetica;  }
.searchgo {float:right; width:18px; background:url(so.png) center no-repeat; }
}


@media (min-width: 601px) {
.mores { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.mores a {  border:1px #3fad00 solid; color: #3fad00; border-radius:1.2em; padding:0.5em 3em; display: inline;  }
.mores a:hover { border:1px #f60 solid; color: #f60; border-radius:1.2em; padding:0.5em 3.5em; display: inline;  }
}
@media (max-width: 600px){	
.mores { clear:both; width:100%; line-height:3em; margin:0 auto; text-align: center; overflow:hidden }
.mores a {  border:1px #3fad00 solid; color: #3fad00; border-radius:1.2em; padding:0.3em 2em; display: inline;  }
.mores a:hover { border:1px #f60 solid; color: #f60; border-radius:1.2em; padding:0.3em 2.5em; display: inline;  }
}

.main {  width:96%; max-width:1200px; margin:0 auto; }

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

@media (min-width: 801px) {
.inprolist { width:100%; padding:1em 0; }
.inprolist a { float:left; width:25%; }
.inprolist a dl { margin:0.6em; overflow:hidden; }
.inprolist a dl dt { line-height:0;}
.inprolist a dl dt img { line-height:0; }
.inprolist a dl dd { width:100%; background:#3fad00; text-align:center; color:#fff; padding:5px 0; }
.inprolist a:hover dl dd { background:#ff6700;  }
.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; font-size:110%; }
.inprolist a dl dd p { font-size:80%;}
}
@media (max-width: 800px){	
.inprolist { width:100%; padding:1em 0; }
.inprolist a { float:left; width:50%; }
.inprolist a dl { margin:0.6em; overflow:hidden; position:relative; }
.inprolist a dl dt { line-height:0;}
.inprolist a dl dt img { line-height:0; }
.inprolist a dl dd { position:absolute; bottom:0; left:0;  width:100%; height:2.3em; line-height:2.3em; background:rgba(0,0,0,0.5); text-align:center; color:#fff; }
.inprolist a:hover dl dd { background:rgba(253,100,31,0.5);  }
.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: 801px) {
.intitles { text-align:center; margin:2.6em 0 2em 0; }
.intitles h2 { color:#3ca613; font-size:180%; line-height:120%; }
.intitles span { color:#ccc; font-size:1.4em; line-height:120%; }
}
@media (max-width: 800px){	
.intitles { text-align:center; margin:1em 0 0 0; line-height:120%; }
.intitles h2 { color:#3ca613; font-size:120%; line-height:120%; }
.intitles span { color:#ccc; font-size:1.2em; }
}

@media (min-width: 901px) {
.worrybox { width:100%; background:url(wss.jpg) center no-repeat; padding:1.3em 0; }
.worrybox section { clear:both; overflow:hidden; width:100%; }
.worrybox section dl:nth-child(1) { float:left; }
.worrybox section dl:nth-child(2) { float:right; }
.worrybox dl { width:35%; padding-bottom:1em; overflow:hidden;  }
.worrybox dl dt { float:left; width:20%; text-align:left; }
.worrybox dl dt img { width:80%; max-width:63px; }
.worrybox dl dd { float:left; width:80%;}
.worrybox dl dd h3 { font-size:120%; color:#3fad00; font-weight:normal; }
.worrybox dl dd p { line-height:160%; }
.worrybox dl dd span { display:block; font-size:80%; color:#999; line-height:160% }
}
@media (max-width: 900px){	
.worrybox { width:100%; padding:1.2em 0 0 0; }
.worrybox section { clear:both; overflow:hidden; width:100%; }
.worrybox dl { width:100%; padding-bottom:1em; overflow:hidden; }
.worrybox dl dt { float:left; width:15%; text-align:left; }
.worrybox dl dt img { width:80%; max-width:63px; }
.worrybox dl dd { float:right; width:85%;}
.worrybox dl dd h3 { font-size:120%; color:#3fad00; font-weight:normal; }
.worrybox dl dd p { line-height:160%; }
.worrybox dl dd span { display:block; font-size:80%; color:#999; line-height:160% }
}

@media (min-width: 816px) {
.solve { width:100%; }
.solve dl { width:100%; overflow:hidden;  }
.solve dl dt {  width:49%;  }
.solve dl dd {  width:49%;  }
.solve dl dd span { color:#3fad00; }
.solve dl:nth-child(1) dt { float:left; }
.solve dl:nth-child(1) dd { float:right; }
.solve dl:nth-child(2) dt { float:right; }
.solve dl:nth-child(2) dd { float:left; }
.solve dl:nth-child(3) dt { float:left; }
.solve dl:nth-child(3) dd { float:right; }
.solve dl:nth-child(4) dt { float:right; }
.solve dl:nth-child(4) dd { float:left; }
}
@media (max-width: 815px){	
.solve { width:100%; }
.solve dl { width:100%; overflow:hidden; padding-top:1em;  }
.solve dl dt { width:100%; }
.solve dl dt img { width:100%; }
.solve dl dd { width:100%; }
.solve dl dd span { color:#3fad00; }
}
@media (min-width: 1000px) {
.solve dl dd { padding-top:4em; }
}
@media (min-width: 816px) and (max-width: 999px)  {	
.solve dl dd { padding-top:1em; }
}

@media (min-width: 801px) {
.saybox { width:100%; padding:1em 0; }
.saybox dl { width:100%; }
.saybox dl img { line-height:0; }
.saybox dl dt { float:left; width:50%; }
.saybox dl dd { float:right; width:50%; }
}
@media (max-width: 800px){	
.saybox { width:100%; padding:1em 0; }
.saybox dl { width:100%; }
.saybox dl img { line-height:0; }
.saybox dl dt { width:100%; }
.saybox dl dd { display:none; }
}

@media (min-width: 801px) {
.witnessbox { width:100%; }
.witnessbox dl { float:left; width:23%; padding:0 1%; display:block; margin-bottom:1.5em; }
.witnessbox dl dt { display:block; }
.witnessbox dl dt img { display:block; line-height:0; }
.witnessbox dl dd { border-left:1px #ccc solid; border-right:1px #ccc solid; border-bottom:1px #ccc solid; padding:10px; text-align:center; }
.witnessbox dl dd h5 { font-size:100%; font-weight:normal; }
.witnessbox dl dd p { font-size:90%; color:#666; text-align:left; }
.witnessbox dl dd a { display:inline-block; text-align:center; border:1px #3fad00 solid; color:#3fad00; padding:5px 10px; line-height:100%; margin:5px auto; }
.witnessbox dl dd a:hover { background:#fff; border:1px #f60 solid; color:#f60; }
}
@media (max-width: 800px){	
.witnessbox { width:100%; padding:0.6em 0; }
.witnessbox dl { float:left; width:100%; display:block; margin:1em 0 0.5em 0; overflow:hidden; background:#fafafa; }
.witnessbox dl dt { float:left; width:40%; display:block; }
.witnessbox dl dt img { display:block; line-height:0; }
.witnessbox dl dd { float:right; width:58%;  }
.witnessbox dl dd h5 { font-size:100%; font-weight:normal; }
.witnessbox dl dd p { font-size:90%; color:#666; text-align:left; height:40px; line-height:20px; overflow:hidden; }
.witnessbox dl dd a { display:inline-block; text-align:center; border:1px #3fad00 solid; color:#3fad00; padding:5px 10px; line-height:100%; margin:5px auto; }
.witnessbox dl dd a:hover { background:#fff; border:1px #f60 solid; color:#f60; }
}

@media (min-width: 801px) {
.aboutbox { width:100%; }
.aboutbox p { text-indent:2em; }
.aboutbox p a { color:#3fad00; padding:5px 10px; line-height:100%; }
}
@media (max-width: 800px){	
.aboutbox { width:100%; padding:1em 0; }
.aboutbox p { text-indent:2em; }
.aboutbox p a { color:#3fad00; padding:5px 10px; line-height:100%; }
}


@media (min-width: 801px) {
.aboutpicvod { width:100%; padding-top:1em; }
.aboutpicvod dl { width:100%; }
.aboutpicvod dl dt { float:left; width:69%; }
.aboutpicvod dl dd { float:right; width:29%; }
.owl-buttons { font-weight:bold; }
.owl-prev , .owl-next { font-weight:bold; }
.owl-prev { position:absolute; top:40%; left:0;  }
.owl-next { position:absolute; top:40%; right:0; }
}
@media (max-width: 800px){	
.aboutpicvod { width:100%; }
.aboutpicvod dl { width:100%; }
.aboutpicvod dl dt { width:100%; }
.aboutpicvod dl dd { width:100%; margin-top:1em; }
.owl-buttons { font-weight:bold; }
.owl-prev , .owl-next { font-weight:bold; }
.owl-prev { position:absolute; top:30%; left:0;  }
.owl-next { position:absolute; top:30%; right:0; }
}


/* news go */
 @media (min-width: 800px){
.mainnews { width:96%; max-width: 1200px; margin:0 auto; padding-bottom:1.5em; }
.newsabout { float:left; width:48%;}
.newslistindex { float:right; width:50%; }
}
@media (max-width: 799px){
.mainnews { width:96%; margin:0 auto; padding: 0.6em 0; }
.newsabout { width:100%; margin:0 auto; padding: 0.6em 0; display:block;  }
}
.newslistindex ul { width:100%; padding:0; margin:0; }

@media (min-width: 501px){
.newslistindex ul li { height:3em; line-height:3em; border-bottom:1px #ccc dashed; }
.newslistindex ul li a { float:left; width:70%; background:url(libg.png) left center no-repeat; padding-left:8px;  white-space: nowrap; text-overflow: ellipsis; overflow:hidden; }
.newslistindex ul li span { float:right; height:3em; line-height:3em; color:#999;  }
}
@media (max-width: 500px){
.newslistindex ul li { height:3em; line-height:3em; border-bottom:1px #ccc dashed; }
.newslistindex ul li { float:none; background:url(libg.png) left center no-repeat; padding-left:8px;  white-space: nowrap; text-overflow: ellipsis; overflow:hidden;  }
.newslistindex ul li span { display:none;  }
}

.hiSlider { width:100%; height:auto; display: inline-block; line-height:0; }
.hiSlider li { list-style-type:none; list-style-position:inside; height:auto; max-height:333px; overflow:hidden; }
.hiSlider li img { margin:0 auto; 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 }

@media (min-width: 800px) {
.hiSlider li img { margin:0 auto; width:576px; height:333px; display:block; }
}
@media (max-width: 799px) {	
.hiSlider li img { margin:0 auto; width:100%; height:265px; display:block; }
}
/* news end */


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

.footer { width:100%; margin:0 auto; background:#222; color:#b8b8b8; text-align:center;  }
.footer div { width:96%; max-width: 1200px; margin:0 auto; background:#222; color:#b8b8b8; text-align:center; padding:2em 0; font-size:90%;  }
.footer a { color:#b8b8b8;  }
@media (min-width: 801px) {
.footer div {}
}
@media (max-width: 800px){	
.footer div { font-size:90%; }
}

/* 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:2em; z-index:99; overflow:visible; 	filter:alpha(opacity=90);	-moz-opacity:0.9;	-khtml-opacity: 0.9;	opacity: 0.9; }
.izl-rmenu li { padding-bottom:1px; }
.izl-rmenu span { display:block; }

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

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

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

.izl-rmenu .btn_top { cursor: pointer; background:url(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 */

.flextop { width:100%; background:url(flextop.jpg) center no-repeat; background-size:100% 100%; }
.flextop img { display:block; width:100%; max-width:1200px; margin:0 auto; line-height:0; padding:1em 0; }

@media (min-width: 801px) {
.classnav { width:100%; border-bottom:1px #e2e2e2 solid; overflow:hidden; padding:3px 0; }
.classnav p { display:block; width:100%; max-width:1200px; margin:0 auto; color:#999; text-align:right;  }
}
@media (max-width: 800px){	
.classnav { width:100%; background:#ebf7e5; overflow:hidden; padding:3px 0; font-size:90%; }
.classnav p { display:block; width:96%; max-width:1200px; margin:0 auto; color:#999; text-align:left;  }
}


@media (min-width: 801px) {
.pagemain {  width:96%; max-width:1200px; margin:0 auto; padding:1em 0; overflow:hidden; }
.pagboxleft { float:left; width:16%; }
.pagboxleft h3 { background:#3fad00; color:#fff; text-align:center; font-weight:normal; padding:3px 0; }
.pagboxleft ul {  }
.pagboxleft ul li { display:block; border-bottom:1px #e2e2e2 dashed; background:#fff; padding-left:1em;  }
.pagboxleft ul li:hover { display:block; border-bottom:1px #e2e2e2 dashed; background:#ebf7e5;  }
.pagboxleft ul li a { display:block; background:url(cli.png) left center no-repeat; padding-left:12px; line-height:300%; font-size:100%; }
.pagboxleft ul li a:hover { color:#3fad00; }
.pagboxright { float:right; width:82%; }
}
@media (max-width: 800px){	
.pagemain {  width:96%; margin:0 auto; padding:0.6em 0 1em 0; overflow:hidden; }
.pagboxleft { display:none; }
}

.rightshowbox { padding:1em 0 0 0; }
.rightshowbox article { clear:both; display:block; }
.rightshowbox article p { padding-bottom:5px; }
.rightshowbox article img { max-width:100%; }
.rightshowbox article a { color:#f60; }
.rightshowbox article a:hover { color:#f60; text-decoration:underline; }

@media (min-width: 801px) {
.rightshowbox h3 { text-align:center; font-size:150%; }
}
@media (max-width: 800px){	
.rightshowbox h3 { text-align:center; font-size:130%; }
}


@media (min-width: 801px) {
.prolist { width:100%; padding:0 0; }
.prolist a { float:left; width:25%; }
.prolist a dl { margin:0 8px 1em 8px; overflow:hidden; position:relative; }
.prolist a dl dt { line-height:0;}
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { position:absolute; bottom:0; left:0; width:100%; height:2.3em; line-height:2.3em; background:rgba(0,0,0,0.5); text-align:center; color:#fff; }
.prolist a:hover dl dd { background:rgba(253,100,31,0.5); }
.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: 800px){	
.prolist { width:100%; padding:0 0; }
.prolist a { float:left; width:50%; }
.prolist a dl { margin:0 5px 1em 5px; overflow:hidden; position:relative; }
.prolist a dl dt { line-height:0;}
.prolist a dl dt img { line-height:0; }
.prolist a dl dd { position:absolute; bottom:0; left:0; width:100%; height:2.2em; line-height:2.2em; background:rgba(0,0,0,0.5); text-align:center; color:#fff; }
.prolist a:hover dl dd { background:rgba(253,100,31,0.5); }
.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: 801px) {
.pagproleft { float:left; width:16%; }
.pagproleft h3 { background:#3fad00; color:#fff; text-align:center; font-weight:normal; padding:3px 0; }
.pagproleft ul { display:block; }
.pagproleft ul li { display:block; border-bottom:1px #e2e2e2 dashed; background:#fff; padding-left:1em;  }
.pagproleft ul li:hover { display:block; border-bottom:1px #e2e2e2 dashed; background:#ebf7e5;  }
.pagproleft ul li a { display:block; background:url(cli.png) left center no-repeat; padding-left:12px; line-height:300%; font-size:100%; }
.pagproleft ul li a:hover { color:#3fad00; }
.pagproright { float:right; width:82%; }
}
@media (max-width: 800px){	
.pagproleft { width:100%; }
.pagproleft h3 { display:none; }
.pagproleft ul { display:block; padding-bottom:7px; overflow:hidden; }
.pagproleft ul li { float:left; width:46%; margin:5px 2%; display:block; }
.pagproleft ul li a { display:block; background:#ebf7e5;; line-height:230%; font-size:100%; text-align:center; border-radius:1em; color:#3fad00; }
}


@media (min-width: 601px){
#titlenav { text-align:center; padding:5px 0 0 0; font-size:80%; color:#999; } 
#titlenav , #titlenav a { font-size:100%; }
.form_details { margin:0 auto; width:80%; }
}
@media (max-width: 600px){
#titlenav , #titlenav a { text-align:center; font-size:80%; color:#999; }
.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; }
}

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


.rightnewsbox { padding:1em 0 0 0; }

@media (min-width: 601px) {
.newslist ul { margin:0; padding:0; }
.newslist a li { width:100%;  clear: both; overflow:hidden; border-bottom:1px #e0e0e0 dashed; padding:0; margin:0 0 1em 0; }
.newslist a li dl { float:left; width:10%; max-width:6em; text-align:center; line-height:0; margin-right:1%; display: inline-block;   }
.newslist a li dl dt { line-height:2em;  font-size:2em;  margin:0; padding:0; display:block; background:#f1f1f1; color:#88bc43; }
.newslist a li dl dd { height:2em; line-height:2em; font-size:0.6em;  margin:0; padding:0; display:block; background:#88bc43; color:#fff; }
.newslist a:hover li dl dt  { color:#fd8f24; }
.newslist a:hover li dl dd  { background:#fd8f24; color:#fff; }
.newslist a li article { float:rihgt; width:89%; display:inline-block; overflow:hidden;  }
.newslist a li article h3 { font-size:120%; line-height:100%; padding:0.2em 0.5em 0.5em 0; margin:0 }
.newslist a li article p { color:#999; font-size:100%; line-height:180%; display:block; padding-bottom:1em; }
}

@media (max-width: 600px){	
.newslist ul { margin:0; padding:0; }
.newslist a li { width:100%;  clear: both; overflow:hidden; margin:0 0 1em 0; border-bottom:1px #e0e0e0 dashed; padding:0 0 0.6em 0; }
.newslist a li dl { float:left; width:4em; height: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:1em; font-size:0.6em;  margin:0; padding:0; display:block; }
.newslist a li article { float:rihgt;  }
.newslist a li article h3 { font-size:110%; line-height:180%; padding:0 0 0.2em 0.5em; margin:0  }
.newslist a li article p { color:#999; font-size:90%; line-height:180%; display:block; margin:0; padding:0; }
}

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

@media (min-width: 1199px) {
#outvideo { width:100%; height:100vh; max-height:480px }
}
@media (min-width: 800px) and (max-width: 1198px) {
#outvideo { width:100%; height:100vh; max-height:380px }
}
@media (min-width: 600px) and (max-width: 799px) {
#outvideo { width:100%; height:100vh; max-height:410px }
}
@media (min-width: 415px) and (max-width: 599px) {
#outvideo { width:100%; height:100vh; max-height:360px }
}
@media (min-width:376px) and (max-width: 414px) {
#outvideo { width:100%; height:100vh; max-height:260px }
}
@media (max-width: 375px) {
#outvideo { width:100%; height:100vh; max-height:250px }
}