/* 初始化/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:#cc252d;}
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 309816 */
  src: url('//at.alicdn.com/t/font_adgaz5mym9w45cdi.eot');
  src: url('//at.alicdn.com/t/font_adgaz5mym9w45cdi.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_adgaz5mym9w45cdi.woff') format('woff'),
  url('//at.alicdn.com/t/font_adgaz5mym9w45cdi.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_adgaz5mym9w45cdi.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;}

/* search */
.search{margin: 0 auto;background:#ca2834;position:absolute;bottom:-20px; left:50%; width:340px; margin-left:-170px; z-index:999998;}
.search form{margin:10px;}
.search input[type="text"]{width:235px;height: 35px;vertical-align: middle;}
.search input[type="submit"]{cursor:pointer;font-size:16px;font-weight:400;position:absolute;width:80px;height:35px;border:none;background:#ffb84f;color:#fff;right:10px;top:10px;z-index:999998; padding:5px;}
.banner{ position:relative;}
.banner .flex-control-nav{ bottom:30px;}
.banner .flex-control-paging li a.flex-active{background:#ca2834; width:20px;}
.banner .flex-control-paging li a:hover{ background:#ca2834;}

/* nav */
button{ background:#cc252d; border:none; color:#FFF; position:absolute; top:12px; right:5px; width:35px; height:35px; padding:0 4px; cursor:pointer;}
button i{ font-size:22px !important; margin-right:0;}
.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:#cc252d;}
.top-logo img.logo{ width:160px; padding:10px;}
.banner .flex-direction-nav a{ background:none;}

.index-main{ padding:10px;}
.top-main-news .index-top{ padding-top:20px;}
.index-top{ text-align:center; position:relative;}
.index-top h3.title{ font-size:16px; color:#3a3a3a; padding:10px 0 5px 0;}
.index-top h3.title span.en{ display:block; text-transform:uppercase; font-size:12px; font-weight:400; padding-top:3px;}
.index-top span.line{ display:block; left:50%; bottom:0; width:70px; height:2px; background:#cc252d; margin-left:-35px; position:absolute;}

.gray{ background:#f3f3f3; margin:15px 0 10px 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:#cc252d; 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:#eeeeee; 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-links{ padding:20px 0 30px 0;}

.index-content a.news-more{ text-align:center; display:block; color:#cc252d; margin-top:15px;}

.footer p.copyright,.footer p.copyright a{ font-size:12px; color:#c5c5c5;}
.footer p.copyright{ text-align:center;}
.footer{ background:#4d4d4d; 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:0 0 20px 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:#cc252d;padding:4px 6px;background:#f0f0f0;}
.page-number ul li a:hover{color:#cc252d;}
.page-number ul li.active a{background:#cc252d;color:#fff;}
.page-number ul li.active a:hover{background:#cc252d;}

.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{ background:#ededed; margin-bottom:10px;}
.index-pru li .desc{ padding:5px 10px;}
.index-pru li .desc .text2{ font-size:12px; color:#9F9F9F; line-height:1.3; padding-top:5px;}
ul.index-pru li .pic{ position:relative;}
.xt-pic{ position:absolute; right:10px; bottom:-10px; width:30%;}
.xt-pic,.pru-view-pic img{-webkit-box-shadow:3px 3px 10px rgba(34, 52, 64, .2);  
	-moz-box-shadow:3px 3px 10px rgba(34, 52, 64, .2); 
	-ms-box-shadow:3px 3px 10px rgba(34, 52, 64, .2); 
	-o-box-shadow:3px 3px 10px rgba(34, 52, 64, .2); 
	box-shadow:3px 3px 10px rgba(34, 52, 64, .2); 
	}

.slider-photo img.top{ width:100%;}
.single-page ul.index-newstext{ padding-top:20px;}
.pru-view-pic{ position:absolute; right:10px; top:0; width:60px;}

#carousel{ padding:0 20px; background:#fff; position:relative;}
#carousel .flex-direction-nav a{ width:15px; background:#cc252d; 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;}
.product-view{background:#f3f3f3; padding-bottom:15px;}
.slider-pruright{ padding:0 15px; position:relative;}
.slider-pruright h3.title{ font-weight:400; margin:10px 0; font-size:16px; color:#4B4B4B;}

.item-top span.bz{ font-size:10px; display:block; margin:0 15px 10px 0;}

.item-info p.title span.bt{ font-weight:400; color:#4a4a4a;}
.tags{ padding-bottom:15px; border-bottom:solid 1px #D5D5D5; margin-bottom:15px;}
.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;margin-bottom:15px; font-weight:400; color:#3a3a3a; margin-top:20px; font-size:16px; color:#4a4a4a;}
.editor-pru h3.title i{ color:#a30d18; font-weight:700; font-size:14px;}
.case-prev .prev-next a{ background:#f3f3f3; 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;}
.zong{ position:relative; margin-bottom:10px;}
.zong span{ position:absolute; left:0; top:5px; width:20%;}
.zong input,.zong textarea{ width:75%; margin-left:25%;}
.tj input{ width:50%; background:#cc252e; color:#fff; border:none; border-radius:5px;}

.guestbook-index{background:#f3f3f3;}
.guestbook-index p.title{ font-size:18px; color:#4a4a4a; padding-bottom:15px;}
.guestbook-index p.title i{ color:#cc252e;}
.guestbook-index p.title span.en{ font-size:12px; color:#666666; display:inline-block; text-transform:uppercase; padding-left:10px;}

.add{ background:#fff; padding:15px 0;}
.map{width: 100%;height: 260px;}


/* mobile */
.mobile{padding:15px;}
.mobile ul.col-2 li,.mobile .significance-content ul.col-4 li{width:auto!important;margin-right:0;float:none!important;}
.mobile .inner-banner,.mobile .about-traceability-top,.mobile ul.col-2 li h3.title i,.mobile .about-traceability-bottom i,.mobile .significance-content i,.mobile .feature-content h3.title i{display:none;}
.mobile ul.col-2 li h3.title,.mobile .about-traceability-bottom h3.title,.mobile .significance-content h3.title,.mobile .feature-content h3.title{font-size:16px;font-weight:bold;padding:10px 0;}
.mobile .feature-center ul li p{font-size:16px;padding:10px 0;}
.mobile .feature-center ul li.feature-e{display:none;}
.fulllink{background:#eddfca;padding:30px 0;}
.fulllink div img:first-child{width:160px;margin-bottom:20px!important;}
.fulllink ul li img{width:auto!important;margin-bottom:8px!important;}
.fulllink ul li img:first-child{width:auto!important;margin-bottom:0px!important;}

/* 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;}/*淡入*/