@charset "UTF-8";

/* CSS Document */

@media screen and (min-width:1200px) {

#subBanner { background-image: url(../image/pbShow_pc.jpg); }

#sbTitleBoard { left: 50%; margin: 0 -1.65rem; }

#sbtCN { padding-right: 0; text-align: center; text-indent: 0.16rem; }

#sbtEN { padding-right: 0; text-align: center; }

#colorBar { width: 100%; height: 0.48rem; background: #46302b; }

#showContent { width: 100%; overflow: hidden; background: url(../image/lineBG2.jpg) center top no-repeat; background-size: 100%; padding-top: 1.4rem; padding-bottom: 1.1rem; }

#showBig { overflow: hidden; padding-bottom: 0.7rem; transition: all 0.5s ease 0s; margin: 0 auto; }

#showBig img { border: #f3e2cb 0.1rem solid; margin: auto; transition: all 0.5s ease 0s; }

#showControl { height: 1.2rem; overflow: hidden; }

.scBtn { width: 0.73rem; background-image: url(../image/arrow.png); background-repeat: no-repeat; background-size: 0.44rem; background-clip: content-box; padding: 0.19rem 0.255rem; float: left; cursor: pointer; height: 100%; }

#scPrev { background-position: 0.25rem center; }

#scNext { background-position: 0 center; float: right; }

#scList { width: 10.5rem; height: 100%; float: left; overflow: hidden; }

#sclWrap { height: 100%; width: 100rem; position: absolute; top: 0; left: 0; }

#icoList { }

.icoWrap { float: left; margin-right: 0.3rem; width: 1.2rem; height: 1.2rem; background: #f3e2cb; border: #f3e2cb 0.03rem solid; opacity: 0.5; transition: all 0.5s ease 0s; cursor: pointer; border-radius: 0.607rem; overflow: hidden; }

#icoList .current { opacity: 1; }

.icoWrap:hover { opacity: 0.8; }

.icoWrap img { position: absolute; left: 50%; top: 50%; transition: all 0.5s ease 0s; }
}

@media screen and (max-width:1199px) and (min-width:541px) {

#subBanner { background-image: url(../image/pbShow_pc.jpg); }

#colorBar { width: 100%; height: 0.48rem; background: #46302b; display: none; }

#showContent { width: 100%; overflow: hidden; background: url(../image/lineBG2.jpg) center top no-repeat; background-size: 100%; padding-top: 1.4rem; padding-bottom: 1.1rem; }

#showBig { overflow: hidden; padding-bottom: 0.7rem; transition: all 0.5s ease 0s; margin: 0 auto; }

#showBig img { border: #f3e2cb 0.1rem solid; margin: auto; transition: all 0.5s ease 0s; }

#showControl { height: 1.2rem; overflow: hidden; width: 7.44rem; margin: 0 auto; }

.scBtn { width: 0.78rem; background-image: url(../image/arrow.png); background-repeat: no-repeat; background-size: 0.44rem; background-clip: content-box; float: left; cursor: pointer; height: 100%; }

#scPrev { background-position: 0rem center; padding-right: 0.56rem; }

#scNext { background-position: 0.22rem center; float: right; padding-left: 0.44rem; width: 0.66rem }

#scList { width: 6rem; height: 100%; float: left; overflow: hidden; }

#sclWrap { height: 100%; width: 100rem; position: absolute; top: 0; left: 0; }

#icoList { }

.icoWrap { float: left; margin-right: 0.3rem; width: 1.2rem; height: 1.2rem; background: #f3e2cb; border: #f3e2cb 0.03rem solid; opacity: 0.5; transition: all 0.5s ease 0s; cursor: pointer; border-radius: 0.607rem; overflow: hidden; }

#icoList .current { opacity: 1; }

.icoWrap:hover { opacity: 0.8; }

.icoWrap img { position: absolute; left: 50%; top: 50%; transition: all 0.5s ease 0s; }
}

@media screen and (max-width:540px) {

#subBanner { background-image: url(../image/pbShow_pc.jpg); }

#colorBar { width: 100%; height: 0.48rem; background: #46302b; display: none; }

#showContent { width: 100%; overflow: hidden; background: url(../image/lineBG2.jpg) center top no-repeat; background-size: 100%; padding-top: 0.5rem; padding-bottom: 1.1rem; }

#showBig { display: none;}


#showControl {width:100%;}

.scBtn { display: none;}


#scList {  width:100%;}

#sclWrap { width:100%;}

#icoList { }

.icoWrap { width:100%; margin-bottom:0.3rem;;}


.icoWrap:hover { opacity: 0.8; }

.icoWrap img { width:5.1rem;border: #f3e2cb 0.1rem solid}
}