/* 初始化/reset */
@charset "utf-8";
*,*:before,*:after{box-sizing:border-box;}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small,strike, sub, sup,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,tbody, tfoot, thead, tr,th,td{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
body {background:#fcfcfc;line-height:1.8;box-sizing:border-box;color:#757575;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;font-size:14px;letter-spacing:0.05em;}
html,body{height:100%;}
body.free-store-bg{background:#2bb256;}
a{color:#333;text-decoration:none;}
a:hover{color:#a30c17;}
h1,h2,h3,h4,h5,h6 {font-weight:700;line-height:normal;}
ol,ul,li{list-style:none;}
pre{padding:10px;margin:10px 0;word-break: break-all;word-wrap: break-word;white-space:pre-wrap;background:#f9f9f9;border:1px solid #f0f0f0;color:#aaa;}
img{max-width:100%;height:auto;display:block;border:0;}
i{margin-right:5px;font-style:normal;}
input,select,textarea{border:1px solid #dfdfdd;background:#fff;-webkit-appearance:none;outline:none;width:100%;color:#464646;padding:10px;font-size:14px;font-family:Microsoft Yahei,微软雅黑,Arial,Helvetica,sans-serif;}
textarea{resize:none;overflow-y:hidden;display:block;}
input[type="radio"]{width:auto;}
table {border-collapse:collapse;max-width:100%;width:100%;}
table td {border:1px solid #989696;padding:5px 0;text-align:center;color:#333;}
table td.price{color:#fd5900;}
.clear:after,.clear:before{content:".";display:block;visibility:hidden;height:0;clear:both;}
.fl{float:left;position:relative;}
.radius5{border-radius:5px;-webkit-border-radius:5px;}
.hidden{display:none;}

/* don't resize text-size for iphone */
@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}
@font-face {
  font-family: 'iconfont';  /* project id 300849 */
  src: url('//at.alicdn.com/t/font_zmtjstfamsvjwcdi.eot');
  src: url('//at.alicdn.com/t/font_zmtjstfamsvjwcdi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_zmtjstfamsvjwcdi.woff') format('woff'),
  url('//at.alicdn.com/t/font_zmtjstfamsvjwcdi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_zmtjstfamsvjwcdi.svg#iconfont') format('svg');
}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-webkit-text-stroke-width: 0.1px;-moz-osx-font-smoothing: grayscale;}

/* col public */
ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7{overflow:hidden;}
ul.col-2 li,ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;}
ul.col-2 li{width:49%;}
ul.col-3 li{width:32%;}
ul.col-4 li{width:23.5%;}
ul.col-5 li{width:18.4%;}
ul.col-6 li{width:15%;}
ul.col-7 li{width:13%;margin-right:1.5%;}
ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;}
ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;}

/* nav */
button{ background:#a30c17; border:none; color:#FFF; position:absolute; top:15px; right:10px; width:35px; height:35px; padding:0 4px; cursor:pointer;}
button i{ font-size:26px !important;}
.column,.st-content{background: #ebebeb; position:absolute;}
.st-content,.column,.st-content-inner {position: relative; overflow:hidden;}
.st-container {position: relative;overflow: hidden;}
.st-pusher {position: relative;left: 0;z-index: 99;height: 100%;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s; background:#fff;}
.st-pusher::after {position: absolute;top: 0;right: 0;width: 0;height: 0;background: rgba(0,0,0,0.2);content: '';opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}
.st-menu-open .st-pusher::after {width: 100%;height: 100%;opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.st-menu {position: absolute;top: 0;right: 0;z-index: 100;visibility: hidden;width: 220px;height: 100%;background: #282828;-webkit-transition: all 0.5s;transition: all 0.5s;}
.st-menu::after {position: absolute;top: 0;right: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.2);content: '';opacity: 1;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
.st-menu-open .st-menu::after {width: 0;height: 0;opacity: 0;-webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;}
/* content style */
.st-menu ul {margin: 0;padding: 0;list-style: none;}
.st-menu h2 {margin: 0;padding: 1em;color: rgba(0,0,0,0.4);text-shadow: 0 0 1px rgba(0,0,0,0.1);font-weight: 300;font-size: 2em;}
.st-menu ul li a { position:relative;display: block;padding: 1em 1em 1em 3.5em;outline: none;box-shadow: inset 0 -1px rgba(0,0,0,0.2);color: #cecece;text-transform: uppercase;text-shadow: 0 0 1px rgba(255,255,255,0.1);letter-spacing: 1px;font-weight: 400;-webkit-transition: background 0.3s, box-shadow 0.3s;transition: background 0.3s, box-shadow 0.3s;}
.st-menu ul li:first-child a {box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2);}
.st-menu ul li a:hover {background: rgba(0,0,0,0.2);box-shadow: inset 0 -1px rgba(0,0,0,0);color: #fff;}
.st-menu ul li a i{ position:absolute; left:20px; top:18px; height:20px; width:20px; background:url("../images/icon.png") 0 -15px;}
.st-menu ul li.vary a i{background:url("../images/icon.png") -20px -15px;}
.st-menu ul li.vary2 a i{background:url("../images/icon.png") -40px -15px;}
.st-menu ul li.vary3 a i{background:url("../images/icon.png") -60px -15px;}
.st-menu ul li.vary4 a i{background:url("../images/icon.png") -80px -15px;}
.st-menu ul li.vary5 a i{background:url("../images/icon.png") -100px -15px;}
.st-menu ul li.vary6 a i{background:url("../images/icon.png") -120px -15px;}
.st-menu ul li.vary7 a i{background:url("../images/icon.png") -140px -15px;}

/* Effect 7: 3D rotate in */
.st-effect-7.st-container {-webkit-perspective: 1500px;perspective: 1500px;}
.st-effect-7 .st-pusher {-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.st-effect-7.st-menu-open .st-pusher {-webkit-transform: translate3d(-220px, 0, 0);transform: translate3d(-220px, 0, 0);}
.st-effect-7.st-menu {-webkit-transform: translate3d(100%, 0, 0) rotateY(90deg);transform: translate3d(100%, 0, 0) rotateY(90deg);-webkit-transform-origin: 0% 50%;
transform-origin: 0% 50%;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
.st-effect-7.st-menu-open .st-effect-7.st-menu {visibility: visible;-webkit-transition: -webkit-transform 0.5s;transition: transform 0.5s;-webkit-transform: translate3d(100%, 0, 0) rotateY(0deg);transform: translate3d(100%, 0, 0) rotateY(00deg);}

.column{background:#a30c17;}
.top-logo img.logo{ width:140px; padding:10px;}
.banner .flex-direction-nav a{ background:none;}
.banner .flex-control-paging li a.flex-active{ background:#a30d18;}
.banner .flex-control-paging li a:hover{ background:#a30d18;}
.banner .flex-control-paging li a{ background:#515151;}

.index-main{ padding:10px;}
.index-top{ text-align:center;}
.index-top h3.title{ font-size:16px; color:#3a3a3a; padding:10px 0 5px 0;}
.index-top p.description{ font-size:12px; padding-bottom:10px;}

ul.in-about li{ position:relative; margin-bottom:10px;}
ul.in-about li .desc{ position:absolute; text-align:center; color:#fff; left:50%; top:50%; width:238px; margin-left:-119px; height:78px; margin-top:-39px;}
ul.in-about li .desc h3.title{ font-size:32px; font-weight:400; padding-bottom:5px;}
ul.in-about li .desc p.text{ font-size:16px;}
ul.in-about li .desc p.text i{ margin:0 6px;}
.swiper-slide{ height:1px !important;}
.swiper-slide.swiper-slide-active{ height:auto !important;}

.range-backdropb{ border-bottom:solid 1px #E1E1E1;}
.range-backdropb a.link{ width:33.333%; display:inline-block; text-align:center; font-size:16px; line-height:1.2; border-bottom:solid 2px transparent; padding-bottom:10px; margin:10px 0 0 0;}
.range-backdropb a.link i{ font-size:26px;}
.range-backdropb a.link:hover{ border-bottom:solid 2px #a30c17;}
.range-backdropb a.link.active{ color:#a30c17;border-bottom:solid 2px #a30c17;}
.tab-theme{ margin-top:10px;}
.index-pru li{ border:solid 1px #e1e1e1; text-align:center; margin-bottom:5px;}
.index-pru li .desc{ padding:0 5px;}
.index-pru li .desc h3.title{ font-weight:400; position:relative; padding-bottom:10px;}
.index-pru li .desc h3.title i.icon{ position:absolute; left:50%; bottom:0; width:80px; height:7px; background:url("../images/icon.png") 0 0; margin-left:-40px;}
.index-pru li .desc .text{ font-size:12px; color:#898989; line-height:1.3; padding:5px 0 10px 0;}
.tab-theme a.more{ text-align:center; padding:5px 20px; background:#a30c17; color:#fff; display:block; margin:20px 60px; position:relative;}
.tab-theme a.more i{ position:absolute; right:50px; top:5px;}

.gray{ background:#f3f3f3; padding:15px 0;}

ul.index-newstext{ margin-top:20px;}
ul.index-newstext li{ position:relative; margin-bottom:5px; padding-left:85px;}
ul.index-newstext li span.time{ position:absolute; left:0; top:0; background:#a30c17; width:80px; height:72px; text-align:left; padding:13px 0 0 8px;}
ul.index-newstext li span.time em{ display:block; color:#fff;}
ul.index-newstext li span.time em.day{ font-size:20px; line-height:1;}
ul.index-newstext li span.time em.year{ font-size:12px;}
ul.index-newstext li span.time span{ width:30px; height:2px; background:#fff; display:block;}
ul.index-newstext li .desc{ background:#fff; height:72px; padding:5px 0 5px 10px;}
ul.index-newstext li .desc h3.title{ font-weight:400;}
ul.index-newstext li .desc .text{ font-size:12px; line-height:1.5; color:#8c8c8c; padding-top:3px;}


.index-content a.news-more{ text-align:center; display:block; color:#a30c17; margin-top:15px;}
.video-bj{ margin:10px 0; text-align:center; position:relative;}
.video-bj a.more-video{ position:absolute; top:50%; left:50%; border:solid 1px #3a3a3a; border-radius:5px; padding:5px 10px; width:150px; height:40px; margin-left:-75px; margin-top:-20px; cursor:pointer;}

.video{position:absolute;width:0;height:100%;top:0;left:0;z-index:10;}
.video.open{width:100%;}
.video .close{position: absolute; top:-40px; right:0px; width: 40px; height: 40px; background: #a30c17; text-align: center; line-height: 40px; font-size: 30px; color: #ffffff; cursor: pointer; z-index: 55555;}


.footer-code{ background:#333333;}
.footer-code .code-content{ padding:40px;}

.footer-code .code-content div{ width:50%; text-align:center; color:#d0d0d0;}
.footer-code .code-content img{ width:100%; padding:0 15px; margin-bottom:5px;}
.footer p.copyright,.footer p.copyright a{ font-size:12px; color:#8e8e8e;}
.footer p.copyright{ text-align:center;}
.footer{ background:#202020; padding:5px 0 10px 0;}

.page-banner{ position:relative;}
.single-position{ position:absolute; left:10px; bottom:10px; color:#fff;}
.single-position a{ color:#fff;}

.cage-list{ border-bottom:solid 1px #cccccc; position:relative;}
.cage-list ul li{ width:25%;}
.cage-list ul li a.aa{ width:100%; text-align:center; display:block; padding:3px 0 5px 0;border-bottom:solid 2px transparent;}
.cage-list ul li.active a.aa{ color:#a30b17; border-bottom:solid 2px #a30b17;}
.editor-content,.content{ padding:15px 0;}
.cage-list .flex-direction-nav a{ width:15px; background:#aaaaaa;}
.cage-list .flex-direction-nav .flex-next{ top:0; right:-8px;}
.cage-list .flex-direction-nav .flex-prev{ top:0; left:-8px;}
.zsjm h3.zstitle{ font-size:14px; color:#3a3a3a; font-weight:400;}
.zsjm h3.zstitle span{ display:block; font-size:10px; text-transform:uppercase; margin-bottom:5px; padding-top:2px;}

/* 列表页分页样式 */
.page-number{text-align:center;padding:1em 0;}
.page-number ul li{display:inline;}
.page-number ul li a{color:#a30c17;padding:4px 6px;background:#f0f0f0;}
.page-number ul li a:hover{color:#a30c17;}
.page-number ul li.active a{background:#a30c17;color:#fff;}
.page-number ul li.active a:hover{background:#a30c17;}

.single-content ul.index-newstext{ margin-top:0;}
.editor-content h1.title{ text-align:center; color:#3a3a3a;}
.item-info-news{ text-align:center; font-size:10px; padding:10px 0;}
.item-info-news span{ padding-right:5px;}


.news-next{ padding:30px 0; border-bottom:solid 1px #cccccc; border-top:solid 1px #cccccc;}
.news-next a{height:55px; width:100%; margin-bottom:5px;}
.news-next a span{ display: inline-block; background:#d7d7d7; height:55px; padding:15px 15px 0 15px; font-size:14px; font-weight:700; width:25%; margin-right:5%; color:#3a3a3a;}
.news-next a span i{ position:absolute; display:block; width:52px; height:9px; left:13px; top:40px;background:url("../images/icon.png") -257px -105px;}
.news-next a .text{ width:70%;}
.news-next a .text h3.title{ font-size:12px; padding:0 0 5px 0; color:#2b2b2b;}
.news-next a .text .txt{ font-size:12px; line-height:1.2; color:#626262;}	
.news-next a:hover span{ background:#a30d18; color:#fff;}
.news-next a:hover span i{background:url("../images/icon.png") -257px -114px;}
.index-pru li .desc .text2{ font-size:12px; color:#9F9F9F;}


#carousel{ padding:0 20px; background:#fff; position:relative;}
#carousel .flex-direction-nav a{ width:15px; background:#a30c17; top:25%;}
#carousel .flex-direction-nav{ position:static; display:block;}
#carousel ul.slides li{ margin-right:5px; border:solid 1px #CCCCCC;cursor:pointer; position:relative;}
#carousel ul.slides li span.mark{ background:#000; position:absolute;width:100%;height:100%; z-index:2000;left:0;top:0; opacity:.5;}
#carousel ul.slides li.flex-active-slide span.mark{opacity:0;}
#carousel .flex-direction-nav .flex-prev{ left:0px;}
#carousel .flex-direction-nav .flex-next{ right:0px;}
.slider-pruright h3.title{ font-weight:400; border-bottom:solid 1px #939393; padding-bottom:5px; margin:10px 0;}
.slider-pruright h3.title span{ font-weight:700; color:#3a3a3a;}
.slider-pruright h3.title i{ color:#a30d18; font-weight:700; font-size:14px;}
.item-info p.title span.bt{ font-weight:700;}
.tags a{ padding:3px 5px; background:#ebebeb; border-radius:5px; margin-right:5px;}
.bottom-lin ul li{ text-align:center; margin-top:15px;}
.bottom-lin ul li a{ color:#fff; font-size:14px; font-weight:700; padding:5px 0; display:block;background:#a0a0a0; position:relative;}
.bottom-lin ul li a:hover{ background:#ff9a18;}
.bottom-lin ul li a i{ font-size:22px; position:absolute; left:25px; top:0px;}
.editor-pru h3.title{font-weight:400; border-bottom:solid 1px #3a3a3a; padding-bottom:10px; margin-bottom:15px; font-weight:700; color:#3a3a3a; margin-top:20px;}
.editor-pru h3.title i{ color:#a30d18; font-weight:700; font-size:14px;}
.case-prev .prev-next a{ background:#dddddd; margin-bottom:5px;}
.case-prev .prev-next a .graphic .content-nav .pic{ width:20%; margin-right:5%; overflow:hidden; }
.case-prev .prev-next a:hover .graphic .content-nav .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);}
.case-prev .prev-next a .graphic .content-nav .content{ width:75%; font-size:18px; padding:5px 0; text-align:left; color:#3a3a3a; }
.case-prev .prev-next a.right .graphic p.title-nav{ float:right; text-align: center; padding:5px; font-size:18px;}
.case-prev .prev-next a.right .graphic .content-nav{ float:right;}
.dg{background:url("../images/hbj.png");display:none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999;}
.submit-input{  position:absolute; left:0; top:10%; background:#fff; padding:20px; margin:10px; width:95%;}
.submit-input p.submit-title{ font-size:22px; text-align:center; margin-bottom:15px;}
ul.order li{ position:relative; margin-bottom:10px;}
ul.order li span{ position:absolute; left:0; top:5px; width:25%; font-size:14px; text-align:right;}
ul.order li input,ul.order li textarea{ width:70%; margin-left:30%; border-radius:5px;}
ul.order li.ewm input{ width:40%;}
ul.order li.ewm img{ position:absolute; right:0; top:0; width:25%;}
ul.order li.sub input{ width:40%; padding:10px; color:#fff; background:#A30D18; border:none; font-size:18px; cursor:pointer;}
ul.order li.sub:hover input{ background:#3a3a3a;}
.submit-input i.icon{ position:absolute; top:25px; right:25px; font-size:32px; color:#8A8A8A; width:40px; height:40px; text-align:center; line-height:32px; cursor:pointer;}

.cpzx .flex-direction-nav{ display:none;}



/* animate */
.animate{transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;-ms-transition:all 0.2s linear 0s;-o-transition:all 0.2s linear 0s;}
.animate-1{-webkit-animation:bounceIn 1.2s .2s ease both;-moz-animation:bounceIn 1.2s .2s ease both;-ms-animation:bounceIn 1.2s .2s ease both;} /*弹*/
.animate-2{-webkit-animation:fadeInUp .5s .2s ease both;-moz-animation:fadeInUp .5s .2s ease both;-ms-animation:fadeInUp .5s .2s ease both;}/*向上淡入*/
.animate-3{-webkit-animation:fadeInDown .5s .2s ease both;-moz-animation:fadeInDown .5s .2s ease both;-ms-animation:fadeInDown .5s .2s ease both;}/*向下淡入*/
.animate-4{-webkit-animation:fadeOut .6s .2s ease both;-moz-animation:fadeOut .6s .2s ease both;-ms-animation:fadeOut .6s .2s ease both;}/*淡出*/
.animate-5{-webkit-animation:fadeIn .6s .2s ease both;-moz-animation:fadeIn .6s .2s ease both;-ms-animation:fadeIn .6s .2s ease both;}/*淡入*/
.animate-6{-webkit-animation:lightSpeedIn .6s .2s ease both;-moz-animation:lightSpeedIn .6s .2s ease both;-ms-animation:lightSpeedIn .6s .2s ease both;}
.animate-6o{-webkit-animation:lightSpeedOut .6s .2s ease both;-moz-animation:lightSpeedOut .6s .2s ease both;-ms-animation:lightSpeedOut .6s .2s ease both;}
.animate-7{-webkit-animation:flipInY .6s .2s ease both;-moz-animation:flipInY .6s .2s ease both;-ms-animation:flipInY .6s .2s ease both;}
.animate-8{-webkit-animation:flipOutY .6s .2s ease both;-moz-animation:flipOutY .6s .2s ease both;-ms-animation:flipOutY .6s .2s ease both;}
.animate-9{-webkit-animation:zoomIn .6s .2s ease both;-moz-animation:zoomIn .6s .2s ease both;-ms-animation:zoomIn .6s .2s ease both;}
.animate-10{-webkit-animation:bounceIn .6s .2s ease both;-moz-animation:bounceIn .6s .2s ease both;-ms-animation:bounceIn .6s .2s ease both;} /*快速弹*/
.rotateup{color:#2ba838;-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg);}
.rotatedown{-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-o-transform: rotate(0deg);-ms-transform: rotate(0deg);transform: rotate(0deg);}
.loop{animation-iteration-count:infinite;animation-duration:.8s}
.animate-5fast{animation:fadeIn .2s .1s ease both;-webkit-animation:fadeIn .2s .1s ease both;-moz-animation:fadeIn .2s .1s ease both;-ms-animation:fadeIn .2s .1s ease both;}/*淡入*/

/* col public */
ul.col-2,ul.col-3,ul.col-4,ul.col-5,ul.col-6,ul.col-7,ul.col-10{overflow:hidden;}
ul.col-3 li,ul.col-4 li,ul.col-5 li,ul.col-6 li{margin-right:2%;}
ul.col-2 li{width:48.5%; margin-right:3%;}
ul.col-3 li{width:32%;}
ul.col-4 li{width:23.5%;}
ul.col-5 li{width:18.4%;}
ul.col-6 li{width:15%;}
ul.col-7 li{width:13%;margin-right:1.5%;}
ul.col-10 li{ width:7%; margin-right:3%;}
ul.col-9 li:nth-child(9n+9),ul.col-10 li:nth-child(10n+10),ul.col-2 li:nth-child(2n+2),ul.col-3 li:nth-child(3n+3),ul.col-4 li:nth-child(4n+4),ul.col-5 li:nth-child(5n+5),ul.col-6 li:nth-child(6n+6),ul.col-7 li:nth-child(7n+7){margin-right:0;}
ul.col-9 li.nomargin,ul.col-10 li.nomargin,ul.col-2 li.nomargin,ul.col-3 li.nomargin,ul.col-4 li.nomargin,ul.col-5 li.nomargin,ul.col-6 li.nomargin,ul.col-7 li.nomargin{margin-right:0;}