@charset "utf-8";
/* CSS Document */

img{border: none;}
img:hover{opacity: 0.8;}
.item img{ margin:0px auto;}
.w_xt li a{padding: 5px 10px;color: #666; font-size: 16px;display: inline-block; margin:5px 0; }
.w_xt li{display: inline-block; margin: 0 20px;}
.w_xt{text-align: center; margin-bottom: 20px;}
.current{background-color: #000; color: #fff !important;font-weight: bold;}
.w_xt li a:hover{background-color: #000; color: #fff !important;text-decoration: none;font-weight: bold;}
.product_1{position: relative;}
.product_1 span a{background-color: #000;}
.product_1 span{position: absolute;width: 100%;z-index: 100;bottom:10px;opacity: 0.7;}
.pagination1{position: relative !important;text-align: center;width: auto !important; margin: 10px 0;}
.pagination>.active>a{background-color: #000000;border-color: #000000;}
.pagination{border-radius: 0;}
.pagination>li:first-child>a{border-radius: 0;}
.pagination>li>a{color: #000000;}
.pagination>li:last-child>a{border-radius: 0;}
.pagination>a:hover{background-color: #000000;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: #000000; border-color:#000000;}
.pagination>li>a:hover{background-color: #000000;border-color:#000000;color: #fff;}
.designer{margin-top: 15px;}
.product_1 span{display: none;}
.product3:hover span{display: block;}
/*产品展示*/
.bit h5{color: #666666;font-size: 30px; margin-bottom: 22px;font-family: arial;}
.bit h5 span{color:#c7a065 ;padding-left:10px;font-size: 16px;    position: relative;
    top: -5px; border-left: 1px solid #eeeeee;margin-left:15px;font-family: "微软雅黑";}
.bit a{font-size: 16px; margin-right:6px;color: #666666;padding: 2px 14px;margin:5px 0 ;display: inline-block;}
.w_select {background-color: #c7a065;color: #fff !important; padding: 2px 9px;}
.bit a:hover{background-color: #c7a065;color: #fff !important; padding: 2px 14px;text-decoration: none;}
.selectbox{padding:25px 0 30px 0; border-top: 1px solid #dcdcdc;}
.pro a{ text-decoration: none;}
.w_lelt{color: #333333 !important;float: left; font-size: 16px; line-height: 30px;}
.w_right{float: right;background-color:#C7A065 ; padding:0px 10px;line-height: 30px;color: #fff !important;}
.w_right i{padding-left: 5px;color: #fff;}
.panel-default>.panel-heading{background-color: transparent;}
.breadcrumb a{color: #c7a065;}
.w_pro{margin-bottom: 0px;}
.w_lelt:hover{color: #C7A065 !important;}
.w_right:hover{background-color: #333333;}
.box{float: left;}
.pop{float: right;max-width: 240px;}
.pop input{border-radius: 0;height: 30px;}
.btn1{padding: 4px 10px; border-radius: 0;}
.search{top: 4px;}
.repeat a{color: #808080;}
#cl{margin-top: 30px;}
.repeat{float: right; margin-left: 33px;margin-top: 12px;}
.box label{color: #C7A065; font-weight: normal; padding-right: 10px;font-size: 16px;}
.btn1{letter-spacing: 3px;font-weight: bold;}
.box a{background-color: #c7a065;color: #fff !important; padding: 2px 9px;text-decoration: none;display:inline; margin: 10px 5px;}
.box i{font-style: normal; margin: 0 3px;}
/*关于我们*/
.w_about{line-height: 38px;}
.w_about li a{padding: 0px 20px;}
.w_about{padding-bottom: 20px；}
/*新闻*/
.dea{margin-bottom: 25px !important;}
.w_newsbox{margin-top: 35px; margin-bottom: 25px;}
.newsbox{margin-bottom: 40px;}
.newsbox img{margin: 0 auto;width:100%;}
.w_newsbox1{margin-right: 30px; float: left;}
.news a{line-height: 36px; border: 1px solid #666666;padding: 10px 20px;}
.more a{color: #666666;}
.more a:hover{background-color: #000000;color: #fff; text-decoration: none;}
.more{margin-top: 30px;}
.newsbox h5 span{float: right;line-height: 36px;}
.newsbox h5{margin-bottom: 20px;}
.newsbox h5 a{color: #333333; font-size: 18px; font-weight: bold; padding: 0; border: none;}
.newsbox h5 a:hover{color: #C0A16B; text-decoration: none;}
.newsbox p{line-height: 24px; color: #666666;}
/*电子杂志*/
.magazine{text-align:center; padding: 40px 0 60px 0;}
.magazine img{margin: 0 auto; margin-bottom: 5px;}
.magazine a{color: #666666; line-height:40px}
.mbxbox{text-align: right;color: #c7a065;}
.breadcrumb {
    padding: 0px;
    margin-bottom: 0px;
    list-style: none;
    background: none;
	float:right;
    border-radius: 4px;
}
    	.main{margin-top:15px;}
		.showimgdiv { position:relative;}
		.showimgdiv img{ width:100%;}
		.showimgdiv ul,.showimgdiv li{ margin:0px; padding:0px;}
		.showimgdiv ul{ width:100%; overflow:hidden;}
		.showimgdiv li{ width:100%;}
		.imgprev,.imgnext{ width:90px; height:97px; position:absolute; opacity: 0.3;  z-index:999; display:block;cursor:pointer;}
		.imgprev:hover,.imgnext:hover{ opacity: 0.5;}
		.imgprev{left:0px; background:url(../images/showimg_1.png) no-repeat; background-position:10px center;}
		.imgprev span{  width:80px; height:84px; background:url(../images/showimg_1.png) no-repeat; background-position:10px 50%; }
		.imgnext span{  width:80px; height:84px; background:url(../images/showimg_1.png) right top no-repeat; background-position:120px 50%;}
		.imgnext{right:0px; background:url(../images/showimg_1.png) -90px center no-repeat ; background-position:-120px center;}
.mbxbox a,.breadcrumb li a{color: #c7a065;}
.mbx{border-top: 1px solid #dcdcdc; padding-top: 18px;}
.clear{ clear: both; height: 0; padding: 0; margin: 0px; overflow: hidden; }
/*新闻内页*/
.x_new{ display:block; width:367px; height:224px; overflow:hidden; float:left; text-align:center; vertical-align:middle;}
.details{text-align: center; padding: 10px 0 60px 0;}
.bt h5{color: #000000; font-size: 20px; font-weight: bold;}
.bt p{color: #999999;}
.bt{margin-bottom: 25px;padding: 0 15px;}
.details img{max-width: 100%;padding: 0 15px;}
.details img{margin-bottom: 20px;}
.news_content p{text-align: left;letter-spacing: 1px; line-height: 24px; color: #666666;}
.news_content h5{text-align: left;font-size: inherit; color: #666666; font-weight: 400;}
.next1{text-align: left; margin-top: 20px; float:left;line-height: 30px; color: #333333;font-size: 14px;}
.news_content iframe{ display:block;margin-left:auto;margin-right:auto;}
.next1 a{color: #666666;}
.bdsharebuttonbox{float: right; margin-top: 7px;}
/*杂志内页*/
.w_content{text-align: center; padding: 20px 0 0px 0;}
.w_content p{margin-bottom: 5px;font-size:16px;color: #666666;}
.bot{padding:25px 50px;}
.destroy{margin-top: 37px;}
.bt p a{color: #999999;}
.coco{margin-bottom:30px}
.line{height: 1px; background-color: #dcdcdc;}
.magazine .col-md-4 a{padding-bottom: 30px;}
/*产品内页*/
.product_tpl h4{font-size: 22px; font-weight: bold; letter-spacing: 1px;color: #333333;}
.product_tpl p{font-size: 16px; letter-spacing: 2px; color: #999999; line-height: 28px;}
.price{margin-top: 20px; float: left;}
.price em{color: #666;font-style: normal;}
.price p{color: #999999; font-size: 16px; line-height: 24px;margin-bottom: 10px;}
.price p i{font-style: normal; padding-left: 5px;font-weight: bold; color: #000; font-size: 18px;}
.price p span{padding-left: 23px;color: #333333;}
.price label{font-weight: normal;text-decoration:line-through}
.weixin{float: right; padding-right: 60px; margin-top:20px ;}
.smwx{color: #c7a065 !important; font-weight: bold;}
.jssp{padding-top: 20px;color: #999999;border-top: 1px solid #f5f5f5;margin-top: 20px;}
.jssp a{display: inline-block; margin-top: 20px;font-size: 16px;}
.jssp a:hover{color: #fff;background-color: #C7A065; text-decoration: none;}
.one{padding: 10px 30px; background-color: #C7A065;color: #fff;font-size: 16px;border: 1px solid #C7A065;}
.two{padding: 10px 20px;border: 1px solid #C7A065; color: #C7A065; margin-left: 10px;}
.one span,.two span{padding-right: 10px;}
.icon{float: left;display:inline-flex;padding-top: 15px; margin-top: 25px;border-top: 1px solid #F5F5F5;border-bottom: 1px solid #F5F5F5; padding-bottom: 20px;}
#myTabContent{border: 1px solid #e4e4e4; margin-top: 10px; padding: 10px; padding-bottom: 15px;text-align: center;}
.bdshare-button-style2-32{margin-top: 20px;}
.icon span{display: inline-block; margin-top: 19px; padding-left: 10px;}
.s1{margin-right: 15px;padding-right: 15px; border-right: 0px dotted #cbcbcb;display: inline-block;}
.s1 img{float: left;}
.product_tpl{border-bottom: 1px solid #F5F5F5; padding-bottom: 20px;}
.panel-title a{font-size: 14px;line-height: 24px;color: #333333;}
.buy{width: 50% !important; margin: 0 auto;background-color: #fff;position: fixed; top:20%;left: 25%;box-shadow: 0px 0px 5px #000; padding: 30px 0 40px;}
.buy img{margin:0px 20px 20px 20px;}
#colse{margin: 0;}
.buy h4{text-align: left;color: #C7A065; font-weight: bold; margin: 20px 0;}
.oto p{text-align: left; color: #676767; font-size: 14px;margin-bottom:15px;}
.oto{padding: 0 15%;
}
.nav-tabs{border-top: 2px solid #333333;}
.bjys{background: #eeeeee;padding: 10px;top: -10px;position: relative;}
.buy .form-control{border-radius: 0; margin-bottom: 0px;margin-top:0px;}
.buy .input-group{width: 89%; margin: 0 auto;margin-bottom:20px;}
.buy .input-group-addon{padding-left: 0;}
.buy .input-group-addon span{ color:#F00;}
.buybox input{background: #CCC none repeat scroll 0% 0%; border: none; padding: 5px 15px;}
.buybox input:hover{ background: #c7a065;color:#fff;}
.buybox {margin-top: 25px;}
.buy span{background-color: transparent !important; border: none;}

.panel-title a:hover{color: #C7A065;text-decoration: none;}
.panel-body a:hover{color: #C7A065; text-decoration: none;}

.panel-heading{padding:5px 15px ;}
.panel-body a{color:#999999;font-size: 14px;display: inline-block; padding-right: 20px;line-height: 24px;}
.panel-group .panel+.panel{margin-top: 0;}
.panel-default>.panel-heading{border: none;}
.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body{border: none;padding: 0 15px; padding-bottom: 5px;}
.panel-default{border: none;border-bottom: 1px solid #CCCCCC;}
.cpfl{background-color: #333333;color: #fff;font-size: 14px; line-height: 36px;padding-left: 10px;margin: 0;font-weight: bold;}
.panel-group{margin-bottom: 0px;}
.list{text-align: center;margin-top: 5px;}
.list img{margin: 0 auto; }
.list a{font-size: 12px;color: #666666; line-height: 32px;}
.list a:hover{color: #C7A065;}
.cpxq {margin-bottom: 40px; margin-top: 40px;}
#myTabs{background-color: #d8d8d8;}
.navs>li>a{    position: relative;
    display: block;
    padding: 8px;}
   .form-control{font-size: 14px;}
    #myTabs{margin-left: 0px !important;}
    .nav-tabs>li>a{border-radius: 0;color: #333333; margin-right: 0;border: none;    font-size: 15px;}
    .nav-tabs>li{border-right: 1px solid #333333; padding: 0;}
    #myTabs li{text-align: center;}
 .nav-tabs>li>a:hover{background-color: #333333; color: #fff; text-decoration: none;}
 .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{background-color: #333333; color: #FFF;border: none;}
 .rightnews,.hynews,.ztnews,.hynews{margin-top: 15px;}
 .rightnews img,.rightnews img,.hynews img,.ztnews img{margin-bottom: 25px;display: block; max-width: 100%; height: auto; }
 .list img:hover{transform: scale(1.2); overflow: hidden;transition: all 1.5s ease-in-out 0s; opacity: 0.5; background-color: #000000;}
 .panel-title a span{font-weight: bold; font-size: 20px;}
.list a{overflow: hidden;display:flex;}
.culmn{border: 1px solid #e4e4e4; margin-bottom: 10px; border-bottom: none;}
.panel-group .panel{border-radius: 0;}
.tjcp{border: 1px solid #e4e4e4;}
.list p a{display: block;}
.tjbox{margin-top: 10px; margin-bottom: 30px;}
.tj li {margin-bottom: 15px; text-align: left;}
.tj li div{ border-bottom: 1px dashed #eeeeee; padding-bottom: 10px;}
.tj li a{line-height: 24px; color: #333333;padding-left: 10px; font-size: 14px; }
.tjbox h4 a{float: right; font-size: 12px; color: #333333;}
.tjbox1 span a{font-family: "微软雅黑"; text-decoration: none;}
.tjbox1 span a:hover{color: #c7a065;}
.tjbox h4{ margin-bottom: 15px;font-size: 16px; font-weight: bold; color:#333333;border-bottom: 1px solid #F5F5F5; padding-bottom: 20px;}
.fyl{border-top:1px solid #F5F5F5 ;border-bottom:1px solid #F5F5F5 ; padding-bottom: 20px; margin: 0 15px;}
.details{padding-bottom: 10px;}
.dropdown-toggle:hover .navbar-nav > li > .dropdown-menu{transform: 5.3s;}
#colse{position: absolute; right: 5%; top: 8%;}
body{overflow-x: hidden;}
.photobox .col-md-4{margin-bottom: 10px;}

	.showimgdiv img::selection{
		background:none; color:none;
	}
	.showimgdiv img::-moz-selection{
		background:none; color:none;
	}
	.modal-dialog {
	  width: 100%;
	  margin: 30px auto;
	}
	.showimgdiv img {
		cursor:pointer;
	}
.buy{display: none;}


		/* 本例子css */
		.picFocus{ margin:0 auto; padding:5px;  position:relative;  overflow:hidden;  zoom:1;   }
		.picFocus .hd{ width:100%; padding-top:15px;  overflow:hidden; }
		.picFocus .hd ul{ overflow:hidden; zoom:1; }
		.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;padding: 0 7px;  }
		.picFocus .hd ul li img{border:1px solid #ddd; cursor:pointer; margin-right:5px;   padding: 5px;}
		.picFocus .hd ul li.on{ background:url("../images/icoup.gif") no-repeat center 0; }

		ul.row{margin: 0;}
		.picFocus .bd{ border:1px solid #ccc; padding: 10px;}
		.picFocus .hd ul li.on img{ border-color:#C7A065;  }
		.picFocus .bd li{ vertical-align:middle; }
		.picFocus .bd img{ display:block;margin: 0 auto; }
.hd .col-md-3{padding: 0 10px;}

.product2.container{padding-left:0px; padding-right:0px;}
.product2 .list_k { text-align:left; margin:10px 7.5px; float: left;}
.product2 .list_k .tupian{ text-align:center;}
.product2 .list_k .tupian img { max-width:100%; }

.designer span a{    position: absolute;
    width: 100%;
    z-index: 100;
    bottom: 0px;
    opacity: 0.7;
    text-align: center;
}
.w_sear{position: absolute;}
.designer img{margin-bottom: 10px;}
.product2 .list_k a{color:#fff; line-height:30px;}
.designer{margin-bottom: 20px;}
.size-1of4 {
    width: 25%;
}
.size-1of3 {
    width: 33.333%;
}
.size-1of2 {
    width: 50%;
}
.size-1of1 {
    width: 100%;
}
h5.case{
	font-size:20px !important;
	font-weight:bold  !important;
	color:#000 !important;
	}
@media screen and (max-width: 450px) {
	.column {float: left;}
    #grid[data-columns]::before {
        content: '1 .column';
    }
	    #grid1[data-columns]::before {
        content: '1 .column';
    }
    .two{margin-left: 0;}
        .mbxbox{font-size: 12px;}
        .breadcrumb>li+li:before{padding: 0 4px;}
        .breadcrumb li a{font-size:12px ;}
        .breadcrumb{margin-top: -2px;}
}

@media screen and (min-width: 451px) and (max-width: 700px) {
	.column {float: left;}
    #grid[data-columns]::before {
        content: '2 .column.size-1of2';
    }
	    #grid1[data-columns]::before {
        content: '2 .column.size-1of2';
    }
}

@media screen and (min-width: 701px) and (max-width: 850px) {
	.column {float: left;}
    #grid[data-columns]::before {
        content: '3 .column.size-1of3';
    }
	    #grid1[data-columns]::before {
        content: '3 .column.size-1of3';
    }
    .w_sear {
    position: absolute;
    top: 37px;
    right: 26px;
}
}

@media screen and (min-width: 851px) {
	.column {float: left;}
    #grid[data-columns]::before {
        content: '3 .column.size-1of3';
		
    }
	    #grid1[data-columns]::before {
        content: '4 .column.size-1of4';
		
    }
}
@media only screen and (min-width:1200px ) {
	.left_culmn{width: 250px;}
	.right_culmn{width: 1200px;}	
}
@media only screen and (max-width:1200px) {
	.navs>li>a{padding: 8px 60px;}
	.x_soso{margin-top: 10px}
	.rotaion_list img{width: 100%;}
}
@media only screen and (max-width:767px) {
	.navs>li>a{padding: 8px 40px;}
	.nav-tabs>li{border-right:none !important;}
	.nav-tabs>li{border-right:none !important; padding: 0;}
	.x_xw{padding-left: 0 !important;}
	.w_sear{position: absolute;top:0px;width: 200px;right: 20px;}
	.logo{text-align: center;}
	.news h5 span{display: none;}
	.csAction{display: none;}
	.navbar{margin-left: 0 !important;}
	.dropdown-menu{display: none;}
	.header{padding-top: 15px !important;}
	.x_new{width: inherit;}
	.w_newsbox1 {
    margin-right: 15px;
    float: none;
}
}
	@media (max-width:767px) {
		
			.turnpage>div{
				float:none !important;
				display:block !important;
				width:100% !important;
				}
				.w_about li a{padding: 0px 15px;}
					.weixin{float: left;}
					.next1{float: none;}
					.bdsharebuttonbox{float: none;}
					.bt h5{font-size: 16px; line-height: 24px;}
					
		}
	
.x_cz{
	padding-bottom:15px;
	font-size:16px;
	border-bottom:1px dashed #999;
	color:#333;
}
#to_cg,#country{
	height:35px;
	width:130px;
	padding-left:20px;
	margin-right:15px;
}
.x_sosuo{
	text-align:center;
	display:inline-block;
	width:88px;
	height:35px;
	line-height:35px;
	color:#fff;
	background:#c7a065;
}
@media only screen and (min-width: 992px) and (max-width: 1270px) {
	.left_culmn{width: 21%;}
	.right_culmn{width: 79%;}
	
}
.x_jm{
	display: block;
    background-color: #c7a065;
    text-align: center;
    margin: 0px auto 10px;
    padding: 10px 0px;
	color:#fff;
}
.x_jm:hover{
	color:#fff;
	opacity: 1;
}
@media (min-width:991px){
	.x_xxx,.x_jm{
		display:none;
}
}

@media (max-width:480px){
.product a,.x_xt li a,h5.case{
font-size:14px !important;
}
.product p,.x_zj p,.price p,.jssp a,.icon span{
font-size:12px !important;
}
.product_title h1,.product_tpl h4{
font-size:16px !important;
}
.x_zj h1{
font-size:14px !important;
}
.details{
	padding:0px 0px;}
.newsbox h5 a{
	font-size:14px;
	}
.newsbox h5{
	margin-bottom:0px;
	}	
.more{
	margin-top:15px;
	}		
.x_new{
	height:auto;
	}
.oto{
	padding: 0 5%;
	}	
}