@import url("common.css?2");
@media only screen and (min-width: 992px) {
	.position {background-color:#104092; height:48px; line-height:48px; text-align:left; font-size:13px; padding:0 15px; display:block; color:#fff;}
	.position a {font-size:13px; margin-right:3px; color:#fff; display:inline-block;}
	.position font::before {color:#fff; font-size:24px; float:right; margin-right:10px;}
	.position font {display:inline-block;}
	.position font i {margin-left:5px; cursor:pointer; font-size:24px; color:#fff; float:right;}
	
	.pbar {margin:24px 0 20px 0; text-align:left; position:relative; height:20px; line-height:20px; border-left:3px solid #666; font-size:18px; color:#333; padding-left:15px;}
	.prolistbody>.pbar::before {content:''; position:absolute; bottom:-20px; height:1px; overflow:hidden; width:100%; left:0; background-color:#ddd;}
	
	.pside {width:290px; text-align:left; float:right; padding-bottom:40px; background: url(../images/bg_pbar.jpg) no-repeat #fff;}
	.pside .pbar {font-size:16px; height:16px; line-height:16px;}
	.prolistbody .pside .pbar {margin-top:10px;}
	.pside dl {width:200px;}
	.pside dl dt {width:200px; height:144px; font-size:24px; line-height:144px; font-weight:bold; color:#333;}
	.pside dl dd {width:200px; position:relative;}
	.pside dl dd a {display:block; height:42px; line-height:42px; text-align:left; width:150px; margin-left:25px; border-bottom:1px solid #eaeaea; background-color:#fff;}
	.pside dl dd a::before {float:left; margin-left:15px; margin-right:15px;}
	.pside dl dd.active,.pside dl dd:hover,.pside dl dd.active a,.pside dl dd:hover a {background-color:#248b3a; color:#fff; border-color:#248b3a;}
	.pside dl dd.active::after,.pside dl dd:hover::after {position:absolute; width:10px; right:-10px; top:-5px; content:''; background:url(../images/bg_pmenuli.png); height:48px;}
	.psbar {line-height:48px; color:#28ad67; margin-top:15px;}
	.psbar::before {margin-right:10px; font-size:20px; float:left;}
	.pmbar {line-height:48px; margin-top:15px; height:48px;}
	.pmbar.icon-tubiao-::before {margin-right:5px; font-size:30px; margin-top:1px; float:left;}
	.pmbar.icon-fenxijieguo::before {margin-right:9px; font-size:24px; margin-top:1px; float:left;}
	.searchbox {background-color:#f0f0f0; padding:20px; height:32px; margin-top:8px;}
	.searchbox input {border:1px solid #e0e0e0; line-height:30px; background-color:#fff;}
	.searchbox input[type="text"] {width:250px; padding:0 10px;}
	.searchbox input[type="button"] {height:32px; border:none; background:#104092; border-radius:5px; padding:0 10px; color:#fff; margin-left:10px;}
	
	.pside .pbox {text-align:center; border-bottom:1px solid #ddd; height:205px;}
	.pside .pbox a.iconfont {display:inline-block; margin-top:15px; font-size:12px; background-color:#da0b06; border-radius:6px; padding:3px 22px; height:26px; line-height:26px; color:#fff;}
	.pside .pbox a:last-child {background-color:#ff6200; margin-left:15px;}
	.pside .pbox li::before {font-size:24px; float:left; margin-right:3px;}
	.pside .pboxc {text-align:left; padding-left:15px; padding-top:5px; padding-bottom:15px; border-bottom:1px solid #ddd; line-height:240%; color:#888; background:url(../images/bg_imap.jpg) no-repeat;}
	.pside .pboxc span {color:#333; display:block;}
	.pside .pboxf li {line-height:24px; padding:2px 0 2px 15px; overflow:hidden;}
	.pside .pboxf li::before {padding-bottom: 6px;display: block;float: left;margin-right: 5px;}
	.pside .pboxf li a {font-size:13px; color:#666;}
	.pside .pboxf li a:hover {color:#104092;}
	.pside .pboxf li font {padding-left:15px; color:#104092; font-size:12px;}
	
	.pside .attrli {margin-bottom:35px;}
	.pside .attrli li {line-height:42px; margin-left:15px; border-bottom:1px solid #ddd; font-size:13px; color:#666; cursor:pointer;}
	.pside .attrli li i {float:left; width:12px; height:12px; line-height:14px; margin-top:13px; margin-right:10px; font-size:7px; text-align:center; border:2px solid #666; border-radius:2px;}
	.pside .attrli li a {color:#104092; font:100% verdana,arial,helvetica,sans-serif; font-size:13px;}
	.pside .attrli li .btnsub {background-color:#104092; padding:5px 15px; border:none; color:#fff; border-radius:5px;}
	
	.pmain {width:800px; text-align:left; float:left; background-color:#fff; margin-bottom:30px;}
	
	.prolistbody .pside {float:left; width:250px;}
	.prolistbody .pmain {float:right; width:840px;}
	.prolistbody .pmain .pbar {display:none;}
	
	.swiper-prolist {width:100%; height:270px; position:relative;}
	.swiper-prolist img {width:800px; height:270px;}
	.swiper-prolist span {display:block; width:230px; text-align:center; padding:20px; background:rgba(255,255,255,0.8); margin:0 0 0 50px; font-size:18px; color:#333; text-align:left; left:0; top:40px; position:absolute; line-height:160%;}
	.swiper-prolist span font {display:block; padding:9px 0; color:#666; font-size:13px;}
	.swiper-prolist span i {font-size:13px; color:#104092;}
	
	.productlist {margin:10px 0 0 0; padding:0 20px; background-color:#fff; border:1px solid #ddd;}
	.productlist li {height:150px; padding:20px 0; border-top:1px solid #ddd;}
	.productlist li:first-child {border:none;}
	.productlist li img {width:150px; height:150px; float:left; margin-right:20px;}
	.productlist li a.tit {font-size:16px;}
	.productlist li span {font-size:13px; color:#999; line-height:200%; height:78px; overflow:hidden; display:block; margin:14px 0;}
	.productlist li a.more {font-size:12px; color:#28ad67;}
	.productlist li.page {height:20px; line-height:20px; padding:35px 0; text-align:center;}
	.productlist li.page a {padding:7px 11px; border-radius:5px; margin:0 2px; background-color:#ddd; font-size:12px; text-align:center;}
	.productlist li.page i {padding:0 5px;}
	.productlist li.page a:hover,.productlist li.page a.current {background-color:#104092; color:#fff;}
	
	.profjlist {margin:10px 0 0 0; padding:0 20px; background-color:#fff; border:1px solid #ddd;}
	.profjlist li {height:100px; padding:20px 0; border-top:1px solid #ddd;}
	.profjlist li:first-child {border:none;}
	.profjlist li img {width:100px; height:100px; float:left; margin-right:20px;}
	.profjlist li a.tit {font-size:16px;}
	.profjlist li span {font-size:13px; color:#999; line-height:200%; display:block; margin:14px 0;}
	.profjlist li a.more {font-size:12px; color:#28ad67;}
	
	dl.protopmenu {margin:10px 0 0 0;}
	dl.protopmenu dd {float:left; width:240px; margin-right:25px; line-height:38px; border-bottom:1px solid #ddd; padding:0 5px;}
	dl.protopmenu dd::before {font-size:9px; font-weight:bold; float:left; margin-right:9px; color:#104092;}
	dl.protopmenu dd:nth-child(3n) {margin-right:0;}
	dl.protopmenu dd a {color:#666; font-size:13px; display:block;}
	dl.protopmenu dd a:hover,dl.protopmenu dd.active a {color:#104092;}
	dl.promenu {width:525px; float:left;}
	dl.promenu dd {margin-right:25px;}
	dl.promenu dd:nth-child(3n) {margin-right:25px;}
	dl.promenu dd:nth-child(2n+1) {margin-right:0;}
	dl.protopmenu dt {width:100%; line-height:50px;}
	dl.protopmenu dt a {font-size:13px; color:#104092;}
	dl.protopmenu dt a::before {font-size:20px; float:left;}
	dl.protopmenu dd>a>i {float:right; font-size:24px;}
	
	.prosearch {width:230px; float:right; margin-top:55px; border:1px solid #ddd; padding:10px;}
	.prosearch span {font-size:13px;}
	.prosearch span::before {font-size:18px; float:left; margin-right:4px;}
	.prosearch font {display:block; padding:15px 0; height:24px;}
	.prosearch font input {height:22px; padding:0 5px; border:1px solid #666; width:168px; float:left; border-radius:2px; border-right:none;}
	.prosearch font a {display:inline-block; height:24px; line-height:24px; background-color:#28ad67; padding:0 6px; color:#fff; font-size:13px;}
	.prosearch>a {color:#28ad67; font-size:12px;}
	.prosbox {margin-top:20px; padding:20px; border:1px solid #ddd; background-color:#fff; line-height:200%; font-size:13px; color:#666;}
	.prosbox p {margin:8px 0;}
	.prosbox table {float:none; max-width:100%; width:100% !important;}
	
	dl.protop {margin:30px 0 0 0; height:340px; background-color:#f4f4f4; padding:0 20px; border:1px solid #ddd;}
	dl.protop dt {line-height:48px; border-bottom:1px solid #ddd; font-size:14px; color:#666;}
	dl.protop dt a {float:right; font-size:12px; color:#28ad67;}
	dl.protop dd {float:left; width:150px; margin-right:45px; padding:20px 0;}
	dl.protop dd img {width:150px; height:150px; margin-bottom:10px;}
	dl.protop dd:last-child {margin-right:0;}
	dl.protop dd:nth-child(2) {margin-left:11px;}
	dl.protop dd font {display:block; line-height:20px; color:#999; font-size:12px; padding-top:8px; padding-bottom:8px;}
	dl.protop dd a.tit {font-size:14px; color:#333; display:block; line-height:180%; margin-bottom:10px;}
	dl.protop dd a {font-size:12px; color:#28ad67;}
	dl.protop dd a::before {font-size:18px; float:left; margin-right:3px; margin-left:-8px;}
	
	.probody {border:1px solid #ddd; padding:25px; margin-top:30px;}
	.probody .protab {height:32px; line-height:32px; border-bottom:1px solid #ddd; margin-bottom:30px;}
	.probody .protab a {float:left; margin-right:5px; background-color:#ccc; font-size:13px; padding:0 30px; border-radius:5px 5px 0 0;}
	.probody .protab a.active,.probody .protab a:hover {background-color:#28ad67; color:#fff;}
	.probody .content {line-height:200%; margin:0 10px 5px 10px; font-size:13px; display:none;}
	.probody .content.active {display:block;}
	.probody .content img.contpic {float:right; margin:0 0 15px 20px; width:200px; height:auto;}
	.pmain .infos {padding-left:18px; font-size:12px; color:#666;}
	
	.proinfo {float:right; width:358px; height:318px; overflow:hidden; font-size:14px; line-height:220%; color:#666; border:1px solid #ddd; padding:20px;}
}



@media only screen and (max-width: 991px) {
	.position {display:none;}
	
	.pbar {background:#104092; color:#fff; padding:0 0.6rem; height:1rem; line-height:1rem; position:relative;}
	.pbar::before {content:''; height:0.4rem; left:0.3rem; top:0.3rem; background-color:#fff; width:0.05rem; display:block; position:absolute;}
	.prolistbody>.pbar::before {content:''; position:absolute; bottom:-20px; height:1px; overflow:hidden; width:100%; left:0; background-color:#ddd;}
	
	.pside {width:100%; text-align:left; padding-bottom:0.3rem; background: url(../images/bg_pbar.jpg) no-repeat #fff;}
	.prolistbody .pside .pbar {margin-top:0.2rem;}
	.pside dl {width:200px;}
	.pside dl dt {width:200px; height:144px; font-size:24px; line-height:144px; font-weight:bold; color:#333;}
	.pside dl dd {width:200px; position:relative;}
	.pside dl dd a {display:block; height:42px; line-height:42px; text-align:left; width:150px; margin-left:25px; border-bottom:1px solid #eaeaea; background-color:#fff;}
	.pside dl dd a::before {float:left; margin-left:15px; margin-right:15px;}
	.pside dl dd.active,.pside dl dd:hover,.pside dl dd.active a,.pside dl dd:hover a {background-color:#248b3a; color:#fff; border-color:#248b3a;}
	.pside dl dd.active::after,.pside dl dd:hover::after {position:absolute; width:10px; right:-10px; top:-5px; content:''; background:url(../images/bg_pmenuli.png); height:48px;}
	.psbar {line-height:48px; color:#28ad67; margin-top:15px;}
	.psbar::before {margin-right:10px; font-size:20px; float:left;}
	.pmbar {line-height:48px; margin:0 0.3rem 0.3rem 0.3rem; height:48px;}
	.pmbar.icon-tubiao-::before {margin-right:5px; font-size:30px; margin-top:1px; float:left;}
	.pmbar.icon-fenxijieguo::before {margin-right:9px; font-size:24px; margin-top:1px; float:left;}
	.searchbox {background-color:#f0f0f0;padding: 0.5rem;height: 0.8rem;margin: 0.3rem  auto;width: 8.2rem;}
	.searchbox input {background: #fff;line-height: 0.8rem;border: none;}
	.searchbox input[type="text"] {width: 6.35rem;padding: 0 0.2rem;}
	.searchbox input[type="button"] {height: 0.8rem;border: none;background: #104092;padding: 0 0.2rem;color: #fff;margin-left: 10px;}
	
	.pside .pbox {text-align:center; padding:0.3rem 0;}
	.pside .pbox img {width:9.4rem; height:auto;}
	.pside .pbox a.iconfont {display:inline-block; margin-top:0.3rem; font-size:0.325rem; background-color:#da0b06; border-radius:0.1rem; padding:0.2rem 0.6rem; height:0.5rem; line-height:0.5rem; color:#fff;}
	.pside .pbox a.iconfont::before {font-size:0.5rem; float:left; margin-right:0.1rem;}
	.pside .pbox a:last-child {background-color:#ff6200; margin-left:15px;}
	.pside .pbox li::before {font-size:24px; float:left; margin-right:3px;}
	.pside .pboxc {text-align:left; padding-left:0.3rem; padding-top:0.2rem; padding-bottom:0.3rem; font-size:0.35rem; line-height:240%; color:#888; background:url(../images/bg_imap.jpg) no-repeat;}
	.pside .pboxc span {color:#333; display:block;}
	.pside .pboxf {padding-top:0.3rem;}
	.pside .pboxf li {line-height:0.8rem; padding:0 0 0 0.3rem; overflow:hidden;}
	.pside .pboxf li::before {padding-bottom: 0.1rem;display: block;float: left;margin-right: 0.1rem;}
	.pside .pboxf li a {font-size:0.35rem; color:#666;}
	.pside .pboxf li a:hover {color:#104092;}
	.pside .pboxf li font {padding-left:0.3rem; color:#104092; font-size:0.325rem;}
	
	.pside .attrli {margin-bottom:35px;}
	.pside .attrli li {line-height:42px; margin-left:15px; border-bottom:1px solid #ddd; font-size:13px; color:#666; cursor:pointer;}
	.pside .attrli li i {float:left; width:12px; height:12px; line-height:14px; margin-top:13px; margin-right:10px; font-size:7px; text-align:center; border:2px solid #666; border-radius:2px;}
	.pside .attrli li a {color:#104092; font:100% verdana,arial,helvetica,sans-serif; font-size:13px;}
	.pside .attrli li .btnsub {background-color:#104092; padding:5px 15px; border:none; color:#fff; border-radius:5px;}
	
	.pmain {width:100%; text-align:left; background-color:#fff; margin-bottom:0.2rem;}
	
	.prolistbody .pside {display:none;}
	
	.swiper-prolist {width:100%; position:relative;}
	.swiper-prolist img {width:100%; height:auto; max-height:4rem;}
	.swiper-prolist span {display:block; width:6.4rem; text-align:center; height:2.5rem; overflow:hidden; padding:0.2rem 0.4rem; background:rgba(255,255,255,0.8); margin:0 1.4rem; font-size:0.4rem; color:#333; text-align:left; left:0; top:0.2rem; position:absolute; line-height:150%;}
	.swiper-prolist span font {display:block; padding:0.1rem 0; color:#666; font-size:0.325rem;}
	.swiper-prolist span i {font-size:13px; color:#104092; display:none;}
	
	.productlist {margin:0.2rem auto; width:9.65rem; text-align: left;}
	.productlist li {width:4.4rem; height:5.3rem; line-height:0.8rem; overflow: hidden; text-align:left; float:left; margin:0 0.2rem;}
	.productlist li img {width:4.4rem; height:4.4rem;}
	.productlist li.page {height:0.5rem; line-height:0.5rem; padding:0.4rem 0; text-align:center; width:100%;}
	.productlist li.page a {padding:0.1rem 0.6rem; margin:0 2px; background-color:#ddd; font-size:0.35rem; text-align:center;}
	.productlist li.page a:not(.mpage) {display:none;}
	.productlist li.page i {padding:0 0.1rem;}
	.productlist li.page a:hover,.productlist li.page a.current {background-color:#104092; color:#fff;}
	
	.profjlist {margin:0.2rem 0 0 0; padding:0 0.3rem; background-color:#fff; border:1px solid #ddd;}
	.profjlist li {height:1.5rem; padding:0.3rem 0; border-top:1px solid #ddd;}
	.profjlist li:first-child {border:none;}
	.profjlist li img {width:1.5rem; height:1.5rem; float:left; margin-right:0.3rem;}
	.profjlist li a.tit {font-size:0.4rem; display:block;}
	.profjlist li span { display:none;}
	.profjlist li a.more {font-size:0.325rem; color:#28ad67;}
	
	dl.protopmenu {margin:0.2rem 0 0 0.1rem;}
	dl.protopmenu dd {float:left; width:4.5rem; margin:0 0.1rem; line-height:1rem; border-bottom:1px solid #ddd; padding:0 0.1rem;height: 1rem;overflow: hidden;}
	dl.protopmenu dd::before {font-size:0.25rem; font-weight:bold; float:left; margin-right:0.15rem; margin-top:0.02rem; color:#104092;}
	dl.protopmenu dd a {color:#666; font-size:0.325rem; display:block;}
	dl.protopmenu dd a:hover,dl.protopmenu dd.active a {color:#104092;}
	dl.protopmenu dt {width:100%; line-height:1rem;height: 1rem;overflow: hidden;}
	dl.protopmenu dt a {font-size:0.35rem; color:#104092;}
	dl.protopmenu dt a::before {font-size:0.6rem; float:left; margin-top:0.02rem;}
	dl.protopmenu dd>a>i {float:right; font-size:0.4rem;}
	
	.prosearch {margin:0.5rem 0.2rem 0.3rem 0.2rem; border:1px solid #ddd; padding:0.3rem;}
	.prosearch span {font-size:0.35rem; color:#666;}
	.prosearch span strong {color:#333;}
	.prosearch span::before {font-size:0.4rem; float:left; margin-right:0.1rem; margin-top:0.05rem;}
	.prosearch font {display:block; padding:0.3rem 0; height:0.6rem;}
	.prosearch font input {height:0.6rem; padding:0 0.1rem; border:1px solid #666; width:7rem; float:left; border-radius:2px;}
	.prosearch font a {display:inline-block; height:calc(0.6rem + 2px); line-height:calc(0.6rem + 2px); margin-left:0.2rem; background-color:#28ad67; padding:0 0.2rem; color:#fff; font-size:0.325rem;}
	.prosearch>a {color:#28ad67; font-size:0.35rem;}
	.prosbox {margin:0.1rem 0.2rem 0 0.2rem; padding:0.2rem; border:1px solid #ddd; background-color:#fff; line-height:200%; font-size:0.325rem; color:#666;}
	.prosbox p {margin:0.15rem 0;}
	.prosbox table {float:none; max-width:100%; width:100% !important;}
	
	dl.protop {margin:0.5rem 0 0 0; padding:0 0 0 0.1rem;}
	dl.protop dt {line-height:1rem; background-color:#f4f4f4; padding:0 0.3rem; margin:0 0.1rem; border-bottom:1px solid #ddd; font-size:0.375rem; color:#666;}
	dl.protop dt a {float:right; font-size:0.325rem; color:#28ad67;}
	dl.protop dd {float:left; width:4.5rem; margin:0.1rem 0.2rem 0 0.2rem; height:6.2rem;}
	dl.protop dd img {width:4.5rem; height:4.5rem; margin-bottom:0.2rem;}
	dl.protop dd a.tit {font-size:0.35rem; color:#333; display:block; line-height:170%; color:#555;}
	dl.protop dd a.iconfont {display:none;}
	
	.probody {border:1px solid #ddd; padding:0 0 0.5rem 0; margin:0.2rem 0.2rem 0.4rem 0.2rem; border-top:none; border-radius:5px 5px 0 0;}
	.probody .protab {height:0.8rem; line-height:0.8rem; border-bottom:1px solid #ddd; margin-bottom:0.5rem;}
	.probody .protab a {float:left; background-color:#ccc; font-size:0.325rem; padding:0; width:calc(20% - 1px); margin-right:1.25px; text-align:center; border-radius:5px 5px 0 0;}
	.probody .protab a:last-child {margin-right:0;}
	.probody .protab a.active,.probody .protab a:hover {background-color:#28ad67; color:#fff;}
	.probody .content {line-height:200%; margin:0 10px 5px 10px; font-size:13px; display:none;}
	.probody .content.active {display:block;}
	.probody .content table,.probody .content img {max-width:100%;}
	.probody .content img.contpic {float:right; margin:0 0 15px 20px; width:200px; height:auto;}
	.pmain .infos {padding-left:18px; font-size:12px; color:#666;}
	
	.proinfo {font-size:0.35rem; line-height:200%; color:#666; border:1px solid #ddd; padding:0.3rem; margin:0.2rem;}
}

/*相册*/
#mbCenter * {transition:none !important;}
#mbOverlay { position: fixed; z-index: 9998; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer;  transition:none !important;}
#mbOverlay.mbOverlayFF { background: transparent url(../images/80.png) repeat;}
#mbOverlay.mbOverlayIE { position: absolute;}
#mbCenter { height: 557px; position: absolute; z-index: 9999; left: 50%; background-color: #fff; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70); -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.70);  transition:none !important;}
#mbCenter.mbLoading { background: #fff url(../images/CustomWhiteLoading.gif) no-repeat center; -moz-box-shadow: none; -webkit-box-shadow: none;}
#mbImage { left: 0; top: 0; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: left; background-position: center center; background-repeat: no-repeat; padding: 10px;}
#mbImage a, #mbImage a:link, #mbImage a:visited { color: #ddd;}
#mbImage a:hover, #mbImage a:active { color: #fff;}
#mbBottom { min-height: 20px; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #999; text-align: left; padding: 0 10px 10px;}
#mbTitle { display: inline; color: #999; font-weight: bold; line-height: 20px; font-size: 14px;}
#mbNumber { background: url(../images/mbNumber_bg.gif) no-repeat center; display: inline; color: #C00; line-height: 26px; font-size: 12px; position: absolute; bottom: 10px; right: 10px; text-align: center; width: 65px; height: 26px;}
#mbCaption { display: block; color: #999; line-height: 14px; font-size: 10px;}
#mbPrevLink, #mbNextLink, #mbCloseLink { display: block; float: right; height: 20px; margin: 0; outline: none;}
#mbPrevLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackPrevious.gif) no-repeat center; position: absolute; top: 38%; left: -32px;}
#mbNextLink { width: 32px; height: 100px; background: transparent url(../images/CustomBlackNext.gif) no-repeat center; position: absolute; top: 38%; right: -32px;}
#mbCloseLink { width: 24px; background: transparent url(../images/CustomBlackClose.gif) no-repeat center; position: absolute; top: 10px; right: 10px;}
#mbError { position: relative; font-family: Myriad, Verdana, Arial, Helvetica, sans-serif; line-height: 20px; font-size: 12px; color: #fff; text-align: center; border: 10px solid #700; padding: 10px 10px 10px; margin: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mbError a, #mbError a:link, #mbError a:visited, #mbError a:hover, #mbError a:active { color: #d00; font-weight: bold; text-decoration: underline;}