.animate-5{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.animate-5:hover{transition:all .5s;-webkit-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;-o-transition: all .5s;}
.space{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.clamp{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;}
.padding-tb40{padding: 40px 0;}
.margin-t40{margin-top: 40px;}
.margin-t20{margin-top: 20px;}
.margin-t15{margin-top: 15px;}
.padding-lr10{padding: 0 10px;}
.padding-lr5{padding: 0 5px;}
.title{font-size: 18px;line-height: 2;color: #333;}
.content-text{font-size: 14px;line-height: 2;color: #5a5a5a;}
.text-p p{margin-bottom: 0;}
.padding-20{padding: 20px;}
.text-color{color: #b36d61;}

@media(max-width: 996px){
    .padding-lr10{padding: 0 5px;}
    .padding-lr5{padding: 0 10px;}
    .padding-20{padding: 15px;}
}

.con-flex{display: flex;flex-wrap: wrap;}
.index-left{width: 300px;}
.index-right{width: calc(100% - 300px);padding-left: 20px;}

.info_bg_1{border-bottom: 2px solid #b36d61;margin-bottom: 2px;}
.info_bg{background: #b36d61;color: #d3a79e;font-style: italic;height: 50px;padding: 5px 20px;position: relative;}
.info_bg span{height: 30px;position: absolute;top: 50%;margin-top: -15px;right: 20px;display: block;}
.info-line{border: 1px solid #e5e5e5;}
.index-about{background: #b36d61;height: 288px;}
.index-about .about-left{width: 65%;height: 100%;}
.index-about .about-right{width: 35%;}
.index-about .about-right .title,.index-about .about-right .content-text{color: #fff;}

.box_new_img_1{height: 128px;}
ul.index_news_ul{padding: 15px 10px;}
.box_new_img_2{width: 26%;height: 289px;}
.box_new_right{width: 74%;padding-left: 20px;}
.classifcaiton{height: 286px;}
.classifcaiton ul{margin: -6px;}
.classifcaiton ul li{width: 50%;float: left;padding: 6px;}
.classifcaiton ul li a{display: block;line-height: 46px;font-weight: bold;color: #333;text-align: center;border: 1px solid #e5e5e5;}
.classifcaiton ul li a:hover{background: #b36d61;border-color: #b36d61;color: #fff;}

@media(max-width: 1230px){
    .classifcaiton{height: 214px;}
    .classifcaiton ul{margin: -4px;}
    .classifcaiton ul li{padding: 4px;}
    .classifcaiton ul li a{line-height: 35px;}
}
@media(max-width: 996px){
    .con-flex{display: block;}
    .index-left,.index-about .about-left,.index-about .about-right,.box_new_img_2{width: 100%;}
    .left-none,.box_new_img_2{display: none;}
    .index-right,.box_new_right{width: 100%;padding: 0;}
    .index-about,.classifcaiton{height: auto;}
    .right-top{margin-top: 20px;}
}


.title_bg:before{content: "";width: 100%;height: 20px;background: #e5e5e5;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.title_bg a{position: absolute;top: 9px;right: 10px;}
.title_text{display: inline-block;padding: 0 10px 0 35px;background: #fff;position: relative;z-index: 1;}
.cn_title{font-size: 16px;font-weight: bold;color: #333;}
.en_title{font-size: 12px;color: #aeaeae;}
.title_text span{width: 30px;text-align: center;font-size: 40px;line-height: 1;color: #b36d61;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}

#dituContent{width: 100%;height: 340px;}
.iw_poi_title{color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content{font: 12px arial,sans-serif;overflow: visible;padding-top: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}

.message-content{max-width: 660px;margin: auto;}
.message-content label{font-weight: normal;color: #777;}
.message-content label span{color: #f00;}
input.input,textarea.textarea{width: 100%;height: 36px;padding: 0 5px;background: #eee;border: 1px dashed #aaa;margin-bottom: 20px;}
textarea.textarea{height: 120px;padding: 5px;resize: none;}
button.button{width: 124px;height: 36px;line-height: 36px;text-align: center;background: #b36d61;color: #fff;}
input.input:focus,textarea.textarea:focus{border-color: #a3594d;}
button.button:hover{background: #a3594d;}
.captcha{position: relative;padding-right: 110px;}
.captcha #ckstr{position: absolute;top: 0;right: 0;height: 36px;cursor: pointer;}

.menu_left{width: 200px;}
.classify h3{display: none;font-size: 18px;font-weight: bold;padding: 10px 0;text-align: center;background: #a3594d;color: #fff;}
ul.phone li a{font-weight: bold;display: block;height: 42px;line-height: 42px;text-align: center;margin-bottom: 3px;background: #b36d61;color: #fff;}
ul.phone li:last-child a{margin-bottom: 0;}
ul.phone li.active a,ul.phone li a:hover{background: #a3594d;}

.content_right{width: calc(100% - 200px);padding-left: 30px;min-height: 300px;}
.row-tb10{margin: -10px 0;}
.pro-img a{width: 100%;display: inline-block;margin: 10px 0;}
.pro-img a h4{margin-top: 10px;font-size: 14px;font-weight: bold;color: #333;}
.pro-img a:hover img{transform: scale(1.06);}
.pro-img a:hover h4{color: #a3594d;}

.details_left{width: 42%;}
.MagicZoomPup{background: #000;}
.MagicZoomBigImageCont{background: #fff;}
/*#tsImgS,.MagicZoomBigImageCont{border: 2px solid #efefef;}*/
#tsShopContainer li,#tsShopContainer img{vertical-align: top;}
#tsShopContainer{width: 100%;margin: 0 auto;position: relative;}
#tsShopContainer #tsPicContainer{width: 100%;margin-top: 15px;position:relative;}
#tsShopContainer #tsPicContainer #tsImgSArrL,#tsShopContainer #tsPicContainer #tsImgSArrR{display: none;}
#tsShopContainer #tsPicContainer #tsImgSCon{width: 100% !important;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width: 100% !important;overflow: hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width: 16.66%;padding: 2px;float: left;cursor: pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{border: 1px solid  #e4e4e4;display:block;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border-color: #a3594d;}
.details_right{width: 58%;padding-left: 30px;}
.prev_next a{font-size: 14px;line-height: 2;color: #666;}
.prev_next a:hover{color: #a3594d;text-decoration: underline;}

ul.news_ul li{padding: 5px 0;border-bottom: 1px dashed #c6c6c6;}
ul.news_ul li:first-child{padding-top: 0;}
ul.news_ul li .news-text{font-size: 14px;line-height: 2;padding-right: 120px;position: relative;}
ul.news_ul li .news-text a h5{font-size: 14px;line-height: 2;color: #5a5a5a;}
ul.news_ul li .news-text span{color: #acacac;position: absolute;top: 0;right: 0;}
ul.news_ul li .news-text a:hover h5{color: #a3594d;}

ul.index_news_ul li .news-text{font-size: 12px;padding: 0 65px;}
ul.index_news_ul li .news-text a h5{font-size: 12px;}
ul.index_news_ul li .news-text a.news-title{color: #a3594d;position: absolute;top: 0;left: 0;}
ul.index_news_ul li .news-text a.news-title:hover{color: #2c90ff;}

#goleft{width: 100%;height: auto;overflow: hidden;} 
#goleft #gols{width: 3000%;} 
#goleft1 li,#goleft2 li{width: 260px;margin-right: 20px;float: left;}
#goleft1,#goleft2{width: auto;float: left;}

#goimg{width: 100%;height: auto;overflow: hidden;} 
#goimg #gols{width: 3000%;} 
#goimg1 li,#goimg2 li{width: 190px;margin-right: 20px;float: left;}
#goimg1,#goimg2{width: auto;float: left;}
.box-link{width: 100%;padding: 10px 10px 10px 46px;border: 1px solid #e5e5e5;position: relative;}
.box-link .link-title{padding: 10px 10px 10px 8px;line-height: 1.2;color: #fff;font-weight: bold;width: 36px;height: 100%;background: url("../images/link.png") no-repeat center left/100% 100%;position: absolute;top: 0;left: 0;}

@media(max-width: 996px){
    #dituContent{height: 240px;margin-bottom: 20px;}
    .menu_left,.details_left,.MagicZoom{width: 100% !important;}
    .classify h3{display: block;}
    .fix-bottom{position: static !important;}
    .classify .phone{display: none;width: 100%;position: absolute;top: 100%;left: 0;z-index: 99;}
    ul.phone li a{margin-bottom: 0;}
    .content_right,.details_right{width: 100%;padding: 30px 0 0;}
    .row-tb10{margin: -5px 0;}
    .pro-img a{margin: 5px 0;}

    .MagicZoomBigImageCont,.MagicZoomPup{display: none !important;}
    ul.news_ul li .news-text{padding-right: 80px;}
    #goleft1 li,#goleft2 li{width: 220px;}
    #goimg1 li,#goimg2 li{width: 160px;}
    .box-link .link-title{padding: 5px 10px 5px 8px;}
}