body { margin: 0px; padding: 0px; font-size: 14px; font-family: Arial, "微软雅黑"; color: #666; overflow-x: hidden; }
a { color: #666; text-decoration: none; outline: none; }
a:active { star:expression(this.onFocus=this.blur());
}
img { border: 0px; vertical-align: middle; }
a:link { text-decoration: none; outline: none; }
a:visited { text-decoration: none; outline: none; }
a:hover { text-decoration: none; color: #0075cf; outline: none; }
ul, p, dl, dt, dd { padding: 0px; margin: 0px; }
li { list-style-position: outside; list-style-type: none; }
h1, h2, h3, h4, h5 { font-size: 14px; padding: 0px; margin: 0px; }
h1 { font-size: 16px; }
h5 { font-size: 14px; }
.fl { float: left; }
.fr { float: right; }
.clear_f { clear: both; height: 0px; padding: 0px; margin: 0px; display: block; _display: inherit; }
.h10 { height: 10px; overflow: hidden; clear: both; }
.h30 { height: 30px; overflow: hidden; clear: both; }
.h60 { height: 60px; overflow: hidden; clear: both; }
.h70 { height: 70px; overflow: hidden; clear: both; }
.h100 { height: 100px; overflow: hidden; clear: both; }
input, textarea { background: transparent; padding: 0px; font-size: 14px; font-family: Arial, "微软雅黑"; color: #888; outline: none; border: 0px; }
em { font-style: normal; }
.btn1 { cursor: pointer; }
.red { color: #cb1f18; }
.wal { max-width: 17.0rem; margin: 0 auto; }
.wal2 { width: 12.0rem; margin: 0px auto; position: relative; }
.wal3 { max-width: 14.5rem; margin: 0 auto; }
.wal4 { max-width: 14rem; margin: 0 auto; }

.wal1160 { width: 1160px; margin: 0 auto; }
.w280 { width: 2.8rem; }
.w378 { width: 3.78rem; }
.w870 { width: 8.7rem; }
.fangda { overflow: hidden; }
.fangda img { transition: 2s; -moz-transition: 2s; -webkit-transition: 2s; -o-transition: 2s; }
.fangda:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.line1_hidden { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.line2_hidden { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line3_hidden { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ico_h { display: inline-block; position: relative; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.ico_h:before { pointer-events: none; position: absolute; z-index: -1; content: ''; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%); /* W3C */ -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform, opacity; transition-property: transform, opacity; }
.ico_h:hover, .ico_h:focus, .ico_h:active { -webkit-transform: translateY(-6px); transform: translateY(-6px); -webkit-animation-name: hover; animation-name: hover; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.ico_h:hover:before, .ico_h:focus:before, .ico_h:active:before { opacity: .4; -webkit-transform: translateY(6px); transform: translateY(6px); -webkit-animation-name: hover-shadow; animation-name: hover-shadow; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }
.Phone-Box { display: none; }
/*头部导航*/
.header { height: 1.1rem; width: 100%; position: absolute; top: 0px; z-index: 15; left: 0px; transition: all .3s ease-out 0s; }
.header .wal { height: 1.1rem; position: relative; }
.header.mini { background: #fff; z-index: 9999999999; }
.sortbar-fixed { position: fixed; z-index: 9999999999; background: #fff; }
.sortbar-fixed .nav li a { color: #000; }
.sortbar-fixed .img1 { display: none!important; }
.sortbar-fixed .img2 { display: inline-block!important; }
.header .logo { position: absolute; left: 0; top: 0.14rem; display: block; /*width: 2.08rem; height: 0.27rem;*/ overflow: hidden; width: 520px; height: 66px; }
/*.header .logo img{ width: 2.08rem; }*/
.header .logo .img1 { float: left; position: absolute; left: 0; width: 520px; }
.header .logo .img2 { display: none; float: left; position: absolute; left: 0; width: 520px; }
.header .topRight { position: absolute; right: 0px; top: 0.36rem; height: 0.36rem; }
.nav { position: absolute; right: 1.23rem; top: 0px; }
.nav li { float: left; margin-left: 0.6rem; }
.nav li a { display: block; height: 1.1rem; line-height: 1.1rem; color: #fff; position: relative; font-size: 20px; }
.nav li a:before { content: ''; width: 100%; top: 0px; height: 0.03rem; background: #0075cf; display: none; position: absolute; }
.nav li .aNow1:before { display: block; }
.nav.mini a { color: #000; }
.topSearch { position: relative; height: 0.36rem; width: 0.36rem; }
.topSearch img { position: absolute; right: 0.15rem; top: 0.1rem; }
.topSearch .img2 { display: none; }
.topSearch.mini .img1 { display: none; }
.topSearch.mini .img2 { display: inline-block; }
.topSearch input { position: absolute; right: 0; display: none; padding: 0 0.15rem; height: 0.36rem; line-height: 0.36rem; background: #f5f5f5; border-radius: 0.24rem; -moz-border-radius: 0.24rem; box-shadow: 0px 0px 14px #ddd; width: 1.5rem; font-size: 10.15rem; }
.header .lan { height: 0.36rem; line-height: 0.36rem; padding-left: 0.24rem; }
.header .lan img { cursor: pointer; }
.header .lan .img2 { display: none; }
.header.mini .lan img { display: none; }
.header.mini .lan .img1 { display: inline-block; }
.headDiv { height: 1.0rem; position: relative; z-index: 15; background: #fff; }
.headDiv .logo { position: absolute; left: 0.2rem; top: 0.35rem; }
.headDiv .logo img { width: 2.08rem; }
.headDiv .topRight { position: absolute; right: 0.84rem; }
.headDiv .topRight li { float: left; width: 0.54rem; height: 1.0rem; }
.headDiv .topRight li a { display: block; height: 1.0rem; line-height: 1.0rem; }
.headDiv .topRight li img { width: 0.25rem; }
.header .lan .list { position: absolute; top: 0.35rem; right: -0.2rem; display: none; width: 1.14rem; background: #fff; height: 1.6rem; }
.header .lan .list li { font-size: 0.14rem; line-height: 0.36rem; padding-left: 0.17rem; }
.header .lan .list li a { display: block; color: #a4a5a5; }
.header .lan .list li a:hover { font-weight: bold; color: #0075cf; }
.navIco { display: block; position: absolute; right: 0.2rem; top: 0; height: 1.0rem; text-align: center; width: 0.64rem; line-height: 1.0rem; }
.navIco img { width: 0.35rem; }
.sNav { z-index: 99; display: none; position: fixed; z-index: 18; width: 100%; background: #f8f8f8 url(../image/sNavBg.jpg) center no-repeat; padding-top: 70px; height: 365px; left: 0px; top: 1.1rem; }
.sNav .leftImg { padding-left: 1.0rem; width: 3.2rem; overflow: hidden; }
.sNav .leftImg img { width: 3.2rem; }
.sNav .midDiv { padding-left: 0.7rem; width: 3.55rem; height: 210px; }
.sNav .msg { font-size: 0.16rem; color: #000; padding-top: 0.42rem; line-height: 0.28rem; margin-bottom: 30px; }
.sNav .wen { font-size: 0.18rem; color: #dbdada; padding: 0.15rem 0 0.25rem; }
.sNav .btnDiv a { position: relative; display: block; width: 1.62rem; height: 0.44rem; background: #0075cf; color: #fff; line-height: 0.44rem; text-indent: 0.24rem; font-weight: bold; font-size: 12px; }
.sNav .btnDiv a:after { content: ''; width: 40px; height: 9px; background: url(../image/nimg40_1.png) center no-repeat; background-size: 0.4rem; right: 0.28rem; top: 0.15rem; position: absolute; }
.sNav .list { width: 3.5rem; padding-top: 0.3rem; }
.sNav .list li { height: 0.35rem; font-size: 0.14rem; margin-bottom: 0.1rem; }
.sNav .list li a { padding-left: 0.16rem; display: block; position: relative; color: #4f4f4f; font-size: 0.18rem; }
.sNav .list li a:before { content: ''; position: absolute; left: 0px; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #dbdbdb; }
.sNav .list li a:hover { font-weight: bold; }
.sNav .list li a:hover:before { background: #0075cf; }
/*导航菜单触发*/
.navLayer { overflow-x: auto; height: 100%; width: 100%; overflow: hidden; position: fixed; z-index: 22; right: -100%; top: 0px; }
.navLayer .bg { overflow-x: auto; position: relative; background: #fff; height: 100%; width: 100%; }
.navLayer .toptop { padding: 0 0.2rem; height: 1.0rem; position: relative; }
.navLayer .logo { position: absolute; left: 0.2rem; top: 0.35rem; }
.navLayer .logo img { width: 2.08rem; }
.navLayer .closeBtn { width: 0.64rem; height: 1.0rem; position: absolute; top: 0px; right: 0.2px; text-align: center; line-height: 1.0rem; }
.navLayer .closeBtn img { width: 0.27rem; }
.sideNav { padding: 0.15rem 0.2rem 0.5rem; }
.subNav { cursor: pointer; display: block; height: 1rem; line-height: 1rem; position: relative; font-size: 0.34rem; border-bottom: #eee solid 1px; }
.subNav1 { background: url(../image/nimg53_2.png) right center no-repeat; background-size: 0.53rem; color: #2c2c2c; }
.subNav:before { content: ""; display: block; width: 1.4rem; height: 1px; background: #0075cf; position: absolute; left: 0px; bottom: -1px; }
.subNav .name { position: relative; }
.subNav a { color: #706f6d; display: block; }
.currentDt { background: url(../image/nimg53_2on.png) right center no-repeat; background-size: 0.53rem; }
.navContent { display: none; }
.navContent a { display: block; height: 1.0rem; line-height: 1.0rem; color: #666; font-size: 0.28rem; border-bottom: #eee solid 1px; }
.searchLayerTel { display: none; z-index: 22; top: 1.0rem; left: 0px; width: 100%; position: fixed; }
.searchLayerTel .box { padding: 0.3rem 0.36rem; }
.searchLayerTel .box .form { padding-right: 1.3rem; position: relative; }
.searchLayerTel .form .input1 { width: 100%; background: #fff; border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; height: 0.8rem; line-height: 0.8rem; text-indent: 0.2rem; font-size: 0.24rem; }
.searchLayerTel .form .btn1 { border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; position: absolute; right: 0px; top: 0px; background: #0075cf; text-align: center; width: 1.3rem; height: 0.8rem; cursor: pointer; color: #fff; font-size: 0.28rem; }
.pageBg { position: fixed; z-index: 11; width: 100%; height: 100%; display: none; background: rgba(0,0,0,0.8); left: 0px; top: 0px; }
.pagecontent .pagebox { padding-top: 100px; padding-bottom: 150px; }
.footDiv { border-top: 3px solid #0068b7; background: #00589e url(../image/map.3a2479d1.png) center no-repeat; padding: 0.55rem 0 .2rem 0;
}
.footDiv .bigBox { padding: 0 2rem; padding-bottom: 25px; }
.footDiv .leftDiv { width: 2.8rem; }
.footDiv .leftDiv li { font-size: 0.22rem; font-weight: bold; }
.footDiv .leftDiv li a { display: block; color: #fff; padding-bottom: 0.32rem; }
.footDiv .leftDiv li a:hover { color: #f70401; }
.footNav { width: 8.6rem; }
.footNav li { float: left; width: 1.98rem; }
.footNav li:last-child { width: auto; }
.footNav li h2 { font-size: 0.22rem; color: #fff; padding-bottom: 0.28rem; }
.footNav dd { line-height: 0.3rem; font-size: 0.18rem; }
.footNav dd a { color: #fff; }
.footNav dd a:hover { color: #fff; text-decoration: underline; }
.footDiv .rightDiv { width: 4.2rem; }
.footDiv .ewm { text-align: right; }
.footDiv .ewm img { box-shadow: 0 0 20px #ddd; }
.footDiv .share { padding-top: 0.3rem; }
.footDiv .share li { float: left; margin-left: 0.15rem; }
.footDiv .share li img { width: 0.35rem; }
.footDiv .share li .img1 { display: none; }
.footDiv .share li:hover img { display: none; }
.footDiv .share li:hover .img1 { display: inline-block; }
.footDiv .tel { font-size: 0.3rem; color: #fff; font-weight: bold; padding-top: 0.3rem; }
.footDiv .address { color: #fff; font-size: 0.18rem; }
.footDiv .msg { font-size: 12px; color: #b8b8b8; padding-top: 0.26rem; text-align: right; text-transform: uppercase; }
.footDiv .msg a { color: #b8b8b8; }
.footDiv .msg a:hover { color: #0075cf; }
.footDiv a { color: #fff; }
.footDivTel { border-top: 3px solid #f70502; background: #00589e url(../image/map.3a2479d1.png) center no-repeat; padding: 0.7rem 0.2rem 0.6rem; }
.footDivTel .txt1 { font-weight: bold; color: #fff; font-size: 0.36rem; text-align: center; padding-bottom: 0.1rem; }
.footDivTel .txt2 { font-size: 0.24rem; color: #bdbcbc; text-align: center; height: 0.5rem; position: relative; }
.footDivTel .txt2:after { content: ''; position: absolute; left: 50%; margin-left: -0.08rem; width: 0.16rem; height: 1px; background: #0075cf; bottom: 0; }
.footDivTel .tel { color: #fff; text-align: center; font-size: 0.48rem; font-weight: bold; padding: 0.15rem 0 0.1rem; }
.footDivTel .address { text-align: center; color: #fff; font-size: 0.24rem; padding-bottom: 0.25rem; }
.footDivTel .ewm { margin: 0 auto; width: 1.33rem; }
.footDivTel .ewm img { width: 1.33rem; }
.footDivTel .share { text-align: center; padding: 0.28rem 0; }
.footDivTel .share li { display: inline-block; margin: 0 0.08rem; }
.footDivTel .share li img { width: 0.35rem; }
.footDivTel .share li .img1 { display: none; }
.footDivTel .share li:hover img { display: none; }
.footDivTel .share li:hover .img1 { display: inline-block; }
.footDivTel .msg { font-size: 0.24rem; line-height: 0.48rem; color: #fff; padding-top: 0.05rem; text-align: center; text-transform: uppercase; }
.footDivTel .msg a { color: #b8b8b8; }
.banquan { text-align: center; font-size: .2rem;
border-top: 1px solid rgba(255,255,255,.5); margin-top: .2rem;
padding: .2rem 0 0rem 0;
}
.pageBanner { position: relative; }
.pageBanner .imgDiv img { width: 100%; }
.pageBanner .botDiv { position: absolute; left: 50%; margin-left: -7.0rem; bottom: 0px; width: 14.0rem; height: 0.7rem; background: #fff; }
.pageBanner .botDiv:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.03rem; background: #efefef; }
.pageNav { height: 0.7rem; padding-left: 0.5rem; }
.pageNav li { float: left; margin-right: 0.42rem; font-weight: bold; }
.pageNav li a { display: block; height: 0.7rem; line-height: 0.7rem; color: #525252; position: relative; font-size: 20px; }
.pageNav li em { position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.03rem; background: #0075cf; display: none; z-index: 2; }
.pageNav li .aNow em, .pageNav li a:hover em { display: block; }
.pageBanner .rightDiv { position: absolute; right: 0px; top: 0px; width: 3.78rem; height: 0.7rem; background: #f3f5fa; }
.pageBanner .rightDiv:after { content: ''; position: absolute; left: 0px; bottom: 0px; width: 100%; height: 0.03rem; background: #dee8ee; z-index: 2; }
.pageBanner .layer { position: absolute; left: 0px; top: 2.0rem; width: 100%; z-index: 2; text-align: center; }
.pageBanner.pageBanner .layer .name {
	margin: 0 auto;
	width: 3.5rem;
	height: 1.3rem;
	background: url(../image/nimg210Bg.png) center no-repeat;
	background-size: 3.1rem;
	font-size: 0.36rem;
	color: #fff;
	line-height: 1.28rem;
}

.pageBanner .layer .nameImg { font-weight: bold; background-image: -webkit-linear-gradient(bottom, #4bbff9, #33a7eb, #1085d8); -webkit-background-clip: text; -webkit-text-fill-color: transparent;  font-size: .4rem;
line-height: 1rem; text-transform: uppercase; color: #ccc; font-family: Arial Black, Arial; color: #1c79c6; height: 0.76rem; padding: 0.12rem 0; position: relative; }
.pageBanner .layer .nameImg img { height: 0.47rem; }
.pageBanner .layer .nameImg:after { content: ''; position: absolute; bottom: 0; left: 50%; margin-left: -0.23rem; width: 0.46rem; height: 0.04rem; background: #0075cf; }
.pageNow { padding-left: 0.34rem; line-height: 0.7rem; }
.pageNow a { color: #666; background: url(../image/nimg5_1.png) left center no-repeat; background-size: 0.05rem; padding: 0 0.12rem 0 0.19rem; font-size: 16px }
.pageNow a:hover { color: #0075cf; }
.pageNow em { background: url(../image/nimg5_1.png) left center no-repeat; background-size: 0.05rem; padding-left: 0.13rem; color: #666; font-size: 16px }
.pageNow img { padding-right: 0.12rem; position: relative; top: -0.02rem; }
.pageBannerTel { display: none; position: relative; }
.pageBannerTel .imgDiv img { width: 100%; }
.pageBannerTel .txt { text-align: center; position: absolute; left: 50%; margin-left: -1.05rem; top: 50%; margin-top: -0.64rem; width: 2.1rem; height: 1.28rem; background: url(../image/nimg210Bg.png) center no-repeat; background-size: 2.1rem; font-size: 0.36rem; color: #fff; line-height: 1.28rem; }
.pageBox { position: relative; }
.grayBg { position: absolute; left: 0px; top: 0px; width: 100%; height: 4.2rem; background: #f7f7f7; z-index: 1; }
.treflip { width: 14.0rem; background: #fff; padding: 0.84rem 0 1.1rem; margin: 0 auto; position: relative; z-index: 2; }
.treflip2 { padding: 0.84rem 0 0; }
.treflip3 { padding: 0; }
.pageTitle { padding-bottom: 0.3rem; }
.pageTitle .title1 { font-size: 0.36rem; color: #0075cf; font-family: medium; text-transform: uppercase; }
.pageTitle .title2 { font-size: 0.22rem; color: #3f3f3f; font-weight: bold; }
.pageTitleTel { height: 0.98rem; background: #0075cf; position: relative; display: none; }
.sideTitleTel { width: 100%; height: 0.98rem; position: absolute; left: 0px; top: 0px; }
.sideTitleTel .con { font-size: 0.3rem; height: 0.98rem; line-height: 0.98rem; position: relative; padding-right: 10px; }
.sideTitleTel .con a { color: #fff; display: block; height: 0.98rem; padding-left: 0.2rem; background: url(../image/limg65_1.png) right center no-repeat; background-size: 0.65rem; }
.sideTitleTel .con.on a { background: url(../image/limg65_1on.png) right center no-repeat; background-size: 0.65rem; }
.sideTitleNav { position: absolute; top: 0.98rem; z-index: 10; width: 100%; background: #fff; display: none; box-shadow: 0 1px 5px rgba(35,25,25,0.2); -moz-box-shadow: 0 1px 5px rgba(35,25,25,0.2); -webkit-box-shadow: 0 1px 5px rgba(35,25,25,0.2); }
.sideTitleNav li { font-size: 0.26rem; height: 0.82rem; border-bottom: #d7d7d7 solid 1px; }
.sideTitleNav li a { display: block; height: 0.82rem; line-height: 0.82rem; padding-left: 0.4rem; color: #666; }
.sideTitleTel .con em { display: block; color: #fff; padding-left: 0.4rem; }
.headDiv .logo { top: 0.2rem; }
/*分页*/
.pageNum { text-align: center; }
.pageNum a { margin: 0 0.1rem; display: inline-block; color: #353535; height: 0.48rem; line-height: 0.48rem; background: #eee; padding: 0 0.19rem; font-size: 0.13rem; }
.pageNum a:hover, .pageNum .aNow { background: #038ad4; color: #FFF; }
.pageMore { display: none; padding: 0.2rem 0; }
.pageMore a { display: block; color: #fff; height: 0.9rem; line-height: 0.9rem; text-align: center; font-size: 0.36rem; background: #0075cf; width: 100%; }
.topA { z-index: 5; position: fixed; right: 50%; margin-right: -8.3rem; bottom: 70px; display: none; width: 34px; height: 34px; background: #0075cf; line-height: 34px; text-align: center; border-radius: 50%; box-shadow: 0 0 10px #ddd; }
.tabContent { display: none; }
.tab li { cursor: pointer; }
.tabContent2 { display: none; }
.tab2 li { cursor: pointer; }
.tabContent3 { display: none; }
.tab3 dd { cursor: pointer; }
.cd-top { /* image replacement properties */
overflow: hidden; white-space: nowrap; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.cd-top.cd-is-visible { /* the button becomes visible */
visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: 1; }
#Layer1 { position: absolute; position: fixed; _position: absolute; width: 100%; z-index: 111; top: 0; left: 0px; background-color: #000; display: none; }
.selectDiv { cursor: pointer; }
.selectDiv span { padding-left: 10px; }
.selectDiv select { display: none; }
/**/
.selectLayer { position: absolute; z-index: 100; display: none; background: #FFF; border: #bababa solid 1px; }
.selectLayer li { height: 22px; line-height: 22px; overflow: hidden; padding-left: 10px; color: #666; }
 @-webkit-keyframes detailsNavList {  0% {
 opacity: 0;
 -webkit-transform: translateX(70px);
 transform: translateX(70px);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
}
@-moz-keyframes detailsNavList {  0% {
 opacity: 0;
 -moz-transform: translateX(70px);
 transform: translateX(70px);
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
 100% {
 opacity: 1;
 -moz-transform: translateX(0);
 transform: translateX(0);
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
}
@-o-keyframes detailsNavList {  0% {
 opacity: 0;
 -o-transform: translateX(70px);
 transform: translateX(70px);
 backface-visibility: hidden;
 transform-style: preserve-3d;
}
 100% {
 opacity: 1;
 -o-transform: translateX(0);
 transform: translateX(0);
 backface-visibility: hidden;
 transform-style: preserve-3d;
}
}
@keyframes detailsNavList {  0% {
 opacity: 0;
 -webkit-transform: translateX(70px);
 -moz-transform: translateX(70px);
 -o-transform: translateX(70px);
 transform: translateX(70px);
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 -moz-transform: translateX(0);
 -o-transform: translateX(0);
 transform: translateX(0);
 -webkit-backface-visibility: hidden;
 -moz-backface-visibility: hidden;
 backface-visibility: hidden;
 -webkit-transform-style: preserve-3d;
 -moz-transform-style: preserve-3d;
 transform-style: preserve-3d;
}
}
 @-webkit-keyframes shieldingEnter {  0% {
 height: 0;
}
 100% {
 height: 183px;
}
}
@-moz-keyframes shieldingEnter {  0% {
 height: 0;
}
 100% {
 height: 183px;
}
}
@-o-keyframes shieldingEnter {  0% {
 height: 0;
}
 100% {
 height: 183px;
}
}
@keyframes shieldingEnter {  0% {
 height: 0;
}
 100% {
 height: 183px;
}
}
.product-list { padding: 0; margin: 0; overflow: hidden; margin-right: -2%; margin-bottom: .5rem;
}
.product-list li { width: 32%; float: left; margin: 20px 2% 20px 0; }
.product-list li figure { background: none; /*height: 386px;
	width: 386px;*/
display: block; line-height: normal; overflow: hidden; position: relative; border: 1px #cecece solid; margin: 0; }
.product-list li:nth-child(3n) { margin-right: 0; }
.product-list li figure img { display: block; width: 100%; transition: 424ms linear; }
.product-list li figcaption { display: block; color: #5d5d5d; font-size: 20px; line-height: normal; margin-top: 20px; transition: 350ms; text-align: center; }
.product-box .product-down { float: left; }
.product-list li figure mark { position: absolute; left: 0; top: 0; box-sizing: border-box; width: 100%; height: 100%; background: rgba(0, 117, 207, 0.2); background: #0075cf\9; filter: alpha(opacity=20); z-index: 20; opacity: 0; transform: skewX(45deg); visibility: hidden; transition: 360ms; }
.product-list li figure mark b { display: block; width: 46px; height: 46px; position: absolute; left: 50%; top: 50%; margin-left: -23px; margin-top: -23px; z-index: 30; }
.product-list li figure mark b:before { content: ""; width: 100%; height: 1px; background: #0075cf; position: absolute; left: 0; top: 23px; transform: translateX(-200px); -webkit-transform: translateX(-200px); -moz-transform: translateX(-200px); }
.product-list li figure mark b:after { content: ""; width: 1px; height: 100%; background: #0075cf; position: absolute; left: 23px; top: 0; transform: translateY(-200px); -webkit-transform: translateY(-200px); -moz-transform: translateY(-200px); }
.product-list li figure mark:before { content: ""; width: 100%; height: 0%; border-left: 3px solid #0075cf; border-right: 3px solid #0075cf; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms; }
.product-list li figure mark:after { content: ""; width: 0%; height: 100%; border-top: 3px solid #0075cf; border-bottom: 3px solid #0075cf; box-sizing: border-box; position: absolute; left: 0; top: 0; transition: 320ms; }
.product-list li:hover figure mark { opacity: 1; transform: skewX(0); visibility: visible; }
.product-list li:hover figure mark:before { height: 100%; transition: 330ms 200ms; }
.product-list li:hover figure mark:after { width: 100%; transition: 330ms 200ms; }
.product-list li:hover figure img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); }
.product-list li:hover figure mark b:before { transition: 355ms 180ms; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); }
.product-list li:hover figure mark b:after { transition: 355ms 240ms; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); }
.product-list li:hover figcaption { color: #0075cf; }


.zanwu img {
	width: 160px;
	margin: 100px auto;
}

.pageDemo {
	float: left;
	width: 100%;
	margin-bottom: 100px;
	margin-top: 50px;
}

.spage-total {
	display: inline-block;
	margin-right: 20px;
	line-height: 35px;
	color: #666;
	font-size: 14px;
}

.spage-number {
	display: inline-block;
	color: #666;
	font-size: 14px;
}

	.spage-number button {
		position: relative;
		box-sizing: border-box;
		display: inline-block;
		margin-left: -1px;
		padding: 0px 14px;
		line-height: 33px;
		border: 1px solid #ddd;
		text-align: center;
		transition: all .2s;
		cursor: pointer;
		outline: none;
		background: none;
		user-select: none;
		color: #666
	}

		.spage-number button.active {
			background: #2c64be;
			color: #fff;
			border-color: #2c64be;
			z-index: 3;
		}

			.spage-number button.active:hover {
				background: #FE4646;
				color: #fff;
				border-color: #FE4646;
				z-index: 3;
			}

		.spage-number button:hover {
			background-color: #eee;
		}

		.spage-number button.button-disabled {
			cursor: not-allowed;
			color: #ccc;
		}

	.spage-number .spage-after, .spage-before {
		padding: 0px;
		width: 40px
	}

.spage-skip {
	display: inline-block;
	margin-left: 20px;
	line-height: 35px;
	color: #666;
	font-size: 14px;
}

	.spage-skip input {
		box-sizing: border-box;
		display: inline-block;
		width: 45px;
		height: 35px;
		text-align: center;
		vertical-align: top;
		border: 1px solid #ddd;
		background: #fff;
		outline: none;
		transition: all .2s;
	}

		.spage-skip input:focus {
			border-color: #FE4646;
		}

	.spage-skip button {
		display: inline-block;
		padding: 0px 14px;
		line-height: 33px;
		vertical-align: top;
		color: #666;
		border: 1px solid #ddd;
		cursor: pointer;
		transition: all .2s;
		outline: none;
		background: none;
		user-select: none;
	}

		.spage-skip button:hover {
			background: #FE4646;
			color: #fff;
			border: 1px solid #FE4646;
		}

.mb-50 {
	margin-bottom: 10px;
}

.text-center {
	text-align: center !important;
	margin-top: 50px;
	margin-bottom: 100px;
}

.detail-mid {
	padding-bottom: 100px;
	float: left;
	font-size: 18px !important
}

	.detail-mid p, .detail-mid p span {
		font-size: 18px !important;
		line-height: 30px !important;
	}