@charset "utf-8";
*{ margin:0; padding:0;}
html {overflow-x:auto; overflow-y:auto; font-size:14px;}
body { background:url(https://www.resinm.com/image/web_bg.png) repeat 0 0 #fff ;font-family:Arial, Helvetica, sans-serif; font-size:16px;color:#666; text-align:center;}
a:link,a:visited,a:active{ color:#000; text-decoration:none; font-size:75%; star:expression(this.onFocus=this.blur());}
a:hover{ color:#f00; text-decoration:underline;font-size:75%;}
a:focus { outline:0;}
ul,dl,li,dd,dl { list-style:none;}
img { border:none;}
span,em,i,u { font-style:normal; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
li a { font-family:Arial, Helvetica, sans-serif}
h1{font-size:87.5%; font-weight:boid; color:#333;}
.gehang { width:10px; height:10px; overflow:hidden; clear: both;}
.show { overflow:hidden}
.none { display:none}
.list_12 {}
.list_12 li { height:24px; line-height:24px; overflow:hidden; color:#f60;}
.list_12 li span { float:right; padding:0 0 0 10px; color:#999}
.list_12 li em { color:#f00; font-family:"宋体"}
.list_12 li em a { color:#f00}
.list_14 {}
.list_14 li { height:28px; line-height:28px; overflow:hidden; color:#f60}
#web .list_14 li a { font-size:87.5%;}
.list_14 li span { float:right; padding:0 0 0 1%; color:#999}
.list_14 li u { text-decoration:none; font-size:75%; color:#1E50A2; padding:0 0.499% 0 0;}
#web .list_14 li u a { font-size:75%; color:#1E50A2}
#web {position:relative; text-align:left; width:100%; overflow:hidden; margin:0 auto;}
#head { width:100%; height:0; overflow:hidden; background:url(https://www.resinm.com/image/images/navbg1.jpg)no-repeat center top; background-size: 100%; padding-bottom:height:0; width:100%; padding-bottom:15.18%;}
@media(max-width:760px)
{
body {width:100%;}
#main{width:100%;}
#head_link{display:none;}
#enws{display:none;}
#home{display:none;}
}
@media screen and (min-width: 760px){
#news_right{ width:26.5%; float:left; margin-top:3%; float:left; display:inline; margin-left:5%; padding-bottom:3%}
#main_pro .ebox_con li {margin:0 auto; padding-bottom:1.6%; float:left; width:22.6%;height:auto; margin-right:2.3%; display:table-cell; vertical-align:middle;text-align:center;}
#main_pro .ebox_con li a img { max-width:100%;height:198px; }
#xiang{ width:60%; float:right;}
#pro_tablea{ margin:5px; float:left; display:inline; padding-left:4%; border-left:2px dashed #999999;}
#thumbnail img{ text-align:right; border:1px solid #666666; padding:3px; width: expression(this.width > 100% ? 100%: true); max-width: 100%; height: expression(this.height > 167 ? 167: true); max-height: 167px; margin-right:3%; }
#xiangguan li { width:42%; padding:0px 10px 0px 10px; float:left; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#article_nr img { margin: 0 auto; text-align:center; max-width:80%;
width:expression_r(document.body.clientWidth > 800?"80%":"auto" );
display:block; border:0}
#nav { width:100%; background:url(https://www.resinm.com/image/images/na.jpg);}
#chromemenu { width:67.93%; margin-left:6.793%; overflow:hidden;}
#chromemenu ul { width:100%; 0; overflow:hidden;}
#chromemenu li {float:left; width:16.49%; text-align:center; background:url(https://www.resinm.com/image/images/aaa.jpg) no-repeat center right; line-height:40px;}
#chromemenu li a { font-size:14px; font-weight:bold; display:block; width:100%; min-height:10px;color:#fff; }
#chromemenu li a:hover { background:url(https://www.resinm.com/image/images/ad.jpg) no-repeat center; color:#FFF; text-decoration:none;}
}
@media screen and (min-width: 501px) and (max-width:759px){
#news_right{ width:90%; float:left; margin-top:3%; float:left; display:inline; margin-left:5%; padding-bottom:3%}
#main_pro .ebox_con li {
margin:0 auto; padding-bottom:1.6%; float:left; width:30%; height:208px; margin-right:3%; display:table-cell;vertical-align:middle;text-align:center;}
#main_pro .ebox_con li a img { max-width:98%; height:158px; }
#xiang{ width:60%; float:right;}
#pro_tablea{ margin:5px; float:left; display:inline; padding-left:4%;}
#thumbnail img{ text-align:right; border:1px solid #666666; padding:3px; width: expression(this.width > 100% ? 100%: true); max-width: 100%; height: expression(this.height > 167 ? 167: true); max-height: 167px; margin-right:3%; }
#xiangguan li { width:45%; padding:0px 10px 0px 10px; float:left; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#article_nr img { margin: 0 auto; text-align:center; max-width:80%;
width:expression_r(document.body.clientWidth > 800?"80%":"auto" );
display:block; border:0}
#nav { width:100%; background:url(https://www.resinm.com/image/images/navb1.jpg); position:absolute;bottom:0; overflow-y:scroll; overflow-x:auto;position: fixed; }
#chromemenu { overflow:hidden;}
#chromemenu ul { width:100%; 0; overflow:hidden;}
#chromemenu li {float:left; width:16.49%; text-align:center; line-height:30px; padding: 2% 0 2% 0; background:url(https://www.resinm.com/image/images/aaa.jpg) no-repeat center right;}
#chromemenu li a {font-size:14px; font-weight:bold; display:block; width:100%; min-height:10px;color:#fff; }
#chromemenu li a:hover { color:#FFF; text-decoration:none;}
}
@media screen and (min-width: 280px) and (max-width:500px){
#news_right{ width:90%; float:left; margin-top:3%; float:left; display:inline; margin-left:5%; padding-bottom:3%}
#main_pro .ebox_con li {margin:0 auto; padding-bottom:1.6%; float:left; width:46%; height:178px; margin-right:4%; display:table-cell; vertical-align:middle; text-align:center;}
#main_pro .ebox_con li a img { max-width:100%; height:128px; }
#where span {display:none;}
#xiaotu{display:none;}
#xiangguan{display:none;}
#xiang{ width:100%; float:right;}
#pro_tablea{ margin:5px; float:left; display:inline; padding-left:4%;}
#xiangguan li { width:100%; padding:0px 10px 0px 10px; float:left; line-height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#article_nr img { margin: 0 auto; text-align:center; width:100%;}
#nav { width:100%; background:url(https://www.resinm.com/image/images/navb1.jpg); position:absolute;bottom:0; overflow-y:scroll; overflow-x:auto;position: fixed; }
#chromemenu { overflow:hidden;}
#chromemenu ul { width:100%; 0; overflow:hidden;}
#chromemenu li {float:left; width:32.65%; text-align:center; line-height:30px; background:url(https://www.resinm.com/image/images/aaa.jpg) no-repeat center right;}
#chromemenu li a {font-size:14px; font-weight:bold; display:block; width:100%; min-height:10px;color:#fff; }
#chromemenu li a:hover { color:#FFF; text-decoration:none;}
}
#logo { margin-top:6%; margin-left:10%; width:38%; display:inline; background:url(https://www.resinm.com/image/images/Logo.png)no-repeat center top; background-size: 100%; padding-bottom:height:0; width:37.8%; padding-bottom:6%!important;/* FF IE7 */ float:left; filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/image/images/Logo.png); /* IE6 */
_ background-image: none; /* IE6 */}
#logo a { display:block; width:38%; height:0; text-indent:-999em;}
#head_link { float:right; padding:0;}
#head_link a { width:0; font-size:1%;}
#head_tel { display:none;}
#bannar { width:100%; height:100%;}
#bannar_a { width:100%; height:100%; border-bottom:2px solid white; }
#bannar_a img{ width:100%; height:100%; }
#ban { width:88%; height:100%; margin:auto; padding-top:5%; }
#ban img{ width:100%; height:100%; }
#main { width:100%; background:url(https://www.resinm.com/image/images/bg.jpg )no-repeat center top; background-size: 100%; padding-bottom:height:0; width:100%; background-repeat: repeat-y;}
#bg {width:100%; background:url(https://www.resinm.com/image/images/bei1.jpg )no-repeat center top; background-size: 100%; padding-bottom:height:0; width:100%; background-repeat: repeat-x; background-position:top; overflow:auto;}
#main_left {display:inline; width:80%; }
#pro_class { width:94%; padding:0px; letter-spacing:1px;}
#pro_class ul {border-bottom:1px solid #fff; margin-left:6%;}
#pro_class li { float:left; padding:2% 0 0 2%; }
#pro_class li a:hover { padding:2px; overflow:hidden; border:1px solid #666666; background-color:#CCFFFF; text-decoration:none; color:#000000; }
#pro_class li a{ background:#FFFFFF; padding:2px; overflow:hidden; border:1px solid #666666;}
#pro_class .pro_list_a { border-top:none;}
#Product{ width:90%; overflow:hidden; padding-left:6%;}
#Product .eb{ width:100%; overflow:hidden;}
#Product .eb_con { width:90%; overflow:hidden;margin:0 auto;}
#Product .eb_con ul { width:82.6%; padding:1% 1% 0 1%; *padding:1%; overflow:hidden; margin:0 auto;}
#Productt{ width:90%; overflow:hidden; padding-top:3%; padding-left:6%;}
#Productt .eb{ width:100%; overflow:hidden;}
#Productt .eb_con { width:90%; overflow:hidden;margin:0 auto;}
#Productt .eb_con ul { width:82.6%; padding:1% 1% 0 1%; *padding:1%; overflow:hidden; margin:0 auto;}
#main_pro .ebox_con li a { display:block; width:100%; overflow:hidden; margin:0 auto; padding:2%; border:1px solid #ccc; background:#fff; text-decoration:none; color:#000; cursor:pointer; }
#main_pro .ebox_con li a:hover { border:1% solid #f60; }
#main_pro .ebox_con li a span { height:20%; line-height:20%; text-align:center; overflow:hidden; display:block; color:#234983;}
#main_pro .ebox_con li a u { text-align:center; display:block;}
#main_pro .ebox_con li a u em { font-size:1%; font-family:Georgia, "Times New Roman", Times, serif; color:#f60;}
.ebox_title { width:94%; margin:0 auto; padding:20px 0 10px 0;}
.ebox_title h3 { margin:0 auto; font-size:100%; color:#990000; padding:1% 3% 1% 3%; border:1px solid #990000;}
#where { width:94%; margin:0 auto; padding:20px 0 10px 0;}
#where h3 { text-align:left; font-size:100%; color:#990000; padding:1% 3% 1% 3%; border:1px solid #990000;}
#where span { float:right; line-height:25px; padding:0 10px 0 0; font-size:90%;}
.e_title { width:94%; margin:0 auto; padding:10px 0 10px 0; }
.e_title li{ margin:0 auto; width:60%; text-align:center;}
.e_title li:hover{ text-decoration: none;}
.e_title li a span:hover{ background-color: #aa2106;}
.e_title li a span{ display: inline-block; padding: 7px 14px; font-size: 100%; font-weight: bold; color: #fff; text-align: center; text-decoration: none; border-radius: 8px; background-color: #821803; border: none; cursor: pointer; transition: all 0.3s ease-in-out; white-space: nowrap; overflow: hidden; }
/* .e_title li a span{ margin:0 auto; line-height:25px; font-size:14px !important; padding:2% 6% 2% 6%; color:#000; border:2px outset #B1B1B2;} 果 */
#news{ width:78%; margin-left:7%;}
#news_right ul {border-bottom:1px solid #fff; padding:10px 10px 0; *padding:10px;}
#news_right ul li { background:url(https://www.resinm.com/image/images/a.png) no-repeat left 13px; padding-left:10px; height:28px; line-height:28px; overflow:hidden;}
#news_right li.top{ color:#f00;}
#news_right li.top a{ color:#f00;}
#news_right li span.time{ float:right; }
#news_right li img{ padding-top:8px;}
#news_middle{ width:26.5%; float:left; margin-top:3%; float:left; display:inline; margin-left:5%; padding-bottom:3% }
#news_middle ul {border-bottom:1px solid #fff; padding:10px 10px 0; *padding:10px;}
#news_middle ul li { background:url(https://www.resinm.com/image/images/a.png) no-repeat left 13px; padding-left:10px; height:28px; line-height:28px; overflow:hidden;}
#news_middle li.top{ color:#f00;}
#news_middle li.top a{ color:#f00;}
#news_middle li span.time{ float:right; }
#news_middle li img{ padding-top:8px;}
#news_left{ width:26.5%; float:left; margin-top:3%; float:left; display:inline; margin-left:5%; padding-bottom:3% }
#news_left ul {border-bottom:1px solid #fff; padding:10px 10px 0; *padding:10px;}
#news_left ul li { background:url(https://www.resinm.com/image/images/a.png) no-repeat left 13px; padding-left:10px; height:28px; line-height:28px; overflow:hidden;}
#news_left li.top{ color:#f00;}
#news_left li.top a{ color:#f00;}
#news_left li span.time{ float:right; }
#news_left li img{ padding-top:8px;}
#home{width:100%; background:url(https://www.resinm.com/image/images/conew.jpg)no-repeat 0 center; background-size: 100%; padding-bottom:height:0; width:100%; padding-bottom:5%; }
#home_link {float:right; }
#aaa { background:0; width:94%; padding-left:6%;}
#aaa li{ overflow:hidden; float:left; padding:2% 10px 0px 0px; white-space:normal; }
#aaa li a { text-align:center; color:#888;}
#aaa li span { text-align:center; font-size:100%; color:#C00;}
#foot {width:100%; text-align:center; padding:10px; border-top:5px solid #eee; font-size:14px; line-height:26px; }
#foot a {width:100%; text-align:center; padding:10px; font-size:14px; line-height:26px; }
#fenye_list { padding:10px 10px 10px 5px; overflow:hidden; font-size:14px;}
#fenye_list ul{width:95%; padding:1% 1% 0 1%; *padding:1%; overflow:hidden; margin:0 auto;}
.list_14 {}
.list_14 li { height:28px; line-height:28px; overflow:hidden; color:#f60}
#web .list_14 li a { font-size:14px;}
.list_14 li span { float:right; padding:0 0 0 10px; color:#999}
.list_14 li u { text-decoration:none; font-size:14px; color:#1E50A2; padding:0 5px 0 0;}
#web .list_14 li u a { font-size:14px; color:#1E50A2}
/*底部*/
#foot a{font-size:14px; }
.foot-nav{ text-align:center; }
.foot-nav span{ font-size:14px; margin:0px 8px; color:#888;}
.foot-text{ text-align:center; padding:0px 0px 5px; }
#pages {float:left; padding:15px 0 10px;text-align:center;font:65% '宋体';}
#pages a { display:inline-block; padding:0px 8px; height:22px;font-size:14px;line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333}
#pages a.a1 {padding:0px 12px; overflow:hidden; clear: both; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; padding:0px 8px; height:22px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center; }
.page .noPage { display:inline-block; padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }
#pro_tablea h1{ line-height:20px; font-size:85%; color:#990000; }
#pro_tablea ul{ padding-top:30px; }
#pro_tablea ul li{ padding:10px; text-align:left; font-size:85%; color:#000000; letter-spacing:2px; }
#pro_tablea h1{ font-size:100%; letter-spacing:2px;}
.shuoming{width:96%; clear: both; border-bottom:1px dashed #ccc; text-align:left; text-indent:2px; font-size:14px; font-weight:bold; color:#333; padding-top:3%; }
#chanp{ width:100%; text-align:center; padding-top:3%;}
#xiaotu{ width:40%; float:left;}
#thumbnail{ display:inline; text-align:right; }
#article_nr { font-size:85%; text-align:left; line-height:30px; color:#222; overflow:hidden; text-indent:2em; letter-spacing:1.5px; }
#article_nr ul{ width:96%; margin:0 auto; padding-bottom:20px;}
#article_next{ text-align:left; width:100%; clear:both; line-height:100%; padding:10px 0 10px 0 ; line-height:30px;}
/* 布局 - 文章阅读页面 */
#article { width:98%; overflow:hidden; clear:both; padding:2% 10px;}
#article_title{ font-size:20px; text-align:center; color:#f50; font-weight:bold; line-height:50px; font-family:"微软雅黑","黑体"}
#article_info{pointer-events: none; overflow:hidden; width:95%; word-spacing:1px; border:1px dashed #B8CDE3; background:#F8FBFC; margin:0 auto;}
#article_info ul{ border-left-style: solid; border-color:#990000; border-left-width:10px; padding:1% 1% 1% 1%; *padding:1%; font-size: 16px; overflow:hidden; margin:0 auto;}
#article_info a{ text-indent:2em; line-height:24px;color:#333333;}
#article_date{ padding-bottom:3%; height:30px; line-height:30px;text-align:center; border-top:1px dashed #dddddd; font-size:16px;}
#article_xinnr { padding-top:3%; font-size:14px; line-height:30px; color:#222; width:96%; overflow:hidden; text-indent:2em; margin:0 auto;}
#article_xinnr img { text-align:center; width:100%; }
#xiangguan { width:100%; overflow:hidden; text-align:left;}
#xiangguan ul {pointer-events:none; font-size: 16px;}
#article_nr {pointer-events: none;}
#article_nr ul { padding:5px 0;text-indent:2em;text-decoration:none;font-size:16px; }
#article_nr p { padding:5px 0;text-indent:2em;}
#article_nr ul a {font-size:16px; pointer-events:none;text-decoration:none;}
@media screen and (min-width: 801px){
.hotlist {width:95%; overflow:hidden; margin:0 auto;}
.hotlist h4{ width:180px; line-height:40px; height:40px; text-align:center; font-size:20px; background-color:#990000; color:#FFFFFF; margin-bottom:0px;}
.hotlist ul { width:100%; margin:0 auto; overflow:hidden; border-top-width:1px; border-top-style:solid; border-top-color:#333333;}
.hotlist li { width: 45%; float: left; display:block; height:40px; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#333333;margin:10px 20px 0px 20px;}
.hotlist li a{width: 95%;float:left; font-size:16px; line-height:40px; text-decoration:none; color:#333333;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hotlist li a:hover {width: 95%;float:left; font-size:16px; line-height:40px; text-decoration:none; color:#990000;}
.hotlist li span{width:1%;float:right; line-height:40px;}
}
@media screen and (min-width: 280px) and (max-width:800px){
.hotlist {width:96%; overflow:hidden; margin:0 auto;}
.hotlist h4{ width:180px; line-height:40px; height:40px; text-align:center; font-size:20px; background-color:#990000; color:#FFFFFF; margin-bottom:0px;}
.hotlist ul { width:100%; margin:0 auto; overflow:hidden; border-top-width:1px; border-top-style:solid; border-top-color:#333333;}
.hotlist li { width:100%; float: left; display:block; height:40px; font-size:14px; border-bottom-width:1px; border-bottom-style:dashed; border-bottom-color:#333333;margin:10px 20px 0px 20px;}
.hotlist li a{width:98%;float:left; font-size:14px; line-height:40px; text-decoration:none; color:#333333;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hotlist li a:hover {width: 98%;float:left; font-size:14px; line-height:40px; text-decoration:none; color:#990000;}
.hotlist li span{width:1%;line-height:40px; text-overflow: ellipsis;}
}
@media screen and (min-width: 960px){
#main_pro .ebox_con li {margin:0 auto; padding-bottom:1.6%; float:left; width:21.6%; height:300px; margin-right:3.4%; display:table-cell; vertical-align:middle;text-align:center;}
#main_pro .ebox_con li a img { max-width:100%; height:246px; }
}
#about { width:90%; margin: 0 auto; line-height:40px; padding-bottom:3%;}