﻿body,html{-ms-overflow-style: scrollbar;/*解决ie浏览器右侧滚动条遮挡内容问题*/}
body{font:14px/1.5 arial,Hiragino Sans GB,sans-serif}
a{color:#333;text-decoration:none;outline:medium none;-moz-transition:all .2s ease-in;-webkit-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in}
a:link,a:visited{text-decoration:none}
a:hover{text-decoration:none; color:#c6b069}
img{max-width:100%}
img,li{vertical-align:top;border:0}
.clear{clear:both;line-height:0;font-size:0;width:0;height:0}
*{margin:0;padding:0}
html *,html *:before,html *:after {box-sizing: border-box;-webkit-transition: 0.5s;transition: 0.5s;}
ul{list-style-type:none}
dd,dt,h5,img,li,ul{margin:0;padding:0}
b,body,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,html,img,input,li,p,pre,td,ul{margin:0 auto;padding:0}
dt,h1,h2,h3,h4,h5,h6{text-transform:capitalize;}
body,td,th{font:14px/1.5 arial,Hiragino Sans GB,sans-serif}
input{font:14px/1.5 arial,Hiragino Sans GB,sans-serif}

.no-padding{padding:0}
@media screen and (min-width:1230px ) {
    .container { width: 1200px; }
}

/*开始*/
header{background-color:transparent;position:fixed;top:0;width:100%;background-color:rgba(0,0,0,0.6);z-index:11;}
#mynav{background-color:Transparent;border-width:0px;margin:0;z-index:2;}
#mynav .logo{display:block;}
#mynav .logo img{}
#mynav .nav>li>a{padding:30px 20px;font-size:16px;font-weight:bold;color:#ffffff;} 
#mynav .nav>li.active>a{color:#c6b069;background-color:transparent;}
#mynav .nav>li:hover>a{color:#c6b069;background-color:transparent;}

#mynav .nav li ul.dropdown-menu{background-color:#c6b069;border-radius:0;margin-top:-10px;}
#mynav .nav li ul.dropdown-menu > li > a{padding:8px 15px;font-size:14px;color:#ffffff;}
#mynav .nav li ul.dropdown-menu > li > a:hover{color:#c6b069;background-color:#ffffff;}

#search{display:inline-block;position:relative;margin-top:25px;margin-left:15px;}
#search a{display:inline-block;width:33px;height:33px;line-height:33px;font-size:21px;cursor:pointer;text-align:center;color:#ffffff;}
#sform {height: 32px;width: 182px;border: 1px solid #c6b069;position:absolute;right:0;top:33px;display:none;z-index:100}
#sform #stext {float: left;height: 30px;line-height: 30px;padding-left: 10px;width: 150px;border:none;color:#c6b069;}
#sform #sbut {border: 0 none;cursor: pointer;float: right;height: 30px;width: 30px;color:#c6b069;background:#ffffff;font-size:16px;}

.sidebar-nav{position:initial;}
.sidebar-nav li:not(:first-child)::before{background-color:#c6b069;}
.sidebar-nav .dropdown-menu li:first-child a{background-color:transparent;}
.sidebar-nav .dropdown-menu li:before{background-color:#c6b069;}
.sidebar-nav li a{text-transform:capitalize;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@media screen and (min-width:992px) and (max-width:1230px)
{
    #mynav .logo {margin-top:5px;}
    #mynav .logo img{max-width:200px;}
    #mynav .nav>li>a{padding:20px 15px;font-size:15px;}
    #mynav .nav li ul.dropdown-menu>li>a{padding:6px 15px;}
}
@media screen and (min-width:768px) and (max-width:991px){
    #mynav .logo img{max-width:160px;}
    #mynav .nav>li>a{padding:15px 7px;font-size:13px;}
    #mynav .nav li ul.dropdown-menu>li>a{padding:6px 10px;font-size:13px;}
}
@media (min-width:768px) {}
@media (max-width:767px)
{
    header{position:relative;background-color:#000000;}
    #mynav .logo{width:200px;}
    #mynav .logo img{max-height:60px;}

	#mynav .hamburger { position:absolute; z-index:100; top:0;margin-top:10px;}
    #mynav .hamburger>span{background-color:#c6b069;z-index:1}
    #mynav .hamburger.is-open span{background-color:#ffffff;}
    #wrapper .logo{height:65px;padding:0;}
    #wrapper img{max-width:100%;max-height:100%;display:block;margin:0 auto;}
    #wrapper .nav>.sidebar-brand>a{background-color:#444444;padding:5px 10px;}
    #wrapper .nav > li > a {font-size:14px;} 
    #wrapper .nav > li > a>i {display:inline-block!important;} 

    #top_search{margin-top:25px;}
    #top_search #top_sform{width:182px;}
    #top_search #top_stext{width:150px;height:32px;border:1px solid #333333;padding-left:5px;background-color:Transparent;color:#ffffff}
    #top_search #top_sbut{width:32px;height:32px;background:#333333;border:none;float:right;color:#ffffff;font-size:18px;line-height:32px;}
}

/*banner图切换*/
#bframe{ display:block;}
#bframe .carousel:hover .carousel-control.left{left:6%;}
#bframe .carousel:hover .carousel-control.right{right:6%;}
#bframe .carousel-control.left{left: 3%;}
#bframe .carousel-control.right{right: 3%;}
#bframe .carousel-control{width: 50px;height: 50px;top: 45%;border-radius: 50%;border: 1px solid #ffffff;text-align: center;background-image:none;opacity:1;}
#bframe .carousel-control span{display: block;margin: 0 auto;line-height: 50px;font-size: 35px;box-shadow:none;}
#bframe .carousel-control:hover{background-color:#c6b069;border-color:#c6b069;}
#bframe .carousel-control:hover span{color:#ffffff;box-shadow:none;}
#bframe .carousel-indicators{z-index:2;height:20px; padding-top:13px;left:15%;width:70%;margin:0 auto;bottom:50px;}
#bframe .carousel-indicators li{display:inline-block;width:20px;height:4px; margin:5px 3px;cursor:pointer;background-color:#ffffff;border:none;border-radius:0;}
#bframe .carousel-indicators li.active{*display:inline;margin:5px 3px; background-color:#c6b069;}
#bframe .carousel-indicators li:hover{background: #fff none repeat scroll 0 0;  border-color: #c6b069;
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);}
@media (max-width:767px){
    #bframe .carousel-control{width:35px;height:35px;}
    #bframe .carousel-control span{line-height:35px;font-size:25px;}
    #bframe .carousel-indicators{bottom:20px;}
}
/*面包屑*/
#bframe{position:relative;}
.crumbs{ position: absolute; top: 50%; left:50%; text-align:center; transform: translate(-50%,-50%);}
.crumbs h3{ font-size:50px; color:#ffffff; text-transform:uppercase; text-shadow:0px 3px 2px #cccccc;}
.crumbs p{ font-size:18px; color:#ffffff; text-shadow:0px 3px 2px #cccccc;}
.crumbs p a{ color:#ffffff;}
@media screen and (min-width:1px ) and (max-width:767px)
{
	.crumbs h3{ font-size:18px;}
	.crumbs p{ font-size:14px;}
}

.frame{padding-top:50px;padding-bottom:50px;}
.index_title{margin-bottom:30px;text-align:center;}
.index_title h2{display:inline-block;font-size:40px;font-weight:600;margin-bottom:40px;position:relative;text-transform:capitalize}
.index_title h2::after{border:1px solid #333333;bottom:-20px;content:"";left:0;margin:0 auto;position:absolute;right:0;width:40%}
.index_title p{color:#777777;}

@media screen and (min-width:768px) and (max-width:991px) {
    .frame{padding-top:40px;padding-bottom:40px;}
    .index_title{margin-bottom:30px;}
    .index_title h2{font-size:30px;line-height:42px;}
}
@media screen and (min-width:1px) and (max-width:767px) {
    .frame{padding-top:25px;padding-bottom:25px;}
    .index_title{margin-bottom:15px;}
    .index_title h2{font-size:24px;line-height:30px;}
}

#frame1{}
#frame1 .item{padding:25px;text-align: center;border: 1px solid #eeeeee;border-radius: 10px;}
#frame1 .item h3{margin-bottom: 20px;font-size:18px;line-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;}
#frame1 .item p{color:#777777;font-size:14px;line-height:20px;max-height:100px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
#frame1 .item:hover{background-color:#04091e;}
#frame1 .item:hover h3{color:#c6b069;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
}

#frame2{}
#frame2 .item{text-align:center;position:relative;border-radius:10px;overflow:hidden;margin-bottom:30px;}
#frame2 .item .img img{width:100%;}
#frame2 .item .txt{position:absolute;top:20px;right:20px;bottom:20px;left:20px;background-color:rgba(0,0,0,0.6);border:1px solid #c6b069;border-radius:10px;opacity:0;overflow:hidden;}
#frame2 .item .txt a{position:absolute;top:80%;bottom:0;right:0;left:0;}
#frame2 .item .txt h3{width:60%;border-bottom:1px solid #c6b069;font-size:18px;color:#fff;font-weight:500;padding:20px 0;}
#frame2 .item .txt p{background-color:#c6b069;line-height:42px;padding-left:30px;padding-right:30px;margin-top:20px;border:none;color:#fff;display:inline-block;font-weight:500;position:relative;-webkit-transition:all .3s ease 0s;-moz-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;cursor:pointer;position:relative}
#frame2 .item:hover .txt{opacity:1;}
#frame2 .item:hover .txt a{top:25%;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px){
}

#frame3{background-color:#c6b069;padding-top:100px;padding-bottom:100px;}
#frame3 .item{padding:30px 30px 30px 30px;background-color:#f9f9ff;border-radius:10px;}
#frame3 .item .txt h3{font-size:18px;line-height:24px;margin-bottom:10px;font-weight:bold;}
#frame3 .item .txt h3 i{font-size:20px;line-height:24px;display:inline-block;margin-right:10px;font-weight:normal;float:left;}
#frame3 .item .txt p{font-size:14px;color:#777777;line-height:24px;height:72px;margin-bottom:10px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#frame3 .item:hover{background-color:#04091e;}
#frame3 .item:hover h3{color:#c6b069;}
@media screen and (min-width:992px) and (max-width:1230px){
    #frame3 .item{padding:20px 20px 15px 20px;}
    #frame3 .item .txt h3{font-size:18px;line-height:20px;height:20px;overflow:hidden;}
}
@media screen and (min-width:768px) and (max-width:991px) {
    #frame3 .item{padding:20px 20px 15px 20px;}
    #frame3 .item .txt h3{font-size:16px;line-height:20px;height:40px;overflow:hidden;}
}
@media screen and (min-width:1px) and (max-width:767px) {
    #frame3 .item{padding:15px;}
    #frame3 .item .txt h3{font-size:16px;line-height:20px;margin-bottom:10px;font-weight:bold;}
}

#frame4{}
#frame4 .item{margin:0 15px 30px;}
#frame4 .item .img{border-radius:10px;overflow:hidden;border:1px solid #eaeaea;}
#frame4 .item h3{font-size:18px;line-height:24px;margin:20px 0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:bold;}
#frame4 .item p{font-size:14px;line-height:20px;height:40px;color:#777777;margin-bottom:10px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#frame4 .item .date{color:#222222;font-size:14px;}
#frame4 .owl-theme .owl-controls .owl-page span{border-radius:0;}
#frame4 .owl-theme .owl-controls .owl-page.active span,#frame4 .owl-theme .owl-controls .owl-page:hover span{background-color:#c6b069;}
@media screen and (min-width:768px) and (max-width:991px) {
}
@media (max-width:767px) {
}

#frame5{}
#frame5 .item .img{border:1px solid #eaeaea;}
#frame5 .item h5{font-size:20px;line-height:24px;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-top:15px;margin-bottom:15px;}
#frame5 .item p{font-size:14px;line-height:24px;height:96px;margin-bottom:15px;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
#frame5 .item .link{border:1px solid #444;border-radius:30px;color:#444;cursor:pointer;display:inline-block;font-size:15px;font-weight:500;margin-top:10px;padding:10px 20px;text-align:center;text-transform:uppercase;transition:all 0.4s ease 0s;}
#frame5 .item .link:hover{border: 1px solid #c6b069;color: #fff;background-color:#c6b069;}
@media (max-width:767px) {
    #frame5 .item{margin-bottom:30px;}
}

#friendLinkImg{overflow:hidden;}
#friendLinkImg .friendLinkImg li{float:left;width:16.66%;padding:10px;}

footer{background-color:#333333;}
footer dl{ margin-top:40px; margin-bottom:10px;}
footer dl dt{ color:#ffffff; font-size:24px;line-height:20px; margin-bottom:15px;}
footer dl dd{ padding:3px 0;color:#bbbbbb; font-size:13px; line-height:24px;}
footer dl dd.wechat img{width:120px;}
footer dl dd a{ color:#bbbbbb; font-size:14px; line-height:18px; display:inline-block;}
footer dl dd a:hover{ color:#66b7fc;}
footer dl dd p{margin:3px 0;}
#fck4 .sharelist>a{display:inline-block;width:30px;height:30px;margin:0 8px 8px 0;text-align:center;transition:0s;}
#fck4 .sharelist>a>i{font-size:20px;width:30px;height:30px;line-height:30px;color:#333333;display:block;border-radius:50%;background-color:#ffffff;transition:0s;}
#fck4 .sharelist>a>i:before{transition:0s;}
#fck4 .sharelist>a>.fa-youtube:hover{background-color:#e13138;color:#ffffff;}
#fck4 .sharelist>a>.fa-facebook:hover{background-color:#3b5998;color:#ffffff;}
#fck4 .sharelist>a>.fa-twitter:hover{background-color:#00abf1;color:#ffffff;}
#fck4 .sharelist>a>.fa-google-plus:hover{background-color:#d0422a;color:#ffffff;}
#fck4 .sharelist>a>.fa-tumblr:hover{background-color:#44556b;color:#ffffff;}
#fck4 .sharelist>a>.fa-pinterest-p:hover{background-color:#ca2127;color:#ffffff;}
#fck4 .sharelist>a>.fa-linkedin:hover{background-color:#0083be;color:#ffffff;}
#fck4 .sharelist>a>.fa-instagram:hover{background-color:#ad3396;color:#ffffff;}
#fck4 .sharelist>a>.fa-whatsapp:hover{background-color:#0faf0a;color:#ffffff;}

footer .copy_by{padding:8px 0 8px;color:#bbbbbb;}
footer .copy_by .copy{float:right;}
footer .copy_by a{color:#bbbbbb;font-size:14px;}
footer .copy_by a:hover{text-decoration:underline;}
#friendLink .friendLink{padding:20px 0;display:block;overflow:hidden;border-top:1px solid #888888;}
#friendLink span{float:left;font-size:16px;margin-right:10px;color:#999999;line-height:24px;}
#friendLink li{float:left;margin-right:10px;}
#friendLink li a{color:#999999;display:inline-block;line-height:24px;font-size:14px;}
#friendLink li a:hover{text-decoration:underline;}

@media screen and (min-width:768px) and (max-width:991px) {
}
@media screen and (min-width:1px) and (max-width:767px) {
    footer{padding-bottom:50px;padding-top:0;}
}

/*手机底部导航*/
#mobMenu{min-height:50px;border:1px solid #dddddd;position:fixed;}
#mobMenu .foot_nav{width:25%;float:left;text-align:center;color: #898989;font-size:14px;}
#mobMenu .foot_nav span {display: block;padding: 3px 0px 0px 0px;font-size:18px;line-height:24px;}
#mobMenu .foot_nav .hamburger{position: inherit;float: none;margin: 0 auto;width:100%;}
#mobShare{display:none;}


/*右侧浮动框*/
#pcFloat.on {width: 250px;}
#pcFloat.on .top-list li span{left:25px;}
#pcFloat.on .top-list li .wechat{position: static;}
#pcFloat.on .top-list li .wechat img{display: block;margin:3px 0 0px 25px;float:left;}
#pcFloat {width: 50px;position: fixed;right: 0;top: 50%;margin-top: -127px;background-color: #c6b069;z-index: 1000;transition: width 0.3s ease 0s;-moz-transition: width 0.3s ease 0s;-webkit-transition: width 0.3s ease 0s;-o-transition: width 0.3s ease 0s;}
#pcFloat .top-list {width: 100%;}
#pcFloat .top-list li {width: 100%;min-height:50px;border-bottom: 1px solid #fff;}
#pcFloat .top-list li:last-child{border-bottom:none;}
#pcFloat .top-list a {display: block;width: 100%;overflow:hidden;position: relative;}
#pcFloat .top-list span {display: inline-block;z-index: 1;width: 222px;font-size: 14px;line-height: 50px;color: #fff;padding-left:25px;}
#pcFloat .top-list a>i.fa{display: inline-block;width: 49px;height: 49px;position: absolute;right: 0;top: 0;line-height:49px;font-size:21px;text-align:center;color:#fff;z-index:1;background-color:#c6b069}
#pcFloat .top-list a>i.fa-ali svg{display: block;margin: 0 auto;line-height: 49px;height: 49px;}
#pcFloat .top-list li:hover{background-color:#fff;}
#pcFloat .top-list li:hover span{color:#333;}
#pcFloat .top-list li:hover a>i{color:#c6b069;background-color:#fff}
#pcFloat .top-list li:hover a>i.fa-ali path{fill:#c6b069;}
#pcFloat .top-list .wechat img{display:none;}
#pcFloat.on .top-list .wechat img{display:inline-block;padding:3px;}

/*内页*/
#ntframe{padding-bottom:20px;}

#bar img{ width:100%; height:auto;}
#main{padding-bottom:50px;}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #ntframe{ padding:0px;}
    #main{ margin:0px; }
}

/*面包屑*/
#location{ margin-top:20px;text-transform:capitalize;}
#location h2{ font-size:30px; text-align:center;font-weight:bold;}
#location p{ font-size:14px; line-height:35px;}
#location p span.fa-home{font-size:18px;}
#location em{ display:block; height:1px; background:#ccc;}

@media screen and (min-width:1px ) and (max-width:767px)
{ 
    #location{ text-align:left;}
    #location h2{ font-size:24px;}
    #location p{ display:block;}
}


/*关于我们*/
.aboutframe{background:#fff; padding-top:25px; padding-bottom:50px;}
.aboutframe2{background:#f0f0f0;}

.abouttit{ margin-top:25px;}
.abouttit span{width:9px;height:9px;background-color:#c6b069;display:block;margin:8px auto;position:relative;border-radius:50%;}
.abouttit span:before{content:"";position:absolute;left:30px;top:4px;width:100px;height:1px;background-color:#333;}
.abouttit span:after{content:"";position:absolute;right:30px;top:4px;width:100px;height:1px;background-color:#333;}
.aboutPic{}
.aboutcontent{ margin-top:30px;}
.aboutcontent .img img{width:100%;}
#about_work{ background:url(../../images/workshop_bg.jpg) no-repeat center top fixed; background-size:cover;}
.abpcp .thumbnail{ overflow:hidden;}
.abpcp h4{font-size:14px; line-height:35px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}




/*内容主体*/
#content{ margin-top:10px; overflow:hidden;padding-bottom:10px;}
#content img{ max-width:100%;}
#content_remark{}
#content .btn-info{background-color:#c6b069;border-color:#c6b069;}
#content .btn-info:hover{opacity:0.8;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    #content h2{ font-size:16px; font-weight:bold;}
}

#pagebg{box-shadow:0 0 15px #888;padding-bottom:30px;}
/*左侧栏目*/
#left_nav{padding-top:25px;position:sticky; top: 0;}
#left_menu{background-color:#c6b069;padding:15px;}
.lbt h3{line-height:50px;font-size:26px;color:#fff;margin-bottom:10px;}
.lbt h3 .caret{display:none;}
.lmb{}
.lmb ul li:not(:last-child) { border-bottom:1px dashed #fff;}
.lmb ul li a{  display:block; padding:15px 20px; font-size:16px; text-transform:capitalize; background:#fff;color:#333;}
.lmb ul li a:before{content: "\f260";font-family: "FontAwesome";margin-right: 5px;}
.lmb ul li a.hover,.lmb ul li a:hover{color:#c6b069;}
#left_content{background-color:#c6b069;padding:15px;margin-top:25px;}
#left_content h3{line-height:50px;font-size:26px;color:#fff;margin-bottom:10px;text-align:center;}
.left_contact{background-color:#fff;padding:10px;line-height:26px;font-size:14px;}
.left_contact i{width:16px;text-align:center;display:inline-block;font-size:16px;}
.left_contact span{font-weight:bold;}
@media screen and (min-width:768px ) and (max-width:991px)
{
    #left_nav{margin-top:15px;position:relative;top:0;}
    #left_menu{padding:10px 15px;}
    .lbt h3{line-height:36px;font-size:24px;margin:0;}
    .lbt h3 .caret{display:inline-block;}
    .lmb ul li{display:none;}
    #lnr>ul>li:first-child{margin-top:10px;}
    .lmb ul li a{padding:10px 15px;font-size:14px;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #left_nav{margin-top:15px;position:relative;top:0;}
    #left_menu{padding:10px 15px;}
    .lbt h3{line-height:36px;font-size:24px;margin:0;}
    .lbt h3 .caret{display:inline-block;}
    .lmb ul li{display:none;}
    #lnr>ul>li:first-child{margin-top:10px;}
    .lmb ul li a{padding:10px 15px;font-size:14px;}
}

/*左右滚动按钮*/
/*.owl-carousel .owl-controls .owl-buttons{}
.owl-carousel .owl-controls .owl-buttons>div{background-color:#c6b069;width:30px;height:80px;line-height:80px;padding:0;font-size:40px;border-radius:0;position:absolute;top:30%;}
.owl-carousel .owl-controls .owl-buttons>.owl-next{right:15px;}
.owl-carousel .owl-controls .owl-buttons>.owl-prev{left:15px;}
.owl-carousel .owl-controls .owl-buttons>div:hover{opacity:1;}*/

/*产品总页*/

/*产品分类列表*/
.capcp {padding:0 15px;}
.capcp .thumbnail{margin-bottom:30px;padding:0;background-color:#f8f8f8;border-left:none;border-right:none;border-radius:0;}
.capcp .thumbnail:hover{background-color:#f0f0f0;}
.capcp .cate_hot_img{float:right;width:33.33%;overflow:hidden; text-align:center;}
.capcp .cate_hot_img img{ width:100%; height:auto;}
.capcp .cate_hot_info{float:left;width:66.66%;padding:10px 50px 0px 50px;}
.capcp .cate_hot_info h3{ font-size:24px; height:36px; line-height:36px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.capcp .cate_hot_info em{ border-bottom:solid 1px #dfdfdf; height:2px; margin-top:5px; margin-bottom:5px;width:150px;display:block;}
.capcp .cate_hot_info p{ font-size:14px; line-height:24px;color:#666;  margin-bottom:5px; height:48px; overflow:hidden;}
.capcp:nth-child(odd) .cate_hot_img{float:left;}
.capcp:nth-child(odd) .cate_hot_info{float:right;}
#secondCate {margin:10px -10px 0;}
#secondCate .thumbnail{padding:0 10px;border:none;margin-bottom:0;background-color:transparent;}
#secondCate .thumbnail h5{font-size:14px;line-height:24px;text-align:center;margin-top:10px;text-transform:capitalize;margin-bottom:10px;height:24px;overflow:hidden;}
@media screen and (min-width:768px ) and (max-width:991px) {
    .capcp .cate_hot_info{padding:10px 30px;}
    .capcp .cate_hot_info p{display:none;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    .capcp .cate_hot_img{height:auto; overflow:hidden; text-align:center;}
    .capcp .cate_hot_img{  width:100%;float:none;}
    .capcp .cate_hot_img img{width:100%;}
    .capcp .cate_hot_info{width:100%;float:none;padding:10px 15px;font-size:18px;}
    .capcp .cate_hot_info h3{text-align:center;font-size:18px;height:30px;}
    .capcp .cate_hot_info em{display:none;}
    .capcp .cate_hot_info p{text-align:center;}
    .capcp .cate_hot_info #secondCate{display:none!important;}
}

/*产品列表*/
.ppcp {padding:0 15px;width:25%;float:left;margin-bottom:20px;}
.ppcp .thumbnail{ margin:0px;padding:0;border:none;border-radius:0;padding-bottom:20px; border:solid 1px #eaeaea;}
.ppcp .pptp{padding:0px; overflow:hidden; text-align:center;}
.ppcp .pptp img{  width:100%;height:auto;}
.ppcp .ppwz {padding:10px; border-top:solid 1px #eaeaea;}
.ppcp .ppwz h4{ font-size:16px; color:#333;font-weight:bold;text-transform:capitalize; margin:0 0 5px; line-height:24px; height:48px;overflow: hidden;}
.ppcp .ppwz p{ color:#333; font-size:12px; line-height:24px; height:48px; font-family:Arial; text-transform:capitalize;overflow: hidden;}
.ppcp .ppwz a.link{font-size:12px;line-height:24px;text-decoration:underline;color:#333;}
.ppcp .thumbnail:hover{background-color:#c6b069;}
.ppcp .thumbnail:hover h4{color:#fff;}
.ppcp .thumbnail:hover p{color:#fff;}
.ppcp .thumbnail:hover a.link{color:#fff;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    .ppcp{margin-bottom:15px;width:50%;}
    .ppcp .thumbnail{padding-bottom:15px;}
    .ppcp .pptp{height:auto; overflow:hidden; text-align:center;}
    .ppcp .pptp img{  width:100%; height:auto;}
    .ppcp .ppwz{padding:10px 10px 0;}
    .ppcp .ppwz h4{font-size:12px; line-height:20px;height:40px;overflow:hidden;margin:0;}
}

@media screen and (min-width:1px ) and (max-width:767px)
{

    #pro_feed_show{ padding:0px 0;}
}


/*产品最终页*/
#proRemark{padding:30px 25px;box-shadow:0 0 15px #888;margin-top:15px;}
.rtp{ width:100%; height:auto; }
.rtp a{ float:left; width:100%; height:auto;box-shadow:20px 20px 20px -20px #999; }
.rtp a img{ float:left; width:100%; height:auto; border: solid 1px #c8c8c8;}
#rtp_small_img{ float:left; width:100%; padding:0 10%;}
#rtp_small_img a{ float:left; padding:4% 2%;}
#rtp_small_img a img{ float:left; width:98%; height:auto;border: solid 1px #c8c8c8;}
.rms h1{ font-size:24px;font-weight:bold;line-height:36px;margin-top:20px;}
.rms p{font-size:16px; line-height:30px; margin-top:25px;}
.pro_online{ margin-top:10px;}
.pro_online h3{padding:0 15px;margin-top:15px;font-weight:bold;}
.pro_online .lxfs{font-size:14px;line-height:24px;margin:10px 0 5px;}
.pro_online .btn{ width:150px; overflow:hidden; margin-top:15px; text-align:left; font-size:16px;}


.pro_online .sharelist{margin-top:20px;}
.pro_online .sharelist a{}
.pro_online .sharelist a{margin-right:5px;}
.pro_online .sharelist a i{display:inline-block;font-size:24px;line-height:36px;color:#fff;width:36px;height:36px;text-align:center;border-radius:50%;}
.pro_online .sharelist a:hover{opacity:0.6;}
.pro_online .sharelist a>.fa-facebook{background-color:#3b5998;}
.pro_online .sharelist a>.fa-twitter{background-color:#00abf1;}
.pro_online .sharelist a>.fa-google-plus{background-color:#d0422a;}
.pro_online .sharelist a>.fa-tumblr{background-color:#44556b;}
.pro_online .sharelist a>.fa-pinterest-p{background-color:#ca2127;}
.pro_online .sharelist a>.fa-linkedin{background-color:#0083be;}
.pro_online .sharelist a>.fa-whatsapp{background-color:#00ae12;}
.pro_online .sharelist a>.fa-instagram{background-color:#ad3396;}
/*产品详情页小图滚动*/
#rtp_small_img .owl-controls .owl-buttons>div{background-color:#c6b069;width:6%;height:85%;font-size:40px;top:0;margin:5px 0;position:absolute;border-radius:0;padding:0;}
#rtp_small_img .owl-controls .owl-buttons>div>i.fa{display:block;padding-top:70%;color:#fff;}
#rtp_small_img .owl-controls .owl-buttons>.owl-next{right:0;}
#rtp_small_img .owl-controls .owl-buttons>.owl-prev{left:0;}
#rtp_small_img .owl-controls .owl-buttons>div:hover{opacity:1;}
#rtp_small_img .clickable{display:block!important;}
@media screen and (min-width:1px ) and (max-width:767px) 
{
    #proRemark{padding:15px 0;}
    
    #rtp_small_img{margin-top:10px;}
    #rtp_small_img .owl-controls .owl-buttons>div>i.fa{padding-top:40%;}
    
    #myTab h4{font-size:16px;}
    #myTab li{float:none;display:block;}
    #myTab li a{border:none;border-radius:0;}
    #myTab li.active a{background-color:#eee;}
}


/*相关产品列表*/
.pro_capcp .cate_hot_img{height:160px; overflow:hidden; text-align:center;}
.pro_capcp .cate_hot_img img{  width:auto; height:100%;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
.pro_capcp .cate_hot_img{height:auto; overflow:hidden; text-align:center;}
.pro_capcp .cate_hot_img img{  width:100%; height:auto;}
}
.pro_capcp .hot_info h3{ font-size:14px; text-align:center; margin-top:10px; height:25px; line-height:25px; overflow:hidden;}
.pro_capcp .hot_info em{ border-bottom:solid 1px #eaeaea; height:1px; display:block; margin-top:5px; margin-bottom:5px;}
.pro_capcp .hot_info p{ font-size:12px; line-height:20px;  margin-bottom:5px; height:60px; overflow:hidden;}

#pro_detail{ margin-top:45px;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
#pro_detail #detail strong{ font-size:16px; font-weight:bold;}
}


#myTabContent,#contact{ margin-top:15px;}
#inquiry,#RelatedProduct {padding-top:40px;}
#inquiry h2{text-align:center;margin-bottom:20px;}
#inquiry p{ font-size:15px; margin-top:15px;}
#pro_feed_show,#relate_pro{  margin-top:15px;}
#pro_feed_show label{ font-size:14px;}


/*关键词样式*/

.taglist{ font-size:14px;}
.taglist a:hover{ text-decoration:underline; color:#c6b069;}

.taglist_show strong{ display:block; font-size:18px; color:#333; border-bottom:dashed 1px #c6b069; line-height:35px;}
.taglist_show strong b{font-size:18px; color:#c6b069;}
.taglist_show{}
.taglist_show .row{ margin-top:15px; text-align:center;}
.taglist_show .row h4{ font-size:16px; line-height:30px; height:30px; overflow:hidden;}
.taglist_show .row .ptp_img{overflow:hidden;}
.taglist_show .row .ptp_img img{ width:100%;}



#right_nav{margin:25px 0;background-color:#f8f8f8;}
#right_nav>#location{margin-top:10px;}
@media screen and (min-width:1px ) and (max-width:767px) {
    #right_nav{margin:15px 0;}
}

/*新闻列表*/
#newslist {}
#newslist img{ width:100%;border: 1px solid #dedede;}
#newslist span{ color:#999;}
#newslist .list-group{margin:5px 15px 15px;overflow:hidden;border:1px solid transparent;background-color:#f9f9f9;}

#newslist .list-group .media-img{overflow:hidden;width:15%;float:left;}
#newslist .list-group .media-img .pull-left {}
#newslist .media-body{width:85%;float:left;padding-left:20px; text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
#newslist .media-body h4{ font-size:16px;line-height:24px; font-weight:bold;text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:15px;}
#newslist .media-body span{display:none;}
#newslist .media-body p{ font-size:14px; line-height:24px;color:#666;height:48px;overflow:hidden;margin:0;}
#newslist .media-body a.link{font-size:14px;line-height:24px;text-decoration:underline;display:inline-block;margin-top:10px;}

#newslist .list-group:hover{border:1px solid #c6b069;background-color:#c6b069;}

#newslist .list-group:hover a{color:#fff;}
#newslist .list-group:hover p{color:#fff;}

#news_tit{ padding-bottom:15px; margin-top:30px;}
#news_tit h1{ font-size:23px;}
#news_tit p{ margin-top:10px; border-bottom:dashed 1px #ccc; padding-bottom:15px;}
#news_tit i{color:#c6b069;}
#news_detail,#RelatedNews{ margin-top:15px;}
#news_detail iframe{ width:100%; height:500px;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
    #newslist .list-group{width:50%;float:left;margin:0;padding:15px;}
    #newslist .list-group .media-img{width:100%;margin-bottom:10px;}
    #newslist .media-body{width:100%;padding:0;}
    #newslist .media-body a.link{margin-top:5px;}

    #news_detail iframe{ width:100%; max-height:200px;}
}


#RelatedNews li{ font-size:14px; line-height:25px;}




/*图片列表*/
.thumbnail img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}

.cpcp {width:25%;float:left;padding:0 15px;}
.cpcp .cptp{ overflow:hidden; text-align:center;}
.cpcp .ceptp{overflow:hidden; text-align:center;}
.cpcp .cptp img{  width:auto; height:auto;}

@media screen and (min-width:1px ) and (max-width:767px)
{ 
.cpcp {width:50%;}
.cpcp .cptp{height:auto; overflow:hidden; text-align:center;}
.cpcp .cptp img{  width:100%; height:auto;}
}

.cpwz{ height:25px; margin:10px auto 0px auto; line-height:25px; overflow:hidden;}
.cpwz h5{ font-size:14px; color:#666;}


/*视频*/
.vpcp {float:left;padding:0 15px;}
.vpcp .vptp{overflow:hidden; text-align:center;}
.vpcp .vptp img{  width:auto; height:auto;}
@media screen and (min-width:1px ) and (max-width:767px)
{ 
.vpcp .vptp{height:auto; overflow:hidden; text-align:center;}
.vpcp .vptp img{  width:100%; height:auto;}
}
.vpcp .vpwz h3{ font-size:14px; text-align:center; margin-top:10px; margin-bottom:5px; height:25px; line-height:25px; overflow:hidden;}
.play_bt{width:40px;height:40px;position:absolute;left:40%;top:30%;display:block;background-position:center 0;background-repeat:no-repeat;z-index:2;}


.tit span{width:9px;height:9px;background-color:#c6b069;display:block;margin:8px auto;position:relative;border-radius:50%;}
.tit span:before{content:"";position:absolute;left:30px;top:4px;width:100px;height:1px;background-color:#333;}
.tit span:after{content:"";position:absolute;right:30px;top:4px;width:100px;height:1px;background-color:#333;}
/*联系方式*/
#contact_show{margin-bottom:80px;}
#contact_show .tit{margin-bottom:50px;text-align:center;}
#contact_show .tit h2{font-size:30px;line-height:42px;font-weight:bold;margin-bottom:5px;}
#contact_show p{font-size:14px;line-height:24px;color:#666;width:80%;}
#contact_show .item{text-align:center;padding:50px 0;margin:0 30px;border:1px solid #ccc;border-radius:5px;}
#contact_show .item .img{background-color:#c6b069;color:#fff;width:100px;height:100px;border-radius:50%;margin-bottom:25px;}
#contact_show .item .img i{font-size:40px;line-height:100px;}
#contact_show .txt h4{font-size:18px;line-height:24px;margin-bottom:5px;}
#contact_show .txt p{width:80%;height:96px;overflow:hidden;}
#contact_show .txt p i{font-size:18px;}
#contact_show .txt a.link{height:40px;width:180px;line-height:40px;font-size:18px;border:1px solid #c6b069;color:#c6b069;text-align:center;display:inline-block;border-radius:4px;}
#contact_show .txt a.link:hover{background-color:#c6b069;color:#fff;}
@media screen and (min-width:768px ) and (max-width:991px) {
    #contact_show .item{margin:0;padding:30px 0;}
}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #contact_show{margin-bottom:30px;}
    #contact_show .tit{margin-bottom:25px;}
    #contact_show .tit h2{font-size:24px;line-height:36px;}
    #contact_show p{display:none;}
    #contact_show .item{margin-bottom:25px;}
}

/*留言反馈*/
#feedback{}
#feedback .tit{margin-bottom:35px;}
#feedback .tit h2{font-size:30px;line-height:42px;font-weight:bold;text-align:center;}
#feedback_from{margin:15px -15px;overflow:hidden;}
#feedback_from .group{overflow:hidden;}
#feedback_from .group label{line-height:28px;text-align:right;font-size:16px;}
#feedback_from .group span{display:inline-block;width:80px;font-size:14px;line-height:24px;text-align:right;margin-right:10px;}
#feedback_from .group .form-control{height:42px;}
#feedback_from .group input{width:100%;border:1px solid #ccc;background-color:#fbfbfb;padding:8px;line-height:24px;margin-bottom:20px;border-radius:4px;}
#feedback_from .group textarea{width:100%;border:1px solid #ccc;background-color:#fbfbfb;padding:4px 5px;line-height:24px;resize:none;margin-bottom:20px;vertical-align:top;height:108px;border-radius:4px;}
#feedback_from .btn{width:100%;height:50px;line-height:38px;font-size:18px;font-weight:bold;background-color:#c6b069;color:#fff;}
#feedback_from .btn:hover{opacity:0.8}
@media screen and (min-width:1px ) and (max-width:767px)
{
    #feedback .tit{margin-bottom:25px;}
    #feedback .tit h2{font-size:24px;line-height:36px;}
}

#downtable .download{width:15px;border-radius:0;border:none;margin-right:5px;}
#downtable {text-transform:capitalize;width:calc(100% - 30px);margin:0 auto;}
#downtable>tbody>tr:nth-child(2n){background-color:#fff;}



/*网站地图*/
#mapContent{ margin-top:30px;}
#sitemapnav {}
#sitemapnav li{  list-style:none;}
#sitemapnav a{ color:#666666; text-decoration:underline;}
#sitemapnav .fontbig {	width:100% !important;}
#sitemapnav .bigli{float:left;	width:100%;  line-height:35px;font-size:18px;}
#sitemapnav .bigli a {color:#666;text-decoration:underline; font-weight:bold;}
#sitemapnav .bigli a:hover {color:#c6b069;}
#sitemapnav .abli_02{ float:left;width:33.33%;padding-left:3%;font-size:16px; height:30px; line-height:30px; overflow:hidden; display:inline;font-weight:normal; }
#sitemapnav .abli_02 a:hover{color:#c6b069;}
.jiange{ float:left; 	width:100%;  height:2px; border-bottom:solid 1px #d2d2d2; }
.probigclass {padding-left:50px;}
#sitemapnav .PROclass_01 { float:left;width:100%;padding-left:3%; font-size:16px; line-height:30px; display:inline;font-weight:bold; }
#sitemapnav .PROclass_02 { float:left;width:100%;padding-left:5%;font-size:16px; height:22px; line-height:22px;  overflow:hidden;display:inline;font-weight:normal; }

#sitemapnav .PROclass_01 a{  color:#666;}
#sitemapnav .PROclass_02 a{ color:#666666;}
#sitemapnav .PROclass_01 a:hover{ color:#c6b069;}
#sitemapnav .PROclass_02 a:hover{ color:#c6b069;}

#sitemapnav .PROclass_03 { float:left;width:50%;padding-left:7%;color:#666666;font-size:14px;display:inline; line-height:20px;}
#sitemapnav .PROclass_03 a:hover{ color:#c6b069;}
#sitemapnav .PROclass_04 { float:left;width:50%;padding-left:9%;display:inline;}
@media screen and (min-width:1px ) and (max-width:767px)
{
	#sitemapnav .abli_02{width:100%;}
    #sitemapnav .PROclass_03{width:100%;padding-left:10%;}
    #sitemapnav .PROclass_04 {width:100%;padding-left:10%;}
}



