@import url(anim.css);
@charset "utf-8";
@font-face {
    font-family:'Simsun';
    src:url('../fonts/SourceHanSerifCN-Medium.otf')
}
@font-face {
    font-family:'Simkai';
    src:url('../fonts/simkai.woff') format('woff')
}
/*选中背景色*/
::selection {background:#c17936;color:white;}
::-moz-selection {background:#c17936;color:white;}
/*全局控制*/
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
div,dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
h1,h2,h3,h4,h5,h6,
pre, code,/* text formatting elements 文本格式元素 */
form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */
p,blockquote,th, td /* table elements 表格元素 */ {margin: 0;padding: 0;}
/** 设置默认字体 **/
body,
button, input, select, textarea /* for ie */ {font: 14px/1.5 tahoma, arial, \5b8b\4f53, sans-serif;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:14px;}
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化
*/
table,td,tr,th{font-size:12px;}
caption,th {text-align:left;}
/** 重置列表元素 **/
ul, ol, li { list-style: none; }
li{list-style-type:none;}
q:before,q:after {content:'';}
abbr,acronym {border:0;font-variant:normal;}
address,caption,cite,code,dfn,em,th,var,optgroup {font-weight:normal; font-style:normal;}
del,ins{text-decoration:none;}
/** 重置文本格式元素 **/
a {color:#333;text-decoration:none;outline:none;}
a:visited {color:#333;text-decoration:none;}
a:hover {color:#c17936;text-decoration:none;}
a:active {color:#c17936;}
/** 重置表单元素 **/
legend { color: #666; } /* for ie6 */
fieldset, img { border: 0; } /* img 搭车：让链接里的 img 无边框 */
button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */
sup { vertical-align: text-top; } /* 重置，减少对行高的影响 */
sub { vertical-align: text-bottom; }
/* 注：optgroup 无法扶正 */
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0; }
/** 清除浮动 **/
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none;}
body{background:#fff;font:14px/20px KaiTi,STKaiti,KaiTi_GB2312,Simkai,Simsun,microsift yahei,Tahoma,Arial,Helvetica,sans-serif; color:#333;}
input[type="text"],textarea{-webkit-appearance:none;}
input{_background:#fff;}
textarea{background:#fff;}
select{*background:#fff;}
.clearfix:before,.clearfix:after{content:"";display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.clear{clear:both;overflow:hidden;display:block;background:#fff;}
.fl{float:left;}
.fr{float:right;}
.bl1 {clear:both; height:1px; overflow:hidden; display:block; background:#fff;}
.lines {clear:both; height:1px; overflow:hidden; display:block; background:#f1f1f0;}
.bl5 {clear:both; height:5px; overflow:hidden; display:block;}
.bl10 {clear:both; height:10px; overflow:hidden; display:block;}
.bl15 {clear:both; height:15px; overflow:hidden; display:block;}
.bl20 {clear:both; height:20px; overflow:hidden; display:block;}
.bl30 {clear:both; height:30px; overflow:hidden; display:block;}
.bl40 {clear:both; height:40px; overflow:hidden; display:block;}
.bl50 {clear:both; height:50px; overflow:hidden; display:block;}
.bl60 {clear:both; height:60px; overflow:hidden; display:block;}
.bl80 {clear:both; height:80px; overflow:hidden; display:block;}
.bl100 {clear:both; height:100px; overflow:hidden; display:block;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}
.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.pzr{ position: relative;}
.wrap{margin:0 auto;}
/* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-list:focus{outline:none;}
.slick-list.dragging{cursor:pointer;cursor:hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);}
.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto;}
.slick-track:before,.slick-track:after{display:table;content:'';}
.slick-track:after{clear:both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display:none;float:left;height:100%;min-height:1px;}
[dir='rtl'] .slick-slide{float:right;}
.slick-slide.slick-loading img{display:none;}
.slick-slide.dragging img{pointer-events:none;}
.slick-initialized .slick-slide{display:block;}
.slick-loading .slick-slide{visibility:hidden;}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}
.slick-arrow.slick-hidden{display:none;}
/*头部区域*/
.head{width:100%;background:rgba(143,72,32,.5);height:101px;padding:10px 0;clear:both;margin:0 auto;position:fixed;z-index:10;left:0;top:0;}
.hnavbg{}
.head .tel{position:absolute;right:1%;top:30px;z-index:99;}
.head .tel a{height:36px;line-height:36px;padding:0 20px 0 40px;color:#fff;display:block;background:url(../images/tel.png) no-repeat 15px center rgba(222,162,107,.5);border:2px solid #fff;border-radius:30px;background-size:20px auto;font-family:Arial;}
.head .logo,.menu{display:none;}

.navs{height:101px;margin:0 auto;line-height:101px;width:1015px;}
.navs li{float:left;margin:0;width:120px;}
.navs li a{display:block;text-align:center;font-size:18px;color:#fff;}
.navs li a:hover,.navs li.on a{color:#faca65;text-decoration:none;}
.navs li:hover.on,.navs li:hover a{color:#faca65;text-decoration:none;}
.navs li ul{display:none;position:absolute;z-index:9999;}
.navs li ul li{float:none;display:block;width:100px;position:relative;height:40px;_display:inline;}
.navs li ul li .s{position:absolute;top:0;left:100px;border-left:1px solid transparent;}
.navs li ul li .s li{float:none;}
.navs li ul li a{display:block;width:100px;height:40px;line-height:40px;padding:0;background:#c17936;text-align:center;font-weight:normal;font-size:16px;color:#fff;}
.navs li ul li a:hover{color:#fff; background:#EA3843;}
.navs .t,.navs .t:hover{background:url(../images/nav_ico.gif) no-repeat 120px center #333;}


.navs li.logo{display:block;width:275px;height:101px;padding:0 10px;}
.navs li.logo h1{}
.navs li.logo h1 a{background:url(../images/logo.png) no-repeat;width:275px;height:101px;display:inline-block;text-indent:-99999px;background-size:auto 101px;}


.sbanner{width:100%;clear:both;display:block;overflow:hidden;background:#fff;height: 100vh;}
.sbanner .sbannertxt{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);z-index: 50;}
.sbanner .sbannertxt h5{color:#fff;font-size:80px;font-weight:bold;}
.newsbanner{width:100%;clear:both;display:block;overflow:hidden;background:#fff;height:121px;background-size:cover;}
/*首页*/
/* banner */
.banners {height:100vh;_height:800px;width:100%;margin:0 auto;clear:both;background:#fff;position:relative;max-width:100%; z-index:0;}
.banner li {width: 100%;height: 100%;}
.banner a{display:block;background-repeat:no-repeat;background-position:center top;background-size:100% auto;height:100vh;display:block;width:100%;}
.banner .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px;}
.banner .slick-arrow{position: absolute;border:none;top:40%; cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.banner .slick-prev{left:5%;}
.banner .slick-next{right:5%;background-position:-50px 0px;}
.banner .slick-arrow:hover{background-color:#333;}
.banner .slick-dots{ position: absolute;left: 50%;bottom:30px;transform: translateX(-50%); z-index: 1000;}
.banner .slick-dots li{width:10px;height:10px;background:#ccc;float:left;margin:0 3px;border-radius:50%;}
.banner .slick-dots li.slick-active{background:#c17936;}

.demo{margin:20px 0;background:url(../images/index.jpg) no-repeat center top;height:655px;background-size: cover;}
.index-about-bg{background:url(../images/index-about-bg.png) no-repeat center top;height:auto;width:100%;padding:100px 0;clear:both;display:block;position:relative;}
.index-about{float:left;width:42%;}
.index-about h5{font-size:24px;text-align:center;padding:10px 0;}
.index-about h5 span{padding:0 20px;}
.index-about .pic img{width:100%;}
.index-about .index-txt p{text-indent:2em;padding:10px 0 0;}
.index-about .index-txt a.more{margin:20px 0 0;color:#c17936;display:inline-block;text-align:center;font-size:18px;height:50px;line-height:50px;width:147px;cursor:pointer;background:url(../images/more.png) no-repeat center center;background-size:cover;}

.index-video{float:right;width:50%;margin:40px 0 0;height:400px;position:relative;background:url(../images/index-video-bg.png) no-repeat center center;}
.index-video span{position:absolute;width:100%;height:100%;display:block;background:url(../images/play.png) no-repeat center center;left:0;right:0;z-index:1;cursor:pointer;background-size:80px auto;}
.index-video .video{padding:15px;}
.index-video .video img{position:relative;width:100%;height:auto;}
.myVideo{ background:#000;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;text-align:center;display:none}
.myVideo video{width:100%;height:100%;}
.closeVideo{display:block;width:60px;height:60px;border-radius:50%;background:url(../images/closeMenu.png) center no-repeat #c17936;background-size:100% 100%;;position:absolute;top:20px;right:20px;transition:transform 0.4s ease-out;z-index:1000;}
.closeVideo:hover{transform:rotateZ(180deg)}

.index-title{width:100%;clear:both;}
.index-title h3{font-size:48px;padding:20px 0;color:#c17936;font-weight:bold;}
.index-title p{font-size:24px;color:#999;line-height:36px;}

.index-brand-bg{background:url(../images/index-brand-bg.png) no-repeat center top;height:698px;width:100%;padding:50px 0;clear:both;display:block;position:relative;}
.index-brand{padding:50px 0 0;}
.index-brand dl{width:26%;margin:0 11% 0 0;height:400px;padding:50px 0 0;color:#fff;float:left;position:relative;background:url(../images/picaa.jpg) no-repeat center center #ccc;}
.index-brand dl:last-child{margin:0;}
.index-brand dl:after{content: '';position:absolute;top:0;left:0;height:100%;width:100%;display: block;background: #fff;border: 2px solid #f1c297;transform: rotate(10deg);transform-origin: center center;z-index:-1;}
.index-brand dl .pic{width:160px;height:160px;border-radius:50%;border:2px solid #dea26b;position:relative;z-index:1;margin:0 auto;}
.index-brand dl .pic img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%;}
.index-brand dl dt{font-size:30px;width:90px;height:40px;line-height:40px;padding:20px 0;margin:0 auto;text-align:center;font-weight:bold;position:relative;z-index:1;}
.index-brand dl dt:after{content:""; position: absolute;bottom:8px;left:33.333%;border-bottom:3px solid #fff;width:30px;}
.index-brand dl dd{font-size:18px;line-height:36px;text-align:center;position:relative;z-index:1;}
.index-brand dl span{background:rgba(88,59,44,.7);display:block;width:100%;height:100%;position:absolute;z-index:0;left:0;top:0;}


.index-honors-bg{background:url(../images/index-honors-bg.png) no-repeat center top #f6f6f6;height:auto;width:100%;padding:50px 0;clear:both;display:block;position:relative;}
.index-honors-pic{width:40%;float:left;margin:50px 0 0;}
.index-honors-pic img{width:100%;height:auto;}

.index-honors-list{width:50%;float:right;margin:100px 0 0;}
.index-honors-list ul li{width:40%;margin:0 5% 10%;height:100px;line-height:30px;float:left;text-align:center;font-size:18px;display:flex;align-items:center;justify-content:center;background:url(../images/index-honors-list-bg.png) no-repeat center center;background-size:100% 100%;}

.index-store-bg{background:#f6f6f6;height:auto;width:100%;padding:50px 0 10px;clear:both;display:block;position:relative;}
.index-store{width:102%;margin:0 auto;position:relative;float:left;left:-1%;padding:0 0 20px;}
.index-store .slick-slide{padding:0.2%;}
.index-store .slick-arrow{width:20px;height:35px; border:none; z-index: 1;top:35%;position: absolute; text-indent:-9999px; cursor: pointer;}
.index-store .slick-prev{left:-20px; background:url(../images/left.png) no-repeat center center;}
.index-store .slick-next{right:-20px; background:url(../images/right.png) no-repeat center center;}
.index-store .slick-dots{position: absolute;left: 50%;bottom:10px;transform: translateX(-50%); z-index: 1000;}
.index-store .slick-dots li{width:8px;height:8px;background:#ccc;float:left;margin:0 5px;border-radius:50%;cursor: pointer}
.index-store .slick-dots li.slick-active{background:#c17936;}
.index-store .slick-dots button{display:none !important;background:none;position:absolute;text-indent:-9999px; }
.index-store .ipic{position:relative;width:100%;display:block;height:350px;}
.index-store .ipic .pic{position:relative;width:100%;display:block;height:350px;z-index:1;left:0;top:0;}
.index-store .ipic .pic img{width:100%;height:100%;position:relative;display:block;object-fit:cover;transform:scale(1);-webkit-transform:scale(1);transition:all .8s;-webkit-transition:all .8s}
.index-store .ipic .txt{position:absolute;z-index:2;padding:4% 2%;left:0px;top:0;writing-mode:vertical-rl;color:#fff;}
.index-store .ipic .txt h3{font-size:24px;margin-left:10px;}



.index-news-bg{background:url(../images/index-lajiao.png) no-repeat right top #f6f6f6;width:100%;padding:50px 0;clear:both;display:block;position:relative;}
.index-news{padding:50px 0 0;}
.index-news ul li{width:100%;float:left;visibility:visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.index-news ul li a{display:block;width:100%;height:90px;line-height:90px;border-bottom:1px solid #e5e5e5;overflow:hidden;-webkit-transition: all .2s linear;transition: all .2s linear;}
.index-news ul li a h3{font-size:18px;padding:0 0 0 3%;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.index-news ul li a h3::before{content: '';position:absolute;left:1%;top:50%;transform: translateY(-50%) rotate(45deg);width:8px;height:8px;background-color:#c17936;}
.index-news ul li a:hover{background:rgba(255,255,255,1);-webkit-box-shadow:0 0 7px 1px rgba(0,0,0,.1);box-shadow:0 0 7px 1px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
/*内页*/
.col{width:260px;float:left;position:relative;}
.cor{float:right;width:890px;}
.leftmenu{width:100%;background:#fff;clear:both;margin:0 auto;position:fixed;left:0;z-index:10;top:0;}
.newsl{width:750px;float:left;}
.newsr{float:right;width:370px;}
.cname{color:#fff;width:220px;height:54px;line-height:54px;padding:0 0 0 40px;background:url(../images/wlogo.png) no-repeat 12px center #c17936;}
.cname h4{font-size:18px;}
.pnavtit{ display:none;}

.local{border-bottom:2px solid #ddd;height:52px;line-height:52px; text-align: right;}
.local h5{float:left;color:#c17936;font-size:22px; position: relative;}
.local h5:after{content:""; position: absolute;bottom:-2px;left:0;border-bottom:2px solid #c17936;width:90px;}
.cor .dname{font-size:24px;padding:0;text-align:center;width:100%;}
.pnav{float:left;width:260px;border-bottom:none;}
.pnav ul li{float:left;width:100%; background:#fff;animation: slideInLeft ease-out 0s forwards;-webkit-animation: slideInLeft ease-out 0s forwards}
.pnav ul li.on a{background:url(../images/righta.png) no-repeat 230px center #FF656E; z-index:1;color:#fff;}
.pnav a{padding:10px 15px;position:relative;display: block;overflow: hidden;font-size:15px;color:#333;position:relative;display:block;margin:0;border-bottom:1px solid #E9E9E9;background:url(../images/righta.png) no-repeat 230px center;}
.pnav a:hover,.pnav a.act{color:#fff;}
.pnav a.act{background:#333;}
.pnav a, .pnav a:before, .pnav a:after,.pnav ul li.on a{box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.pnav a:before {content: '';position: absolute;top: 0;left: 0;width: 0;height:60px;background: #FF656E;z-index: -1;}
.pnav a:hover:before {width: 100%;}
.pnav a:active {background: #333;}
.pnav a.current{background: #79D66F;color:#fff;}



.anav{}
.anav:after{content:""; position: absolute;bottom:0px;left:0;width:100%;border-bottom:2px solid #ddd; z-index:0;}
.anav a{font-size:15px;margin:0 18px;padding:18px 10px;position: relative;z-index: 1;color:#333;}
.anav a:hover,.anav a.act{border-bottom:2px solid #c17936;color:#666;}

.about-nav{text-align:center;height:100px;line-height:100px;width:100%;position:relative;border-bottom:2px solid #ededed;}
.about-nav ul li{float:left;width:25%;font-size:18px;}
.about-nav ul li a{display:block;width:100%;}
.about-nav ul li a.on{border-bottom:1px solid #c17936}

.about{width:100%;padding:5% 0;}
.aboutcon{float:left;width:100%;line-height:24px;padding:0}
.aboutcon .title{float:left;width:100px;writing-mode:vertical-lr;height:260px;line-height:50px;font-weight:bold;font-size:36px;color:#c17936;}
.aboutcon .details{float:right;max-width:1050px;padding:15px 0 0;}
.aboutcon .details p{font-size:18px;line-height:30px;padding:0 0 20px;}
.aboutcon .details img{width:100%;height:auto;position:relative;display:block;}
.about-title{float:left;width:100%;text-align:center;padding:30px 0;height:50px;line-height:50px;font-weight:bold;font-size:48px;color:#c17936}
.about-list{float:right;width:47.5%;font-size:18px;}
.about-list ul li{padding:10px 0;}
.about-list ul li span{float:left;font-weight:bold;color:#c17936}
.about-pic{width:47.5%;float:left;}
.about-pic img{width:100%;height:auto;}
.about-brand-story{text-align:center;width:60%;padding:30px 20% 0;float:left;display: block;}
.about-brand-story img{width:100%;height:auto;}
/*发展历程*/


/*产品栏目*/
.pic-name{font-size:40px;font-weight:bold;height:40px;line-height:40px;color:#333;text-align:center;width:100%;padding:50px 0;}
.pic-menu{margin-bottom:40px;}
.pic-menu dl{margin:0;font-size:0;text-align:center;}
.pic-menu dd{display:inline-block;vertical-align:top;}
.pic-menu dd+dd{margin-left:18px;}
.pic-menu dd>a{display:block;padding:11px 20px;font-size: 18px;color: #fff;font-weight: bold;background-color:rgba(143,72,32,.3);transition: background-color .3s;}
.pic-menu dd.cur>a,.pic-menu dd>a:hover{background:rgba(143,72,32,1);}

.pic-small-menu{width:100%;text-align:center;}
.pic-small-menu a{padding:5px 10px;background:#f5f5f5;margin:0 1% 2%;height:30px;line-height:30px;display: inline-block;}
.pic-small-menu a:hover,.pic-small-menu a.cur{background:rgba(143,72,32,1);color:#fff;}

.piclists{width:100%;clear:both;margin:30px auto 20px;float:left;}
.piclists ul li{float:left;height:auto;width:31.333333%;margin:0 3% 3% 0;background:#fff;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.piclists ul li a{background:#fff;display:block;padding-bottom:30px;float:left;overflow:hidden;position: relative; text-align:center;-webkit-transition: all .2s linear;transition: all .2s linear;}
.piclists ul li a .pic{overflow: hidden;background: #fff url(data:image/gif;base64,R0lGODlhEgASAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpDMDFGMDBBNEVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpDMDFGMDBBNUVEMzUxMUU4QTY0RUU2ODg1MjRFRjdDMSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkMwMUYwMEEyRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkMwMUYwMEEzRUQzNTExRThBNjRFRTY4ODUyNEVGN0MxIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkECQgAAQAsAAAAABIAEgAAAiuMj6nLnQADBE7GWTE+2+jIgd4lWlRIdSbynaO7qjIJz2lpr06blT1cCToKACH5BAkJAAEALAAAAAASABIAAAItjI95wOrGwHMRVdpWhu1yqUleMFblRnboKa5uC36WGqe1+c6wzrPPOJEFh8MCACH5BAkJAAEALAAAAAASABIAAAIthIOpa7CvWjxQJvtw0NNdikjaeJBeWIKbKrKuY3brOcvxB79Qje93ptr1hIsCACH5BAkIAAEALAAAAAASABIAAAIvjB+gyK3QzEMzVrlsxvDMm2whBJaL2XEjJX7tS8JsnK7eKd/0zKORrfo5RMJgowAAIfkECQkAAQAsAAAAABIAEgAAAi6Mj6nLC48eYDLCerCpOnQOZeF2jZ4JTqJKTh9asqecWnRs5+8t5ysF6zWGREMBACH5BAUIAAEALAAAAAASABIAAAIsjI8Im63s3AJxPiqhsRlvxn1eYIWkdlLmCqKs6sbw+KbX3eFNHe1oLwImLAUAOw==) no-repeat center;height:240px;width:100%;}
.piclists ul li a .pic img{width: 100%;height:auto;object-fit: cover;	transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.piclists ul li a h2{width:90%;padding:20px 0;left:5%;position:absolute;bottom:0;font-size:18px;background:#fff;font-weight: bold;text-align: center;transition: background-color 1s,color 1s;box-shadow: 3px 4px 30px 0px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 0 7px 1px rgba(0,0,0,.1);box-shadow:0 0 7px 1px rgba(0,0,0,.1);-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.piclists ul li a span{text-align:center; position:relative;background:#fff;border:1px solid #ddd;padding:5px 50px;margin:0 0 15px;color:#4C4747;}
.piclists ul li a:hover h2{background:rgba(143,72,32,1);color:#fff;}
.piclists ul li a:hover span{border:1px solid #DC0C0C;color:#fff;}
.piclists ul li a:hover img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.piclists ul li a span, .piclists ul li a span:before, .piclists ul li a span:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
.piclists ul li a span:before {content: '';position: absolute;width:0;top:0px;left: 0;height:27px;background: #DC0C0C;z-index:0;}
.piclists ul li a:hover span:before {width: 100%;}
.piclists ul li a span i{ position: relative; z-index: 1; font-style: normal}
.piclists ul li:nth-child(3n){margin-right:0;}

.newslist{width:100%;margin:0 auto 20px;float:left;}
.newslist ul li{width:100%;float:left;margin:0 0 20px 0;visibility:visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.newslist ul li a{background:#fafafa;display: block;width:98%;height:145px;padding:1%;}
.newslist ul li .date{width:7%;height:94px;background:rgba(143,72,32,.2);margin-top:15px;float:right;}
.newslist ul li .date h6{font-size:36px;height:40px;line-height:40px;text-align:center;color:#000;margin-top:18px;transition:all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.newslist ul li .date p{font-size:12px;height: 35px;color: #000;text-align: center;transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;-o-transition: all .5s;}
.newslist ul li .img{float:left;width:18%;height:145px;overflow: hidden;margin:0 10px 0 0;}
.newslist ul li .img img{width:100%;height:100%;object-fit: cover;transform: scale(1);-webkit-transform: scale(1);transition: all .8s;-webkit-transition: all .8s}
.newslist ul li .txt{height:110px;padding:10px 10px 0 10px;width:70%;float:left;}
.newslist ul li .txt span{color:#999;font-size:12px;padding:4px 0 4px 20px;}
.newslist ul li .txt span.time{background:url(../images/time.png) no-repeat left 2px;padding:0 0 0 15px;background-size:auto 12px;}
.newslist ul li .txt span.hits{background:url(../images/views.png) no-repeat left -1px;padding:0 0 0 20px;background-size:auto 16px;}
.newslist ul li .txt h2{color:#333;font-size:18px;font-weight:bold;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; display:block;}
.newslist ul li .txt p{padding:10px 0;color:#999;}
.newslist ul li a:hover{ background:rgba(143,72,32,.1);-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.2); box-shadow:2px 2px 5px rgba(0,0,0,0.2);}
.newslist ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1)}
.newslist ul li a:hover h2{color:rgba(143,72,32,1);}

/*店铺列表*/
.storelist{width:100%;clear:both;margin:60px auto 20px;float:left;}
.storelist ul li{float:left;height:auto;width:32%;margin:0 2% 2% 0;visibility: visible;opacity: 0;animation: slideInUp ease-out .6s forwards;-webkit-animation: slideInUp ease-out .6s forwards}
.storelist ul li a{border:1px solid #eee;padding:2% 0 0 2%;width:98%;height:120px;background:#fff;display:block;float:left;overflow:hidden;position: relative;-webkit-transition: all .2s linear;transition: all .2s linear;}
.storelist ul li a h3{padding:15px 0 10px;font-size:18px;}
.storelist ul li a:hover{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}
.storelist ul li:nth-child(3n){margin-right:0;}
/*列表内容页*/
.listConts{line-height:26px;color:#666;width:100%;padding:20px 0;}
.listConts .title{font-size:26px;color:#333;}
.listConts .info{width:100%;font-size:12px;padding:10px 0 15px;color:#999;border-bottom:2px solid #ddd;}
.listConts .info span{color:#999;}
.listConts .desc{margin:20px 0 15px;padding:5px 10px;line-height:20px;border:1px solid #EAEAEA;background:#f9f9f9;}
.listConts .showimg{margin:20px 0;text-align:center;}
.listConts .showimg a img{border:1px solid #ccc;padding:1px;}
.listConts .showimg a:hover img{border:1px solid #F90;padding:1px;}
.listConts .conttitle{font-weight:bold;padding-bottom:7px;margin-bottom:7px;color:#2f2f2f;line-height:24px;border-bottom:1px solid #ddd;font-size:14px;}
.listConts .author{text-align:right;color:#999;}
.listConts .newscon{padding:30px 0 40px;}
.listConts .newscon img{max-width:750px;}

.preNext{position:relative;border-top:1px solid #ccc;padding:20px 0 0 0;margin:30px 0 0 0;color:#666;}
.preNext a{color:#666;}
.preNext a:hover{color:#c17936}

/*新闻详情*/
.detail{width:100%;padding:20px 0;margin:0 auto;}
.detail .dconn{padding:0;position:relative;width:100%;float:left;}
.detail .dconn p{padding:5px 0;}
.detail .dconn img{max-width:800px;width:100%;height:auto;position:relative;left:50%;margin-left:-400px;display:block;}
.detail .dconn #dreamplayera img{max-width: none;width:auto;left:0;margin:0;}


.pages{width:100%;padding:20px 0;float:left;}
.pages ul li{padding:5px 0;}.pages ul li a{color:#666;}.pages ul li a:hover{color:#999;}
/*产品详情*/
.prodetail{ position:relative;padding:30px 0;width:100%;}
.dtitle{width:100%;padding:20px 0;float:left;text-align:center;position:relative;}
.dtitle h2{font-size:24px;color:#333;padding:0 0 20px 0;line-height:36px;}
.detaill{width:602px;margin:0 auto;}
.detailpic{margin:0 auto;height:600px;width:600px;overflow:hidden;border:1px solid #EAEAEA;text-align:center;}
.detailpic ul{height:600px;width:600px;overflow:hidden;}
.detailpic a{width:600px;height:600px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;padding:0px;}
.detailpic img{vertical-align: middle;max-width:600px;max-height:600px;}

.detaill .detailtxt{padding:30px 0 0;width:100%;margin:0 auto;clear:both;}
.detaill .detailtxt ul li{width:100%;float:left;border-bottom:1px dotted #ccc;font-size:18px;padding:10px 0;}


/*图片小图预览列表*/
.spec-preview{width:602px;height:500px;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;margin:5px 0 0 0;width:602px;}
.spec-scroll .prev{float:left;margin-right:6px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev{display:block; background:url(../images/lefta.png) no-repeat center center;width:11px;height:86px; cursor:pointer;}
.spec-scroll .next{display:block; background:url(../images/rightb.png) no-repeat center center;width:11px;height:86px; cursor:pointer;}
.spec-scroll .items{float:left;position:relative;width:372px;height:88px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:88px;}
.spec-scroll .items ul li{float:left;width:93px;text-align:center;}
.spec-scroll .items ul li a.img{width:86px;height:86px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;border:1px solid #EAEAEA;padding:0px;}
.spec-scroll .items ul li a.img img{vertical-align:middle;max-height:86px;max-width:86px;}
.spec-scroll .items ul li.tb-selected .img{border:1px solid #c17936;}



/*留言栏目*/
.contact{width:100%;height:auto;padding:120px 0 100px;display:block;}
.contact .contact-info{width:50%;height:auto;border-right:1px solid #EDEDED;float:left;}
.contact h2{width:100%;font-size:24px;color:rgba(143,72,32,1);font-weight:bold;padding:0 0 20px 0;}
.contact .contact-info li{padding:10px 0;display:block;}
.contact .contact-info li .icon-box{float:left;width:36px;height:36px;margin:0 10px 0 0;border-radius:50%;background:rgba(143,72,32,.8);display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;font-size:0;color:#FFFFFF}
.contact .contact-info li .icon-box img{width:50%;height:50%}
.contact .contact-info li p{line-height:36px;font-size:16px;}
.contact .follow-us{width:44%;height:auto;float:right;}
.contact .follow-us p{font-size:20px;padding:10px 0;}
.feedback{padding:40px 0 50px;width:100%;float:left;}
.feedback h4{width:100%;color:rgba(143,72,32,1);font-weight:bold;font-size:24px;height:40px;line-height:40px;}
.feedback ul li{float:left;width:100%;padding:30px 0 0;}
.feedback ul li input{float:left;width:100%;padding:0px;height:50px;line-height:50px;border:none;border-bottom:1px solid #E3E3E3;}
.feedback ul li textarea{float:left;width:100%;padding:0px;height:100px;border:none;border-bottom:1px solid #E3E3E3;resize: none;overflow: auto;background: transparent;}
.feedback ul li button{border:none;color:#222;display:inline-block;font-size:18px;height:50px;line-height:50px;width:147px;cursor: pointer;background:url(../images/more.png) no-repeat center center;background-size:cover;}
.feedback ul li input.finput{width:200px;}
.feedback ul li button:hover{color:rgba(143,72,32,1)}

/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{width:100%;float:left;height:24px;line-height:24px;text-align:center;letter-spacing:0;font-size:12px;margin:20px 0 50px;}
.page_list li{display:inline-block;}
.page_list a{display:inline-block;color:#333;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 3px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list .active span{color:#333;border:1px solid #ccc;background:#ccc;text-align:center;padding:0 8px;margin:0 1px;display: inline-block;}



/*页脚区域*/
.footer{width:100%;background:#583b2c;color:#fff;float:left;clear:both;padding:30px 0 0;}
.footer .footer-left{float:left;width:20%;}
.footer .footer-left .footer-logo{width:166px;height:279px;display:block;}
.footer .footer-left .footer-logo a{width:166px;height:279px;text-indent:-9999px;display:block;background:url(../images/footerlogos.png) no-repeat center center;background-size:166px auto;}
.footer .footer-center{float:left;width:25%;border-left:1px solid #755341;border-right:1px solid #755341;height:auto;padding:0 5%;margin:30px 0 0;}
.footer .footer-center dl{width:100%;float:left;padding:0 0 40px;}
.footer .footer-center dl dt{padding:0 0 10px 0;font-size:18px;}
.footer .footer-center dl dd{font-size:30px;font-weight:bold;line-height:36px;}
.footer .footer-center dl:last-child{padding:0;}
.footer .footer-center dl:last-child dd{font-size:18px;font-weight:bold;}
.footer .footer-right{float:right;width:40%;margin:30px 0 0;}
.footer .footer-right h4{padding:0 0 25px 0;font-size:18px;}
.footer .footer-right ul li{float:left;width:26.6666%;margin:0 10% 0 0;}
.footer .footer-right ul li img{width:100%;height:auto;}
.footer .footer-right ul li p{font-size:16px;padding:5px 0 0;}
.footer .footer-right ul li:last-child{margin:0;}
.copy{width:100%;float:left;padding:15px 0;border-top:1px solid #755341;margin:20px 0 0;}
.copy span{float:right;}
.footer a{color:#fff;}
.footnav{display:none;}
/*Top按钮*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
.tbox{width:50px;float:right;position:fixed;right:10px;z-index:10;bottom:15px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:15px;display:none;}/*解决IE6下不兼容 position:fixed 的问题*/
.tbox #gotop{width:50px;height:50px;background:url(../images/icon.png) no-repeat 0 0;display:block;}


@media (min-width:768px) {
    .wrap {
        width:750px;min-width:750px;
    }
}
@media (min-width:992px) {
    .wrap {
        width:970px;min-width:970px;
    }
}
@media (min-width:1200px) {
    .wrap {
        width:1200px;min-width:1200px;
    }
}
@media (min-width:1700px) {
    .wrap {
        width:1600px;min-width:1600px;
    }
}

@media (max-width:768px) {
    .bl20 {height:0px;}
    .bl40 {height:0px;}
    .bl50 {height:10px;}
    .bl60 {height:0px;}
    .bl80 {height:20px;}
    .bl100 {height:20px;}
    body{font-size:12px;}
    .wrap{width:100%;min-width:100%;}

    /*头部区域*/
    .head{height:50px;padding:0;}
    .hnavbg{background: rgba(143,72,32,1);}
    .head .navs{display:none;}
    .head .logo{display:block;}
    .head .logo{float:left;width:109px;height:40px;overflow:hidden;margin:5px 0 0 2%;}
    .head .logo h1{float:left;}
    .head .logo h1 a{background:url(../images/logo.png) no-repeat;background-size:auto 40px;text-indent:-9999px;width:109px;height:40px;display:block;}
    .head .tel{right:40px;top:13px;}
    .head .tel a{background:url(../images/tel.png) no-repeat center center;background-size:auto 24px;padding:0;text-indent:-9999px;display:block;width:24px;height:24px;border:none;}
    .head .menu{background: url(../images/menu.png) no-repeat;background-size:auto 24px;text-indent:-9999px;display: block;width:24px;height:24px;position:absolute;top:13px;right:2%;}
    #menua,.tmaps{ display:block;}
    .head .navbg{display:none;}
    .sbanner{height:240px;background-size:auto 240px;}
    .newsbanner{height:50px;}
    .sbanner .sbannertxt{width:100%;padding:18px 0 20px 60px;margin:25px 0 0 10px;background-size:auto 50px;display:none;}
    .sbanner .sbannertxt h5{font-size:14px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);}
    .sbanner .sbannertxt p{font-size:10px;padding:0 0 0 10px;line-height:14px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);}

    /*首页*/
    /* banner */
    .banners {height:200px;position:relative;}
    .banner a{height:200px; background-size:auto 100%;}
    .banner .slick-arrow{top:35%;cursor:pointer;height:50px;width:50px;z-index:100;text-indent:-9999px;background:url(../images/pcontrol.png) 0px 0px no-repeat;border-radius:50%;cursor:pointer; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
    .banner .slick-prev{left:2%;}
    .banner .slick-next{right:2%;background-position:-50px 0px;}
    .banner .slick-dots{bottom:10px;}
    .banner .slick-dots li{width:6px;height:6px;}

    .index-about-bg,.index-brand-bg,.index-news-bg,.index-honors-bg,.index-store-bg{padding:20px 3% 0;width:94%;height:auto;}
    .index-about{width:100%;}
    .index-video{width:100%;margin:10px 0 0;height:245px;background-size:auto 245px;}
    .index-title h3{font-size:24px;padding:10px 0;}
    .index-title p{font-size:14px;line-height:18px;}
    .index-about .index-txt{}
    .index-about .index-txt a.more{margin:10px 0;}
    .index-brand-bg,.index-news-bg{padding:20px 3% 40px;}
    .index-brand{padding:20px 0 0;}
    .index-brand dl{width:30%;margin:0 5% 0 0;padding:20px 0 0;height:200px;}
    .index-brand dl .pic{width:80px;height:80px;}
    .index-brand dl dt{font-size:18px;width:40px;padding:0 0 5px 0;}
    .index-brand dl dt:after{bottom:8px;border-bottom:2px solid #fff;width:20px;}
    .index-brand dl dd{font-size:10px;line-height:16px;}
    .index-brand dl:after{transform:rotate(3deg);}

    .index-news-bg{background:url(../images/index-lajiao.png) no-repeat right top #f6f6f6;background-size:auto 50%;}
    .index-news{padding:10px 0 0;}
    .index-news ul li a{height:60px;line-height:60px;}
    .index-news ul li a h3{font-size:14px;padding:0 0 0 5%;}

    .index-store .ipic{height:250px;}
    .index-store .ipic .pic{height:250px;}

    .index-honors-bg{}
    .index-honors-pic{width:100%;}
    .index-honors-list{width:100%;}
    .index-honors-list ul li{font-size:12px;height:80px;}

    /*内页*/
    .about-nav{height:50px;line-height:50px;}
    .about-nav ul li{font-size:16px;}
    .about{width:94%;padding:3%;}
    .aboutcon .title{width:100%;writing-mode:unset;height:auto;line-height:50px;font-size:24px;}
    .aboutcon .details{width:100%;}
    .aboutcon .details p{font-size:14px;line-height:21px;padding:0 0 10px;}
    .about-title{padding:10px 0;height:30px;line-height:30px;font-size:24px;}
    .about-pic{width:100%;}
    .about-list{width:100%;font-size:14px;}
    .about-list ul li{padding:5px 0;}
    .about-brand-story{padding:10px 20% 0;}
    /*产品栏目*/
    .pic-name{font-size:22px;height:40px;line-height:40px;padding:15px 0 0;}
    .pic-menu{margin-bottom:10px;}
    .pic-menu dd{margin:10px 5px 0!important;}
    .pic-menu dd>a{font-size:14px;padding:6px 12px;}
    .pic-small-menu a{padding:2px 10px;}

    .piclists{width:94%;padding:0 3%;clear:both;overflow:hidden;margin:20px auto 10px;float:left;}
    .piclists ul li{width:100%;margin:0 0 3% 0;}
    .piclists ul li a .pic{height:240px;}
    .piclists ul li a h2{padding:10px 0;}

    .storelist{width:94%;padding:0 3%;margin:10px auto 20px;}
    .storelist ul li{width:100%;margin:0 0 2% 0;}
    .storelist ul li a{height:auto;padding:2% 2% 4%;width:96%;}

    .newslist{margin:10px auto;}
    .newslist ul li{margin:0 0 10px 0;}
    .newslist ul li a{padding:2%;width:96%;height:auto;}
    .newslist ul li .img{float:left;width:100%;height:auto;margin:0;}
    .newslist ul li .img img{width:100%;height:auto;}
    .newslist ul li .date{width:60px;height:80px;margin:5px 0 5px 0;}
    .newslist ul li .date h6{margin-top:8px}
    .newslist ul li .txt{width:75%;height:auto;}
    .newslist ul li .txt h2{font-size:16px;padding:5px 0 0;}
    .newslist ul li .txt p{padding:2px 0 0;height:42px;line-height:21px;overflow:hidden;}


    /*列表内容页*/
    .listConts{padding:10px 0;}
    .listConts .title{font-size:18px;line-height:30px;}

    .local{border-bottom:1px solid #E9E9E9;height:auto;line-height:18px;font-size:11px;color:#666;padding:5px 2%;text-align:left;}
    .local h5{display:none;}
    .local h6{float:none;font-size:18px;position:relative;height:30px;bottom:-5px;}
    .local h6:after{content:""; position: absolute;bottom:-1px;left:0;border-bottom:1px solid #DA0E0D;width:72px;}

    .pnavtit{ position:absolute;right:10px;top:5px;width:50px;height:20px; cursor:pointer;color:#fff;background:url(../images/downs.png) no-repeat center right;background-size:15px auto;display: block;}
    .current{background:url(../images/ups.png) no-repeat center right;background-size:15px auto;}


    .pnav{width:100%;background:#fff;border:none;display:none;}
    .pnav ul li{float:left;border-bottom:1px solid #E9E9E9;}
    .pnav ul li a{border:none;background:none;}
    .pnav a{padding:10px;font-size:12px;}
    .pnav ul li.on a{background:#FF656E; z-index:1}

    .anav{text-align:center;height:38px;line-height:38px;width:100%;position:relative;}
    .anav a{font-size:12px;margin:0 4px;padding:8px 5px;position: relative;z-index: 1;color:#333;}
    .anav a:hover,.anav a.on{border-bottom:2px solid #2582C5;color:#333;}



    /*新闻详情*/
    .detail{width:96%;padding:10px 2%;}
    .dtitle p{font-size:10px;}
    .detail .dconn{padding:0 0 20px 0;position:relative;width:100%;float:left;border-bottom:1px solid #eee;}
    .detail .dconn p{padding:5px 0;font-size:14px;}

    .detail .dconn img{max-width:320px;margin-left:-160px;}
    /*产品详情*/
    .prodetail{ position:relative;padding:10px 0;width:100%;}
    .detaill{width:100%;margin:0 auto;}

    .detailpic{margin:0 auto;height:320px;width:320px;overflow:hidden;border:none}
    .detailpic ul{height:320px;width:320px;overflow:hidden;}
    .detailpic a{width:320px;height:320px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;padding:0px;}
    .detailpic img{vertical-align: middle;max-width:320px;max-height:320px;}

    .cor .dname{font-size:18px;padding:10px 0 0;}
    /*图片小图预览列表*/

    .spec-scroll{width:320px;height:70px;margin:0 auto;}
    .spec-scroll .prev{float:left;margin-right:6px;}
    .spec-scroll .next{float:right;}
    .spec-scroll .prev{display:block; background:url(../images/lefta.png) no-repeat center center;width:11px;height:70px; cursor:pointer;}
    .spec-scroll .next{display:block; background:url(../images/rightb.png) no-repeat center center;width:11px;height:70px; cursor:pointer;}
    .spec-scroll .items{float:left;position:relative;width:288px;height:70px;overflow:hidden;}
    .spec-scroll .items ul{position:absolute;width:999999px;height:70px;}
    .spec-scroll .items ul li{float:left;width:73px;text-align:center;}
    .spec-scroll .items ul li a.img{width:65px;height:65px;display:table-cell;background:#fff;vertical-align:middle;text-align:center;*display:block;*font-size:125px;*font-family:Arial;overflow:hidden;border:1px solid #EAEAEA;padding:0px;}
    .spec-scroll .items ul li a.img img{vertical-align:middle;max-height:65px;max-width:65px;}
    .spec-scroll .items ul li.tb-selected .img{border:1px solid #004187;}
    .pcon{width:96%;padding:2%;}
    .pcon img{width:50%;}

    /*留言栏目*/
    .contact{width:94%;padding:30px 3% 50px;}
    .contact h2{padding:0 0 10px 0;}
    .contact .contact-info{width:100%;border:none;}
    .contact .contact-info li .icon-box{width:24px;height:24px;margin:0 5px 0 0;}
    .contact .contact-info li p{line-height:24px;font-size:14px;}
    .contact .follow-us{width:100%;margin:20px 0 0;}

    .feedback{width:94%;padding:30px 3% 50px;}
    .feedback ul li{padding:10px 0 0;}
    /*页脚区域*/
    .footer{width:94%;padding:20px 3% 45px;}
    .footer .footer-left{width:100%;}
    .footer .footer-left .footer-logo{width:200px;height:73px;}
    .footer .footer-left .footer-logo a{width:200px;height:73px;background:url(../images/logo.png) no-repeat center center;background-size:200px auto;}
    .footer .footer-center{width:100%;margin:20px 0 0;padding:0;border:none;}
    .footer .footer-center dl{padding:0 0 20px;}
    .footer .footer-right{width:100%;margin:10px 0 0;}
    .footer .footer-right h4{padding:0 0 15px 0;}
    .footnav{position:fixed;bottom:0;left:0;width:100%;height:45px;background:rgba(143,72,32,1);z-index:1000;display:block;}
    .footnav a{width:25%;line-height:15px;display: block; text-align: center;float:left;padding:5px 0 0 0;}
    .footnav a img{height:20px;width:auto;}
    .footnav a p{color:#fff;padding:0px;font-size:12px;}
    .tbox{width:35px;bottom:55px;}
    .tbox #gotop{width:35px;height:35px;background-size:35px auto;}
    .rnav{display:none;}
}

@keyframes slideInLeft {
    from {
        transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform:translate3d(-50%, 0, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}
@keyframes slideInUp {
    from {
        transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}
@-webkit-keyframes fadeInUp {
    from {
        -webkit-transform:translate3d(0, 50%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: none
    }
}