@charset "gb2312";/* CSS Document*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,blockquote,th,td,p,iframe{margin:0;padding:0}
input,button,select,textarea{outline:none}
li{list-style:none}
img{border:none}
textarea{resize:none}
body{color:#000;background:#fff;word-break:break-all;word-wrap:break-word;}
body,input,textarea{font-size:12px;font-family:arial,"微软雅黑";}
i,em{font-style:normal;}
a{color:#000;text-decoration:none;outline:none}
.wrap{width:1250px;margin:0 auto;text-align:left;position:relative}
/*clearfix*/
.clearfix:after,.wrap:after,.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,.wrap,.cl{*+height:1%}
.fl,.z{float:left; display:inline;}
.fr,.y{float:right; display:inline;}
.show{display:block;}
.hide{display:none;}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}

.headFrame{ height:74px; }
.xpage{ position:relative; overflow:hidden; width:100%; }
@media screen and (max-width:1300px){
	.wrap{width:1000px;}
}
@media screen and (max-width:1000px){
	.wrap{width:100%; box-sizing:border-box; padding:0 10px;}
}

/*顶部大图*/
.bigbanner{position:relative; margin-top:100px; }
@media screen and (max-width:1000px){
.bigbanner{position:relative; margin-top:60px; }
}
.bigbanner img{display:block;}
.swiper-pagination{position:absolute; bottom:6%; left:0; width:100%; z-index:99;}
.swiper-pagination .swiper-pagination-bullet{margin:0 10px; width:12px; height:12px; background:#fff; }
.swiper-pagination .swiper-pagination-bullet-active{ background-color:#fff; }

.headFrame iframe{height:74px;}

/*hmenu*/
.menuer{ position:fixed; top:0; height:74px; width:100%; background:#901726; z-index:999; }
.menuer .logo{position: absolute; top:0; left:50%; margin-left:-600px; padding: 12px;}
.menuer .logo .logo-pic{display: inline-block; height:50px; width:100px; background: url(../images/logo.png) no-repeat;}
.menuer .hmlist{float: right; margin-right: 15px; margin-top: 20px;}
.menuer .hmlist a{float: left; display: block; box-sizing:border-box; width:120px; border-right:1px solid #fff; height:35px; line-height: 35px; font-size: 16px; color:#fff; text-align: center;}
.menuer .hmlist a.first{border-left:1px solid #fff;}
.menuer .hmlist a:hover{color:#692c07;}
.menuer .mbtn{float: left; padding:17px 8px; display: none;}
.menuer .hmRight{float: right; height: 25px; margin-top: 24px; margin-right: 20px;}
.menuer .hmRight a{float: left; height:25px; margin:0 10px; color:#fff;}
.menuer .hmRight .hides{display: none;}
.menuer .ico{display: inline-block; width:25px; height:25px; vertical-align:middle; background:url(../images/tright-ico.png) no-repeat;}
.menuer .ico-cart{background-position:-50px 0;}
.menuer .ico-shop{background-position:-50px -25px;}
.menuer .ico-tel{background-position:-50px -50px;}
.menuer .ico-tel{background-position:-50px -50px;}
.menuer .ico-user{background-position:-50px -100px;}
.menuer .ico-home{background-position:-50px -125px;}
.menuer .ico-bmenu{background-position:-50px -75px;}
.menuer a:hover .ico-cart{background-position: -25px 0;}
.menuer a:hover .ico-shop{background-position: -25px -25px;}
.menuer a:hover .ico-tel{background-position: -25px -50px;}
.menuer a:hover .ico-user{background-position: -25px -100px;}
.menuer a:hover .ico-home{background-position: -25px -125px;}
.menuer a:hover .ico-bmenu{background-position: -25px -75px;}
.menuer a:hover {color:#ffb900!important;}
.menuer.active{background-color: #f0f0f0;}
.menuer.active .logo .logo-pic{background-position: 0 bottom;}
.menuer.active .hmlist a{color:#b2b1b2; border-color: #b5b4b5;}
.menuer.active .hmRight a{color:#b2b1b2;}
.menuer.active .ico-cart{background-position: 0 0;}
.menuer.active .ico-shop{background-position: 0 -25px;}
.menuer.active .ico-tel{background-position: 0 -50px;}
.menuer.active .ico-tel{background-position: 0 -50px;}
.menuer.active .ico-user{background-position: 0 -100px;}
.menuer.active .ico-home{background-position: 0 -125px;}
.menuer.active .ico-bmenu{background-position: 0 -75px;}
@media screen and (max-width:1300px){
	.menuer .logo{margin-left: -500px;}
	.menuer .hmlist{margin-right: 15px;}
	.menuer .hmlist a{width:90px; font-size: 14px;}
}
@media screen and (max-width:1000px){
	.menuer .logo .logo-pic{width:76px; height:38px; -webkit-background-size:100% auto; background-size:100% auto;}
	.menuer{text-align: center; height: 60px;}
	.menuer .mbtn{display: block;}
	.menuer.active .menuer_box{background-color: #901726; }
	.menuer .logo{position: static; float: none; display: inline-block; margin-left: 0;}
	.menuer .menuer_box{background-color: #901726; padding:0px 0; display: none; position: absolute; top:60px; width:100px; left:0; z-index: 99; box-shadow: 0 2px 2px rgba(0,0,0,.3);}
	.menuer .hmRight{float: none; height:auto; padding:0; margin:0;}
	.menuer .hmRight a{float: none; display: block; padding:0; margin:0; font-size: 14px; color:#fff; height: 35px; line-height: 35px; text-align: center;}
	.menuer .hmRight a:nth-child(n+2){display: none;}
	.menuer .hmRight .hides{display: inline;}
	.menuer.active .hmRight a{color:#b28146; background-color: #fff;}
	.menuer .hmlist{float: none; margin:0; padding:0;}
	.menuer .hmlist a{float: none; display: block; border:0; width: 100%; text-align: left; color:#fff; text-align: center;}
	.menuer .hmlist a.first{border-left: 0;}
	.menuer .hmlist a.active{color:#b28146; background-color: #fff;}
	.menuer.active .hmlist a{color:#fff;}
	.menuer .hmRight .ico{display: none;}
	.menuer .ico-cart{background-position:0 0;}
	.menuer .ico-shop{background-position:0 -25px;}
	.menuer .ico-tel{background-position:0 -50px;}
	.menuer .ico-tel{background-position:0 -50px;}
	.menuer .ico-user{background-position:0 -100px;}
	.menuer .ico-home{background-position:0 -125px;}
}

/*footer*/
.footFrame{min-height:175px; margin-top:50px;}
.footer{min-height:175px; position: relative; background-color: #a91c2d; width:100%; margin-top:50px; overflow: hidden;}
.foota{padding-top: 30px; border-bottom: 1px solid #fa8291; margin-bottom: 4px;}
.foota a{position: relative; float: left; margin:0 45px; line-height: 40px; font-size: 16px; color:#fa8291; vertical-align: middle;}
.foota a:after{content:""; position: absolute; left:50%; bottom:-2px; width:0; height:0; background-color: #fff; transition:all .3s; -webkit-transition:all .3s ease-in-out;}
.foota a:first-child{margin-left:0;}
.foota a:last-child{margin-right:0;}
.foota .ico{display: inline-block; width:35px; height:35px; vertical-align: middle; background: url(../images/foota-ico.png) no-repeat;}
.foota .ico-weixin{background-position: 0 -35px;}
.foota a:hover{color:#fff;}
.foota a:hover:after{width:100%; height:4px; left:0%; background-color:#fff; }
.foota a:hover .ico-sina{background-position: -35px 0;}
.foota a:hover .ico-weixin{background-position: -35px -35px;}
.foota a img{display: none; z-index: 99; position: absolute; bottom:-90px; left:-30px; background-color: #fff; width: 80px; height:80px; padding:5px; border:1px solid #d9d9d9; }
.foota a:hover img{display: block; }
.footb{height: 90px; line-height: 80px; text-align: center; color:#fa8291; font-size: 15px;}

@media screen and (max-width:1600px){
	.foota {text-align: center;}
	.foota a{margin:0 30px; display: inline-block; float: none;}
}
@media screen and (max-width:1000px){
	.foota{padding-top: 15px; text-align: center;}
	.foota a{margin:0 8px; line-height: 35px;}
	.foota a:first-child{margin-left:10px;}
	.foota a:nth-child(n+8){display: none;}
	.footb{height:40px; line-height: 40px; right:0!important; font-size: 13px;}
	.footer{height:auto;}
}

/*首页模块1*/
.home-box1{margin-top: 30px;}
.home-box1 a{position: relative; float: left; width:50%; height:350px;}
.hb1_skip{padding-top: 110px; text-align: center;}
.hb1_skip strong{display: block; width:80px; margin:0 auto; letter-spacing:2px; line-height: 30px; font-size: 18px; color:#a91c2d; font-weight: normal; border-bottom:#a91c2d 2px solid; }
.hb1_skip span{display: block; line-height: 28px; font-size: 16px; color:#b2b1b2;}
.hb1_skip i{display: inline-block; width:58px; height:58px; margin-top: 15px; background: url(../images/arrow-0.png) no-repeat center center; animation-duration:0;}
.home-box1 a:hover i{animation-iteration-count:infinite; animation-duration:1s; animation-direction:normal;}
.home-box1 svg{position: absolute;top: 0;left: 0;}
.home-box1 svg line{stroke-width: 15;stroke: #fff;fill: none;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.home-box1 a:hover svg line{-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.home-box1 svg line.top,.home-box1 svg line.bottom{}
.home-box1 svg line.left,.home-box1 svg line.right{}
.home-box1 a:hover svg line.top{-webkit-transform: translateX(-625px);transform: translateX(-625px); stroke: #692c07;}
.home-box1 a:hover svg line.bottom{-webkit-transform: translateX(625px);transform: translateX(625px); stroke: #692c07;}
.home-box1 a:hover svg line.left{-webkit-transform: translateY(350px);transform: translateY(350px); stroke: #692c07;}
.home-box1 a:hover svg line.right{-webkit-transform: translateY(-350px);transform: translateY(-350px); stroke: #692c07;}

@media screen and (max-width:1300px){
	.home-box1 a{height:280px;}
	.hb1_skip{padding-top: 60px;}
}
@media screen and (max-width:1000px){
	.home-box1 a{height:auto;}
	.home-box1 a img{height:auto; display: block;}
	.hb1_skip strong{line-height: 24px;}
	.hb1_skip span{line-height: 24px;}
	.hb1_skip{padding-top: 10px;}
	.hb1_skip i{width:24px; height:24px; background-size: cover; margin-top: 4px;}
}

/*首页模块2*/
.home-box2{ margin-top:30px; }
.home-box2 li{ background-color:#ffffff; box-shadow:0 2px 6px rgba(0,0,0,.3); }
.home-box2 li a{ display: block; padding:30px 0; }
.home-box2 li .name{ height:32px; line-height:32px; text-align:center; background-color:#a91c2d; color:#fff; font-size:16px; }
.home-box2 li img{ width:100%; }
.home-box2 .swiper-wrapper{ padding-bottom:8px; }

@media screen and (max-width:1000px){
	.home-box2 li .name{font-size:14px;}
}
/*scrollViews*/
.scrollViews{position: relative; }
.scrollViews_top{position: relative; top:-120px;}
.scrollViews_bottom{position: relative; bottom:-400px;}
.scrollViews_left{position: relative; left:-1200px;}
.scrollViews_right{position: relative; right:-1200px;}
.scrollViews.iswiperAnimate{animation-duration:2s; animation-direction:normal; visibility:hidden; }
.w1 { float:left;}
.w2 { float:right;}
.w01 { float:right;}
.w02 { float:left}

/*品牌故事*/
.brandStory{position: relative; color:#901726;  padding:120px 0; /*margin:50px auto;*/ height: 420px;filter:alpha(opacity=98); /*IE滤镜，透明度50%*/-moz-opacity:0.98; /*Firefox私有，透明度50%*/
opacity:0.98;/*其他，透明度50%*/}
.brandStory .bsLeft{position: absolute; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:35%;}
.brandStory .dec{position: absolute; top:0; left:37.5%; height:100%; width:64px; background: url(../images/dec.png) no-repeat 0 center;}
.brandStory .bsRight{position: absolute; right:2%; top: 50%; width:53%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}

.brandStory h1{font-size: 110px; line-height: 125px; text-align: right; font-weight: normal;}
.brandStory h2{font-size: 38px; margin-top: 5px; text-align: right; font-weight: normal; animation-delay:.1s}
.brandStory h3{font-size: 55px; text-align: right; font-weight: normal; animation-delay:.2s}
.brandStory h4{font-size: 28px; font-weight: normal; }
.brandStory h5{font-size: 15px; font-weight: normal; line-height: 24px; margin-top: 20px; animation-delay:.1s}
@media screen and (max-width:1000px){
	.brandStory{margin:50px auto; padding:0; height: auto}
	.brandStory .bsLeft{position: relative; top:0; width:90%; margin:0 auto; text-align: center; -webkit-transform: translateY(0); transform: translateY(0);}
	.brandStory .dec{position: static; width:90%; height:64px; margin:15px auto ; background: url(../images/dec-x.png) no-repeat center center /100% auto;}
	.brandStory .bsRight{position: relative; top:0; width:90%; margin:0 auto; -webkit-transform: translateY(0); transform: translateY(0);}
	.skrollrbox{position: relative!important;}
	.brandStory h1{font-size: 60px; line-height: 75px; text-align: left;}
	.brandStory h2{font-size: 24px; line-height: 32px; text-align: left;}
	.brandStory h3{font-size: 36px; line-height: 40px; text-align: left; }
	.brandStory h4{font-size: 20px; line-height: 24px; }
	.brandStory h5{font-size: 14px; line-height: 18px; }
}

/*关于我们*/
.about_tit{margin-top:50px; line-height:50px; border-bottom: 1px solid #c5c5c5; font-size: 22px; color:#555; }
.about_tmain{font-size: 18px; line-height: 30px; color:#b2b1b2; padding: 30px 0 30px 130px;}
.about_tmain a{color:#b2b1b2;}
.about_tmain a:hover{color:#692c07;}
.col-6{float: left; width:50%;}
@media screen and (max-width:1000px){
	.col-6{width:100%;}
	.about_tit{text-indent: 10px;}
}
.map_h1{font-size: 24px; color:#b0b0b0; line-height: 40px; margin-top: 60px;}
.map_h2{font-size: 18px; color:#b0b0b0; line-height: 30px; }
.map_box{height:600px; margin-top: 20px;}
@media screen and (max-width:1000px){
	.map_box{height: 300px;}
}
@media screen and (max-width:640px){
	.about_tmain{padding:30px 20px;}
}

/*至臻精品-列表*/
.pft_lists{position: relative; background: url(../images/mcc_bg.jpg) repeat-y center 0;}
.pft_title{padding-bottom: 160px;}
.pft_title h1{padding-top: 250px; line-height: 60px; font-size: 42px; color:#b28146; font-weight: normal;}
.pft_title h2{font-size: 32px; color:#b2b1b2; font-weight: normal;}
.pft_group li{height: 770px; overflow: hidden;}
.pft_group li .box{width:425px; float: left; margin-left:110px;}
.pft_group li.r .box{float: right; margin:0 110px 0 0; text-align: right;}
.pft_group .pic{display: inline-block; width:340px; height:340px;/* border:2px solid #878682; */transition:all .3s; -webkit-transition:all .3s;}
.pft_group .pic:hover{border-color: #682c07;}
.pft_group .name{display: block; padding-top: 20px; line-height: 40px; font-size: 30px; color:#878787; transition:all .3s; -webkit-transition:all .3s;}
.pft_group .name:hover{color:#682c07;}
.pft_group .lab{display: block; line-height: 22px; font-size: 15px; color:#878787; padding-bottom: 10px; border-bottom: 2px solid #878787;}
.pft_group .stand{display: block; line-height: 24px; font-size: 16px; color:#878787; padding-top: 10px; min-height: 48px;}
.pft_group .see{display: inline-block; height:27px; line-height: 27px; color:#fff; font-size: 15px; padding:0 17px 0 47px; background: #878787 url(../images/see.png) no-repeat 6px center; border-radius:13px; margin-top: 25px; transition:all .3s; -webkit-transition:all .3s;}
.pft_group .see:hover{background-color: #682c07;}
@media screen and (max-width:1000px){
	.pft_lists{margin-top: -100px; background-size:800px auto;  }
	.pft_title{padding-bottom: 30px;}
	.pft_title h1{padding-top: 120px; font-size: 30px; line-height: 45px;}
	.pft_title h2{font-size: 24px;}
	.pft_group li .box{width:90%; float: none!important; margin:0 auto!important; position: absolute; top:50%; left:5%; text-align: center; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
	.pft_group li.r .box{text-align: center;}
	.pft_group li{height: 500px; position: relative;}
	.pft_group .pic{position: absolute; top:100px; right:0; width:35%;}
	.pft_group .pic img{width:100%;}
	.pft_group .name{text-align: center; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
	.pft_group .lab{overflow: hidden; text-overflow:ellipsis; white-space: nowrap; text-align: center;}
	.pft_group .stand{margin-right: 35%; text-align: left;}
	.pft_group .see{margin-top: 35px;}
}


/*产品详情*/
.product_main{margin-top: 80px;}
.pdm_top .pic{float: left; width:25%;}
.pdm_top .inner{margin-left: 29%;}
.pdm_share{height:40px; overflow: hidden; float: right; padding-top: 10px;}
.pdm_share .ff{float: left; line-height: 40px; font-size: 16px; color:#b2b1b2;}
.bdsharebuttonbox{float: left;}
.pdm_top .name{font-size: 45px; line-height: 55px; color:#b28146;}
.pdm_top .name_en{font-size: 32px; line-height: 40px; color:#b28146;}
.pdm_top .model{font-size: 22px; line-height: 36px; color:#b2b1b2; margin:10px 0;}
.pdm_top .fn_tit{font-size: 22px; line-height: 34px; color:#fff; background-color: #b2b1b2; padding:0 16px;  border-radius:17px;}
.pdm_top .fn_text{font-size: 16px; line-height: 24px; max-height: 96px; overflow: hidden; color:#b2b1b2; margin-top: 30px;}

.pdm_center{margin-top: 50px; border-bottom: 4px solid #b2b1b2;}
.pdm_center dl{float: left; width:25%;}
.pdm_center .ico{display: block; margin:0 auto; width:40px; height:40px; background: url(../images/product-ico.png) no-repeat;}
.pdm_center .ico_2{background-position: 0 -40px;}
.pdm_center .ico_3{background-position: 0 -80px;}
.pdm_center .ico_4{background-position: 0 -120px;}
.pdm_center dl:hover .ico_1{background-position:-40px 0;}
.pdm_center dl:hover .ico_2{background-position:-40px -40px;}
.pdm_center dl:hover .ico_3{background-position:-40px -80px;}
.pdm_center dl:hover .ico_4{background-position:-40px -120px;}
.pdm_center dt{border-bottom: 4px solid #b2b1b2; height:70px; text-align: center;}
.pdm_center dt span{display: inline-block; margin-top: 2px; line-height: 28px; font-size: 18px; color:#b2b1b2; }
.pdm_center dl:hover span{border-bottom: 4px solid #b28146;}
.pdm_center dl dd {margin:20px 10px; line-height:1.8; height:200px; font-size: 16px; color:#b2b1b2; line-height: 24px;}
.pdm_center dl dd .mCSB_container{padding-right: 20px;}
.pdm_content{padding:10px 0; line-height: 24px; font-size: 16px; color:#b2b1b2; margin-top: 60px;}
.pdm_content img{max-width: 100%;}
@media screen and (max-width:1000px){
	.pdm_top .pic {}
	.pdm_top .inner{margin:0 2%;}
	.pdm_center dl{width:50%;}
	.pdm_top .name{font-size: 28px; line-height: 36px;  margin-left: 29%;}
	.pdm_top .name_en{font-size: 18px; line-height: 24px; margin-left: 29%;}
	.pdm_top .model{font-size: 18px; line-height: 24px; margin-left: 29%;}
	.product_main .pdm_share{display: none;}
}

.svgborder a{display: block; position: relative;}
.svgborder svg{position: absolute;top: 0;left: 0; width:100%; height: 100%; opacity: 0; -webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.svgborder a:hover svg{opacity: 1;}
.svgborder svg line{stroke-width: 15;stroke: #fff;fill: none;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.svgborder a:hover svg line{-webkit-transition-delay: 0.1s;transition-delay: 0.1s;}
.svgborder a:hover svg line.top{-webkit-transform: translateX(-100%);transform: translateX(-100%); stroke: #692c07;}
.svgborder a:hover svg line.bottom{-webkit-transform: translateX(100%);transform: translateX(100%); stroke: #692c07;}
.svgborder a:hover svg line.left{-webkit-transform: translateY(100%);transform: translateY(100%); stroke: #692c07;}
.svgborder a:hover svg line.right{-webkit-transform: translateY(-100%);transform: translateY(-100%); stroke: #692c07;}

/*新闻列表*/
.veTab{margin-top:20px; text-align:center; }
.veTab a{float:left; width:30%; margin-right:3%; line-height:42px; font-size:20px; border-bottom:3px solid #555; color:#555;}
.veTab a.active{color:#555; border-bottom-color:#555; }
.veTab a:hover{color:#a91c2d;}

@media screen and (max-width:1000px){
	.newsPage .veTab a{width:31%; margin-right:3%; font-size: 22px; text-align: center;}
	.newsPage .veTab a:last-child{margin-right: 0;}
}

.newslist{margin-top: 100px;}
.newslist .news_libox{margin-bottom: 80px;}
.newslist li{position: relative;  width:50%; height:350px; }
.news_skip{text-align: center; color:#b2b1b2;}
.news_skip .time{line-height: 36px; font-size: 16px; margin-bottom: 15px; color:#b2b1b2;}
.news_skip .name{line-height: 50px; font-size: 40px; color:#b2b1b2; padding:0 60px;}
.news_skip .name:hover{color:#b28146;}
.news_skip .info{line-height: 24px; font-size: 16px; color:#b2b1b2; height:48px; overflow: hidden; margin-top: 10px; padding:0 15px;}
.news_skip .see{display: inline-block; height:28px; line-height: 28px; color:#fff; font-size: 16px; padding:0 20px; background: #dddddd; border-radius:14px; margin-top: 30px; transition:all .3s; -webkit-transition:all .3s;}
.news_skip .see:hover{background-color: #682c07;}
@media screen and (max-width:1300px){
	.news_skip .see{margin-top: 20px;}
}
@media screen and (max-width:1000px){
	.newslist{margin-top: 30px;}
	.newslist li{height:auto;}
	.news_skip .name{font-size: 18px; line-height: 26px; padding:0 10px; margin-top: -15px;}
	.newslist .news_libox{padding:10px 0;}
	.newslist .news_libox{margin:0 4% 20px;}
	.newslist li{float: none; width:100%;}
	.news_skip .see{background-color: #F4A372;}
}

/*产品列表*/
.proTab{margin-top:20px; text-align:center; }
.proTab a{float:left; width:30%; margin-right:3%; line-height:42px; font-size:20px; border-bottom:3px solid #555; color:#555;}
.proTab a.active{color:#555; border-bottom-color:#555; }
.proTab a:hover{color:#a91c2d;}
@media screen and (max-width:1000px){
	.proPage .veTab a{width:31%; margin-right:3%; font-size:22px; text-align: center;}
	.proPage .veTab a:last-child{margin-right: 0;}
}

.prolist{ margin-top:50px; }
.prolist .pro_libox{ margin-bottom:50px; }
.prolist li{position:relative;  width:50%; min-height:250px; overflow:hidden; background:#a91c2d; clear:both;}
.pro_skip{ width:75%; margin:0 auto; text-align:right; color:#b2b1b2; }
.pro_skip .time{line-height: 36px; font-size: 16px; margin-bottom: 15px; color:#b2b1b2;}
.pro_skip .name{ font-size:30px; line-height:1.6; color:#fff; border-bottom:#fff 2px solid; }
.pro_skip .name:hover{color:#ff0;}
.pro_skip .info{line-height:24px; font-size:16px; color:#fff;  margin-top:20px; }
.pro_skip .info .seo_d{ height:120px; overflow: hidden; }
.pro_skip .see{display: inline-block; height:28px; line-height: 28px; color:#fff; font-size: 16px; padding:0 20px; background: #dddddd; border-radius:14px; margin-top: 30px; transition:all .3s; -webkit-transition:all .3s;}
.pro_skip .more{ margin-top:15px; }
.pro_skip .see:hover{background-color: #682c07;}
@media screen and (max-width:1300px){
	.pro_skip .see{margin-top: 20px;}
	.pro_skip .more{ margin-top:15px; }
}
@media screen and (max-width:1000px){
	.prolist{margin-top: 30px;}
	.prolist li{height:auto;}
	.pro_skip .name{font-size: 18px; line-height: 26px; padding:0 10px; margin-top: -15px;}
	.prolist .pro_libox{padding:10px 0;}
	.prolist .pro_libox{margin:0 4% 20px;}
	.prolist li{float: none; width:100%;}
	.pro_skip .see{background-color: #F4A372;}
}

/*咨询详情*/
.news_detail{margin-top:50px;}
.news_detail .title{padding:10px 0; font-size: 40px; line-height: 48px; color:#555; border-bottom: 1px solid #d8d8d8; text-align: center;}
.news_detail .guan{text-align: center;}
.news_detail .guan .tx{font-size: 16px; color:#b2b1b2; margin:0 15px; position: relative; top:-14px;}
.news_detail .pdm_share{display: inline-block; float: none; margin-top: 0;}
.nd_content{font-size: 16px; line-height: 24px;  color:#555; margin:20px 0px 0px 0px;}
.nd_hand{position: relative; border-top:1px solid #c4c4c4; border-bottom: 1px solid #c4c4c4; padding:15px 0; margin-top:30px;}
.nd_hand .nd_page{display: inline-block; line-height: 25px; color:#b2b1b2; font-size: 16px;}
.nd_hand .nd_page a{color:#b2b1b2;}
.nd_hand .nd_page a:hover{color:#682c07;}
.nd_hand .nd_ret{position: absolute; top:25px; right:0; width:105px; height:30px; background-color: #dddddd; color:#fff; font-size: 16px; border-radius:15px; line-height: 30px; text-align: center;  transition:all .3s; -webkit-transition:all .3s;}
.nd_hand .nd_ret:hover{background-color: #682c07;}
@media screen and (max-width:1000px){
	.news_detail .title{ font-size: 28px; line-height: 36px;}
	.nd_content{padding:0 20px;}
	.nd_hand{padding:15px 20px;}
	.nd_hand .nd_ret{position: static; display: block; margin: 20px auto 0;}
}
@media screen and (max-width:640px){
	.news_detail .guan .tx{top:8px;}
	.nd_content{margin-top: 40px;}
}
/*专家答疑*/
.que_list li{padding:15px 0; border-top: 1px solid #c5c5c5;}
.que_list li:first-child{border-top: 0;}
.que_list .que_left{float: left; width:30%;}
.que_list .que_right{margin-left: 3%; float: left; width:62%;}
.que_list .que_btn{display: none; position: relative; height:40px; line-height: 40px; text-align: center; border-top: 1px solid #c5c5c5; margin-top: 10px;}
.que_list .que_btn span{position: relative; top: -20px; padding:0 10px; background-color: #fff;}
@media screen and (max-width:1000px){
	.que_list li{padding:5px 0; border-top: 0;}
	.que_list .que_left{float: none; width: 100%;  padding: 10px 0}
	.que_list .que_right{display: none; float: none; width: 100%; margin-left: 0; box-sizing:border-box; padding:10px 0;}
	.que_list .open .que_right{display: block;}
	.que_list .que_btn{display: block;}
}

/*表单*/
.quest-form{border-top: 1px solid #c5c5c5; padding-top:60px; margin-bottom:30px; }
.qform_left{float: left; width:40%;}
.quest-form li{margin-bottom: 15px; height: 50px;}
.quest-form .ico{float: left; width:50px; height:50px; margin-right: 8px; background: url(../images/quest-ico.png) no-repeat;}
.quest-form .ico-2{background-position: 0 -50px;}
.quest-form .ico-3{background-position: 0 -100px;}
.quest-form .ico-4{background-position: 0 -150px;}
.quest-form .ico-5{background-position: 0 -200px;}
.quest-form .ico-6{background-position: 0 -250px;}
.quest-form .ico-7{background-position: 0 -300px;}
.quest-form .ico-8{background-position: 0 -350px;}
.quest-form .ico-9{background-position: 0 -400px;}
.quest-form .ctrl{height:32px; padding-top: 9px; position:relative; margin-left: 60px;}
.quest-form .ctrl input[type=text]{width:100%; height:32px; background:#dddddd; border:0; border-radius:16px; font-size: 16px; line-height: 32px; box-sizing:border-box; text-indent: 15px;}
.quest-form .ctrl input[type=password]{width:100%; height:32px; background:#dddddd; border:0; border-radius:16px; font-size: 16px; line-height: 32px; box-sizing:border-box; text-indent: 15px;}

.qform_right{float: right; width:56%;}
.quest-form textarea{height:230px; width:100%; box-sizing:border-box; border:0; font-size: 16px; line-height: 24px; background: #dddddd; border-radius:16px; padding:20px;}
.quest-form .handx{text-align: right; margin-top: 36px;}
.quest-form .handx input[type=submit],.quest-form .handx input[type=button]{border:0; padding:0 26px; height:32px; line-height: 32px; font-size: 16px; color:#fff; border-radius:16px; margin-left: 20px; cursor: pointer; transition:all .3s; -webkit-transition:all .3s;}
.quest-form .handx input:hover{ background-color: #682c07; }
.fut_info{ margin:50px 0 50px; line-height:1.6; font-size:16px; color:#555; }

@media screen and (max-width:640px){
	.qform_left{float: none; width:90%; margin:0 auto; }
	.qform_right{float: none; width:90%; margin:20px auto; }
}


/*图片库*/
.gpic-list{margin-top: 50px;}
.gpic-list li{float: left; width:32%; margin-right: 2%; margin-top: 20px;}
.gpic-list li:nth-child(3n){margin-right: 0;}
.gpic-list a{display: block; position: relative;}
.gpic-list .pic{-webkit-transition: all 0.5s; transition: all 0.5s; box-shadow: 0 2px 8px rgba(0,0,0,.2)}
.gpic-list .pic:first-child{position: relative; z-index: 1;}
.gpic-list .pic:nth-child(n+2){position: absolute; top:0; left:0; transform:scale(.9,.9);}
.gpic-list a:hover{z-index: 2;}
.gpic-list a:hover .pic:nth-child(1){-webkit-transform: scale(1.1,1.1) rotate(-20deg); transform: scale(1.1,1.1) rotate(-20deg);}
.gpic-list a:hover .pic:nth-child(2){-webkit-transform:scale(1,1) translate(0,60%) rotate(-20deg); transform:scale(1,1) translate(0,60%) rotate(-20deg);}
.gpic-list a:hover .pic:nth-child(3){-webkit-transform:scale(1,1) translate(60%,0) rotate(-20deg); transform:scale(1,1) translate(60%,0) rotate(-20deg);}
.gpic-list a:hover .pic:nth-child(4){-webkit-transform:scale(1,1) translate(0,-60%) rotate(-20deg); transform:scale(1,1) translate(0,-60%) rotate(-20deg);}
.gpic-list a:hover .pic:nth-child(5){-webkit-transform:scale(1,1) translate(-60%,0) rotate(-20deg); transform:scale(1,1) translate(-60%,0) rotate(-20deg);}	
.gpic-list img{display: block; background-color: #f0f0f0;}
.gpic-list span{position: absolute; top:80%; width:100%; height: 38px; line-height: 38px; color:#fff; font-size: 18px; text-align: center; letter-spacing: 2px; background-color: #b28146;}
.gpic-detail{opacity: 0; margin-top: 70px;}
.gpic-detail li{width:31%; margin-right: 2%; position:relative; margin-top: 15px;}
.gpic-detail img{display: block;}

/*防伪识别*/
.identForm{margin-top: 70px;}
.ident_left{float: left; width:35%;}
.ident_left .iv_p{margin-top: 45px;}
.idt_search{overflow: hidden; margin-top: 12px;}
.idt_search .id_btn{float: right; width:35px; height:35px; background: url(../images/id_search.png) no-repeat;}
.idt_search .id_btn:hover{background-position: 0 -35px;} 
.idt_search .ctrl{margin-right: 45px; padding-top: 4px;}
.idt_search .ctrl input[type=text]{width:100%; height:30px; background: #dddddd; border:0; border-radius:15px; font-size: 16px; line-height: 30px; box-sizing:border-box; text-indent: 15px;}
.idt_search .ctrl .tac{text-align: center; font-size: 16px; line-height: 24px; color:#b2b1b2;}
.ident_right{float: right; width:61%;}
.ident_rbox{border:1px solid #c5c5c5; padding:0 7%;}
.ident_rbox .tit{font-size: 30px; line-height: 42px; border-bottom: 1px solid #b2b2b2; margin-top: 60px; color:#adadad; text-align: center;}
.ident_rbox .tm{font-size: 22px; text-align: center; color:#b2b1b2; line-height: 50px; margin-top: 30px;}
.ident_rbox .inner{font-size: 16px; text-align: center; color:#a78651; line-height: 36px; height: 216px; overflow-y: auto;}
.ident_rbox .ret{margin-top: 20px; margin-bottom: 50px; text-align: center;}
.ident_rbox .ret a{display: inline-block; height:34px; line-height: 34px; padding:0 20px; background-color: #dddddd; color:#fff; font-size: 18px; border-radius:15px; text-align: center;  transition:all .3s; -webkit-transition:all .3s;}
.ident_rbox .ret a:hover{background-color: #682c07;}
.ident_rjump{text-align: right; line-height: 42px;}
.ident_rjump a{margin-left: 30px; margin-right: 2px; font-size: 16px; color:#b2b1b2;}
.ident_rjump a:hover{color:#682c07;}
.ident_cert{margin-top: 25px;}
.ident_cert .icert_p{float: left; width:32%;}
.ident_cert .icent_m{float: right; width:62%;}
.ident_cert .icm_top img{float: left; width:30%;}
.ident_cert .icm_top ul{margin-left: 34%; position: relative; top:-5px; }
.ident_cert .icent_m li{font-size: 16px; color:#b2b1b2; line-height: 24px; padding-top: 8px; border-bottom: 1px solid #c4c4c4;}
.ident_cert .icm_bottom{margin-top: 36px;}
.dajia_notice{padding:0 15%; color:#b2b1b2;}
.dajia_notice .title{font-size: 42px; line-height: 50px; text-align: center; margin-top: 60px;}
.dajia_notice .dajia_content{line-height: 28px; font-size: 16px; margin-top: 30px;}
.dajia_ret{text-align: center; margin-top: 80px;}
.dajia_ret a{display: inline-block; height:30px; line-height: 30px; padding:0 20px; background-color: #dddddd; color:#fff; font-size: 18px; border-radius:15px; text-align: center;  transition:all .3s; -webkit-transition:all .3s;}
.dajia_ret a:hover{background-color: #682c07;}

/*商品 列表*/
.shop_list{margin-top: 50px;}
.shop_list li{position: relative; float: left; width:32%; margin-right: 2%; margin-top: 20px; overflow: hidden;}
.shop_list li:nth-child(3n){margin-right: 0;}
.shop_list .mark{position: absolute; top:0; left:0; width:100%; height: 100%;}
.shop_list .mark:before{content:""; position: absolute; top:0; left:0; width:100%; height: 100%; background-color: rgba(0,0,0,.4);  transition:all .2s; -webkit-transition:all .2s; opacity: 0;}
.shop_list .mask2{position: absolute; height:50%; width:120%; top:100%; left:0;  background-color: rgba(255,255,255,.8); transition:all .5s; -webkit-transition:all .5s;  transform-origin:0 0; -webkit-transform-origin:0 0;}
.shop_list .name{position: absolute; top:20%; left:10%; font-size: 26px; color:#fff; transition:all .5s; -webkit-transition:all .5s; opacity: 0;}
.shop_list .full{position: absolute; top:0; left:0; width: 100%; height: 100%; z-index: 2;}
.shop_list .jump{position: absolute; top:105%; left:0; width: 100%; height: 30%; z-index: 3; text-align: right; transition:all .5s; -webkit-transition:all .5s;}
.shop_list .jump a{display: inline-block; width:40px; height:40px; margin-right: 10%;}
.shop_list .jump .ico{display: inline-block; width:40px; height:40px; background: url(../images/shop-ico.png) no-repeat;}
.shop_list .jump .ico-cart{background-position: 0 -40px;}
.shop_list .jump a:hover .ico-dian{background-position: -40px 0;}
.shop_list .jump a:hover .ico-cart{background-position: -40px -40px;}
.shop_list li:hover .mark:before{opacity: 1;}
.shop_list li:hover .mask2{transform:rotate(-20deg); -webkit-transform:rotate(-19deg); }
.shop_list li:hover .name{opacity: 1; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.shop_list li:hover .jump{transform:translateY(-65%); -webkit-transform:translateY(-65%);}

/*商品 弹出表单*/
.shop_fmark{position: fixed; top:50%; left:50%; margin-left: -300px; width:540px; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,.4); padding:0 50px 50px; font-size: 18px; color:#b2b1b2; display: none;}
.shop_fmark ul{line-height: 40px; padding-top: 20px;}
.shop_fmark li{margin-top: 5px;}
.shop_fmark .lab{float: left; margin-right: 8px;}
.shop_fmark .price span{font-size: 48px; color:#b28146;}
.shop_fmark .freight select{appearance:none; -webkit-appearance:none; background: url(../images/arrow_b1.png) no-repeat right center; padding-right:20px; font-size: 18px; color:#b2b1b2; border:0; margin-right: 10px;}
.shop_fmark .weight span{float: left; height:27px; line-height: 27px; border:1px solid #b2b1b2; padding:0 13px 0 5px; margin-right: 7px; position: relative; top:4px; cursor: pointer;}
.shop_fmark .weight span.on{border-color:#b28146; background: url(../images/gou.png) no-repeat right bottom}
.shop_fmark .weight span:hover{border-color:#b28146; background: url(../images/gou.png) no-repeat right bottom}
.shop_fmark .number .xinner{padding-top: 4px;}
.shop_fmark .number input{float: left; width: 66px; height: 30px; border:1px solid #b2b1b2; font-size: 18px; color:#b2b1b2; text-align: center;}
.shop_fmark .number .num_arrow{float: left; margin-left: 4px; margin-right: 7px;}
.shop_fmark .number .num_arrow span{display: block; width:18px; height:13px; background: url(../images/num-arrow.png) no-repeat; cursor: pointer;}
.shop_fmark .number .num_arrow .cut{background-position: 0 -13px; margin-top: 6px;}
.shop_fmark .number .num_arrow .add:hover{background-position: 0 -26px;}
.shop_fmark .number .num_arrow .cut:hover{background-position: 0 -39px;}
.shop_fmark .handle {height: 40px; margin-top: 50px; margin-bottom: 20px;}
.shop_fmark .handle .btn{float: left; margin-right: 14px; line-height: 38px; border:1px solid #b28146; font-size: 24px; color:#fff; background-color: #b28146; padding:0 10px;  transition:all .3s; -webkit-transition:all .3s;}
.shop_fmark .handle .btn:hover{background-color: #ebdfd0; color:#b28146;}

/*fenye*/
.dede_pages{font-size: 14px; line-height: 24px; padding: 15px 0; text-align: center; margin-bottom: 50px;}
.dede_pages li{float:left;}
.dede_pages span{padding-right: 14px; display: inline-block; margin: 0 4px; padding: 0 8px; background-color: #ddd; border-radius:13px; color:#fff;}
.dede_pages a{background-color: #ddd; border-radius:13px; color:#fff; display: inline-block; margin: 2px 4px; padding: 0 8px;}
.dede_pages a.thisclass{background-color: #F4A372;}
.dede_pages a.change{border: 0 none; color: #fe0000; font-weight: bold; text-decoration: none;}
.dede_pages a:hover{color: #fe0000; text-decoration: none;}

/*注册页面*/
.login_box{width:38%; margin-left: 30%; padding-bottom: 100px;}
.login_formul{width:84%;}
.login_formul .handx{margin-left: 52px; text-align: center;}
.login_formul .fgt{left:100%;margin-bottom:1px; margin-left: 18px; width:100px; height:50px; line-height: 50px; font-size: 16px; color:#b2b1b2;  transition:all .3s; -webkit-transition:all .3s;}
.login_formul .fgt:hover{color:#682c07;}
.login_box .l_tip{margin-top: 20px; color:#682c07; text-align: center; font-size: 16px;}
.login_box .l_skip{margin-top: 20px; color:#b2b1b2; text-align: center; border-bottom: 1px solid #b2b1b2;}
.login_box .l_skip a{color:#b2b1b2; line-height: 30px; position: relative; bottom:-15px; display: inline-block; font-size: 18px; padding:0 10px; background-color: #fff;  transition:all .3s; -webkit-transition:all .3s;}
.login_box .l_skip a:hover{color:#682c07;}
@media screen and (max-width:1000px){
	.login_box{width:80%; margin-left: 10%}
}


/*登录页面*/
.regt_box{width:38%; margin-left: 31%; padding-bottom: 100px;}
.regt_box .l_skip{margin-bottom: 40px; color:#b2b1b2; text-align: center; font-size: 18px; border-bottom: 1px solid #b2b1b2;}
.regt_box .l_skip span{color:#b2b1b2; line-height: 30px; position: relative; bottom:-15px; display: inline-block; padding:0 10px; background-color: #fff;  transition:all .3s; -webkit-transition:all .3s;}
.regt_formul .handx{margin-left: 60px; text-align: center;}
.regt_formul .l_tip{ margin-left: 65px; width:60%; padding:8px 0; line-height: 30px; font-size: 16px; color:#682c07;}
.regt_formul .l_xx{position: absolute; left:100%; top:0; margin-left: 8px; padding-top: 10px; color:#b2b1b2; font-size: 20px;}


/*模拟滚动条 mCustomScrollBox*/
.mCustomScrollBox{position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr;}
.mCSB_container{overflow: hidden; width: auto; height: auto;}
.mCSB_scrollTools{position: absolute; width: 1px; height: auto; right: 4px; top: 0; margin:0; bottom: 0;}
.mCSB_scrollTools .mCSB_draggerContainer{ position: absolute; top: 0; left: 0; bottom: 0; right: 0;  height: auto;}
.mCSB_scrollTools .mCSB_dragger{ cursor: pointer; left:-1px; width: 3px; height: auto;  z-index: 1;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position: relative; width: 100%; background-color: #ccc; height: 100%; text-align: center; border-radius: 3px;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{}
.mCSB_scrollTools .mCSB_draggerRail{background-color:#ccc; width: 100%; height: 100%; margin: 0 auto; border-radius: 16px;}
.mCSB_scrollTools.mCSB_scrollTools_onDrag .mCSB_draggerRail{opacity:0.6;}