/* 2021/7/21 viqecel */

*{
	..transition: all 0.5s;
	margin:0;
	padding:0;
	--webkit-border-radius: 0 !important;
   - -moz-border-radius: 0 !important;
  -  border-radius: 0 !important;
 
}
button:focus{outline: 0!important;=background:none!important;}
body,html{
	height:100%;
}
body{
	overflow-x:hidden;
}
   ul, ol, li {
    list-style: none;list-style-type:none;
}
a{
   =color: #d72c46; color: #333;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: none;
}
 .radius0{border-radius: 0px!important;}
.clear {
  clear: both;
  height: 0px;
  border: none;
  padding: 0;
  margin: 0;
  line-height: 0px; }
img{min-width:16px;max-width:100%}

h4, h5, h6 {
    font-size: 100%;
}.l {
  float: left; }
.pt15 {
  padding-top: 15px; }

.pt20 {
  padding-top: 20px; }

.pt30 {
  padding-top: 30px; }

.pt40 {
  padding-top: 40px; }

.mb40 {
  margin-bottom: 40px; }

.r {
  float: right; }
.img-re-w {
  width: 100%;
  display: block; }
.swiper-container {
	width: 100%;
    height: 600px;
	background:#fff;
	swiper-theme-color: #ff6600;/* 设置Swiper风格 */
   wiper-navigation-color: #00ff33;/* 单独设置按钮颜色 */
    swiper-navigation-size: 30px;/* 设置按钮大小 */
}  
.border{
	border:1px solid #f5f5f5 !important;
}
.border-primary{
	border:1px solid #d72c46 ;
}
.container- {
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto
}
.bw{background:#fff;}
.bg0{background-color: rgba(245, 245, 245, 1);}
.bg{background:url(../images/dot.png) repeat;;}
.bgp{background-color: #d72c46}
.bgg{background-color: gray}
.colorbbb{color: #bbb}
.color{color: #d72c46}
.pd0{padding:0px!important}.pd10{padding:10px!important}.pd15{padding:15px!important}.pd20{padding:20px!important}.pd30{padding:30px!important}.pd35{padding:35px!important}.pd40{padding:40px!important}.pd50{padding:50px!important}
.pdt0{padding-top:0px!important}.pdt10{padding-top:10px!important}.pdt15{padding-top:15px!important}.pdt20{padding-top:20px!important}.pdt25{padding-top:25px!important}.pdt30{padding-top:30px!important}.pdt35{padding-top:35px!important}.pdt40{padding-top:40px!important}
.pdb0{padding-bottom:0px!important}.pdb10{padding-bottom:10px!important}.pdb15{padding-bottom:15px!important}.pdb20{padding-bottom:20px!important}.pdb30{padding-bottom:30px!important}
.pdl10{padding-left:10px!important}.pdl20{padding-left:20px!important}.pdl30{padding-left:30px!important}
.pdr10{padding-right:10px!important}.pdr20{padding-right:20px!important}.pdr30{padding-right:30px!important}
.border{border:1px!important solid #111}.border0{border:0}
.margin10{margin:10px!important}.margin15{margin:15px!important}.margin20{margin:20px!important}.margin30{margin:30px!important}
.mt0{margin-top:0px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}
.mb0{margin-bottom:0px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}
.mr0{margin-right:0px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.mr30{margin-right:30px!important}
.ml0{margin-left:0px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.ml30{margin-left:30px!important}
.ml-20{margin-left:-20px!important}
.mr-20{margin-right:-20px!important}
.lh30{line-height:30px!important}
.radius17{border-radius:17px!important}
.radius0{border-radius:0px!important}
/**
 * Swiper 4.0.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2017 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: November 7, 2017
 */
.swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-invisible-blank-slide{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{opacity:0;position:absolute;top:60%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;right:0;width:200px}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}
.swiper-slide{
	width:100%;
	height: 100%;
}



/*内面页*/
.all_title{
	z-index:3;
	text-align:center;position:absolute;
	color:#FFF;
	left:0;right:0;width:100%;padding:0 20px;
 top:20%;
}
.bigtitle_in{

	
 font-size:270%;font-weight:bold;
}
.mdtitle_in{
	font-size:170%;
}
.xstitle_in{
	color:#Fff;
	
}


.bottom_line{
	display: inline-block;
    width: 100px;
    height: 1px;
    background: #fff;
 }


.breadcrumb{padding-left:0!important;}
 



.jiantou:before {
    border-color: #fff transparent transparent #fff;
}
.jiantou:before {
    content: "";
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    border-width: 9px;
    height: 0;
    width: 0;
    left: 0;
    position: absolute;
    top: 0;
}
*, :after, :before {
    box-sizing: border-box;
}

.swiper-pagination-bullet {
width: 6px;
height: 26px;
background: #fff;
opacity: .4;
}
.swiper-pagination-bullet-active {
opacity: 1;
}
.my-bullet{
    display:inline-block;
    width: 15px;
    height: 15px;
    background: #C9CACA;
    position: relative;
    margin: 10px 5px;
}
.swiper-pagination-bullet-active{
background:#888;}


.navbar {min-height: 60px;
    border-radius: 0px;
}

.my-navbar {background-color: rgba(238,238,238,.9);=background:url(../images/dot.png) repeat;    min-height: 150px;;padding-top:5px;margin-bottom: 40px;transition: all 0.5s;}
        .my-navbar a{color:#4a4a4a;font-size:17px;transition: all 0.9s;-background:#fff;}
       .my-navbar  a:hover{;color:#d72c46 ;outline:0}
	   
	   .navbar-brand2 {
    float: left;    line-height: 20px;
}
.btn-default{
    color: #999;
	font-size:12px;
	border:1px solid #999;
}
.btn-default:hover {
    color: #fff;
    background-color: #d72c46;
    border:1px solid #d72c46;;transition: all 0.9s;
}

       .head .top-nav {padding-top:0px;height:40px;transition: all 0.5s;}
		.head.top-nav .search_span,.head .top-nav .biu-cart {margin-top:4px!important;transition: all 0.5s;;}
		.head .top-nav li a {padding-top:10px;transition: all 0.5s;}
		.head.top-nav li a {padding-top:10px;transition: all 0.5s;}
		.head.top-nav button.navbar-toggle {margin-top: 0px;transition: all 0.5s;}
	.head	.top-nav .navbar-brand2{padding-top:4px!important;transition: all 0.5s;;}
        button.navbar-toggle {margin-top: 5px;}
        button.navbar-toggle > span.icon-bar {background-color:#fefefe;width:30px;height:4px;}

	
@media screen and (max-width: 768px){
.my-navbar { min-height: 60px;;padding-top:5px;margin-bottom: 30px;}
.lg-mb30{margin-bottom:30px!important;}
}

	
.search-body {
  position: fixed;
  z-index: 900;
  top: 110px;
 
 
  right: 0;
  height: 70px;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: none; }
  .search-body.on {
    display: block; }
  .search-body .con {
    padding: 15px;
	padding-top: 15px;
    width: 330px;
    margin: 0px auto; }
    .search-body .con .ipt {
      outline: none;
      border: 1px solid #d72c46;
      width: 200px;
      height: 40px;
      line-height: 38px;
      padding: 0px 5px;
      font-size: 14px;
      color: #666;
      background-color: #fff; }
    .search-body .con .search-btn {
      width: 40px;
      text-align: center;
      color: #fff;
      background-color: #d72c46;
      font-size: 18px;
      height: 40px;
      cursor: pointer;
      line-height: 38px;
      border: 1px solid #d72c46; }
	   .search-body .con .search-btn-x {
      width: 20px;
      text-align: center;
      color: #d72c46;
    
      font-size: 18px;
    margin-left:30px;
      cursor: pointer;
      
       }
	  
	        .bui-cart-con{
        background: #fff;
        padding: 15px;
        position: absolute;
        right: 0px;
        bottom: 55px;
        z-index: 99;
        display: none;
        max-width: 100%;width:360px;
        box-shadow: 5px 5px 15px rgba(0,0,0,0.5);
        
      }
      .tc-gwc table {border:none;}
       .tc-gwc table td{border:none;}
       .tc-gwc table th{border:none;}
       .tc-gwc table tr{border:none;}
	  
		
		
		
.hr {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    box-shadow: 0 0 0 1px #fff;
    text-align: center;
}
.bg_img {
    background: url(../images/black-60x1.png) center center;
    height: 1px;
    width: 48px;
    display: inline-block;
    =margin: 0 12px;
    vertical-align: middle;
    margin-top: -5px;
}

.title_in_index {
    0text-align: center;
    color: #fff;position: relative;
    font-size: 25px;
    font-weight: normal;
    margin-top: 15px;text-shadow: 1px 2px 3px #663300;
    margin-bottom: 15px;
    -font-style: italic;
    =text-transform: uppercase;

}
.toggle_content,.toggle_title{word-wrap:break-word}
.toggle{border-top:1px solid #fff;margin-right:30px;}
.toggle_close{;padding:10px}
.toggle_close .toggle_content{display:none}
.toggle_content li {color:#fff;}
.toggle_open{padding:10px;;z-index:1}
.toggle.text_align_left .toggle_title,.toggle.text_align_left h5.toggle_title,.toggle .toggle_title,.toggle h5.toggle_title{cursor:pointer;position:relative;;font-size:15px;color:#fff;}
.title_in_cp {
    text-align: center;margin:0 auto;
    color: #fff;position: relative;
    font-size: 18px;
    font-weight: normal;
    margin-top: 15px;text-shadow: 1px 2px 3px #663300;
    margin-bottom: 15px;
    -font-style: italic;
    =text-transform: uppercase;
display:inline-block;
}
 .jiantou2:before {
    border-color: #fff transparent transparent #fff;
}
.jiantou2:before {
    content: "";
    border-color: #fff transparent transparent #fff;
    border-style: solid;
    border-width: 6px;
    height: 0;
    width: 0;
    left: 0;
    position: absolute;
    top: 0;
}
.bg_img {
    background: url(../images/black-60x1.png) center center;
    height: 1px;
    width: 48px;
    display: inline-block;
    margin: 0 12px;
    vertical-align: middle;
    margin-top: -5px;
}

.title_in {
    text-align: center;
    color: #555;
    font-size: 24px;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 15px;
    font-style: italic;
    text-transform: uppercase;
 
}

/*右侧浮动菜单*/

.fixed-nav{
	position: fixed;
	width: 36px;
	height: 66px;
	.background:#ccc;
	right: 1px;
	bottom: 87px;
	z-index: 9999;
	text-align:right;
	
}

.fixed-nav .li1{
	padding:10px 10px 0 6px;
	width: 38px;
	height: 38px;
	font-size:17px;
	color:#fff;
	display:inline-block;
	background: #ccc;
	border-bottom: 1px solid #bbb;
}
.fixed-nav .li2{
	padding:8px 8px 0 6px;
	width: 38px;
	height: 38px;
	font-size:17px;
	color:#fff;
	
	background: #ccc;
	display: none;
}

.fixed-nav li:hover{
	background: #d72c46;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	cursor: pointer 
}

.navUl{
	position: absolute;
	width: auto;
	background: #fff;
	right: 0px;
	box-shadow: 0 0 10px 1px #ccc;
	z-index: 3;
	top: 20px;
	border:1px solid #d72c46;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	
}


 .gotop {
	 display:none;
    position: fixed;
    right: 0; 
	bottom:40px;
    width: 46px;
    height: 56px;
	z-index:9;
    background-color: #999;
    border: 1px solid rgba(255,255,255,.2);
    border-right: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box; cursor: pointer;color:#fff
}
 .flex-col {
 	padding:28px 0 0px 11px;
	
}
 .wyz-item {
    width: 100%;
    height: 100%;
}

#kefu_right{
	background-color: #ccc;
	color:#fff;
	padding:12px 0 8px 13px;
	
font-size:18px;
}




.breadcrumb a{font-size:16px}
.breadcrumb li+li:before {
    font-size:16px
}
.breadcrumb li+li:before {
    padding: 0 6px;
    color: #999;
    content: "/\00a0";
}
.xbanner{
	min-height:250px;
}
.xbanner a img{
	width:100%!important;;
	min-height:250px!important;;object-fit: cover;
}
.breadcrumb li{display:inline-block;margin-right:4px}
.breadcrumb {;margin-bottom:0px}
 .panel-group{max-height:770px;overflow: auto;}
         .list-group-item {
  
    border: 0;
}
  .list-group-item {
    padding:15px 10px;
  margin-bottom: 0px;
    border-bottom: 1px dashed #f5f5f5!important;;
}
       
            .leftMenu .panel-heading{font-size:14px;padding-left:20px;height:36px;line-height:36px;color:white;position:relative;cursor:pointer;}/*转成手形图标*/
            .leftMenu .panel-heading span{position:absolute;right:10px;top:12px;}
            .leftMenu .menu-item-left{padding: 2px; background: transparent; border:1px solid transparent;border-radius: 6px;}
            .leftMenu .menu-item-left:hover{color: #d72c46 ;}
.leftMenu  .on{font-weight:700;-color: #d72c46;font-style: italic;}/*转成手形图标*/
.shadow_hover{
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s;background: #fff;
	}
.shadow{
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s;box-shadow: 2px 2px 4px #999;
	}
	.shadow_hover:hover{
	box-shadow: 3px 3px 5px #999;
	}
	
	.shadow_hover{zoom:1;position: relative;list-style:none;overflow:visible !important;}
.shadow_hover .lines{display: block;position: absolute;background: #d72c46;}
.shadow_hover:after{content: "";clear: both;display: table;}

  .md-nav{position: relative; z-index: 0; width: 100%; background-color: #d72c46; margin-top:30px;}
      .md-nav ul{overflow: hidden;}
      .md-nav li{display: inline-block;padding-left: 10px;}
      .md-nav li a{display: inline-block; padding: 8px 5px; font-size: 14px; font-weight: bold; color: #fff;}
      .md-nav li a.on,.md-nav li a:hover{border-top: 4px solid #d72c46; background-color:#fff;  color: #d72c46;}
	  .bui-xz a{ padding:0px 15px;}
	  
	  .top-nav-fix{  text-align:center;height:32px;position: fixed;;right: 0;margin: auto;left:0;top:0;z-index: 1030;}
		.top-nav-fix li a{padding: 4px 5px; font-size: 14px; }
		
		
.banner_img ,.banner_img img{
	min-height:250px;-max-height:400px;
	width:100%;
	=filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=0.5);
	=webkit-filter: grayscale(40%);
	=filter: grayscale(40%);
	
	=filter: sepia(30%);
	=-webkit-filter: blur(2px); /* Chrome, Safari, Opera */
   == filter: blur(2px);/**高斯模糊*/
   =filter:contrast(70%);
   =-webkit-filter:contrast(70%);
   -filter: brightness(75%);
	-webkit-filter: brightness(90%);
	webkit-filter: brightness(90%);
}


@media only screen and (max-width:990px){
	
	
	.banner_img ,.banner_img img{
	min-height:150px;
	max-width :100%;
	object-fit: cover;

}



	.box { margin: 0 0 30px; }
}
@media only screen and (max-width:479px){
	.box .title{ font-size: 20px; }
}

.page2 {
  overflow: hidden;
  text-align: center;
  margin-top: 20px; }

.page2 ul {
  letter-spacing: -3px;
  text-indent: 0em;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0px 10px;
 }

.page2 li {
  display: inline-block;
  list-style-type: none;
  =height: 38px;
  margin: 0px;
  =line-height: 38px;
  font-size: 14px;
  letter-spacing: 0;
  *display: inline;
  *zoom: 1;
  text-align: center;
   }


.page2 li a {
  padding: 0px 15px;
  display: block;
  color: #76838f;
  font-size: 14px;
  height: 38px;
  line-height: 38px; -margin-right:5px;}

.page2 li a.prev,.page2 li a.next {
  margin-right:1px;    padding: 0px 12px;
 }

.page2 a:hover, .page2 a.active{
  color: #fff;
  background: #d72c46;
  }

.page2 .pager li>a, .page2 .pager li>span {
    border:0;;exit;;margin-right:5px
}
.previous  a,.next  a{
	border:1px solid #f5f5f5 !important;;
	border-radius:16px !important;;
}
.previous a:hover, .next a:hover{
  color: #fff;
  background: #d72c46;border-radius:16px !important;;
  }
.pager li>a, .pager li>span {
    margin-right:3px;
	
}
.list2{
	padding:10px;background: #fff;margin-bottom:30px;
     
    border:1px solid #fff!important;;transition: all 1s;
}
.list2  .img{
	position: relative;
    overflow: hidden;display:block;width: 100%;background: #fff;
    
}
 .list2 img{
    width: 100%;
	transform: scale(1);
    transition: all 1s ease;
}

.list2:hover  img {
   transform: scale(1.1);
}
 .list2  .title{
display:block;
height:60px;
line-height:22px;
    text-align: center;
    font-size: 16px;
    padding: 10px 0;transition: all 1s;
 
}

 .list2:hover .title{

 color: #fff;
  background: #d72c46;
}

.list2{zoom:1;position: relative;list-style:none;overflow:visible !important;}
.list2 .lines{display: block;position: absolute;background: #d72c46;}
.list2:after{content: "";clear: both;display: table;}
	
.body-js2 {
  padding: 30px 0px 40px; 

  }
  .body-js2 h2 {
    font-size: 22px;
    line-height: 130%;
	padding-left:15px;
	}
  .body-js2 p {
    font-size: 14px;
    color: #333;
    line-height: 1.82857143;
    padding: 5px 0px; }
    .body-js2 p span {
     /* margin-left: 15px;
      margin-right: 10px;*/ }

	
  .body-js2 .a1 {
    color: #127cdc;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    display: inline-block; }
    .body-js2 .a1:hover {
      text-decoration: underline; }
 #bkzp td, #bkzp td span, #bkzp td p,#bkzp td, .cpinfotable td ,.cpinfotable td a, .cpinfotable td span, .cpinfotable td p {font-size:12px!important}
#bkzp th{color:#fff;}
 .list3,.list4{
	
 }
  .list3 table thead, .list4 table thead {
    border-bottom: 1px solid gray;
    border-top: 1px solid #ddd;
    height: 40px;
    text-align: center;
    line-height: 40px;
}
  .list3 table {

    background-color: #fff;
}
  .list3 table th, .list4 table th {
    font-size: 12px;
    text-align: center;
    line-height: 16px;
	font-weight:normal;
    background: #d72c46;
	width:auto;
	color:#fff;
	-max-width:25%;
  }

 .list3 table tr,.list4 table tr {
    height: 34px; }

     .list3 table td{
        background: none!important;;
  }
  
     .list3 table tr:nth-child(odd){
        background: #D9D9D9!important;;
  }
  /*even偶数*/
    .list3 table tr:nth-child(even){
        background: #fff!important;;
  }
   #bkzp  tr:nth-child(odd),.cpinfotable tr:nth-child(odd){
        background: #f5f5f5!important;;
  }
    .list3 table tr:nth-child(1){
        background: #d72c46!important;;
  }
 
  .list3 table thead +tbody  tr:nth-child(1){
        background: #f5f5f5!important;;
  }
 
  .list3 .tz table td {
    text-align: center!important;;height:25px;line-height:25px;padding: 5px 5px!important;;
    vertical-align: inherit!important;; }
	
	.list3 .tz table td,.list3 .ms table td {
   border:solid 1px gray!important;font-size:16px!important;;
     }
	.list3 .tz p ,.list3 .tz p,.list3 .ms p ,.list3 .ms p span {
   font-size:16px!important; line-height: 25px;;margin-bottom:0!important;
     }
	
    .list3 table td.text-left {
      text-align: left;padding: 0 5px; }
    .list3 table td a {
      color: #d72c46;
      
	  
	  }
      word-wrap:break-word
      .list3 table td a:hover {
        color: #127cdc; }

.list3 .bt,.xgcp .bt, .list4 .bt{
  font-size: 22px;
  margin: 30px 0px;
	
    line-height: 1.1;
    color: inherit;
    font-weight: 600;
  }
  .list3 .bt span ,.list4 .bt span{
    font-size: 16px;
    display: block; }
.list3 .xgcp h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;

  margin-top: 5px;
  text-align: center; }

   .list3 li:nth-child(3n+4) {
    clear: both; }
	
	    
@media (max-width: 768px) {
	.swiper-container {
	
    height: 250px;
	
}  
 .gwc-body table{
        max-width: 100%!important;
    overflow: auto;
    overflow-x: scroll;
    display: block;
    width: 100%;
  }
  
  
 .gwc-body table::-webkit-scrollbar-thumb, .gwc-body table::-webkit-scrollbar-thumb {
      background-color: gray;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    background-clip: padding-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    min-width: 30px;
}

.gwc-body table::-webkit-scrollbar-track, .gwc-body table::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}




  
	.list3  table tr td{width:auto!important;}
	.list3 .tz  table,.list3 .ms  table{max-width: 100%!important;overflow:auto;
	overflow-x:scroll;
	display:block;width: 100%;;}
	
	table{}

	
	
	
	.list3 .tz  table::-webkit-scrollbar ,.list3 .ms  table::-webkit-scrollbar{
width: 11px;

height: 11px;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

.list3 .tz  table::-webkit-scrollbar-thumb,.list3 .ms  table::-webkit-scrollbar-thumb  {
background-color: gray;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    

background-clip: padding-box;

-webkit-border-radius:5px;

-moz-border-radius: 5px;

border-radius: 5px;

min-width: 30px;

}

.list3 .tz  table::-webkit-scrollbar-track,.list3 .ms  table::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: #EDEDED;
    }
.nav>li>a {
    border-bottom:1px solid #ccc;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    right: 40px;text-align:right;
    
}
}
.login-form, .re-form {
  background-color: #f2f2f2; }
  .login-form dl, .re-form dl {
    width: 100%;
    background: #fff;
    margin: 0px auto;
    padding: 20px 15px;
    box-shadow: 0px 0px 5px #ddd; }
  .login-form dt, .re-form dt {
    font-size: 18px;
    color: #666;
    line-height: 60px;
    font-weight: normal;
    height: 60px;
    border-bottom: 1px solid #ddd; }
    .login-form dt a, .re-form dt a {
      color: #d72c46;
      font-size: 14px; }
      .login-form dt a:hover, .re-form dt a:hover {
        text-decoration: underline; }
  .login-form dd, .re-form dd {
    padding: 15px 20px 0px; }
    .login-form dd .ipt, .re-form dd .ipt {
      width: 100%;
      border: 1px solid #ddd;
      border-radius: 5px;
      height: 37px;
      line-height: 37px;
      padding-left: 35px;
      position: relative;
      z-index: 1; }
      .login-form dd .ipt .glyphicon, .re-form dd .ipt .glyphicon {
        position: absolute;
        left: 0px;
        top: 0px;
        z-index: 1;
        font-size: 16px;
        color: #999;
        text-align: center;
        height: 35px;
        width: 35px;
        line-height: 35px; }
      .login-form dd .ipt input, .re-form dd .ipt input {
        display: block;
        border: none;
        outline: none;
        font-size: 14px;
        color: #666;
        line-height: 35px;
        height: 35px;
        width: 100%;
        border-radius: 5px; }
    .login-form dd .ipt2, .re-form dd .ipt2 {
      width: 60%;
      border: 1px solid #ddd;
      border-radius: 5px;
      height: 37px;
      line-height: 37px; }
      .login-form dd .ipt2 input, .re-form dd .ipt2 input {
        display: block;
        border: none;
        outline: none;
        font-size: 14px;
        color: #666;
        line-height: 35px;
        padding-left: 10px;
        height: 35px;
        width: 100%;
        border-radius: 5px; }
    .login-form dd .a1, .re-form dd .a1 {
      font-size: 12px;
      color: #d72c46;
      line-height: 37px;
      margin-left: 5px;
      cursor: pointer; }
    .login-form dd .ipt1, .login-form dd .jz, .login-form dd .a2, .re-form dd .ipt1, .re-form dd .jz, .re-form dd .a2 {
      margin: 0px;
      line-height: 37px;
      font-size: 12px;
      vertical-align: middle;
      display: inline-block;
      *display: inline;
      *zoom: 1;
      font-weight: normal;
      color: #d72c46;
      outline: none; }
    .login-form dd .a2:hover, .re-form dd .a2:hover {
      text-decoration: underline; }
    .login-form dd .wj, .login-form dd .a3, .re-form dd .wj, .re-form dd .a3 {
      color: #d72c46;
      font-size: 12px;
      line-height: 37px; }
      .login-form dd .wj:hover, .login-form dd .a3:hover, .re-form dd .wj:hover, .re-form dd .a3:hover {
        text-decoration: underline; }
    .login-form dd .login-btn, .re-form dd .login-btn {
      /*margin-top: 10px;*/
      background: #d72c46;
      color: #fff;
      text-align: center;
      line-height: 40px;
      height: 40px;
      font-size: 14px;
      cursor: pointer;
      border-radius: 5px;
      -ms-border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px; }
    .login-form dd .re-btn, .re-form dd .re-btn {
      margin-top: 10px;
      background: #d72c46;
      color: #fff;
      text-align: center;
      line-height: 40px;
      height: 40px;
      font-size: 14px;
      cursor: pointer;
      border-radius: 5px;
      -ms-border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px; }
.zhuce .zin{ width: 100%; padding: 5px; }
.zin{border: 1px solid #ddd;}
.gao{height:8px;}

.user {
  background-color: #f7f7f7; }

.user-body {
  
  padding: 15px 0px; }
  .user-right1{background-color: #fff;padding:20px}
  .user-body .user-left {
    margin-bottom: 10px; }
    .user-body .user-left dt {
      font-size: 18px;
      color: #666;
      line-height: 30px;
      margin-bottom: 10px; }
    .user-body .user-left dd {
      padding: 10px 0px;
      border-bottom: 1px solid #ddd;
      font-size: 14px;
      line-height: 20px; }
      .user-body .user-left dd a {
        color: #aaa; }
        .user-body .user-left dd a:hover, .user-body .user-left dd a.on {
          color: #d72c46; }
  .user-body .user-right1 .bt {
    font-size: 18px;text-align:center;
    color: #999;
    margin-bottom: 10px; }
  .user-body .user-right1 table {
    width: 100%;
    /*border-top: 1px solid #ddd;*/
    }
    .user-body .user-right1 table td {
     /* border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;*/
      padding: 10px; }
      .user-body .user-right1 .user_order{
        border-top: 1px solid #ddd;
      }
      .user-body .user-right1 .user_order td{
      border :1px solid #ddd;
     
      }
      .user-body .user-right1 table td:nth-child(1){
        text-align: right;
      }
      .user-body .user-right1 table.user_order td:nth-child(1){
        text-align: left;
      }
      .user-body .user-right1 table td.color1 {
        color: #aaa; }
      .user-body .user-right1 table td .a1 {
        color: #d72c46;
        margin-left: 10px;
        text-decoration: underline; }
      .user-body .user-right1 table td select {
        width: 100px;
        height: 40px;
        padding-left: 10px;
        background: #fff;
        outline: none;
        border: 1px solid #ddd;
        margin-right: 10px; }
      .user-body .user-right1 table td input {
        width: 100%;
        max-width: 400px;
        height: 40px;
        padding: 0px 10px;
        background: #fff;
        color: #666;
        outline: none;
        /*border: 1px solid #ddd; */}
      .user-body .user-right1 table td .user-btn1 {
        display: block;
        cursor: pointer;
        margin: 0px auto;
        border-radius: 5px;
        width: 100px;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        color: #d72c46;
        background: #fff;
        border: 1px solid #d72c46; }
        .user-body .user-right1 table td .user-btn1:hover {
          color: #fff;
          background: #d72c46; }
		  .body-js3 .s1 {
  font-size: 14px;
  padding: 8px 0px;
  display: block;
  color: #333;
  font-weight: normal; }
   /* 购物车 2021/7/21 姚有勇 viqecel
  }*/
.gwc {
  background-color: #f7f7f7; }

.gwc-body {
  background-color: #fff; }
  .gwc-body .hd {
	  display:table;
	  width:100%;
    clear: both;
    overflow: hidden;
    border-bottom: 1px solid #ddd; }
    .gwc-body .hd li {
		float:none;
		display:table-cell;
		vertical-align:middle;
      height: 80px;
      line-height: 120%;
      font-size: 14px;
      color: #666; }
  .gwc-body .bd {
	  display:table;
	  width:100%;
    clear: both;
    overflow: hidden; }
    .gwc-body .bd li {
		float:none;
		display:table-cell;
		vertical-align:middle;
      line-height: 120%;
      padding: 20px 15px;
      font-size: 14px;
      color: #666; }
  .gwc-body .ft {
    padding: 0px 15px; }
    .gwc-body .ft .a1 {
      padding:0 10px;
      height: 50px;
      line-height: 50px;
      display: block;
      background: #b1b1b1;
      font-size: 14px;
      color: #fff;
      text-align: center;
	  float:left;
	  }
    .gwc-body .ft .a2 {
      /*width: 100px;
      height: 40px;*/
      line-height: 40px;
      padding: 0px 15px;
      border-radius: 10px;
      background: #d72c46;
      font-size: 14px;
      color: #fff;
      text-align: center; }
    .gwc-body .ft .a3 {
      padding:0 10px;
      height: 50px;
      line-height: 50px;
      display: block;
      background: #b1b1b1;
      font-size: 14px;
      color: #fff;
      text-align: center; margin-left:10px;float:left;}
    .gwc-body .ft .s1 {
      color: #d72c46;
      font-size: 18px;
      display: block;
      text-align: right;
      line-height: 50px;
      margin-right: 10px; }
	 .gwc-body .ft .l a{
		 height:36px;
		 line-height:34px;
		background-color:#fff;
		border:1px solid #b1b1b1;
		color:#666;
		 box-shadow:3px 3px 10px #aaa;
		 border-radius:10px;

	 }
	 .gwc-body .ft .l a:hover{
		  background: #f5f5f5;
		
	 }
	 .gwc-table{
    width: 100%;
    font-size: 12px;
	   
  
    width: 100%;
  }

  .gwc-table th{
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
        padding: 8px 8px;
        line-height: 1.42857143;
        vertical-align: top;
        background: #d72c46;
		color:#fff;
       
  }
  .gwc-table th:nth-last-child(1){
    text-align: center;
  }
  .gwc-table td{
        padding: 8px 8px;
        line-height: 1.42857143;
        vertical-align: middle;
        border-bottom: 1px solid #eee;
        border-right: 1px solid #eee;
  }
  .gwc-table td:nth-last-child(1){
    text-align: center;
  }
  .gwc-table tr:nth-child(odd){
        background: #f5f5f5;
  }
  .bsc{border:1px solid rgb(191,184,191);margin:auto;padding:10px;border-collapse:inherit;}
.bsc td{padding:5px 0px;}
.zhuce .zin{ width: 100%; padding: 5px; }
.zin{border: 1px solid #ddd;}
.gao{height:8px;}
.wm-body li {
  padding: 15px; }
  .wm-body li h3 {
    font-size: 20px;
    color: #d72c46; }
	
	
.box{
	
	overflow: hidden;
	position: relative;
	z-index: 1;
	transition: all .5s;
}
.box:hover{ box-shadow: 3px 3px 5px #999; }
.box:before,
.box:after{
	content: "";
	background: radial-gradient(circle at 23% 70%,rgba(0,0,0,0.3),#111 80%);
	width: 150%;
	height: 150%;
	opacity: 0;
	transform: rotate(45deg);
	position: absolute;
	top:-10.5%;
	right:-150%;
	z-index: 1;
	transition: all 0.35s ease;
}
.box:after{
	background: rgba(0,0,0,0.2);
	width: 65%;
	height: 65%;
	right: auto;
	left: -20%;
	top: -65%;
}
.box:hover:before{
	opacity: 1;
	right: -85.7%;
}
.box:hover:after{
	opacity: 1;
	top: -42%;
}
.box img{
	width: 100%;
	height: auto;
	transition: all 0.5s ease;
}
.box:hover img{ transform: scale(1.2); }
.box .box-content{
	text-align: right;
	transform: translateY(-50%);
	position: absolute;
	top: 45%;
	right: -100%;width:72%;
	z-index: 2;
	transition: all .5s;
}
.box:hover .box-content{ right: 1%; }
.box .title a{
	color: #f2ce1f;
	font-size: 21px;
	text-transform: capitalize;
	margin: 0 0 3px 0;
}
.box .post{
	font-size: 16px;color: #FFF;
	text-transform: capitalize;
	margin: 0 0 10px;
	display: block;
}
.box .icon{transition: all 0.35s ease;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;bottom:10px;right:-50px;z-index: 3;
}
.box:hover .icon{
right:10px;
}
.box .icon li{
	display: inline-block;
	margin: 0 4px;
}
.box .icon li a{
	color: #000;
	background-color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 35px;
	height: 35px;
	width: 35px;
	border-radius: 50%!important;
	display: block;
	transition: all 0.5s;
}
.box .icon li  a:hover{
	color: #1e272e;
	background-color: #fff;
	border-radius: 10%!important;
	box-shadow: 0 0 5px #1e272e inset;
}
.box2{display:inline-block}
.email-con {
  background-color: #fff;
  padding: 20px; }
  .email-con .bt {
    font-size: 36px;
    color: #555;
    font-weight: bold;
    text-align: center; }
  .email-con .bt2 {
    font-size: 18px;
    color: #555;
    font-weight: bold;
    text-align: center; }
  .email-con ul {
    max-width: 600px;
    margin: 0px auto; }
    .email-con ul .txt2 {
      display: inline-block;
      height: 30px;
      line-height: 30px;
      font-size: 16px;
      color: #555; }
      .email-con ul .txt2 span {
        color: #f00; }
    .email-con ul select, .email-con ul  .text{
      width: 100%;
      height: 33px;
     line-height: 33px;
      padding: 0px 10px;
      border: 1px solid #ddd;
      outline: none; }
    .email-con ul textarea {
      width: 100%;
      line-height: 24px;
      padding: 10px;
      border: 1px solid #ddd;
      outline: none; }
    .email-con ul .ly-btn1 {
      width: 100px;
      height: 40px;
      margin: 0px auto;
      line-height: 40px;
      text-align: center;
      font-size: 16px;
      background-color: #d72c46;
      color: #fff;
      border: none;
      outline: none;
      cursor: pointer; }
      .email-con ul .ly-btn1:hover {
        0background-color: #007945; }
    .email-con ul li {
      padding: 10px 0px; }
    .email-con ul .box {
      =width: 100%;
      =height: 50px;
      =text-align: center; }
    .email-con ul .ck {
      =display: none; }
    .email-con ul .label {
      =width: 100%;
     = height: 100%;
      display: inline-block;
      position: relative;
      =line-height: 50px;
      font-size: 12px;
	  font-weight:100;
      color: #555; }
    .email-con ul .label2:active {
      background: #EEEEEE; }
    .email-con ul .label2:after {
      content: "";
      /*蹇呴』璁剧疆*/
      display: inline-block;
      width: 20px;
      height: 20px;
      border: 1px solid green;
      position: absolute;
      top: 15px;
      left: 15px;
      border-radius: 20px; }
    .email-con ul .label.fk2:after {
      content: "";
      /*蹇呴』璁剧疆*/
      display: inline-block;
      width: 20px;
      height: 20px;
      border: 1px solid green;
      position: absolute;
      top: 15px;
      left: 15px;
      border-radius: 0px; }
    .email-con ul input:checked + .label:after {
      -background-color: green; }
    .email-con ul .0line {
      width: 100%;
      height: 1px;
      background: #eee;
      opacity: 0.2; }
	  
.list-me .list_menu.swiper-container {
  border-bottom: 1px solid #ddd; }
.list-me .swiper-wrapper {
  margin: 0px auto; }
.list-me .swiper-slide {
  cursor: pointer;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  text-align: center;
  padding: 0px 10px;
  white-space: nowrap;
  background: #fff;
  color: #333;
  border: none;
  height: 48px;
  line-height: 48px;
  width: auto;
  margin: 0px 6px;
  font-size: 24px; }
  .list-me .swiper-slide a.on, .list-me .swiper-slide a:hover {
    color: #d72c46; }

  .new-body .new-list li {background:#fff; 
    padding: 15px 0;
    width: 100%;margin-bottom:30px; }
    .new-body .new-list li .media_img {
       }
   
      .new-body .new-list li .nr h3 {
        font-size: 22px;
        font-weight: normal;
        line-height: 32px;padding:10px 0;
        margin-bottom: 5px; margin-top:0px}
        .new-body .new-list li .nr h3 a {
          color: #666; }
          .new-body .new-list li .nr h3 a:hover {
            text-decoration: underline;
            color: #d72c46; }
      .new-body .new-list li .nr p {
        font-size: 14px;
        color: #aaa; }
      .new-body .new-list li .nr span {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        padding-right: 10px;
        font-size: 14px;
        color: #666;
        line-height: 20px;
        margin-top: 5px; }
        .new-body .new-list li .nr span i {
          margin-right: 5px; }



.media_con {
  display: table-cell;
  vertical-align: top; }
	.qr {
  background-color: #f7f7f7; }

.qr-body dt {
  color: #333;
  font-size: 22px;
  padding:15px 0 0 0px; }
.qr-body dd {padding:30px 0;
  border-bottom: 1px solid #ddd; }
  .qr-body dd label {
    color: #333;
    font-size: 16px;
    line-height: 34px;
    font-weight: normal;
    =margin: 5px 0px 5px 0px; }
  .qr-body dd .s1 {
    border-color: #e0e0e0;
    color: #999;
    margin-right: 10px;
    border: 1px solid #e0e0e0;
    height: 38px;
    line-height: 38px;
    padding: 0px 30px;
    margin: 5px 10px 5px 0px;
    display: inline-block; }
  .qr-body dd .s2 {
    color: #999;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    margin-right: 10px;
    margin: 5px 10px 5px 0px; }
     .qr-body dd .s4 {
    color: #999;
    line-height: 38px;
    display: inline-block;
    margin-right: 10px;
    margin: 5px 10px 5px 0px; }
    .qr-body dd .s5 {
    color: #999;
    line-height: 38px;
    display: block;
    margin: 5px 10px 5px 0px; }
  .qr-body dd .a1 {
    color: #999;
    height: 38px;
    line-height: 38px;
    margin: 5px 0px 5px;
    display: inline-block; }
    .qr-body dd .a1:hover {
      text-decoration: underline; }
  .qr-body dd .a2 {
    color: #999;
    height: 38px;
    line-height: 38px;
    margin: 5px 0px 5px;
    float: right; }
    .qr-body dd .a2:hover {
      text-decoration: underline; }
  .qr-body dd .s3 {
    background: rgba(245, 245, 245, 1);
    color: #333;
    border: 1px solid #e0e0e0;
    height: 38px;
    margin: 5px 10px 5px 0px;
    line-height: 38px;
    padding: 0 30px;
    display: inline-block;
    cursor: pointer; }
    .qr-body dd .s3:hover, .qr-body dd .s3.on {
      border-color: #d72c46;
background: #d72c46;
      color: #fff;
       }
  .qr-body dd textarea {
    width: 100%;
    max-width: 500px;
    line-height: 24px;
    height: 60px;
    outline: none; }
  .qr-body dd ul {
    background: #fff;
    overflow: hidden;
    clear: both;
    padding: 15px 0px;
    color: #333; }
    .qr-body dd ul .s4 {
      color: #d72c46; }
  .qr-body dd .s5 {
    font-size: 14px;
    color: #999;
   /* height: 38px;*/
    line-height: 28px;
    margin: 0px 5px; }
  .qr-body dd .s6 {
    font-size: 30px;
    color: #d72c46;
    height: 38px;
    line-height: 38px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0px 5px; }
  .qr-body dd .qr-btn1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    /*width: 100px;*/
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    padding: 0px 15px;
    text-align: center;
    font-size: 16px;
    color: #d72c46;
    background: #fff;
    border: 1px solid #d72c46;
    margin-top: 20px; }
    .qr-body dd .qr-btn1:hover {
      color: #fff;
      background: #d72c46; }

.shr {
  background-color: #f7f7f7; }

.shr-body dt {
  color: #333;
  font-size: 22px;
  padding: 28px 15px; }
.shr-body dd {
  padding: 5px 0px; }
  .shr-body dd label {
    color: #333;
    font-size: 16px;
    line-height: 14px;height: 14px!important;; display: inline-block;
    font-weight: normal;
    margin: 5px 0px 5px 0px; }
  .shr-body dd .glyphicon-asteris {
    color: red; font-size: 14px; }
  .shr-body dd .nr select {
    width: 200px;
    height: 40px;
    padding-left: 10px;
    background: #fff;
    outline: none;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-bottom: 10px; }
  .shr-body dd .nr input {
    width: 100%;
    max-width: 400px;
    height: 40px;
    padding: 0px 10px;
    background: #fff;
    color: #666;
    outline: none;
    border: 1px solid #ddd;
    margin-right: 10px;
    margin-bottom: 10px; }
  .shr-body dd .shr-btn1 {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #d72c46;
    background: #fff;
    border: 1px solid #d72c46;
    margin-top: 20px; }
    .shr-body dd .shr-btn1:hover {
      color: #fff;
      background: #d72c46; }
	  
.tjcg {
  background-color: #f7f7f7; }

.tjcg-body {
  background-color: #fff;
  padding: 15px; }
  .tjcg-body dt {
    font-size: 16px;
    color: #666;
    font-weight: normal;
    line-height: 20px;
    padding: 15px 0px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px; }
    .tjcg-body dt .fa {
      color: #b5da50;
      margin-right: 10px; }
    .tjcg-body dt .s1 {
      color: #d72c46;font-size:18px }
  .tjcg-body dd {
    padding: 5px 0px; }
    .tjcg-body dd label {
      width: 200px;
      font-size: 14px;
      color: #aaa;
      line-height: 20px;
      font-weight: normal; }
    .tjcg-body dd .nr {
      font-size: 14px;
      color: #666;
      line-height: 20px; }
    .tjcg-body dd .tjcg-btn1 {
      margin: 10px auto 0px;
      border: 1px solid #d72c46;
      width: 200px;
      text-align: center;
      line-height: 40px;
      height: 40px;
      background: #FFF;
      font-size: 16px;
      color: #d72c46;
      cursor: pointer; display: block;}
      .tjcg-body dd .tjcg-btn1:hover {
        background: #d72c46;
        color: #fff; }

.index-title{
	text-align:left;position:absolute;
	color:#FFF;
	left:10%;width:90%;
 top:20%;
}
.bigtitle{
	width:90%;color:#d72c46; font-size:200%;font-weight:bold;padding-bottom:20px;
}
.mdtitle{
	width:90%;color:#eee; font-size:130%;padding-bottom:20px;
}
.xstitle{
	width:90%;color:#eee; font-size:100%;
}
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: 768px) {
.bigtitle{
	width:80%;color:#d72c46; font-size:360%;font-weight:bold;padding-bottom:20px;
}
.mdtitle{
	width:80%;color:#eee; font-size:190%;padding-bottom:20px;
}
.xstitle{
	width:80%;color:#eee; font-size:100%;
}
  .login-form, .re-form {
    background-color: #f2f2f2; }
    .login-form dl, .re-form dl {
      width: 400px;
      padding: 20px 30px; }
.re-form dl {
      width: 500px;
      padding: 20px 30px; }
	  .tbtitle3{
		  
		  =width:15%!important;
	  }
	   .tbtitle4{
		  
		  width:28%!important;
	  }
 }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: 992px) {


.bigtitle{
	width:90%;font-size:400%;font-weight:bold;padding-bottom:20px;
}
.mdtitle{
	width:90%;font-size:220%;padding-bottom:20px;
}
.xstitle{
	width:90%;font-size:120%;
}
.breadcrumb{padding-left:0!important;}
.md-mr20{margin-right:20px}.md-mr30{margin-right:30px}
.md-pdl10{padding-left:10px}.md-pd20{padding:20px}.md-pd30{padding:30px}.md-pd35{padding:35px}.md-pd40{padding:40px}.md-pd80{padding:80px}.md-pd60{padding:60px}
 }

/* 大屏幕（大桌面显示器，大于等于 1200px） 
html {overflow-y:scroll;}

*/

@media (min-width: 1200px) {
	.navbar-nav>li {
		float: left;}
		 .new-body .new-list li .nr {
      padding-left: 20px; }
 .my-navbar .active a{
	   background:transparent;}
	.my-navbar a{background:none}
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background: none;
}	
.index-title{
	text-align:left;position:absolute;
	color:#FFF;
	left:15%;width:80%;
 top:18%;
}
.bigtitle{
	width:90%;font-size:440%;font-weight:bold;padding-bottom:20px;
}
.mdtitle{
	width:90%;font-size:220%;padding-bottom:20px;
}
.xstitle{
	width:50%;font-size:120%;
}
.lg-pd30{padding:30px!important;}
}

@media only screen and (max-width:1199 px){
	
.navbar-nav a{
    background:#fff;
	
}
.my-navbar .active a {
    background: #fff;
}
.nav>li>a {
    padding-left: 25px;
}
.navbar-nav {
		overflow:hidden
	}
}


@media only screen and (max-width:992px){
.bigtitle_in{

	
 font-size:180%;font-weight:bold;
}
.mdtitle_in{
	font-size:130%;
}}


.github-buttons {
    margin: 15px 0;
}

.github-buttons img {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
}

.proportion {
    position: relative;
}

.proportion .filler {
    width: 100%;
    padding-top: 60%;
}


.mag-eg-row {
    margin-bottom: 15px;
}
.mag-eg-el-wrap {
  margin-bottom: 15px;
  width: 100%;
}
.mag-eg-doc {
    margin: 20px;
}

.outer-wrap {
    position: relative;
    float: left;
}
/*
[mag-zoom="outer"] {
    position: absolute;
    z-index: 10;
    left: 100%;
}
*/


[mag-thumb="inner-inline"] {
    float: left;
}


.mag-eg-hud {
    position: absolute;
    z-index: 10;
    text-align: right;
    padding: 0.5em;
    color: white;
    background: black;
    background: rgba(0,0,0,0.5);
}

.mag-eg-hud-left {
    left: 0;
    bottom: 0;
    text-align: left;
}

.mag-eg-hud-right {
    right: 0;
    bottom: 0;
    text-align: right;
}
.dropdown{position: relative;}

.head {z-index:4;position: absolute;top:37px;left:-580px;width:100%; }
.head .top .container{z-index:2; position: relative;}
.head .top-nav {
  margin-top: 35px; z-index:2;}
  .head .top-nav li {z-index:2;
    float: left;
    margin: 0px 20px; }
    .head .top-nav li a {
      color: #666; }
      .head .top-nav li a:hover {
        color: #006699; }
.head .nav {
  background-color: #d72c46;
 z-index:2;
}
  .head .nav ul {
    position: relative;
    z-index: 2; }
  .head .nav li {
    float: left;
    width: 142px;
    
    background-color: #d72c46; }
    .head .nav li:hover > .a1 {
      background-color: #c01832; }

    .head .nav li.search {
      width: 50px;
      float: right; }
      .head .nav li.search img {
        display: block;
        margin: 17px auto 0px; }
    .head .nav li .a1 {
      font-size: 14px;
	  padding: 10px 0px;
	  /*padding: 0px 19px;*/
      background-color: #d72c46;
      display: block;
      color: #fff;
      font-weight: bold;
  
      text-align: center; }
    .head .nav li .menu {
	min-height:410px;  top:450px;
      position: absolute;
      -visibility: hidden;
      display:none;
      z--index: -1;
      left: -15px;
    
      width: 1150px;
      transform: translate(0px, -100%);
      background-color: #f5f5f5;
      /*border-top: 6px solid #d72c46;*/
      transition: 0.5s all; }
    .head .nav li dl {
      width: 100%;margin-bottom:0;
      border-right: 1px solid #c5c5c5; }
    .head .nav li dd.on .a2 {
      background-color: #999;
      color: #fff; }
    .head .nav li dd.on .nr {
      display: inline-block;
      *display: inline;
      *zoom: 1; }
    .head .nav li .a2 {
      float: left;
      width: 255px;
      line-height: 20px;
      font-size: 14px;
      color: #7c7c7c;
      padding: 12px 10px;
      border-bottom: 1px solid #cbcbcb;
      background-color: #dbdbdb; }
      .head .nav li .a2 span {
        float: right; }
    .head .nav li .nr {
      display: none;
      position: absolute;
      z-index: 1;
	  right:0px;
      width: calc(100% - 255px);
      height: 100%;
      padding: 10x; top:0px;}
      .head .nav li .nr .item {
        clear: both; }
        .head .nav li .nr .item a {
          width: 50%;
         
       
          font-size: 13px;
          float: left;
          color: #7c7c7c;padding-left:10px;padding-top:10px; }
          .head .nav li .nr .item a:hover {
            color: #4687d9; }
      .head .nav li .nr .a3 {
        position: absolute;
        color: #d72c46;
        text-decoration: underline;
        right: 20px;
        bottom: 20px;
        z-index: 1; }
        .head .nav li .nr .a3:hover {
          font-weight: bold; }
		  
		  


a.img-card--thumb:focus .img-card__img img,a.img-card--thumb:hover .img-card__img img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

a.img-card--thumb:focus .img-card__img:before,a.img-card--thumb:hover .img-card__img:before{
	height: 80%
}


.img-card {
	color: #333;
	display: block;
	outline: 0;
	position: relative;
	text-decoration: none;
	-webkit-transition: box-shadow .3s cubic-bezier(.75,0,0,.75),color .3s cubic-bezier(.75,0,0,.75);
	transition: box-shadow .3s cubic-bezier(.75,0,0,.75),color .3s cubic-bezier(.75,0,0,.75)
}


.img-card__img{
	overflow: hidden;
	position: relative
}
.img-card__img:before{
	content: "";
	background: -webkit-gradient(linear,left top,left bottom,from(transparent),to(#000));
	background: linear-gradient(180deg,transparent,#000);
	display: none;
	height: 50%;
	position: absolute;
	bottom: 0;
	left: 0;
	-webkit-transition: height .3s cubic-bezier(.75,0,0,.75);
	transition: height .3s cubic-bezier(.75,0,0,.75);
	width: 100%;
	z-index: 1
}

 .Laboratory:after {
    content: "";
    border-left: 12px solid #d72c46;
    border-top: 12px solid #d72c46;
    border-color: transparent #d72c46 #d72c46 transparent;
    border-style: solid;
    border-width: 12px;
    bottom: 0;
    display: block;
    height: 0;
    margin-bottom: -1px;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 2;
}

.Laboratory:before {
    content: "";
    border: 12px solid #eee;
    bottom: 0;
    height: 0;
    position: absolute;
    right: 0;
    width: 0;
    z-index: 2;
}
.bt1{color: #fff;background:#00183f;border:1px solid #00183f;;}
.bt1:hover{background:#d72c46;border:1px solid #d72c46;; transition: all 1s;}
.h4 a{color:#fff;transition: all 1s;}
.h4 a:hover{color:#e3b037;}
.head2{z-index:33;position: absolute;top:0;left:0;right:0;}
.head2 .top {
  /*height: 60px;*/
  background: #e0e0e0;
  line-height: 60px; }
  .head2 .top .search {
    width: 60px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    margin-top: 5px;
    text-align: center;
    color: #666;
    border-left: 1px solid #aaa; }
  .head2 .top .yuyan {
    text-align: right;
    line-height: 50px;
    margin-top: 5px;
    margin-right: 10px; }
    .head2 .top .yuyan a, .head2 .top .yuyan span {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      font-size: 14px;
      color: #666; }
    .head2 .top .yuyan a:hover {
      text-decoration: underline; }
    .head2 .top .yuyan span {
      margin: 0px 10px; }
.head2 .nav {
  height: 55px;
  line-height: 55px;z-index:33 }
  .head2 .nav .menu-btn {
    width: 40px;
    height: 55px;
    line-height: 55px;
    color: #777;
    font-size: 18px;
    text-align: center; ;}
.head2 .top-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  background: #f7f7f7;
  width: 310px;
  height: 100vh;
  transform: translateX(-310px);
  -webkit-transform: translateX(-310px);
  -moz-transform: translateX(-310px);
  -ms-transform: translateX(-310px);
  -o-transform: translateX(-310px);
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s,-webkit-transform 0.5s;
  -webkit-transition: transform 0.5s; }
  .head2 .top-nav.show-up {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0); }
  .head2 .top-nav .bt {
    margin-right: 15px;
    font-size: 20px;
    line-height: 45px;
    color: #666; }
  .head2 .top-nav ul {
    height: calc(100vh - 45px);
    overflow: auto;
    background-color: #f0f0f0; }
  .head2 .top-nav li {
    border-top: 1px solid #c2c2c2;
    padding: 0px 15px;
    height: 50px;
    line-height: 50px;
    color: #666; }
    .head2 .top-nav li.li {
      background: #d72c46; }
      .head2 .top-nav li.li .a1, .head2 .top-nav li.li .s1 {
        color: #fff; }
    .head2 .top-nav li .a1 {
      fonz-size: 14px;
      color: #666; }
    .head2 .top-nav li .menu {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 600;
      background: #fff;
      width: 310px;
      height: 100vh;
      transform: translateX(-310px);
      -webkit-transform: translateX(-310px);
      -moz-transform: translateX(-310px);
      -ms-transform: translateX(-310px);
      -o-transform: translateX(-310px);
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s,-webkit-transform 0.5s;
      -webkit-transition: transform 0.5s; }
      .head2 .top-nav li .menu.on {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0); }
      .head2 .top-nav li .menu .bt2 {
        font-size: 14px;
        text-align: center;
        color: #fff;
        height: 45px;
        line-height: 45px;
        background-color: #d72c46; }
        .head2 .top-nav li .menu .bt2 .bt1-ico {
          font-size: 20px;
          height: 45px;
          line-height: 45px;
          margin-left: 15px; }
      .head2 .top-nav li .menu dl {
        height: calc(100vh - 45px);
        overflow: auto; }
      .head2 .top-nav li .menu dd {
        border-bottom: 1px solid #c2c2c2;
        padding: 0px 15px;
        height: 50px;
        line-height: 50px;
        color: #666; }
        .head2 .top-nav li .menu dd .a2 {
          fonz-size: 14px;
          color: #666; }
    .head2 .top-nav li .nr {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 600;
      background: #fff;
      width: 310px;
      height: 100vh;
      transform: translateX(-310px);
      -webkit-transform: translateX(-310px);
      -moz-transform: translateX(-310px);
      -ms-transform: translateX(-310px);
      -o-transform: translateX(-310px);
      transition: -webkit-transform 0.5s;
      transition: transform 0.5s;
      transition: transform 0.5s,-webkit-transform 0.5s;
      -webkit-transition: transform 0.5s; }
      .head2 .top-nav li .nr.on {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0); }
      .head2 .top-nav li .nr .bt2 {
        font-size: 14px;
        text-align: center;
        color: #fff;
        height: 45px;
        line-height: 45px;
        background-color: #d72c46; }
        .head2 .top-nav li .nr .bt2 .bt2-ico {
          font-size: 20px;
          height: 45px;
          line-height: 45px;
          margin-left: 15px; }
      .head2 .top-nav li .nr .cen {
        height: calc(100vh - 45px);
        overflow: auto;
        position: relative;
        z-index: 4; }
      .head2 .top-nav li .nr .a4 {
        /*left: 15px;
        bottom: 15px;
        position: absolute;
        z-index: 4;*/
        padding: 0px 15px;
        float: right;
        clear: both;
        font-size: 14px;
        color: #d72c46;
        text-decoration: underline; }
      .head2 .top-nav li .nr .a3 {
        border-bottom: 1px solid #c2c2c2;
        padding: 0px 15px;
        height: 50px;
        overflow: hidden;
        line-height: 50px;
        color: #666; }
        .head2 .top-nav li .nr .a3 a {
          fonz-size: 14px;
          color: #666; }
.head2 .overlay-body {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 450;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
  display: none; }
.list2-left {
  position: relative;background-color: #f5f5f5;padding:10px;
  ;
  z-index: 1; }
  .list2-left .bt {
    font-size: 18px;
    font-weight: bold;
    line-height: 40px;
height: 40px;
    margin-bottom: 10px; border-bottom:2px solid #e8e8e8;}
  .list2-left .item {
    overflow: hidden; }
    .list2-left .item.select {
      height: 30px; }
  .list2-left dl {
    height: auto;
    overflow: hidden;margin:8px 0}
    .list2-left dl.on {
      }
  .list2-left dt {
    cursor: pointer;
    margin-bottom: 4px; }
  .list2-left dd {
    padding: 2px 0px;
    clear: both;
    overflow: hidden;border-bottom:1px dashed #e8e8e8; }
    .list2-left dd label {
      font-weight: normal; }
    .list2-left dd label.s1 {
      display: inline-block;
      line-height: 100%;
      vertical-align: middle; }
    .list2-left dd .s1 {
      float: right;
      height: 18px;
      font-size: 12px;
      line-height: 18px;
      padding: 0px 5px;
      =background-color: #999;
      border-radius: 9px;
      font-weight: bold;
      color: #ec6941; }
    .list2-left dd .ipt1 {
      margin-top: 0px;
      margin-right: 5px;
      outline: none; }
  .list2-left .s2 {
    color: #d72c46;
    cursor: pointer;
    margin-bottom: 10px;
    display: inline-block; }
    .list2-left .s2 i {
      margin-right: 5px; }
  .list2-left .sx-btn {
    margin-top: 10px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    background-color: #127cdc; }

  .a_slow{	-webkit-animation-fill-mode: both;	-moz-animation-fill-mode: both;	-ms-animation-fill-mode: both;	-o-animation-fill-mode: both;	animation-fill-mode: both;	-webkit-animation-duration: 2.6s;	-moz-animation-duration: 2.6s;	-ms-animation-duration: 2.6s;	-o-animation-duration: 2.6s;	animation-duration: 2.6s;}
  .show{display:block;}


@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
	  .show2:hover{
  -webkit-animation: icon-bounce 1.0s alternate;
  -moz-animation: icon-bounce 1.0s alternate;
  -o-animation: icon-bounce 1.0s alternate;
  animation: icon-bounce 1.0s alternate;
}

	  @-webkit-keyframes elasticInUp {0% {opacity:0;-webkit-transform:translateY(1000px);-webkit-animation-timing-function:ease-in-out}60% {opacity:1;-webkit-transform:translateY(-30px);-webkit-animation-timing-function:ease-in-out}80% {-webkit-transform:translateY(10px);-webkit-animation-timing-function:ease-in-out}100% {-webkit-transform:translateY(0)}}@-moz-keyframes elasticInUp {0% {opacity:0;-moz-transform:translateY(1000px);-moz-animation-timing-function:ease-in-out}60% {opacity:1;-moz-transform:translateY(-30px);-moz-animation-timing-function:ease-in-out}80% {-moz-transform:translateY(10px);-moz-animation-timing-function:ease-in-out}100% {-moz-transform:translateY(0)}}@-o-keyframes elasticInUp {0% {opacity:0;-o-transform:translateY(1000px);-o-animation-timing-function:ease-in-out}60% {opacity:1;-o-transform:translateY(-30px);-o-animation-timing-function:ease-in-out}80% {-o-transform:translateY(10px);-o-animation-timing-function:ease-in-out}100% {-o-transform:translateY(0)}}@keyframes elasticInUp {0% {opacity:0;transform:translateY(1000px);animation-timing-function:ease-in-out}60% {opacity:1;transform:translateY(-30px);animation-timing-function:ease-in-out}80% {transform:translateY(10px);animation-timing-function:ease-in-out}100% {transform:translateY(0)}}.elasticInUp {	-webkit-animation-name:elasticInUp;	-moz-animation-name:elasticInUp;	-o-animation-name:elasticInUp;	animation-name:elasticInUp}
	 

	  .tz img, #list3 img, .article img ,.list3 img{
    display: block!important;
    margin: 0 auto!important;
    float: none!important;
    max-width: 100%!important;
    height: auto!important;
}
.facebook {
color:#ccc;font-size:16px;
}
.facebook a{
color:#eee;font-size:22px;margin-top:20px;margin-right:3px;transition: all .8s;
}
.facebook a:hover{
text-decoration:none;
color:#bbb;
}
.fan-list a{color:#666;font-size:18px;1line-height:40px;1height:40px;display:block;border-bottom: 1.3px solid rgba(68,79,88,0.13);padding:10px 0;margin-bottom:5px;}
.fan-list a:hover{background:url(../images/dot.png) repeat;}
.img-card__img img{
	height: 100%;height: 300px;
	-o-object-fit: cover;
	object-fit:cover;object-position:center;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	margin-bottom: 0;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.75,0,0,.75);
	transition: -webkit-transform .3s cubic-bezier(.75,0,0,.75);
	transition: transform .3s cubic-bezier(.75,0,0,.75);
	transition: transform .3s cubic-bezier(.75,0,0,.75),-webkit-transform .3s cubic-bezier(.75,0,0,.75);
	width: 100%
}

.img-card__body{
	padding: 13px 0;
	position: relative;
	z-index: 1
}

.img-card__body>:last-child{
	margin-bottom: 0!important
}

.img-card__title{
	font-size: 2em;
	margin: 0 0 13px;
	color:#fff;
}

.img-card__desc{
	font-size: 1em;
	margin: 0 0 13px;
	color:#aaa;
}
.img-card--box:before {
	content: "";
	border: 12px solid #8c8c8c;
	bottom: 0;
	height: 0;
	position: absolute;
	right: 0;
	width: 0;
	z-index: 2;color:#fff;
}



.img-card--thumb .img-card__img:before,.img-card__img:before {
	display: block
}

.img-card--thumb .img-card__body,.course-item__body,.img-card__body {
	bottom: 0;
	padding: 15px;
	position: absolute;
	width: 100%
}

.footer {
  background: #242a37; padding-top:30px;}
  .footer li {
    margin: 25px 0; }
    .footer li .foot-nav {
      margin-bottom: 23px; }
      .footer li .foot-nav a {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        
        line-height:30px;
        color: #ccc; }
        .footer li .foot-nav a:hover {
          text-decoration: underline; }
    .footer li .bt {
      color: #bbb;
      font-size: 18px;
      margin-bottom: 10px; }

    .footer li dt {
      font-weight: normal; }
    .footer li dd {
      font-size: 14px;
      line-height: 20px;
      color: #bbb;
      padding: 3px 0px; }

  .footer .login a, .footer .login span {
    display:block;
    margin-bottom: 20px;
    *zoom: 1;
    font-size: 14px;
    color: #d72c46; 
	}
  .footer  a:hover {
    text-decoration: underline; }

.part4{
padding: 20px 0 ;
background-size: cover;
}
.part4 .content{margin-top: 10%;}
.part4 .content > .con-l{float: left;width: 49%;}
.part4 .content > .con-r{float: right;width: 50%;}
.w1500 {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    max-width: 1500px;
}
.about-info-show {
    font-size: 0;
    text-align: center;
}
.about-info-show > .item:first-child {
    border-left: 0;
}
.about-info-show > .item {
    display: inline-block;
    vertical-align: top;
    width: 16%;
    
    font-size: 14px;
    text-align: center;
    color: #fff;
}
.about-info-show > .item .num {
    height: 80px;
    font-size: 60px;
    line-height: 80px;
    font-weight: bold;
}
.about-info-show > .item .num em {
    font-size: 36px;
    font-weight: normal;
	font-style: normal;
}
.about-info-show > .item .txt {
    padding: 0 1em;
    margin-top: 20px;
    font-size: 14px;
    line-height: 30px;
}


@media screen and (max-width: 1400px){
.about-info-show > .item .txt {
    margin-top: 80px;
    font-size: 16px;
    line-height: 24px;
}
}
@media screen and (max-width: 1440px){
	.w1500 {
    width: 100%;
}
.index-content .part4 {
    padding: 40px 0 0;
    background-size: 100% 48%;
}
.about-info-show > .item {
    width: 29%;
}
.about-info-show > .item .num {
    font-size: 30px;
}
}
@media screen and (max-width: 768px){
.index-content .part4 {
    padding: 50px 0;
    background-size: auto 40%;
}
.about-info-show > .item {
    width: 33%;
    margin-bottom: 30px;
    text-align: center;
}
.about-info-show > .item .txt {
    padding: 0.9em;
    margin-top: 10px;
    font-size: 12px;
    line-height: 20px;
}
}

.banner:hover .swiper-button-next,.banner:hover .swiper-button-prev{
  opacity:1; transition: all 1.5s;}




.general-callouts h1 {
    color: #00183f;
    font-size: 22px;
    line-height: 24px;
    font-weight: 300;
    text-transform: uppercase;
    margin-bottom: 30px;text-shadow: 1px 1px 1px #ccc;
	width:98%;
}
.general-callouts h1:after {
    content: '';
    display: block;
    border-bottom: 1px solid #00183f;
    margin-top: 10px ;
}

.general-callouts   {
    color: #00183f;
    font-size: 14px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 30px;
}
.Laboratory{
    position: relative;
	display: inline-block;
}
.Laboratory:after {
    border-color: transparent #d72c46 #d72c46 transparent;
}
.article p span,.article p {
	word-break:break-all
}

.mag-host {
    position: relative;

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f5f5f5;
}
.mag-zoomed-container {
    position: absolute;
    /*position: relative;*/
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
}

.mag-zoomed-container > * {
    position: absolute;
}

.mag-noflow {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    overflow: hidden;
}

.mag-noflow > * {
    position: absolute;
}

.mag-zoomed {
    /* under .mag-noflow > * */
    /*position: absolute;*/
}

.mag-zoomed img {
    display: block;
    width: 100%;
    height: 100%;
}

.mag-zone {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.mag-thumb {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

[mag-thumb] {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

[mag-thumb] img {
    display: block;
    width: 100%;
    height: 100%;
}

.mag-lens {
    position: absolute;
    z-index: 2;
}

[mag-zoom] {
    display: none;
}

.mag-js [mag-zoom][mag-toggle="false"] {
    display: block;
}

[mag-flow="inline"] {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
}
[mag-flow="inline"] .mag-thumb {
    position: relative;
}
 .div1 li{
	  border-radius:38px;
	  font-size:12px;
	  position: absolute;
	  height:76px;
	  width:76px;
	  transition: all .5s;
	  color:#ccc;
	  box-shadow: 3px 3px 5px #888;
	  font-family: "Hiragino Sans GB", SimSun, Heiti, sans-serif;
	  text-align:center;padding: 7px 0px;
	  
	  }
	  .div1 li span{display:inline-blcok;}
	  .div1 li:hover{border-radius:5px;background:#cc3300!important;z-index:9999999}
	  .popover-content a:hover{color:#d72c46;}
	  .popover {
	  max-width: 876px;
 　min-width: 700px!important;
	}
	.progress-bar {
    line-height: 40px;
	}