* { margin: 0; padding: 0; box-sizing: border-box;}

body { font-family: "宋体", Arial, sans-serif; font-size: 15px; color: #333333; background-color: #ffffff; margin: 0;}
span,em,i{font-style:normal}
a { color:#3366ff; text-decoration: none; }
a:active, a:hover { color: #ff0033; text-decoration: none; }
button, input, select, textarea { font-family: inherit; font-size: 14px; line-height: inherit; color: inherit; font: inherit; margin: 0; }
img { vertical-align: middle; border: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
h1{font-weight: bold;font-size: 24px; height:28px;line-height: 28px;color:#ff3300;letter-spacing:1px;padding-left:3px;margin-top:5px;margin-bottom:5px;word-wrap: break-word;}
h2{font-weight: bold;font-size: 24px; height:28px;line-height: 28px;color:#3366cc;margin-top:5px;margin-bottom:5px;}
h3{font-weight: bold;font-size: 24px; height:28px;line-height: 28px;color:#336699;margin-top:5px;margin-bottom:5px;}
p {line-height:24px;margin: 0 0 5px; }

.header { text-align:center;height:100px; padding: 0; position: fixed; top: 0; left: 0; right: 0; z-index:99999; background-color:#ffffff; padding: 0 0px; border-bottom: 1px solid #f0f0f0;  box-shadow: 0 1px 4px rgba(0,0,0,.04);text-align:center; }
.container {position: relative; margin:0 auto;height:65px; text-align:center;max-width:1024px;}
.logo { overflow: hidden; float: left; width: 155px; }
.logo a { height: 64px; display: block; overflow: hidden; text-indent: -9999px; background-image: url("https://yunpaifa.cn/pic/logo.jpg"); background-repeat: no-repeat; background-position: 50% 50%; }


.searchform { float: right; margin: 16px 0 0 0; position:relative;background-color: #ffffff;width:505px;text-align:center;color:#00aa00;}
.search-input { float: left; margin-left:20px; color: #999; border: solid 1px #ddd; width:430px; height: 38px;line-height:38px; padding: 4px 7px; padding-left:8px;  font-size: 16px; border-radius: 2px 0 0 2px; outline: none }
.search-input:focus { border-color: #cccccc;color:#666666;}
.search-btn { color:#fff; border: none; background: #0033ff; height: 38px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.search-btn:hover, .search-btn:focus { color: #fff; background: #ff9900; }
.search-btn .fa { font-size: 16px; width: 14px; }
.searchform li {list-style: none;margin: 0; padding: 0; position:relative}
.searchform a {padding:3px;width:100px;height: 28px;line-height:28px;background: #ff3300;text-align: center;border-radius: 5px;color: white;font-weight: bold;text-decoration: none;}
.searchform a:hover {background: #333333 }

.login{background: #333333;}

.tool{width:100%;height:39px;text-align:center;background: #ff3300;border-top:1px solid #f0f0f0;overflow:hidden;}
.tools{max-width:1024px;height:39px;overflow:hidden;}

.toblb{text-align:center}
.toplb li{ height:38px; line-height:38px; float:left; margin-right:0px;list-style:none;width:100px;padding:0px;overflow:hidden;text-align:center}
.toplb li a:link,.toplb li a:visited{display: block;margin-right:0px; color: #ffffff; border-radius: 0px; font-size:15px;}
.toplb li a:hover,.toplb li a:active{color: #ffffee; background:url("https://yunpaifa.cn/pic/menus.gif") left no-repeat;background-color: #ff3300;}

.toplb li ul{width:200px;position:relative;margin:0px;margin-top:-1px;}
.toplb li ul{display: none;}
.toplb li:hover ul{display:block;position:absolute; z-index:6;}
.toplb li ul li{float:left;width:100px;height:38px;line-height:38px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;border-bottom:1px solid #e0e0e0}
.toplb li ul li a:link,.toplb li ul li a:visited{ border-radius: 2px; font-size:16px;display:block; text-align:center; border:1px solid #e0e0e0;text-decoration:none;color:#3366cc;background:#eff7ff; }
.toplb li ul li a:hover,.toplb li ul li a:active{background-color: #ff9900;color:#ffffff;}
.toplb li ul li a i{color: #ff5500;}

.toplb li ol{width:100px;position:relative;margin:0px;margin-top:-1px;}
.toplb li ol{display: none;}
.toplb li:hover ol{display:block;position:absolute; z-index:6;}
.toplb li ol li{float:left;width:100px;height:38px;line-height:38px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;border-bottom:1px solid #c0c0c0}
.toplb li ol li a:link,.toplb li ol li a:visited{ border-radius: 2px; font-size:16px;display:block; text-align:center; border:1px solid #e0e0e0;text-decoration:none;color:#3366ff;background:#f1f1f1; }
.toplb li ol li a:hover,.toplb li ol li a:active{background-color: #ff9900;color:#ffffff;}
.toplb li ol li a em{color: #ff5500;}
.toplb li ol li a i{color: #0000ff;}

.tagtop{width:100%;position:relative;margin:0px;margin-bottom:5px;margin-top:5px;}
.tagtop li{float:left;width:85px;height:40px;line-height:38px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
.tagtop li a:link,.tagtop li a:visited{ border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;text-decoration:none;color:#ff6319;background:#fefefe;}
.tagtop li a:hover,.tagtop li a:active{background-color: #ffffee;color:#0000ff;border-bottom:1px solid #ff5500;}
.tagtop:after {content: "";display: table;clear: both;}

.menua{background: #ff7700 url("https://yunpaifa.cn/pic/xl.gif") left no-repeat;}

.menub{background: #0033ff url("https://yunpaifa.cn/pic/xl.gif") left no-repeat;}

.menuc{background: #ff0000 url("https://yunpaifa.cn/pic/menus.gif") left no-repeat;}

.menud{background: #0033ff url("https://yunpaifa.cn/pic/menus.gif") left no-repeat;}

.wrap{max-width:100%;text-align:left;position:relative;height:100%;max-width:1024px;}

.path{text-align:left;line-height:35px;height:35px;color:#c2ccd0;font-size:13px;margin-bottom:0px;margin-top: 100px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.path em{font-style:normal;color:#88ada6;}
.path a:link,.path a:visited {COLOR: #c2ccd0; TEXT-DECORATION:none;}
.path a:hover{color:#ff3300;TEXT-DECORATION:underline;} 

.main{width:100%;height:100%;text-align:left;padding:0px;margin:0px;}

.main p{padding:5px;}

.footer {font-size:13px;margin-top:10px;padding:10px;background-color: #f1f1f1;color:#666666;text-align: center;line-height:26px;}
.footer a:link,.footer a:visited {COLOR: #aaaaaa; }
.footer a:hover{color:#3366ff;} 

.links{text-align:left;font-size:12px;color:#aaaaaa;padding:3px;margin-top: 10px;line-height:28px;padding-top:5px;padding-bottom:5px;border-top:1px solid #e0e0e0}
.links li{float:left;width:120px;height:28px;line-height:28px;white-space:nowrap;font-size:12px;overflow:hidden;text-align:center;color:#999999;text-overflow:ellipsis;padding-right:3px;list-style:none;}
.links li a:link,.links li a:visited {font-size:12px;COLOR: #bbbbbb; TEXT-DECORATION:none;}
.links li a:hover{color:#000000;} 
.links i{color:#9999cc;}

.menu{overflow: hidden;width:100%;height:60px;line-height:30px;}
.service{padding:10px;background:#ffffff;border:1px solid #e0e0e0; overflow: hidden;margin-bottom:10px;text-align:center;}
.service img{clear: both;display: block;margin:auto; }

.menus {list-style-type: none;margin: 0;padding: 0;overflow: hidden;border-left:1px solid #e0e0e0;}
.menus li {float: left;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;background:#f1f1f1;border-top:1px solid #e0e0e0;}
.menus li a {display: block;color: #000000;text-align: center;padding: 14px 16px;text-decoration: none;}
.menus li a i{color: #0033ff;}
.menus li a i:hover{color: #ff0033;}
.menus li a em{color: #ff5500;}
.menus li a em:hover{color: #00cc00;}
.menus li a:hover{color: #ff5500;}


.note{color:#333333;background-color:#fefefe;border:1px solid #e0e0e0;margin-bottom:3px;text-align:left;line-height:35px;word-wrap:break-word;word-break:break-all;padding:10px;font-size:17px;overflow:hidden;position:relative;}
.note span{color:#7777cc;} 
.note i{color:#00aa00;} 
.note li{margin-bottom:5px;} 
.note b{color:#000000;letter-spacing:2px;} 

.notes{color:#777777;background-color:#ffffee;border:1px solid #e0e0e0;margin-bottom:3px;text-align:left;line-height:28px;word-wrap:break-word;word-break:break-all;padding:10px;font-size:15px;overflow:hidden;position:relative;}
.notes a:link,.notes a:visited {COLOR: #000000;text-decoration:underline; }
.notes span{color:#7777cc;} 
.notes em{color:#ff0033;} 
.notes i{color:#00aa00;} 

.page{width:100%;position:relative;margin:0px;margin-top:8px;}
.page li{float:left;width:80px;height:50px;line-height:48px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;background:#f5f5f5; border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;}
.page li a:link,.page li a:visited{text-decoration:none;color:#364141;display:block}
.page li a:hover,.page li a:active{color:#22c55e;}
.page li em {color:#22c55e;}
.page:after {content: "";display: table;clear: both;}

.weblist{width:100%;position:relative;margin:0px;}
.weblist li{float:left;width:255px;height:47px;line-height:45px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;background:#fefefe; border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;}
.weblist li a:link,.weblist li a:visited{text-decoration:none;color:#0033cc;display:block}
.weblist li a:hover,.weblist li a:active{color:#ff5500;}
.weblist li i {color:#00cc00;}
.weblist li em {color:#ff5500;}
.weblist li span {color:#000000;font-weight: bold;}

.weblist li i:hover {text-decoration:underline;}
.weblist li em:hover {text-decoration:underline;}


.weblist:after {content: "";display: table;clear: both;}

.ads{margin-top:8px;margin-bottom:8px;}
#top_divx{ position:relative; z-index:1000;position:fixed; top:265px; right:5px;width:55px;height:55px } 
#top_divs{ position:relative; z-index:1000;position:fixed; top:200px; right:5px;width:55px;height:55px } 
#top_div{ position:fixed; bottom:50px; right:10px; display:none;width:50px;height:53px;z-index:1000;  } 


#hx{height:1px;border:none;border-top:1px solid #e0e0e0;clear:both}
#hxs{height:1px;border:none;border-top:1px dashed #e0e0e0;clear:both}
#hxk{height:1px;border:none;clear:both}

.mid{color:#000000;background-color:#f6f6f6;border:1px solid #e0e0e0;margin-bottom:10px;text-align:left;line-height:35px;letter-spacing:1.5px;word-wrap:break-word;word-break:break-all;padding:15px;font-size:16px;overflow:hidden;position:relative;}
.mid a:link,.mid a:visited {COLOR: #333333;text-decoration:underline; }
.mid a:hover{color:#3366ff;} 
.mid h1{clear: both;} 
.mid span{color:#3366cc;} 
.mid em{color:#888888;} 
.mid i{color:#00aa00;} 


.content{color:#000000;background-color:#eff7ff;border:1px solid #e7e7e7;margin-bottom:10px;text-align:left;line-height:28px;padding:15px;overflow:hidden;position:relative;}
.content img {max-width: 98%;max-height: 98%;margin-bottom:5px;margin-top:5px;}
.content a:link,.content a:visited {COLOR: #0033cc;text-decoration:underline; }
.content a:hover{color:#3366ff;} 
.content b{color:#000000;letter-spacing:2px;font-size:20px;} 
.content h1{clear: both;color:#ff3300;} 
.content em{color:#999999;} 
.content i{float: left;color:#88ada6;font-size:15px;width:33.3333%} 
.content p {padding: 3px;color:#0066cc; letter-spacing:3px;word-wrap:break-word;word-break:break-all;font-size:17px;}

.tels{color:#ffffff;padding: 5px;background-color: #ff5500;border: none;border-radius: 5px;cursor: pointer;align-items: center;width: 200px;text-decoration: none;height:45px;}
.tels a:link,.tels a:visited {COLOR: #ffffee; TEXT-DECORATION:none;height:45px;line-height:45px;font-size: 18px;}
.tels a:hover{color:#ffff00; TEXT-DECORATION:underline;} 

.cbutton-container {display: flex;gap: 10px;color:#ffffee;flex-direction: row;justify-content: center;}
.cbutton{position: relative;padding: 5px;font-size: 15px;color: #fff;background-color: #3366ff;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;display: flex;align-items: center;text-align:center;}
.cbuttons{position: relative;padding: 5px;font-size: 15px;color: #fff;background-color: #364141;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;display: flex;align-items: center;text-align:center;}
.cbutton:hover {background-color: #ff3300;}
.cbuttons:hover {background-color: #3366ff;}
.cbutton .count {COLOR: #ffffee; TEXT-DECORATION:none;font-size: 18px;}
.cbutton .count a:link,.cbutton .count a:visited {COLOR: #ffffff; TEXT-DECORATION:none;font-size: 18px;}
.cbutton .count a:hover{color:#ffffee; TEXT-DECORATION:underline;} 

.cbuttong{position: relative;padding: 5px;font-size: 15px;color: #fff;background-color: #22c55e;border: none;border-radius: 5px;cursor: pointer;transition: background-color 0.3s;display: flex;align-items: center;text-align:center;letter-spacing:2px;}
.cbuttong:hover {background-color: #ff3300;}


div.imgs { border: 1px solid #ccc;height:240px;text-align:center;}
div.imgs:hover {border: 1px solid #777;}
div.imgs img {width:auto;height:auto;max-width:150px;max-height:150px;}
div.desc { padding: 5px;text-align: center;height:76px;overflow: hidden;line-height:24px;font-size:16px;}
div.desc a:link,div.desc a:visited {COLOR: #777777; TEXT-DECORATION:none;font-size:16px;}
div.desc a:hover{color:#0000ff; TEXT-DECORATION:underline;} 
.responsive { padding: 0 6px;float: left;width: 25%;}
.clearfix:after { content: ""; display: table; clear: both;}

.viewlist{width:100%;position:relative;text-align:left;padding-left:3px;background:#ffffff;line-height:35px;color:#999999;overflow:hidden;margin-bottom:5px;list-style-type:none;border:1px solid #e0e0e0;border-bottom:0px solid #e0e0e0;}
.viewlist li{float:left;width:50%;height:35px;line-height:35px;white-space:nowrap;font-size:18px;overflow:hidden;text-align:left;color:#999999;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;}
.viewlist li a:link,.viewlist li a:visited {COLOR: #000000; TEXT-DECORATION:none;font-size:18px;}
.viewlist li a:hover{color:#ff0033; TEXT-DECORATION:underline;} 
.viewlist li i {color:#000000;}
.viewlist li span {color:#999999;}

.viewlists{width:100%;text-align:left;padding-left:3px;background:#ffffff;line-height:35px;color:#999999;overflow:hidden;margin-bottom:5px;list-style-type:none;border:1px solid #e0e0e0;border-bottom:0px solid #e0e0e0;}
.viewlists li{float:none;width:100%;height:35px;line-height:35px;white-space:nowrap;font-size:17px;overflow:hidden;text-align:left;color:#999999;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;}
.viewlists li a:link,.viewlists li a:visited {COLOR: #000000; TEXT-DECORATION:none;font-size:17px;}
.viewlists li a:hover{color:#ff0033; TEXT-DECORATION:underline;} 
.viewlists li i {color:#000000;}
.viewlists li span {color:#999999;}



.taglist{width:100%;position:relative;margin:0px;}
.taglist li{float:left;width:204px;height:35px;line-height:33px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
.taglist li a:link,.taglist li a:visited{ border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;text-decoration:none;color:#333333;background:#fefefe;}
.taglist li a:hover,.taglist li a:active{background-color: #eeeeee;color:#3333ff;}
.taglist i {color:#00cc00;}
.taglist em {color:#ff5500;}
.taglist span {color:#0033cc;}


.slider {float: left; position: relative; overflow: hidden;width:100%;margin:10px;height:350px;max-width:350px;}   /* height:500px; */ 
.slider img {width: 100%;display: none;cursor:pointer;}
.slider img.active {display: block;}
.slider__arrow {position: absolute;top: 50%;transform: translateY(-50%);cursor: pointer;user-select: none;font-weight:bold;color:#ff3300;}
.slider__arrow--prev {left: 10px;width: 30px; height:30px; background-color: rgba(150, 150, 150, 0.6);border-radius: 5px;text-align:center;}
.slider__arrow--next {right: 10px;width: 30px; height:30px; background-color: rgba(150, 150, 150, 0.6);border-radius: 5px;text-align:center;}
.slider__arrow--prev:hover, .slider__arrow--next:hover {background-color:#3366ff;color: white;}

.timeline {position: relative;padding-left: 5px;list-style-type: none;}
.timeline-item {position: relative;margin-bottom: 5px;}
.timeline-item::before {content: '';position: absolute;left: 0;top: 0;bottom: 0;width: 3px;background: #ddd;}
.timeline-content {margin-left: 8px;padding: 5px;background: #fff;border: 1px solid #ddd;border-radius: 4px;}
.timeline-content:hover{background: #f3f4f7;} 
.timeline-content span{color:#777777;letter-spacing:2px;font-size:16px;} 
.timeline-content p{color:#000000;letter-spacing:2px;font-size:16px;} 
.timeline-content b{color:#000000;letter-spacing:2px;font-size:16px;} 
.timeline-content:after {content: '';position: absolute;left: -7px;top: 20px;width: 0;height: 0;border-style: solid;border-width: 5px;border-color: transparent transparent transparent #ddd;}

.timeline a:link,.timeline a:visited {COLOR: #333333;text-decoration:underline; }
.timeline a:hover{color:#3366ff;} 

.sel{height:30px;line-height:30px;color:#333333}
.intxt{width: 520px;height:30px;line-height:30px;font-size:13px;color:#0033ff;}
.intxts{width:95%;height:200px;line-height:30px;font-size:13px;color:#3366cc}

.intxtw{width: 120px;height:30px;line-height:30px;font-size:14px;color:#0033ff;font-weight:bold}


.formsub{color:#fff; border: none; background: #777777; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.formsub:hover,.formsub:focus { color: #fff; background: #3366ff; } 
.form-input { margin-left:5px; color: #999; border: solid 1px #ddd; width:268px; height: 30px;line-height:30px; padding: 4px 4px; padding-left:5px; font-size: 15px; border-radius: 2px 0 0 2px; outline: none }
.form-inputs { margin-left:5px; color: #999; border: solid 1px #ddd; width:180px; height: 30px;line-height:30px; padding: 4px 4px; padding-left:5px; font-size: 15px; border-radius: 2px 0 0 2px; outline: none }
.form-num{width:60px;;color:#ff5500;height:30px;line-height:30px;font-size:14px;ime-mode:disabled; border: solid 1px #ddd; padding: 4px 4px;border-radius: 2px 0 0 2px; outline: none }
.form-date{width:85px;;color:#000000;height:30px;line-height:30px;font-size:14px;ime-mode:disabled; border: solid 1px #ddd; padding: 4px 4px;border-radius: 2px 0 0 2px; outline: none }

.formsubh{color:#fff; border: none; background: #88ada6; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.formsubh:hover, .formsubh:focus { color: #fff; background: #333333; } 

.formsubl{color:#fff; border: none; background: #ff6600; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.formsubl:hover, .formsubl:focus { color: #fff; background: #ff9900; } 

.formsubs{color:#fff; border: none; background: #3366ff; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.formsubs:hover, .formsubs:focus { color: #fff; background: #ff9900; } 


.tagcloud{padding:10px;text-align:center;border:1px solid #d3d6db;border-radius: 2px;font-size:15px;margin-top:0px;margin-bottom:10px;overflow:hidden;}
.tagcloud a{font-size:15px;color:#7777cc;display:inline-block;margin: 0 5px 5px 0;padding: 0 6px;line-height:30px;TEXT-DECORATION:none;background-color: #eff7ff;letter-spacing:1px;border-radius: 2px;}
.tagcloud a:hover{color:#0000ff; TEXT-DECORATION:none;} 
.tagcloud a i{color:#0033ff;}


.zphone{margin-top:5px;margin-bottom:5px;margin-left:5px;cursor:pointer;background:#ffff99;-webkit-border-radius:5px;border:1px solid #e0e0e0;height:33px;text-align:center;color:#666666;font-size:16px;line-height:33px;-webkit-appearance: none;letter-spacing:2px;}
.zphone:hover,.zphone:focus { color: #fff; background: #3366ff; }

.sysup{width:50px;;color:#0033cc;height:25px;line-height:25px;font-size:14px;}
.sysups{width:165px;;color:#0033cc;height:25px;line-height:25px;font-size:14px;}
.sysupm{width:350px;;color:#0033cc;height:25px;line-height:25px;font-size:14px;}
.sysupl{width:80%;;color:#666666;height:25px;line-height:25px;font-size:14px;min-width:350px;}

#pg{width:100%;position:relative;margin:0px;margin-top:8px;}
#pg li{float:left;width:65px;height:50px;line-height:48px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
#pg li a:link,#pg li a:visited{ border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;text-decoration:none;color:#666666;background:#f5f5f5;}
#pg li a:hover,#pg li a:active{background-color: #777777;color:#ffffee;}
#pg li a em {color:#ff6600;height:35px;line-height:35px;}




.infolist{border:1px solid #e0e0e0;margin-bottom:5px;margin-top:5px;padding:5px;float: left;width: 50%;height:125px;overflow:hidden;text-align:center;background:#fefefe;line-height:25px;}
.infolist a:link,.infolist a:visited {COLOR: #3333cc;font-weight: bold;font-size: 15px;line-height:25px; }
.infolist a:hover{color:#ff5500;TEXT-DECORATION:underline;} 
.infolist i {color:#999999; }
.infolist em {color:#ff3300; }

.infolist span {padding: 3px;color:#808080; text-align:center;font-size:14px;float: right;width: 105px;height:115px;}
.infolist span img {width: 100px;height: auto;margin: 3px;cursor: pointer;transition: transform 0.2s;max-height:110px;}
.infolist span img:hover {border:1px solid #666666;}

.infolist:after {content: "";display: table;clear: both;}


.gallery{border:1px solid #e0e0e0;margin-bottom:10px;padding:15px;font-size:16px;}
.gallery a:link,.gallery a:visited {COLOR: #3333cc; }
.gallery a:hover{color:#ff5500;} 
.gallery i {color:#999999; }
.gallery em {color:#ff3300; }
.gallery img {height: auto;margin: 5px;cursor: pointer;transition: transform 0.2s;max-height:150px;}
.gallery p {padding: 3px;color:#333333; }
.gallery img:hover {border:1px solid #0033ff;}
.gallery:after {content: "";display: table;clear: both;}

.gallerys{border:1px solid #e0e0e0;margin-bottom:5px;margin-top:5px;padding:5px;float: left;width: 50%;height:95px;overflow:hidden;text-align:center;background:#fefefe;line-height:25px;}
.gallerys a:link,.gallerys a:visited {COLOR: #3333cc;font-weight: bold;padding:5px;font-size: 15px;line-height:45px; }
.gallerys a:hover{color:#ff5500;TEXT-DECORATION:underline;} 
.gallerys i {color:#999999; }
.gallerys em {color:#ff3300; }

.gallerys span {padding: 3px;color:#808080; text-align:center;font-size:14px;float: right;width: 85px;}
.gallerys span img {width: 80px;height: auto;margin: 3px;cursor: pointer;transition: transform 0.2s;max-height:80px;}
.gallerys span img:hover {border:1px solid #666666;}

.gallerys:after {content: "";display: table;clear: both;}


.gallerym{border:1px solid #e0e0e0;margin-bottom:5px;margin-top:5px;padding:5px;width: 100%;height:95px;overflow:hidden;text-align:center;background:#fefefe;line-height:25px;}
.gallerym a:link,.gallerym a:visited {COLOR: #3333cc;font-weight: bold;padding:5px;font-size: 15px;line-height:45px; }
.gallerym a:hover{color:#ff5500;TEXT-DECORATION:underline;} 
.gallerym i {color:#999999; }
.gallerym em {color:#ff3300; }

.gallerym span {padding: 3px;color:#808080; text-align:center;font-size:14px;float: right;width: 85px;}
.gallerym span img {width: 80px;height: auto;margin: 3px;cursor: pointer;transition: transform 0.2s;max-height:80px;}
.gallerym span img:hover {border:1px solid #666666;}

.gallerym:after {content: "";display: table;clear: both;}


#modalBackdrop {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 100000;}
#modalContent {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #fff;padding: 20px;border-radius: 5px;z-index: 1001;text-align: center;}

.modal {display: none;position: fixed;z-index: 100000;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgba(0,0,0,0.9);}
.modal-content {position: relative;max-width: 100%;max-height: 100%;margin: auto;}
.modal img {max-width: 100%;max-height: 90%;margin: 20px auto;display: block;}
.modal span {color:#ffffff}
.close {background-color: #555555;position: fixed;top: 10%;left: 85%;transform: translate(-10%, -85%);font-size: 40px;cursor: pointer;color:#ffffff;z-index: 100001;border: 2px solid white;border-radius: 5px;padding: 10px;}

.suggestions{display:none; position:absolute; background-color:#eff7ff; border:1px solid #ddd; z-index:10000;overflow-y:auto;width:150px;height:150px;}
.suggestions li{color:#0033cc;line-height:30px;cursor:pointer;}
.suggestions li:hover{color:#ff5500;text-decoration:underline;}

.formsubc{color:#fff; border: none; background: #ff3300; height: 30px; font-size: 14px; padding: 0 12px; border-radius: 0 2px 2px 0; cursor:pointer;}
.formsubc:hover, .formsubc:focus { color: #fff; background: #ff9900; } 
#opendiv {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 100000;border:1px solid #e0e0e0;overflow: auto}
#divcontent {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background-color: #e0e0e0;padding: 10px;border-radius: 5px;z-index: 1001;text-align: center;}
#divinto {background-color: #ffffff;margin-bottom:5px;padding: 5px;color:#0033cc;max-height:500px;overflow-y:auto;display: block;}
/*  */ 

/* 响应式设计 */
@media screen and (max-width: 600px) {
.searchform {float: right;background-color: #ffffff;width:150px;position:relative;}
.search-input {  width:75px;}
  .viewlist li {float: none;width: 100%;}
  .viewlist li i{margin-right:3px;}

.taglist li{float:left;width:50%;height:35px;line-height:33px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
.tagtop li{float:left;width:25%;height:35px;line-height:33px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;}
.gallerys{border:1px solid #e0e0e0;margin-bottom:5px;margin-top:5px;padding:5px;width: 100%;height:95px;overflow:hidden;text-align:center;background:#fefefe;}
.gallerys a:link,.gallerys a:visited {COLOR: #3333cc;font-size: 13px;line-height:25px; }
.gallery img {width: auto;max-height:105px;margin: 2px;cursor: pointer;transition: transform 0.2s;}
h1 { white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
div.imgs { border: 1px solid #ccc;height:230px;text-align:center;}
div.imgs img {width:auto;height:auto;max-width:100px;max-height:150px;}
div.desc { padding: 5px;text-align: center;height:76px;line-height:24px;font-size:12px;word-wrap:break-word;word-break:break-all;}
.responsive { padding: 0 6px;float: left;width: 33.33333%;}
.slider {position: relative; overflow: hidden;margin:5px;width:100%;max-height:350px;}   /* height:500px; */
.content i{color:#888888;font-size:15px;width:100%} 
.intxt{width: 320px;height:30px;line-height:30px;font-size:13px;color:#0033ff;}
.intxts{width:95%;height:150px;line-height:30px;font-size:13px;color:#3366cc}
.infolist{border:1px solid #e0e0e0;margin-bottom:5px;margin-top:5px;padding:5px;width: 100%;height:125px;overflow:hidden;text-align:center;background:#fefefe;}
.infolist a:link,.infolist a:visited {COLOR: #3333cc;font-size: 13px;line-height:25px; }
.weblist li{float:left;width:50%;height:47px;line-height:45px; list-style:none;overflow:hidden;margin:0px;letter-spacing:1px;margin-right:-1px;margin-bottom:-1px;background:#fefefe; border-radius: 2px; font-size:15px;display:block; text-align:center; border:1px solid #e0e0e0;}
.sysupl{width:80%;;color:#666666;height:25px;line-height:25px;font-size:14px;min-width:290px;}
.form-inputs { margin-left:5px; color: #999; border: solid 1px #ddd; width:110px; height: 30px;line-height:30px; padding: 4px 4px; padding-left:5px; font-size: 15px; border-radius: 2px 0 0 2px; outline: none }
}