@charset "utf-8";
/* CSS Document */
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div{margin:0;padding:0;}
body{font:14px "微软雅黑";-webkit-text-size-adjust:100%;overflow-x:hidden;width:100%; position:relative;}
a{text-decoration:none;font-family:"微软雅黑";font-size:14px;}
a:hover{text-decoration:underline;}
a:active,a:focus{outline:none;}
em,i{font-style:normal;}
li,dl,dt,dd{list-style:none; overflow:hidden;}
img{border:0;vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0;}
p{word-wrap:break-word;}
.c{clear:both;}
.fl{ float:left;}
.fr{ float:right;}

.head-bg{ height:218px; width:100%; background:url(../images/top-bg.jpg) repeat-x center center;}
.top{ width:1200px; height:35px; line-height:35px; color:#fff; margin:0px auto;}
.top a{color:#fff; margin-left:10px; position:relative;}
.top i.top-1{ background:url(../images/top-1.png) no-repeat center center; width:19px; height:15px; display:inline-block;}
.top i.top-2{ background:url(../images/top-2.png) no-repeat center center; width:16px; height:16px; display:inline-block;}

.logo{ width:1200px; margin:10px auto; position:relative;}
.logo-r{ color:#ddaf64; margin-top:35px;}
.logo-r dt{ font-size:22px;}
.logo-r dd{ font-size:36px; font-weight:bold;}
.logo-r .tel{ background:url(../images/tel.png) no-repeat center center; width:27px; height:29px; display:inline-block;}
.search{ width:300px; border:2px solid #ddaf64; line-height:50px; border-radius:5px; position:absolute; top:50px; left:500px;}
.search i.search-ico{ background:url(../images/search-bg.png) no-repeat center center; width:23px; height:23px; display:inline-block; margin:13px 0 0 10px; color:#fff;}
.search span{ width:70px; background:#ddaf64; text-align:center; font-size:16px; cursor:pointer;}
.search input{ height:46px; top:2px; width:190px; padding:0px 5px; position:absolute; border:none; background:none; color:#fff; font-size:14px;}

.nav-bg{ background:#140907; height:60px; line-height:60px; overflow:hidden;}
.nav{ width:1200px; margin:0px auto;}
.nav li{ float:left;}
.nav a{ color:#fff; display:inline-block; padding:0px 24px; font-size:18px;}
.nav a:hover{color:#140907; background:#ddaf64; text-decoration:none;}
.nav a.hover{color:#140907; background:#ddaf64; text-decoration:none;}

/*幻灯片*/
#slide{ overflow:hidden; position:relative; height:auto; background:#e1e1e1; text-align:center; background:url(../images/load.gif) center top no-repeat; margin:0; padding:0;}
#slide ul{position:relative;}
#slide ul li{ position:absolute; z-index:2; left:0; top:0; width:100%; height:auto; text-align:center; opacity:0;}
#slide ul li span{ position:absolute; z-index:3; line-height:30px; font-size:16px; color:#000; font-weight:bold;right:0; opacity:0;}
#slide ul li a{ display:block;}
#slide ul li img{ max-width:100%;}
#slide ol{ /*background:#fff; opacity:0.5;*/ border-radius:6px; position:absolute; z-index:5; bottom:10px;}
#slide ol li{ float:left; margin:5px; width:20px; border-radius:50%; height:20px; background:#cccccc; cursor:pointer; color:#cccccc; }
#slide ol li:hover{ background:#ddaf64; color:#ddaf64; }
#slide ol li.ol_li{ background:#ddaf64 !important; color:#ddaf64 !important; }
#prev,#next{ width:32px; height:53px; position:absolute; z-index:5; cursor:pointer; opacity:0.8; display:none;}
#next{ background-position:-32px 0 !important;}
#prev{ left:0;}
#next{ right:0;}

.pic-1-bg{ background:#140907; width:100%; overflow:hidden;}
.pic-1-bg p{ width:980px; margin:50px auto;}
.pic-2-bg{ background:#0f0705; width:100%; overflow:hidden; border-top:7px solid #211612;border-bottom:7px solid #211612;}
.pic-2-bg p{ width:980px; margin:50px auto;}
.pic-3-bg{ background:#0f0705; width:100%; overflow:hidden;border-bottom:7px solid #211612;}
.pic-3-bg p{ border:2px solid #e6b66a; height:.pic-3-bg p; line-height:35px; width:110px; margin:20px auto 50px auto; border-radius:5px; color:#e6b66a !important; text-align:center;}
.pic-3-bg p a{color:#e6b66a !important; display:block;}
.title-1{ text-align:center; padding:50px 0;}
.title-2{ text-align:center; padding:0px 0px 50px 0px;}

/*首页产品*/
.pro-dl{ width:1200px; margin:0px auto; overflow:hidden;}
.pro-dl dl{ float:left; width:350px; border:8px solid #e2e2e2; margin:0px 17px 35px 17px;}
.pro-dl dl dt{ text-align:center; background:#fff; padding:10px 0;}
.pro-dl dl dd{ height:40px; line-height:40px; background:#e2e2e2; text-align:center; color:#666 !important; font-weight:bold; font-size:16px; overflow:hidden;}
.pro-dl dl:hover{border:8px solid #424141;}
.pro-dl dl:hover dd{background:#424141;color:#fff !important;}

.pic-4-bg{ background:#0f0705; width:100%; overflow:hidden;border-bottom:7px solid #211612;}
.pic-4-bg p{ width:980px; margin:50px auto;}

/*首页店面*/
.title-4{ text-align:center; margin:50px auto; overflow:hidden;}
.stores-bg{ background:url(../images/stores-bg.jpg) no-repeat center center; width:100%; overflow:hidden; height:1335px;}
.stores{ width:1200px; margin:0px auto; }
.stores a{ color:#fff;}
.stores img{ position:absolute; z-index:1}
.stores p{ width:100%; height:50px; line-height:50px; background:#000; position:absolute; bottom:0px; z-index:2; opacity:0.9;}
.stores span{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; position:absolute; bottom:0px; z-index:3; display:block;text-overflow:ellipsis;white-space: nowrap; font-size:16px;}
.stores-top-l{ width:594px; height:500px; overflow:hidden;position:relative;}
.stores-top-r-top dt,.stores-top-r-top dd{position:relative; width:290px; height:242px; overflow:hidden; margin-left:13px;}
.stores-top-r-bottom{ width:593px; height:244px; overflow:hidden;position:relative; margin:0px 0px 0px 13px; top:15px;}
.stores-bottom{ margin-top:15px;}
.stores-bottom .stores-top-r-top dt,.stores-bottom .stores-top-r-top dd{position:relative; width:290px; height:242px; overflow:hidden; margin-left:0px !important; margin-right:13px;}
.stores-bottom .stores-top-r-bottom{ width:593px; height:244px; overflow:hidden;position:relative; margin:0px 13px 0px 0px; top:15px;}
.stores-more{ width:110px; height:35px; line-height:35px; border:2px solid #e6b66a; text-align:center; border-radius:5px; margin:50px auto;}
.stores-more a{color:#e6b66a; font-size:16px; display:block;}

.ly-bg{ background:#0f0705; width:100%; overflow:hidden;}
.ly-bg p{ width:1200px; margin:0px auto;}

.rong-bg{ width:100%; overflow:hidden; background:url(../images/rong-bg.jpg) no-repeat center center; height:745px;border-bottom:7px solid #211612;}
.rong{ width:1200px; margin:200px auto; overflow:hidden;}
.rong li{ float:left; margin:16px;}

/*首页我们的承诺*/
.promise-bg{ background:#0f0705; padding-bottom:30px; overflow:hidden;border-bottom:7px solid #211612;}
.promise{ background:url(../images/promise-bg.png) no-repeat center center; width:1200px; margin:0px auto; height:1500px; position:relative;}
.promise li{ font-size:24px; color:#fff; position:absolute;}
.promise li:nth-child(1){ left:650px; top:135px;}
.promise li:nth-child(2){ left:340px; top:360px;}
.promise li:nth-child(3){ left:650px; top:570px;}
.promise li:nth-child(4){ left:200px; top:780px;}
.promise li:nth-child(5){ left:650px; top:965px;}
.promise li:nth-child(6){ left:300px; top:1153px;}
.promise li:nth-child(7){ left:650px; top:1350px;}

/*首页关于我们*/
.about-bg{ background:#0f0705; overflow:hidden; width:100%;}
.about{ width:1200px; margin:50px auto; background:#201513; overflow:hidden; padding:50px;}
.about-r{ width:550px;}
.about-r b{ font-size:40px; color:#5a5655; line-height:45px;}
.about-r p{ font-size:28px; color:#f2c375;line-height:30px; font-weight:bold;}
.about-r dl{ border-left:2px solid #5a5655; margin:35px 0px 0px 0px;}
.about-r dt{ color:#cac7c1; font-size:20px;font-weight:bold; padding-left:50px;}
.about-r dd{ font-size:14px; line-height:25px; color:#7d7571; padding:20px 0px 0px 50px;}
.about-r dl a{ color:#f2c375; font-size:16px; padding:7px 35px; border:2px solid #f2c375; border-radius:5px; margin:20px 0px 0px 50px; overflow:hidden; display:inline-block;}

/*首页新闻样式*/
.news{ width:1200px; margin:0px auto 50px auto; overflow:hidden;}
.news-l { width:560px; overflow:hidden; background:#201513;}
.news-l dl{ padding-bottom:20px;}
.news-l dl dd{ color:#dcae64 !important; font-size:18px; padding:20px; height:25px; overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-l dl p{ color:#999 !important; font-size:14px; padding:0px 20px; overflow:hidden; line-height:25px;}
.news-l a:hover{ text-decoration:none;}
.news-r{ width:600px;}
.news-r a:hover{ text-decoration:none;}
.news-r dl{ background:#201513; margin:0px 0px 15px 0px; overflow:hidden; padding:10px 0;}
.news-r dl dt{ float:left; width:80px; text-align:center; border-right:1px solid #564e4d;}
.news-r dl dt em{ display:block; font-size:18px; color:#dcae64 !important;}
.news-r dl dt span{ color:#cac7c1;}
.news-r dl dd p{ font-size:18px; color:#dcae64 !important; overflow:hidden; width:500px; height:25px; padding-left:20px;text-overflow:ellipsis;white-space: nowrap;}
.news-r dl dd span{ float:right; padding-right:15px; color:#939393;}

/*友情链接*/
.links{ width:1200px; margin:0px auto; border-top:2px solid #211612; padding:20px 0px 50px 0px; overflow:hidden;}
.links-l{ color:#7e7d7d; width:150px; line-height:25px;}
.links-l span{ font-size:16px; color:#dcae64;}
.links-r{ width:1030px; line-height:25px;}
.links-r a{color:#7e7d7d; padding:0px 10px;}

/*底部样式*/
.foot-nav{ background:#1e1e1e;}
.foot-nav a{ color:#a4a4a4;}
.foot-bg{ width:100%; overflow:hidden; background:#232222}
.foot{ width:1200px; margin:50px auto; overflow:hidden;}
.foot-info{ font-size:14px; color:#a4a4a4; margin:30px 0px 0px 100px;}
.foot-info p{ line-height:30px;}
.foot-ewm{ text-align:center; color:#a4a4a4;}
.foot-ewm dd{ line-height:25px;}

.bottom-bg{ width:100%; overflow:hidden; background:#232222}
.bottom{ width:1200px; margin:50px auto; overflow:hidden;}
.bottom dl{ float:left; padding:0px 65px; overflow:hidden; border-right:1px #a4a4a4 dashed;}
.bottom dl dt{font-size:20px;color:#fff; margin-bottom:15px;}
.bottom dl dt i{ padding-right:10px;}
.bottom dl a{ color:#a4a4a4;font-size:16px;}
.bottom dl dd{ line-height:25px; background:url(../images/bottom-d.png) no-repeat center left;text-indent:15px;}
.bottom div{float:right; width:400px; }
.bottom div ul{ margin-top:30px;background:url(../images/bottom-tel.png) no-repeat center left; padding-left:55px;}
.bottom div ul li{ font-size:36px; color:#daac63;font-weight:bold;line-height:33px;}
.bottom div ul p{ font-size:14px;color:#a4a4a4;}
.bottom div ol{ background:url(../images/bottom-user.png) no-repeat center left; height:40px; margin-top:20px; line-height:40px; padding-left:55px;}
.bottom div ol a{ border:1px solid #a4a4a4;  border-radius:3px; padding:5px 10px; color:#a4a4a4; margin-right:5px; margin-top:5px;}
.bottom div ol a:nth-child(2){ border:1px solid #a4a4a4;background:#a4a4a4;  border-radius:3px; padding:5px 10px; color:#fff; margin-right:5px; margin-top:5px;}
.bottom-p{ border-top:1px solid #a4a4a4;color:#a4a4a4; line-height:20px;text-align:center; padding:6px 0px;font-size:12px;}



/*关于我们*/
.about-banner img{ width:100%;}
.about-title{ text-align:center; font-size:44px; margin:40px auto; overflow:hidden; color:#333;}
.about-info{ font-size:16px; color:#666; line-height:30px; width:1200px; margin:0px auto;}
/*
.about-info p{ padding:15px 0px; text-indent:35px;}
.about-info li{ text-align:center; margin:40px 0px; overflow:hidden;}
*/
.about-title-1{ text-align:center; font-size:44px; margin:20px auto; overflow:hidden; color:#333;}
.about-title-bg{ text-align:center;}
.about-ul{ margin:30px auto; width:1200px; overflow:hidden;}
.about-ul li{ float:left; margin:4px; width:290px; height:233px;}
.about-ul li img{ width:100%;}
.about-rong-ul{ width:1200px; margin:30px auto; overflow:hidden;}
.about-rong-ul li{ float:left; margin:16px;}
.about-rong-ul li img{ width:268px; height:206px;}
.contact{ width:1200px; margin:30px auto; overflow:hidden;}
.contact-r{ width:600px; height:340px; position:relative;}
.contact-r li{ font-size:18px; line-height:50px;}
/*
.contact-r{ width:600px; background:url(../images/map-1.jpg) no-repeat left center; height:340px; position:relative;}
.contact-r li{ position:absolute; font-size:18px;}
.contact-r li:nth-child(1){ left:50px; top:67px;}
.contact-r li:nth-child(2){ left:50px; top:127px;}
.contact-r li:nth-child(3){ left:50px; top:190px;}
.contact-r li:nth-child(4){ left:50px; top:250px;}
.contact-r li:nth-child(5){ left:50px; top:280px;}
.contact-r li:nth-child(6){ left:50px; top:310px;}
*/

/*行业优势*/
.youshi-title{ text-align:center; margin:30px  auto; overflow:hidden;}
.youshi-banner img{ width:100%;}
.youshi-p{ text-align:center; font-size:16px; color:#666; line-height:30px; width:800px; margin:20px auto; overflow:hidden;}
.youshi-bg{ margin:30px auto; width:1070px; overflow:hidden;}
.youshi-bg-1{ margin:30px auto 50px auto; width:1200px; overflow:hidden;}
.youshi-bg-2{ width:100%; overflow:hidden; background:#e6e6e6;}
.youshi-bg-2 p{ text-align:center; margin:50px 0; overflow:hidden;}

/*设计体系*/
.tixi-bg-2 p{ width:1287px; margin:0px auto; overflow:hidden;}
.tixi-bg{ background:url(../images/tixi-bg.jpg) no-repeat center center; width:100%; height:1021px;}
.tixi{ width:1200px; margin:0px auto; overflow:hidden; font-size:16px; position:relative;height:1021px;}
.tixi li{ width:180px;position:absolute; text-align:center;}
.tixi li:nth-child(1){ left:60px; top:530px;}
.tixi li:nth-child(2){ left:375px; top:530px;}
.tixi li:nth-child(3){ left:695px; top:530px;}
.tixi li:nth-child(4){ left:1015px; top:530px;}
.tixi li:nth-child(5){ left:205px; top:870px;}
.tixi li:nth-child(6){ left:520px; top:870px;}
.tixi li:nth-child(7){ left:840px; top:870px;}
.tixi-bg-1{ background:url(../images/tixi-bg-1.jpg) no-repeat center center; width:1200px; height:754px; overflow:hidden; margin:0px auto 50px auto;}
.tixi-bg-1 dl{ width:400px; height:380px; overflow:hidden; text-align:center; color:#fff; float:left;}
.tixi-bg-1 dl dt{ font-size:48px; font-weight:bold; line-height:100px; margin-top:70px;}
.tixi-bg-1 dl dd{ font-size:20px; width:250px; margin:0px auto; line-height:30px;}
.tixi-title-1{ text-align:center; overflow:hidden; margin:50px auto;}
.tixi-anli{ width:1200px; margin:0px auto; overflow:hidden;}
.tixi-anli-top-l{ width:593px; height:383px; overflow:hidden;}
.tixi-anli-top-l img{ width:100%; }
.tixi-anli-top-r{ width:593px;}
.tixi-anli-top-r li{ float:left; width:288px; height:183px; overflow:hidden; }
.tixi-anli-top-r li:nth-child(2),.tixi-anli-top-r li:nth-child(4){margin-left:17px;}
.tixi-anli-top-r li:nth-child(3),.tixi-anli-top-r li:nth-child(4){ margin-top:17px;}
.tixi-anli-bottom{ margin-top:17px;}
.tixi-anli-bottom .tixi-anli-top-r li:nth-child(1),.tixi-anli-bottom .tixi-anli-top-r li:nth-child(3){ margin-left:0px;}
.tixi-style-bg{ width:1200px; margin:0px auto; overflow:hidden; background:url(../images/tixi-3.jpg) no-repeat center center; height:952px; position:relative;}
.tixi-style-bg li{ font-size:30px; color:#fff; line-height:30px; position:absolute;}
.tixi-style-bg li a{font-size:30px; color:#fff; line-height:30px; display:block;}
.tixi-style-bg li a:hover{ text-decoration:none;}
.tixi-style-bg li:nth-child(1){ top:375px; left:60px;}
.tixi-style-bg li:nth-child(2){ top:375px; left:540px;}
.tixi-style-bg li:nth-child(3){ top:375px; left:1015px;}
.tixi-style-bg li:nth-child(4){ top:522px; left:283px;}
.tixi-style-bg li:nth-child(5){ top:522px; left:773px;}
.tixi-style-bg li:nth-child(6){ top:742px; left:60px;}
.tixi-style-bg li:nth-child(7){ top:742px; left:525px;}
.tixi-style-bg li:nth-child(8){ top:725px; left:1018px; width:120px; text-align:center;}

/*加盟*/
.join-bg-1{ width:1200px; margin:45px auto; overflow:hidden; background:url(../images/join-bg-1.jpg) no-repeat center center; height:564px; position:relative;}
.join-bg-1 dl{width:270px; text-align:center; position:absolute;}
.join-bg-1 dl dt{ font-size:30px;}
.join-bg-1 dl dd{ font-size:14px;  line-height:25px; color:#555;}
.join-bg-1 dl:nth-child(1){ top:160px; left:70px;}
.join-bg-1 dl:nth-child(2){ top:160px; left:870px;}
.join-bg-1 dl:nth-child(3){ top:440px; left:70px;}
.join-bg-1 dl:nth-child(4){ top:440px; left:870px;}
.join-title-1{ text-align:center; height:100px; margin:40px auto; overflow:hidden;}
.join-bg-2{ width:1200px; margin:45px auto; overflow:hidden;background:url(../images/join-bg-2.jpg) no-repeat top center; height:464px; position:relative;}
.join-bg-2 dl{ width:340px; overflow:hidden; text-align:right; position:absolute;}
.join-bg-2 dl dt{ font-size:36px;}
.join-bg-2 dl dd{ color:#666; font-size:18px;}
.join-bg-2 dl:nth-child(2){ left:850px; text-align:left;}
.join-bg-2 dl:nth-child(3){ top:300px;}
.join-bg-2 dl:nth-child(4){ left:850px; top:300px; text-align:left;}
.join-bg-3{ width:1021px; height:483px; overflow:hidden; margin:40px auto;}
.join-bg-4{ text-align:center; margin:100px auto 20px auto;}
.join-bg-5{ width:100%; height:835px; overflow:hidden; background:url(../images/join-bg-5.jpg) no-repeat center center;}
.join-title-5{ font-size:46px; font-weight:bold; text-align:center; margin:55px auto 25px auto}
.join-info{ font-size:18px; color:#666; line-height:35px; text-align:center;}


/*工艺*/
.process-title{ margin:40px auto; overflow:hidden; text-align:center;}
.process-dl{ width:1200px; margin:0px auto}
.process-dl dl{ width:360px; height:850px; overflow:hidden; border:1px solid #cdcdcd; border-radius:7px; position:relative; float:left; margin:19px; }
.process-dl dl:nth-child(4){}
.process-dl dl p{ margin:10px;}
.process-dl dl span{ position:absolute; top:420px; left:50%; margin-left:-36px;}
.process-dl dl dt{ font-size:22px; text-align:center; margin-top:50px;}
.process-dl dl dd{ font-size:14px; color:#666; padding:20px; line-height:25px; text-align:left;}
.process-pic-2{ width:864px; height:996px; overflow:hidden; margin:40px auto;}
.process-pic-3{ width:100%; height:870px; overflow:hidden; background:url(../images/process-pic-3.jpg) no-repeat center center;}
.process-pic-4{ width:100%; height:283px; overflow:hidden; background:url(../images/process-pic-4.jpg) no-repeat center center;}
.process-bg-5{ background:#1d0e03; width:100%; overflow:hidden;}
.process-ul{ width:1200px; margin:70px auto; overflow:hidden;}
.process-ul li{ float:left; margin:15px;}
.process-ul li a{ width:270px; height:246px;overflow:hidden;  display: block;}
.process-ul li img{ transition: all 1.5s;}
.process-ul li img:hover{transform: scale(1.4);}

/*新闻*/
.path{ width:1200px; margin:10px auto; overflow:hidden; color:#666;}
.path a{color:#666;}
.news-div{ width:1200px; margin:10px auto 30px auto; overflow:hidden;}
.news-div .news-dl{ padding:30px 0; background:#fff; overflow:hidden; border-bottom:1px solid #ccc; margin:20px auto;}
.news-div .news-dl:hover{ background:#eee;color:#ddaf64;}
.news-div .news-dl:hover .news-date{ color:#ddaf64;}
.news-div .news-dl:hover .news-date b{ border-bottom:1px  solid #ddaf64;}
.news-div .news-dl:hover .news-info dt{color:#ddaf64 !important;}
.news-div .news-dl:hover .news-info dd{color:#ddaf64 !important;border-top:1px solid #ddaf64;}
.news-div .news-date{ width:140px;text-align:center; color:#bfbfbf; margin-top:25px;}
.news-div .news-date b{ display:block; font-weight:normal; font-size:48px; border-bottom:1px  solid #eee;}
.news-div .news-date span{ line-height:40px;}
.news-div .news-img{ margin:0px 30px; width:240px; height:180px; overflow:hidden;}
.news-div .news-img img{  width:240px; height:180px;}
.news-div .news-info{ width:750px;}
.news-div .news-info dt{ font-size:24px; width:750px; overflow:hidden; height:40px; line-height:40px;text-overflow:ellipsis;white-space: nowrap; color:#222;}
.news-div .news-info dd{ color:#999; font-size:14px; line-height:22px; border-top:1px solid #eee; padding-top:20px; margin-top:55px; height:66px; overflow:hidden;}
.news-title{ text-align:center; width:1200px; overflow:hidden; color:#333; font-size:24px; margin:40px auto 0 auto;}
.news-admin{ text-align:center; color:#999; line-height:50px; border-bottom:1px solid #ccc; width:1200px; margin:0px auto; overflow:hidden;}
.news-content{ width:1160px; margin:0px auto; overflow:hidden; padding:20px;}
.shangxia{ width:1200px; margin:30px auto; overflow:hidden; line-height:30px;}
.shangxia a{ color:#666;}


/*产品*/
.pro-div{ width:1200px; margin:0px auto;}
.pro-div dl{ float:left; width:576px; height:353px; margin:12px; overflow:hidden; position:relative;}
.pro-div dl dt{ position:absolute; z-index:1;}
.pro-div dl p{ position:absolute; z-index:2; width:576px; height:353px; background:#000; opacity:0.5;}
.pro-div dl dd{ position:absolute; z-index:3; color:#fff; font-size:26px; text-align:center; top:150px; width:576px;}
.slider { width: 100%; min-width: 980px;    height: 722px;    position: relative;    overflow: hidden;    background: #fff;    text-align: center;}
.slider .bd {    width: 980px;    position: absolute;    left: 50%;    margin-left: -490px}
.slider .bd li {    width: 980px;    overflow: hidden;}
.slider .bd li img {    display: block;    width: 980px;    height: 722px;}
.slider .tempWrap {    overflow: visible !important}
.slider .tempWrap ul {    margin-left: -980px !important;}
.slider .hd {    position: absolute;    width: 100%;    left: 0;    z-index: 1;    height: 8px;    bottom: 20px;    text-align: center;}
.slider .hd li {    display: inline-block;    *display: inline;    zoom: 1;    width: 8px;    height: 8px;    line-height: 99px;    overflow: hidden; 
    margin: 0 5px;    cursor: pointer;    filter: alpha(opacity=60);    opacity: 0.6;}
.slider .hd li.on {    background-position: 0 0;    filter: alpha(opacity=100);    opacity: 1;}
.slider .pnBtn {    position: absolute;    z-index: 1;    top: 0;    width: 100%;    height: 722px;    cursor: pointer;}
.slider .prev {    left: -50%;    margin-left: -490px;}
.slider .next {    left: 50%;    margin-left: 490px;}
.slider .pnBtn .blackBg {    display: block;    position: absolute;    left: 0;    top: 0;    width: 100%;    height: 722px;    background: #000;    filter: alpha(opacity=50);    opacity: 0.5;}
.slider .pnBtn .arrow {    display: none;    position: absolute;    top: 28%;    z-index: 1;    width: 60px;    height: 722px;}
.slider .pnBtn .arrow:hover {    filter: alpha(opacity=60);    opacity: 0.6;}
.slider .prev .arrow {    right: 0;    background: url('../images/slider-arrow.png') -120px 0 no-repeat;}
.slider .next .arrow {    left: 0;    background: url('../images/slider-arrow.png') 0 0 no-repeat;}


/*分页*/
.pagination{ overflow:hidden; text-align:center; width:100%; margin:20px 0px;}
.pagination ul{ display:inline-table;}
.pagination ul li{ float:left; margin:0px 5px; height:35px; line-height:35px;list-style:none;}
.pagination ul li a{ display:block;color:#ddaf64; padding:0px 10px;background:#140907; }
.pagination ul li span{ background:#ddaf64;padding:0px 10px;display:block;}


/*线下店铺*/
.offline{ width:1200px; margin:10px auto; overflow:hidden; position:relative; height:1010px; background:#fff;}
.offline a dl{ position:absolute;}
.offline a dl dt img{ width:100%;}
.offline a dl dd{ width:100%; height:50px; line-height:50px; position:absolute; bottom:0px; background:#000; opacity:0.9; text-align:center; color:#fff; font-size:16px; overflow:hidden;}
.offline a:nth-child(1) dl{ height:500px; width:594px; overflow:hidden;}
.offline a:nth-child(2) dl{ height:242px; width:290px; overflow:hidden; left:606px;}
.offline a:nth-child(3) dl{ height:242px; width:290px; overflow:hidden; left:910px;}
.offline a:nth-child(4) dl{ height:244px; width:594px; overflow:hidden; left:606px; top:256px}
.offline a:nth-child(5) dl{ height:242px; width:290px; overflow:hidden;top:510px}
.offline a:nth-child(6) dl{ height:242px; width:290px; overflow:hidden;top:510px; left:304px}
.offline a:nth-child(7) dl{ height:244px; width:594px; overflow:hidden;top:765px}
.offline a:nth-child(8) dl{ height:500px; width:594px; overflow:hidden;top:510px; left:606px}



  *, *:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }
  .foot_box .listBox {    width: 190px;  }
  .foottel {    width: 336px;  }
  .index-head .search .search-pro {    line-height: 40px;    height: 40px;  }
  .index-head .search .button-pro {    line-height: 40px;    height: 40px;  }
  .pro {  width:1200px; margin:0px auto;}
.grid figure {    position: relative;    float: left;    overflow: hidden;    margin: 10px 1%;    min-width: 320px;    max-width: 576px;    max-height: 576px;    width: 48%;    background: #3085a3;    text-align: center;    cursor: pointer;}
.grid figure img {    position: relative;    display: block;    min-height: 100%;    max-width: 100%;    opacity: 0.8;}
.grid figure figcaption {    padding: 2em;    color: #fff;    text-transform: uppercase;    font-size: 1.25em;    -webkit-backface-visibility: hidden;    backface-visibility: hidden;}
.grid figure figcaption::before,.grid figure figcaption::after {    pointer-events: none;}
.grid figure figcaption,.grid figure figcaption>a {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.grid figure figcaption>a {    z-index: 1000;    text-indent: 200%;    white-space: nowrap;    font-size: 0;    opacity: 0;}
.grid figure h2 {    word-spacing: -0.15em;    font-weight: 300;}
.grid figure h2 span {    font-weight: 800;}
.grid figure h2,.grid figure p {    margin: 0;}
.grid figure p {    letter-spacing: 1px;    font-size: 68.5%;}
 
figure.effect-bubba img {    opacity: 0.8;    -webkit-transition: opacity 0.35s;    transition: opacity 0.35s;}
figure.effect-bubba:hover img {    opacity: 0.4;}
figure.effect-bubba figcaption::before,figure.effect-bubba figcaption::after {    position: absolute;    top: 30px;    right: 30px;    bottom: 30px;    left: 30px;    content: '';    opacity: 0;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;
}
figure.effect-bubba figcaption::before {    border-top: 1px solid #fff;    border-bottom: 1px solid #fff;    -webkit-transform: scale(0, 1);    transform: scale(0, 1);}
figure.effect-bubba figcaption::after {    border-right: 1px solid #fff;    border-left: 1px solid #fff;    -webkit-transform: scale(1, 0);    transform: scale(1, 0);}
figure.effect-bubba h3 {    padding-top: 18%;    -webkit-transition: -webkit-transform 0.35s;    transition: transform 0.35s;    -webkit-transform: translate3d(0, -50px, 0);    transform: translate3d(0, -50px, 0);    font-size: 36px;    position: absolute;    width: 90%;
    font-weight: bold;    opacity: 0;    -webkit-transition: all 0.35s;    -o-transition: all 0.35s;    transition: all 0.35s;}
figure.effect-bubba h2 {    padding-top: 50%;    -webkit-transition: -webkit-transform 0.35s;    transition: transform 0.35s;    -webkit-transform: translate3d(0, -20px, 0);    transform: translate3d(0, -20px, 0);    font-size: 28px;    text-shadow: 1px 1px 1px #000;}
figure.effect-bubba p {    padding: 20px 2.5em;    opacity: 0;    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;    transition: opacity 0.35s, transform 0.35s;    -webkit-transform: translate3d(0, 20px, 0);    transform: translate3d(0, 20px, 0);}
figure.effect-bubba:hover figcaption::before,figure.effect-bubba:hover figcaption::after {    opacity: 1;    -webkit-transform: scale(1);    transform: scale(1);}
figure.effect-bubba:hover h2,figure.effect-bubba:hover p {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}
figure.effect-bubba:hover h3 {    opacity: 1;    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);}
.w1200 {    width: 1200px;    overflow: hidden;    margin: 0px auto;    position: relative;}
.rel {    overflow: hidden;    position: relative;}
.index-pro .content ul {    margin-top: 50px;    height: 760px;    overflow: hidden;    margin-bottom: 100px;}
.index-pro .content ul li {    width: 364px;    height: 353px;    float: left;    position: relative;    margin-right: 54px;    margin-bottom: 44px;    overflow: hidden;}
.index-pro .content ul li:nth-of-type(3n) {    margin-right: 0px;}
.index-pro .content ul li img {    position: absolute;    z-index: 1;    height: 353px;}
.index-pro .content ul li:first-child img {    left: 0%;}
.index-pro .content ul li:nth-of-type(2) img {    left: 0%;}
.index-pro .content ul li:nth-of-type(3) img {    left: 0%;}
.index-pro .content ul li:nth-of-type(4) img {    left: 0%;}
.index-pro .content ul li:nth-of-type(5) img {    left: 0%;}
.index-pro .content ul li:nth-of-type(6) img {    left: 0%;}
.index-pro .content ul li .title {    position: absolute;    width: 266px;    height: 266px;    background: url('../images/pn9.png') no-repeat center;    text-align: center;    z-index: 2;    left: 45px;    top: 50px;    line-height: 266px;    font-size: 24px;    color: #333;
    -webkit-transition: all 0.35s;    -o-transition: all 0.35s;    transition: all 0.35s;}
.index-pro .content ul li:hover .title {    background: url('../images/pn10.png') no-repeat;    color: #fff;}

/*在线客服*/
.kf_con{ width:150px; height:400px; position:fixed; top:218px; right:0px; z-index:3000;}
.kf_top{ width:150px; height:142px; background:url(../images/kf_top.jpg) no-repeat center center; position:relative; z-index:2;}
.kf_top a{ position:absolute; z-index:3000; text-decoration:none; right:0px; top:-18px; width:30px; height:16px; border:1px solid #999; color:#999; font-size:12px; text-align:center; line-height:16px; display:inline-block; background:#fff;}
.qq_line{ width:150px; background:#2a2829; padding-top:20px; }
.qq_line a{ display:block; width:140px; height:35px; margin:0px auto;}
.kf_tel{ width:150px; height:80px; font-size:18px; line-height:24px; padding-top:5px; text-align:center; font-family: Arial; font-weight:bold; background: #2a2829 no-repeat 10px center; color:#ddaf64; border-bottom:4px solid #ddaf64; }