html,body{padding: 0;margin: 0;font-family:"微软雅黑";font-size: 16px;color: #333;overflow-x:hidden;}
.wrap{max-width:1200px;margin: 0 auto; width:100%}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
input:focus,button:focus,textarea:focus,select:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
.row{margin-right:0; margin-left:0}
img{ max-width:100%}

/* 设置滚动条的样式 */
::-webkit-scrollbar { width:4px;}/* 滚动槽 */
::-webkit-scrollbar-track { background-color:#aaa; border-radius:0px;}/* 滚动条滑块 */
::-webkit-scrollbar-thumb { background-color:#c29c68;}
::-webkit-scrollbar-thumb:window-inactive { background-color:#c29c68;}

/**导航菜单**/
header{width:100%; height:90px; background:#fff; overflow:hidden}
header .logo{ float:left; width:20%}
header .logo img{margin-top:20px}
header .rightDiv{ float:right; width:80%}
header .rightDiv .menu{position:relative; height:90px;}
header .rightDiv .menu>ul{ float:left; width:70%}
header .rightDiv .menu>ul>li{float: left;position: relative;width:20%}
header .rightDiv .menu>ul>li>a{height:90px;line-height:90px;text-align: center; color: #333; font-size:16px; display: block;position: relative;text-transform:uppercase;}
header.indexHeader .rightDiv .menu>ul>li>a{color:#333;}
header .rightDiv .menu>ul>li.on>a{color:#c29c68}	
header .rightDiv .menu>ul>li:hover a{ color:#c29c68;}
header .rightDiv .top_lx{float:right; height:90px; width:10%; }
header .rightDiv .top_lx a{width:46%; text-align:center; display:block; float:left; border:1px solid #c29c68; height:30px; line-height:30px; border-radius:3px; margin-right:4%; margin-top:30px; color:#c29c68; font-size:14px}
header .rightDiv .top_lx .hover{border:1px solid #c29c68; background:#c29c68; color:#FFF}
@media (max-width:1400px) {
header .wrap{padding: 0 15px;}
.wrap{width:96%;}
}
@media (max-width:1024px) {
header .rightDiv .menu>ul{ float:left; width:82%}
header .rightDiv .top_lx{width:14%; }
}
@media (max-width:992px) {
header .logo img{margin-top:10px; width:80%}
}
@media (max-width:480px) {
header .logo img{margin-top:15px; width:100%}
}

/*banner轮播*/
.index-banner{width:100%;position:relative;}
.ui-homebanner .swiper-slide{overflow: hidden;}
.ui-homebanner .img{width: 100%;display: block;height:650px;min-height:650px;background: none no-repeat center;background-size: cover;}
.ui-homebanner .img a{ display:block; width:100%; height:100%}
.ui-homebanner .swiper-button-prev,.ui-homebanner .swiper-button-next{width:50px; height:50px;line-height:46px; border-radius:10px; background:rgba(0,0,0,0.2); color:rgba(255,255,255,0.6); text-align:center; font-size:28px;}
.ui-homebanner .swiper-button-prev:hover,.ui-homebanner .swiper-button-next:hover{background:rgba(194,156,104,0.8);}
@media (max-width:1024px) {
.ui-homebanner .img{height:600px; min-height:600px;}
}
@media (max-width:992px) {
.index-banner{margin-top:50px}	
.ui-homebanner .img{height:450px; min-height:450px;}
}





/********************************* 首页 **********************************/
.main{margin-top: 100px;}
.index-main{margin: 0;}

.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left}

.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#282828;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color: #fff;}

.menu ul ul{position:absolute;left:-9999px;text-align: left;box-shadow: 0px 5px 5px rgba(0,0,0,.1);}
.menu li:hover>ul{left:0;margin-left: 0px;}
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul{right:100%;top:0;width: auto;}
.menu ul ul li:hover>ul{left: auto;margin-left: 0;}
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}

.menu ul ul{width:100%; top: 100px; text-align:center}

.menu ul ul li a{font-size:14px;text-decoration:none;color:#666; display:block; height:40px; line-height:40px; background: rgba(255, 255, 255, 1);}
.menu ul ul li a:hover{background:#0d409b; color:#FFF}

header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../images/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 0;right: 0;display: none;}
header.indexHeader .mbtn{background: url(../images/menu.png) no-repeat center center;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../images/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

@media (min-width:992px) and (max-width:1024px) {
	.menu ul ul ul,.menu ul ul li a{width: 180px;}
	.menu li:hover>ul{margin-left: -90px;}
}
@media (min-width:768px) and (max-width:991px) {
	.menu ul ul ul,.menu ul ul li a{width: 180px;}
	.menu li:hover>ul{margin-left: -90px;}
}
@media all and (max-width:992px){
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu ul ul{top: 0;border: 0;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(120,120,120,.15)}
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(120,120,120,.15);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;z-index:99}
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	header {position: fixed !important;z-index: 99;top: 0;left: auto;right: 0;width: 100%;height: 50px;transition: right 300ms !important;}

	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {float: right;position: fixed;top: 0px;right: 0;width: 100%;height: 100%;padding-top: 0;background-color: rgba(255, 255, 255, .9);/*border-bottom: 1px solid #f8f8f847;*/transition: right 300ms;        right: -100%;padding: 0;overflow-y: auto;}

	header .rightDiv .menu>ul{ width:100%}
	header .rightDiv .menu ul li {padding: 0;margin: 0; width:100%}
	header .rightDiv .menu ul li a {display: block;line-height: 50px;height: 50px;/*color: #fff;*//*padding: 0 15px;*/text-align: left;font-size: 16px;}
	header .rightDiv .logSignDiv{float: left;line-height: 50px;padding: 0;}
	header .rightDiv .menu>ul {display: block;padding-top: 50px;}
	header .rightDiv .menu ul li a span {display: none;}
	header .rightDiv .menu ul li a.on {background: none;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu ul li i{display: block;}
	header .rightDiv .menu ul li>a{margin: 0;width: calc(100% - 50px);}
	header.indexHeader .rightDiv .menu>ul>li>a{color: #333;}

	header .rightDiv .menu>ul>li:hover, header .rightDiv .menu>ul>li:focus, header .rightDiv .menu>ul>li.active{background: none;}
	header.indexHeader .rightDiv .menu>ul>li.on>a{color: #fff;}
	header .rightDiv .menu>ul>li:hover>a{color: #333;}
	.menu ul ul{box-shadow: none;}
	header .rightDiv .menu .linkDiv{display: none;}
	header .rightDiv .menu>ul>li.has-sub{padding: 0;}
	header .rightDiv .menu>ul>li>a::before{display: none;}
	header .rightDiv .telDiv{float: left;line-height: 50px;margin-left: 20px;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px;}
	.index-main{margin-top: 0;}
}

/*手机*/
@media (max-width:767px) {
	img{max-width: 100%;height:auto!important;}
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	.ui-homebanner .img{height: 60vw;min-height: initial;}
	.ui-homebanner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
	.ui-homebanner .swiper-pagination-bullet{width: 42px;font-size: 16px;height: 30px;line-height: 25px;}
	.breadcrumbDiv{float: initial;margin: 0 15px;font-size: 14px;line-height: 50px;}	
}


.index-title{text-align: center; background: url(../images/x.png) no-repeat bottom center; padding-bottom:30px; margin-bottom:20px}
.index-title span{font-size:24px; display: block; color:#c29c68; text-transform:uppercase}
.index-title p{display: block; color: #999999; margin:0; font-size:14px; text-transform:uppercase}
.index-title02 span, .index-title02 p{color:#fff;}
@media (max-width:1024px) {
.index-title{margin-bottom:20px;}
}

@media (max-width:480px) {
.index-title span{font-size: 24px;}
.index-title p{font-size: 12px;}
}


/**产品**/
.index_news{margin:60px 0; overflow:hidden}
.pc-slide{width:100%;margin:0 auto; overflow:hidden;}
.pc-slide .preview01 {position:relative; text-align:center; margin-top:20px}
.pc-slide .preview01 .swiper-container-preview { height:40px;overflow:hidden;  display:inline-block}
.pc-slide .preview01 .swiper-slide {height:40px;line-height:40px;text-align:center;cursor:pointer; width:120px; border:1px solid #c29c68; color:#c29c68; margin-right:10px; border-radius: 3px; font-size:14px}
.pc-slide .preview01 .active-nav {padding:0; background-color:#c29c68; border:1px solid #c29c68; color:#fff;}
.pc-slide .preview01 li:nth-child(2){margin-right:0px;}
.pc-slide .view01 .swiper-slide{overflow:hidden;}
.product_box li{ width:24%; float:left; margin:0 0.5% 10px;}
.product_box li .pro{display:block; width:100%; border:1px solid #dfdfdf; }
.product_box li .pro img{width:100%; height:100%;}
@media (max-width:1024px) {
.index_news{margin:40px 0;}
}
@media (max-width:920px) {
.index_news{margin:30px 0;}
}


/**车间**/
.index_pro{overflow:hidden; background:#f5f5f5; padding:60px 0}
@media (max-width:1024px) {
.index_pro{padding:40px 0}
}
@media (max-width:920px) {
.index_pro{padding:30px 0}
}


/**关于**/
.index_about_box{ overflow:hidden}
.index_about_box .index_about_wz_box{ font-size:14px; line-height:30px; color:#666; float:left; width:55%; text-indent:2em; overflow-Y:auto; height:300px}
.index_about_box .index_about_wz_box p{ margin-bottom:0; text-indent:2em}
.index_about_box .video_play{ width:40%; bottom:0; float:right; cursor: pointer;}
@media (max-width:820px) {
.index_about_box .index_about_wz_box{width:100%; margin-bottom:20px;}
.index_about_box .video_play{width:100%;}
}



/**关于**/
.index_con_box{ overflow:hidden}
.index_con_box .index_con_wz_box{ float:left; width:35%; overflow:hidden}
.index_con_box .index_con_wz_box h2{ font-size:28px; color: #c29c68; font-weight:bold}
.index_con_box .index_con_wz_box p{ margin-bottom:0; font-size:14px; line-height:30px; color:#666}
.index_con_box .index_con_wz_box img{ width:30%; margin-top:10px}
.index_con_box .map_box{ width:58%; bottom:0; float:right;}
#container{min-width:100%; min-height:350px; padding:1%}
#container .map_wz{ font-size:16px; color: #e46015; font-family:Verdana, Geneva, sans-serif; font-weight:bold; margin-bottom:1px; display:block}
#container .map_wzz{ font-size:14px; font-family:Verdana, Geneva, sans-serif;}
@media (max-width:820px) {
.index_con_box .index_con_wz_box{width:100%; margin-bottom:20px}
.index_con_box .map_box{width:100%;}
}

/****底部***/
.footerDiv{background:#f5f5f5; overflow:hidden; width:100%; color:#999; font-size:14px; text-align:center; height:35px; line-height:35px}



/**相册**/
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important;
    background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
    background: rgba(0, 0, 0, 0.7); }
.rebox *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 30%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents .rebox-content { border: 5px solid #fff; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0,0,0,0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: rgb(0, 0, 0); opacity:0.4; 
    text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle;
    -webkit-border-radius: 32px; -moz-border-radius: 32px; -ms-border-radius: 32px; border-radius: 32px;
    -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s; }
.rebox a:hover{ color:#f08200}	
.rebox-button:hover,
.rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%;
    -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear;
    -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear;
    -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear;    
    animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear;
}