/* Minification failed. Returning unminified contents.
(154,34): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Poiret+One|Noto+Serif);
@import url(../css/animate.css);  
@import url(../css/jquery.mCustomScrollbar.css);  

/*#container{ height:auto;}*/
.foot_btm{bottom:0px; width:100%; background:#000; color:#fff; position:fixed !important; line-height:50px; z-index:500;}
.allWidth{max-width:1200px; margin:0 auto;}
.breadcrumb{ margin-left:100px; margin-top:100px;position:relative; z-index:2;}
.breadcrumb a{color:#fff; margin-right:10px; transition:all ease 0.4s; text-shadow:0 0 3px #000;}
.breadcrumb a i{margin-left:15px;}
.breadcrumb a:hover{color:rgba(255, 255, 255, 0.7);}

.banner_tit{text-align:center; margin-top:80px; position:relative; z-index:2;}
.banner_tit p:nth-child(1){color:#ffe672; font-size:5em; letter-spacing:15px; text-shadow:1px 1px 0 #000; position:relative;}
.banner_tit p:nth-child(2){margin:15px 0;}
.banner_tit p:nth-child(2):before, .banner_tit p:nth-child(2):after{content:''; height:4px; border-top:1px solid #fff; border-bottom:1px solid #fff; width:230px; display:inline-block; margin:7px 20px;}
.banner_tit p:nth-child(2):before{left:0;}
.banner_tit p:nth-child(2):after{left:50%;}
.banner_tit p:nth-child(3){font-size:1.5em; color:#fff; text-shadow:1px 1px 0 #000; letter-spacing:2px; line-height:45px;}

.button{text-align:center; margin-top:40px;}
.button .back{border:3px solid #b1b1b1; display:inline-block;}
.button .inquiry{border:3px solid #ff9000; background:#ff9000; color:#fff; display:inline-block; margin-right:30px;}
.button .inquiry i{margin-right:10px;}
.button .inquiry.wayra:hover {color:#ff9000; border-color:#ff9000;}

.wayra:focus {outline: none;}
.wayra {background:inherit; color:#808080; border: 3px solid transparent; width:250px; padding:15px 0px; font-size:1.3em; letter-spacing: 2px; vertical-align: middle; position: relative;	z-index: 1; overflow: hidden;
	-webkit-backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: border-color 0.3s, color 0.3s;
	transition: border-color 0.3s, color 0.3s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}
.wayra::before {content: ''; position: absolute; top: 0;	left: 0; z-index: -1;
	width: 150%; height: 100%; background: #ddd;
	-webkit-transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	transform: rotate3d(0, 0, 1, -45deg) translate3d(0, -3em, 0);
	-webkit-transform-origin: 0% 100%;
	transform-origin: 0% 100%;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s, background-color 0.3s;
	transition: transform 0.3s, opacity 0.3s, background-color 0.3s;
}
.wayra:hover {color: inherit; border-color: inherit;}
.wayra.inverted:hover {border-color: inherit;}
.wayra:hover::before {opacity: 1;
	background-color: #fff;
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.about_banner{background:url(../images/about_banner.jpg) no-repeat center top; background-size:cover; height:285px; overflow:hidden;}
.about_1{background:#fff; padding:50px 0px 150px;}
.about_2{background:url(../images/about_bg.jpg) repeat; position: relative; overflow: hidden;}
.ss-style-doublediagonal {z-index: 0; padding-top: 2em;}
.ss-style-doublediagonal::before,
.ss-style-doublediagonal::after {
	position: absolute;
	content: '';
	pointer-events: none;
	top: 0;
	left: -25%;
	z-index: -1;
	width: 150%;
	min-height: 100%;
	background: inherit;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
}
.about_tit{letter-spacing:5px; text-align:center; margin-bottom:50px;}
.about_tit .en{color:#daa642; font-family: 'Poiret One', cursive; text-align:center; font-size:2.5em; text-transform:uppercase;}
.about_tit .en span{display:inline-block; vertical-align:middle;}
.about_tit .en .icon{margin:0 20px;}
.about_tit .zh{color:#000; font-size:3em; margin-top:10px;}

.about_companyImg{width:55%; float:left; overflow:hidden;}
.about_companyImg .gallery{height:500px; width:100%;}
.about_companyImg .gallery img {display: block; height: 100%;}
.about_companyImg .flickity-prev-next-button .arrow {fill: #fff;}
.about_companyImg .flickity-prev-next-button.previous { left: 5px; }
.about_companyImg .flickity-prev-next-button.next { right: 5px; }

.about_companyWord{ padding-left:30px; float:right; width:45%; text-align:justify; line-height:30px;}
.about_companyWord span{color:#996e29; margin-bottom:20px; display:block;}

.about_factory{margin-bottom:70px;}
.about_factory .factory_tit{color:#b88730; font-size:1.3em; letter-spacing:6px; margin-bottom:13px;}
.about_factory .factory_tit i{font-family:1.6em; margin:0 5px;}
.about_factory .factory_describe{font-size:1.1em;}
.about_factory .factory_located{color:#6b6b6b; line-height:32px; margin-top:13px; font-size:1.2em;}
.about_factory.factory1 .col2{width:50%; float:left; margin-bottom:40px;}
.about_factory.factory1 .col2 img{width:100%;}
.about_factory.factory1 .colimg{margin:0 -20px;}
.about_factory.factory1 .col3{padding:0 20px; float:left; height:285px;}
.about_factory.factory1 .col3 img{width:100%; height:100%;}
.about_factory.factory1 .col3:nth-child(1),
.about_factory.factory1 .col3:nth-child(2),
.about_factory.factory1 .col3:nth-child(3){width:33%;}

.about_factory.factory2 .col2{width:50%; height:650px; float:left;}
.about_factory.factory2 .col2:nth-child(1){float:right;padding-left:40px; position:relative;}
.about_factory.factory2 .col2:nth-child(1) img{position:absolute; bottom:0; width:calc(100% - 40px);}

.about_factory.factory3 .col2{float:left;}
.about_factory.factory3 .col2:nth-child(1){width:40%;}
.about_factory.factory3 .col2:nth-child(2){width:60%;}
.about_factory.factory3 .col2:nth-child(2) img{width:100%;}

/*獎項新增180906 YAYU改*/
.award{ display:flex; justify-content:space-between; width:100%; margin-top:20px;}
.award img{ max-width:100%; height:auto;}
.award .award_article{ width:calc(100% / 3 - 10px); margin-bottom:10px; text-align: center; }
.award .award_article .award_text{ text-align:center;margin-top: 10px;}
.award .award_article .award_text h5{ font-weight:bold; color:#996e29;font-size: 1em;}
/*獎項新增180906 YAYU改*/

/*works*/
.works{width:100%; height:100%; background:url(../images/classicalBG.jpg) no-repeat center; background-size:cover; overflow:hidden; position:relative;}
.overlay2 {position:absolute; width: 100%; height: 100%; top: 0; left: 0; z-index:0; background: rgba(0, 0, 0,0.2);}
.works .banner_tit{ margin-top:10%;}
.works .scrollDown{position:absolute; left:0; bottom:0; height:120px; width:100%;}
.work_outter{overflow:hidden;}
.work_list{width:100%; overflow:hidden;}
.work_list > div{float:left; height:700px;}
.work_list .work_img{width:67%; overflow:hidden; background:#000; position:relative;}
.work_list .work_img img{height:100%; min-width:100%; display: block; position: absolute; left: 50%; opacity:1;
	-webkit-transform: translateX(-50%) scale(1);
	-ms-transform: translateX(-50%) scale(1); /* IE 9 */
	transform: translateX(-50%) scale(1);
        -webkit-transition: 300ms ease-out;
      	-moz-transition: 300ms ease-out;
      	-o-transition: 300ms ease-out;
      	transition: 300ms ease-out;
      	-webkit-backface-visibility: hidden}
.work_list .work_summary{width:33%; padding-top:100px; text-align:center;}
.work_list .work_summary .en{ color:#959595; text-transform:uppercase; font-family: 'Noto Serif', serif;}
.work_list .work_summary .title{font-size:5em; letter-spacing:10px;}
.work_list .work_summary .view{border-top:1px solid rgba(0, 0, 0, 0.1); display:inline-block; position:relative; padding:0 20px; color:#cfa85d; letter-spacing:3px; padding-top:10px; margin-top:15px; font-size:1.2em;}
.work_list:nth-child(2n) .work_img{float:right;}
blockquote{position: relative; marign: 0; padding: 30px 50px; text-align: center; font-size: 1.3em; line-height:35px; color:#959595; }
blockquote:before, blockquote:after {position: absolute; width: 30px; height: 30px; font-size: 70px; line-height: 1; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif; }
blockquote:before {top: 0; left: 0; content: "\201C";}
blockquote:after {top: 0; right: 0; content: "\201D";}
.work_list .work_img img, .work_list .work_summary, .work_list .work_summary .en, .work_list .work_summary .view{ transition:all ease 2s;}
.work_list:hover .work_img img{opacity:0.5; -webkit-transform: translateX(-50%) scale(1.1); -ms-transform: translateX(-50%) scale(1.1); transform: translateX(-50%) scale(1.1);
-webkit-filter: contrast(1.2);
       -moz-filter: contrast(1.2));
      	 -o-filter: contrast(1.2);
      	-ms-filter: contrast(1.2);
         	filter: contrast(1.2);}
.work_list .work_summary .view:hover{color:#b98b34;}
.work_list .work_summary .view:before{content:''; display:block;width:0%;border-top:2px solid #cfa85d; position: absolute; top:-1;	left: 0;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	transition: width 0.5s;}
.work_list .work_summary .view:hover:before{width:100%;}
.works.integation{background-image:url(../images/banner2.jpg);}

/*timeline*/
.work_history{ background:url(../images/about_bg.jpg) repeat; position:relative;}
.work_history .open_btn{text-align:center; width:350px; font-size:1.5em; letter-spacing:3px; background:#d4ba51; line-height:50px; color:#fff; position:absolute; left:40%; top:-50px; display:block;	}
.work_history .open_btn i{margin-left:15px;}
.work_history .allWidth{padding:50px 0; display:none;}
.cbp_tmtimeline {padding: 0; position: relative; padding:50px 0;} 
.cbp_tmtimeline:before {content: ''; position: absolute; top: 0; bottom: 0;	width: 9px; background: #d4ba51; left: 20%;	margin-left: -8px;}
.cbp_tmtimeline > li .cbp_tmtime { display: block; width: 25%; padding-right: 100px; position: absolute;}
.cbp_tmtimeline > li .cbp_tmtime span {	display: block;	text-align: right;}
.cbp_tmtimeline > li .cbp_tmtime span:first-child {	font-size: 0.9em; color: #757575;}
.cbp_tmtimeline > li .cbp_tmtime span:last-child {font-size: 2.5em; color: #c3a425; font-family: 'Noto Serif', serif; font-style:italic;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {color: #d4ba51;}
.cbp_tmtimeline > li .cbp_tmlabel {margin: 0 0 50px 25%; background: #c9b66b; padding: 2em; position: relative; border-radius: 5px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {background: #dece8f;}
.cbp_tmtimeline > li td{line-height: 35px; font-weight:bold; font-size: 1.2em; vertical-align:top;}
.cbp_tmtimeline > li .cbp_tmlabel:after {right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #c9b66b; border-width: 10px; top: 10px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {border-right-color: #dece8f;}
.cbp_tmtimeline > li .cbp_tmicon {
	width: 45px;
	height: 45px;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	position: absolute;
	color: #fff;
	background: #b69f42 url(../images/clock.png) no-repeat center center;
	border-radius: 50%;
	box-shadow: 0 0 0 7px #d4ba51;
	text-align: center;
	left: 20%;
	top: 0;
	margin: 0 0 0 -25px;
}

/*work_detail*/
.works_detail{height:300px; background-position:center 35%}
.works_content{ margin-top:40px; margin-bottom:50px;}
.works_tab{margin:40px 0; text-align:center;}
.works_tab a{width:195px; display:inline-block; vertical-align:top; border:3px solid #d8d8d8; text-align:center; color:#000; line-height:50px; margin:3px 0; transition:all ease 0.6s;}
.works_tab a.on{border-color:#d9c588; color:#c19b27;}
.works_tab a:hover{border-color:#d9c588;}
.works_img{padding:0 80px; height:600px; overflow:hidden; margin-bottom:50px;}
.works_img img{height:100%;}
.works_img .flickity-prev-next-button.previous { left: -10px;}
.works_img .flickity-prev-next-button.next { right: -10px;}
.works_title{ font-size:2.5em; margin-bottom:30px; text-align:center;}
.works_content .edit{margin:0 80px; font-size:1.3em; color:#808080; line-height:35px;}

/*product*/
.product_banner{height:560px; width:100%; overflow:hidden; background:url(../images/stoneBg.jpg) no-repeat center top; background-size:cover; position:relative;}
.product_banner.detail2{height:300px;}
.search{background:#f6f6f6; padding:20px; margin:0;}
.search .search_tit{background:url(../images/search_tit_bg.jpg) repeat-x center center; width:100%; text-shadow:2px 2px 0 #fff; letter-spacing:2px; margin-bottom:40px;}
.search .search_tit p{background:#f6f6f6; padding:0 15px; display:inline-block; font-size:2.7em;}
.search .search_tit i{margin-right:8px;}
.search .search_tit span{font-size:50%; float:right; margin:13px 0 0 10px}
.search .table{width:45%; display:inline-block; vertical-align:top; padding-right:20px;}
.search .table .row{margin-bottom:40px;}
.search .table .type_title,
.search .table .type_content{display:inline-block; vertical-align:top;}
.search .table .type_title{font-size:1.4em; width:21%; padding-top:20px;}
.search .table .type_title i{margin-left:15px;}
.search .table .type_content{background:#fff; width:79%; padding:20px 30px;}
.search .table .type_content .col3{width:33.33%;}
.search .table .type_content .col4{width:25%;}
.search .table .type_content .col5{width:20%; margin:15px 0;}
.search .table .type_content .colorbox{border:1px solid #f1f1f1; width:35px; height:35px; display:inline-block;}
.search .table .type_content.one{height:170px;}
.search .table.search_btn{width:10%; padding:0;}
.search .table.search_btn .btn{background:#747474; color:#fff; text-align:center; margin-top:35px; width:100%; padding:15px 0px; border:0; box-shadow:0 -3px 0 rgba(0,0,0,0.4) inset; border-radius:10px; font-size:1.5em; transition:all ease 0.6s;}
.search .table.search_btn .btn i{margin-right:10px;}
.search .table.search_btn .btn:hover{background:#444;}
.black{background:#000;}
.white{background:#fff;}
.brown{background:#86592a;}
.grey{background:#b0b0b0;}
.rice{background:#fffadc;}
.red{background:#ff0000;}
.yellow{background:#fffe00;}
.green{background:#57b718;}
.blue{background:#0084ff;}
.multi{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0000+0,ff6e00+14,ffff00+29,5fff32+43,3236ff+58,451e9a+71,451e9a+85,d82abe+100 */
background: #ff0000; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #ff0000 0%, #ff6e00 14%, #ffff00 29%, #5fff32 43%, #3236ff 58%, #451e9a 71%, #451e9a 85%, #d82abe 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #ff0000 0%,#ff6e00 14%,#ffff00 29%,#5fff32 43%,#3236ff 58%,#451e9a 71%,#451e9a 85%,#d82abe 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #ff0000 0%,#ff6e00 14%,#ffff00 29%,#5fff32 43%,#3236ff 58%,#451e9a 71%,#451e9a 85%,#d82abe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#d82abe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.stone_list{width:100%; display:table; border-collapse: collapse; }
.stone_list .stone_box{display:inline-block; vertical-align:top; width:25%; height:450px; padding:30px; border:1px solid #eee; border-top:0; border-left:0; position:relative; overflow:hidden;}
.stone_list .stone_box .img{width:100%; height:280px; overflow:hidden; position:relative;}
.stone_list .stone_box .img img{height:100%; min-width: 100%; position: absolute; left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%); /* IE 9 */
	transform: translateX(-50%);}
.stone_list .stone_box .stone_summary{text-align:center; margin-top:15px;}
.stone_list .stone_box .stone_type{color:#a6a6a6; font-size:1.2em;}
.stone_list .stone_box .stone_name{color:#dcab11; font-size:2em; margin:5px 0; letter-spacing:3px;}
.stone_list .stone_box .stone_color{color:#000; font-size:1.2em;}
.stone_list .stone_box a{position:absolute; top:0; left:0; width:100%; height:100%; z-index:1; text-indent:-999px;}
.stone_list .stone_box .btn_details{border:3px solid #ffd06a; color:#e7a61a; text-align:center; width:250px; margin:0 auto; padding:10px 0; opacity:0; -webkit-transform:translateY(30px); transform:translateY(30px);}
.stone_list .stone_box img,
.stone_list .stone_box .stone_summary,
.stone_list .stone_box .btn_details{transition:ease 0.6s, opacity 0.4s;}
.stone_list .stone_box:hover img{ -webkit-transform:translateX(-50%) scale(1.05); -ms-transform: translateX(-50%) scale(1.05); transform:translateX(-50%) scale(1.05);}
.stone_list .stone_box:hover .stone_summary{-webkit-transform:translateY(-20px); transform:translateY(-20px); opacity:0;}
.stone_list .stone_box:hover .btn_details{ -webkit-transform:translateY(-70px); transform:translateY(-70px);  opacity:1;}
.relate{margin-top:50px;}
.relate .col5{width:20%; border-top:1px solid #eee; height:370px; padding:25px;}
.relate .col5 .img{height:200px;}
.relate .col5:nth-child(1){background:#d7b03a; color:#fff; text-shadow:2px 1px 0 rgba(0, 0, 0, 0.2)}
.relate .col5:nth-child(2){ float:left;}
.relate .col5 .relate_tit{display:table; width:100%; height:100%;}
.relate .col5 .relate_tit .cell{display:table-cell; vertical-align:middle; text-align:center;}
.relate .col5 .relate_tit .cell p:nth-child(1){text-transform:uppercase;}
.relate .col5 .relate_tit .cell p:nth-child(2){ font-size:3em; letter-spacing:7px;}

/*pager*/
.pager{text-align:center; margin:40px 0;}
.pager a{display:inline-block; background:#d7d7d7; font-size:1.2em; color:#fff; border-radius:7px; text-align:center; width:40px; height:40px; line-height:40px; margin:0 5px; vertical-align:top; transition:all ease 0.3s;}
.pager a:hover{background:#ffc100;}
.pager a.prev,
.pager a.next{width:auto; padding:0 30px;}
.pager a.prev,
.pager a.next,
.pager a.on{background:#dcab11;}
 
/*contact*/
.contact_banner{height:560px; width:100%; overflow:hidden; background:url(../images/contact_banner.jpg) no-repeat center top; background-size:cover;}
.contact_col2{width:50%; height:880px; overflow:hidden; float:left; padding:40px;}
.contact_col2.left{background:#eee;}
.contact_col2.left .map{border:5px solid #fff; margin-bottom:50px; width:100%; height:400px;}
#map_canvas{width:100%; height:100%;}
.contact_col2.left .info p:first-child{font-size:1.4em; line-height:40px; margin-bottom:20px;}
.contact_col2.left .info p:last-child{font-size:1.2em; line-height:35px;}
.contact_col2.left .info p:last-child span{letter-spacing:3px;}
.contact_col2.left .info p:last-child a{color:#0065ef;}
.contact_form_tit{font-size:2.5em;}
.contact_form .form-row2{margin:1em 0;}
.input-float{display:inline-block ; vertical-align:top; max-width: 48%;}
.input-float:last-child{float:right;}
.input-full{max-width: 100%;}
.textarea{height:150px;}
.contact_button{border:3px solid #ff9000; background:#ff9000; color:#fff; margin-right:40px;}
.contact_button.wayra:hover {color: #ff9000; border-color: #ff9000;}
.sercurty{position:absolute; right:15px; top:14px; z-index:100}
.input{position: relative;	z-index: 1;	display: inline-block;	margin:1em 0 0; width: 100%; vertical-align: top;}
.input__field {position: relative; display: block; float: right; padding: 1em; width: 100%; border-radius: 0; background:none; color: #000; border: 3px solid #d1d1d1;
	-webkit-transition: border-color 0.25s;
	transition: border-color 0.25s;
 -webkit-appearance: none;}
.input__field:focus {outline: none;}
.input__label {display: inline-block; float: right;	color: #696969;	font-size: 1.1em; width: 100%; text-align: left; position: absolute; bottom: 100%; overflow: hidden; padding: 0 0.7em;
	pointer-events: none;
	-webkit-transform: translate3d(0, 2.2em, 0);
	transform: translate3d(0, 2.2em, 0);
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s ;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.input__label-content {	position: relative;	display: block; width: 100%; color: #8B8C8B;	padding: 0.05em 0;
	-webkit-transition: -webkit-transform 0.25s;
	transition: transform 0.25s;
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
}
.input__label-content::after {
	content: attr(data-content);
	position: absolute;
	font-weight: 800;
	bottom: 100%;
	left: 0;
	height: 100%;
	width: 100%;
	color: #DB2427;
	padding: 0em 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 0.9em;
}
.input__field:focus + .input__label,
.input--filled .input__label {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.input__field:focus + .input__label .input__label-content,
.input--filled .input__label-content {-webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0);}
.input__field:focus + .input__field,
.input--filled .input__field {border-color: #FFA7A8;}

/* news */
.news_banner{background:url(../images/news_banner.jpg) no-repeat center top; background-size:cover; height:285px; overflow:hidden;}
.news{background: url('../images/about_bg.jpg') repeat center; padding:50px 0 100px 0;}
.news .about_tit{margin-bottom: 0px;}
.news__list{padding:0 15px; margin-bottom: 85px;}
.news__list-item{width: 100%; margin-bottom:30px; padding:20px; border:2px solid #ebebeb; background: #fff; position: relative; cursor: pointer; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.news__list-item:hover{border:2px solid #fff; box-shadow: 0 5px 20px rgba(0,0,0,0.25); -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.news__list-img{width: 175px;}
.news__list-img img{display: block; width: 100%;}
.news__list-info{width:calc(100% - 175px); padding:10px 0 0 30px;}
.news__list-date{font-size: 1em; line-height: 1em; color:#1a1a1a; margin-bottom: 15px;}
.news__list-title{font-size: 1.375em; line-height: 1em; color:#b88730; margin-bottom: 15px; font-weight: bold;}
.news__list-txt{overflow: hidden;}
.news .works_tab a{cursor:pointer;}
.news .works_tab a:hover{border-color: #d9c588; color: #c19b27;}
.coverlink{display:block; width: 100%; height:100%; position: absolute; top:0; left:0;}
.news .pager a{cursor:pointer;}

.news__detail{padding:30px; margin-bottom: 50px; border: 2px solid #d0d0d0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
.news__detail-title{font-size: 2em; color:#b88730; font-weight: bold;}
.news__detail-date{font-size: 1em; line-height: 42px; color:#1a1a1a;}
.news .button{margin-top:60px;}


@media only screen 
and (max-width : 1440px) {
.wayra {width:200px;}
.banner_tit{margin-top:50px;}

/*work*/
.work_list > div{height:630px;}
.work_list .work_img{width:65%;}
.work_list .work_summary{width:35%;}
.work_list .work_summary .title{font-size:4.5em;}
.work_list .work_summary .view{font-size:1em;}
blockquote{font-size: 1.2em;}

/*product*/
.product_banner{height:500px;}
.search .table .type_title{font-size:1.3em; width:25%;}
.search .table .type_content{padding:20px 15px; width:75%;}
.search .table .type_content .colorbox{width:30px; height:30px;}
.stone_list .stone_box{height:400px;}
.stone_list .stone_box .img{height:215px;}
.relate .col5{height:300px; padding:15px;}
.relate .col5 .img{height:160px;}
.relate .col5  .stone_name{font-size:1.6em; margin:0px 0;}
.relate .col5 .relate_tit .cell p:nth-child(2){ font-size:2.5em;}
.relate .col5 .stone_type,
.relate .col5 .stone_color{font-size:1em;}

/*contact*/
.contact_banner{height:500px;}

}

@media only screen 
and (max-width : 1200px) {
.allWidth{ padding:0 20px;}
.wayra {width:180px;}
.breadcrumb{ margin-left:15px;}
.banner_tit{margin-top:40px;}

/*about*/
.about_companyWord{overflow:hidden; height:500px;}
.about_factory.factory2 .col2:nth-child(2){ overflow:hidden;}

/*work*/
.work_list > div{height:500px;}
.work_list .work_img{width:60%;}
.work_list .work_summary{width:40%; padding-top:60px;}
.work_list .work_summary .title{font-size:4em;}
.work_list .work_summary .view{font-size:1em;}
blockquote{font-size: 1.05em;padding: 20px 40px; }
blockquote:before, blockquote:after {width: 10px; height: 10px; font-size: 3.5em; }
.cbp_tmtimeline{padding:50px;}
.cbp_tmtimeline > li .cbp_tmtime { width:20%;}
.works_img{height:500px;}

/*product*/
.search .table .type_title{font-size:1.1em;}
.search .table .type_title i{font-size:80%; margin-left:5px;}
.search .table .type_content .colorbox{width:26px; height:26px;}
.search .table.search_btn .btn{ font-size:1.1em;}
.stone_list .stone_box{width:33.33%;}
.relate .col5{height:270px; padding:10px; width:20% !important;}
.relate .col5 .img{height:150px;}
.relate .col5 .relate_tit .cell p:nth-child(1){ font-size:0.5em;}
.relate .col5 .relate_tit .cell p:nth-child(2){ font-size:2em;}

/*contact*/
.contact_banner{height:450px;}
.contact_col2.left .map{height:350px;}

/* news */
.news__list{padding:0;}

}


@media only screen 
and (max-width : 990px) {
.banner_tit{margin-top:20px;}
.banner_tit p:nth-child(1){font-size:4em; letter-spacing:15px;}
.banner_tit p:nth-child(2):before, .banner_tit p:nth-child(2):after{width:190px;}
.banner_tit p:nth-child(3){font-size:1.3em; line-height:40px;}
.breadcrumb{font-size:0.9em; margin-top:85px;}

/*about*/
.about_companyImg{width:60%; float:left; overflow:hidden;}
.about_companyImg .gallery{height:400px;}
.about_companyWord{width:40%; height:400px;}
.about_factory.factory1 .col2:nth-child(1){width:40%; padding-right:30px;}
.about_factory.factory1 .col2:nth-child(2){width:60%;}
.about_factory.factory1 .col3{height:230px;}
.about_factory.factory2 .col2{ height:550px; float:left;}
.about_factory.factory2 .col2:nth-child(2) img{ height:100%;}

/*work*/
.works{height:470px;}
.works .banner_tit{ margin-top:5%; position:relative; z-index:2;}
.works .scrollDown i{display:none;}
.work_list > div{height:400px;}
.work_list .work_summary{padding-top:40px;}
.work_list .work_summary .title{font-size:3em;}
.work_list .work_summary .view{font-size:1em;}
blockquote{font-size: 0.95em; line-height:25px; padding:20px 30px;}
blockquote:before, blockquote:after {width: 10px; height: 10px; font-size: 3.5em; }
.work_history .open_btn{left:35%;}
.works.works_detail{height:300px; }

/*product*/
.product_banner{height:400px;}
.search .table .type_content .col4{width:50%;}
.search .table .type_content .col5{width:25%; margin:15px 0;}
.search .table .type_content.one{height:auto;}
.search .table .type_content li{margin:5px 0;}
.search .table{width:50%;}
.search .table.search_btn{width:100%; padding:0;}
.search .table.search_btn .btn{margin:0;}
.search .table.search_btn p{display:inline-block;}
.stone_list .stone_box{height:330px;}
.stone_list .stone_box .img{height:175px;}
.stone_list .stone_box .stone_type{font-size:1.1em;}
.stone_list .stone_box .stone_name{font-size:1.6em;}
.stone_list .stone_box .stone_color{font-size:1.1em;}

.relate .col5:nth-child(1){ width:100% !important; background:#f9f9f9; padding:15px 0; height:auto; border-bottom:0; color:#222; text-shadow:none;}
.relate .col5:nth-child(2){ float:none;}
.relate .col5{width:25% !important; height:280px;}
.relate .col5 .img{height:150px;}

/*contact*/
.contact_banner{height:400px;}
.contact_col2{width:100%; height:auto;}
.contact_col2.left .map{height:350px;}

}

@media only screen 
and (max-width : 768px) {
.banner_tit{margin-top:5px;}
.banner_tit p:nth-child(1){font-size:3em;}
.banner_tit p:nth-child(2){margin:8px 0;}
.banner_tit p:nth-child(2):before, .banner_tit p:nth-child(2):after{width:160px;}
.banner_tit p:nth-child(3){font-size:1.1em; line-height:30px;}

/*about*/
.about_1{padding-bottom: 80px;}
.about_banner{height:200px;}
.about_tit .en{font-size:1.8em;}
.about_tit .en .icon{margin:0 15px;}
.about_tit .zh{font-size:2em;}
.about_factory .factory_tit{font-size:1.3em; }
.about_factory .factory_describe{font-size:1em;}
.about_factory .factory_located{line-height:28px;font-size:1em;}
.about_factory.factory1 .col2:nth-child(1){width:100%; padding-right:0px;}
.about_factory.factory1 .col2:nth-child(2){width:100%; margin-bottom:20px;}
.about_factory.factory1 .colimg{margin:0 -10px;}
.about_factory.factory1 .col3{padding:0 10px;height:auto}
.about_factory.factory2 .col2{height:450px; float:left;}
.about_factory img{height:inherit !important;}

/*work*/
.works{height:400px;}
.works .banner_tit{ margin-top:4%; position:relative; z-index:2;}
.work_list .work_img img{opacity:1;}

.work_list .work_summary .en{font-size:0.85em;}
.work_list .work_summary .title{font-size:2.8em;}
.work_list .work_summary .view{ margin-top:10px; font-size:0.9em;}

.cbp_tmtimeline{padding:0 30px;}
.cbp_tmtimeline:before {display: none;}
.cbp_tmtimeline > li .cbp_tmtime {width: 100%; position: relative; padding: 0 0 20px 0;}
.cbp_tmtimeline > li .cbp_tmtime span {text-align: left;}
.cbp_tmtimeline > li .cbp_tmlabel {margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%;}
.cbp_tmtimeline > li .cbp_tmlabel:after {right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #c9b66b; top: -20px;}
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {border-right-color: transparent; border-bottom-color: #dece8f;}
.cbp_tmtimeline > li .cbp_tmicon { display:none;}	
.cbp_tmtimeline > li td{font-size:1em;}
.work_history .open_btn{left:30%;}
.works.works_detail{height:200px; }
.works_img{height:400px;}

/*product*/
.product_banner{height:330px;}
.search .table{padding:0;}
.search .table .type_content .col4{width:25%;}
.search .table .type_content .col5{width:20%;}
.search .table{width:100%;}
.search .table.search_btn .btn{margin-top:30px;}
.search .search_tit p{font-size:2em;}
.stone_list .stone_box{height:360px; width:50%;}
.stone_list .stone_box .img{height:200px;}
.hidden{display:none;}
.relate .col5{width:50% !important; height:360px; padding:20px;}
.relate .col5 .img{height:220px;}
.relate .col5 .relate_tit .cell p:nth-child(1){ font-size:0.7em; font-weight:normal;}

/*contact*/
.contact_banner{height:320px;}
.contact_col2.left .map{height:260px; margin-bottom:30px;}
.contact_col2.left .info p:first-child{font-size:1.2em; margin-bottom:10px;}
.contact_col2.left .info p:last-child{font-size:1.05em;}

/* news */
.news_banner{height:200px;}
.news__detail{padding:25px;}

}

@media only screen 
and (max-width : 640px) {
.wayra {width:160px;}
.banner_tit p:nth-child(2){ display:none;}

/*about*/
.about_1{padding:30px 0px 80px;}
.about_companyImg{width:100%; float:left; overflow:hidden; margin-bottom:20px;}
.about_companyImg .gallery{height:300px;}
.about_companyWord{width:100%; height:auto; padding:0;}

.about_factory.factory2 .col2{width:100%; height:auto;}
.about_factory.factory2 .col2:nth-child(1){position:static; padding:0; margin-bottom:20px;}
.about_factory.factory2 .col2:nth-child(1) img{position:static; width:50%; float:right; margin-top:40px; margin-left:20px;}
.about_factory.factory2 .col2:nth-child(2){height:300px;}
.about_factory.factory2 .col2:nth-child(2) img{width:100%; height:auto;}

.about_factory.factory3 .col2{float:left; width:100% !important;}
.about_factory.factory3 .col2:nth-child(2) img{width:100%; margin-top:20px;}

/*work*/
.works{height:330px;}
.works .banner_tit{ margin-top:5%;}
.work_list > div{height:330px;}
.work_list .work_summary{padding-top:30px;}
.work_list .work_summary .en{font-size:0.75em;}
.work_list .work_summary .title{font-size:2.5em; letter-spacing:3px;}
.work_list .work_summary .view{padding:0 10px; padding-top:10px; margin-top:10px; font-size:0.9em;}
blockquote{font-size: 0.9em; line-height:20px; margin:10px 15px;}
.work_history .open_btn{left:26%; width:50%;}
.work_list > div{height:auto;}
.work_list .work_img{width:100%; height:300px;}
.work_list .work_summary{width:100%;}
.works_tab a{width:32%;}
.works_img{padding:0px; margin-bottom:20px;}
.works_img .flickity-prev-next-button.previous { left: 0px;}
.works_img .flickity-prev-next-button.next { right: 0px;}
.works_content .edit{margin:0 0px; font-size:1em; line-height:inherit;}

/*product*/
.stone_list .stone_box{height:300px; padding:20px;}
.stone_list .stone_box .img{height:170px;}
.stone_list .stone_box .stone_type{font-size:1em;}
.stone_list .stone_box .stone_name{font-size:1.5em; margin:0;}
.stone_list .stone_box .stone_color{font-size:1em;}
.search .table .type_content .col5{margin:8px 0;}

/* news */
.news{padding:30px 0 80px 0;}
.news__list-img{width: 135px;}
.news__list-info{width: calc(100% - 135px); padding:5px 0 0 20px;}
.news__list-date{margin-bottom: 10px;}
.news__list-title{margin-bottom: 10px;}
.news .works_tab{margin:30px 0;}

.news__detail{margin-bottom: 30px;}
.news__detail-title{font-size: 1.75em;}
.news__detail-date{line-height: 37px;}
.news .button{margin-top:40px;}

}

@media only screen 
and (max-width : 480px) {
.wayra {width:135px; padding:15px 0px;}
.banner_tit{ display:none;}

/*about*/
.about_banner{height:150px;}
.about_tit{margin-bottom:20px;}
.about_tit .en{font-size:1.4em;}
.about_tit .zh{font-size:1.7em; letter-spacing:0;}
.about_companyImg .gallery{height:200px;}
.about_companyImg .flickity-prev-next-button {width: 70px; height: 70px;}

.about_factory{margin-bottom:50px;}
.about_factory.factory1 .col2{margin-bottom:10px !important;}
.about_factory.factory1 .colimg{margin:0 -5px;}
.about_factory.factory1 .col3{padding:0 5px;}

/*獎項新增180906 YAYU改*/
.award{ flex-wrap:wrap;}
.award .award_article{ width:calc(100% / 2 - 10px);}
.award .award_article .award_text {margin-top: 5px;}

/*work*/
.works{height:100%;}
.works .banner_tit{ display:block; margin-top:25%;}
.works .banner_tit p:nth-child(1){font-size:3em;}
.works .banner_tit p:nth-child(2):before, .banner_tit p:nth-child(2):after{width:100px;}
.works .banner_tit p:nth-child(3){font-size:1em;}
.works .scrollDown{ height:100px; display:none;}
.works .overlay2 {background: rgba(0, 0, 0,0.5);}
.work_list > div{height:auto;}
.work_list .work_img{width:100%; height:200px;}
.work_list .work_summary{width:100%;}
.work_list .work_summary .title{font-size:2.5em; letter-spacing:5px;}
.work_list .work_summary .view{font-size:0.9em; margin-top:5px; letter-spacing:3px;}
.cbp_tmtimeline{padding:0 20px;}
.cbp_tmtimeline > li td{font-size:0.95em; font-weight:normal; line-height:25px; padding:0 10px;}
.work_history .open_btn{left:24%; width:56%; font-size:1.3em;}
.works_tab a{width:49%;}
.works_img{height:300px;}
.works_img img{width:100%;}

/*product*/
.product_banner{height:150px;}
.search .search_tit{margin-bottom:10px;}
.search .search_tit p{font-size:1.5em; padding-left:0;}
.search .search_tit span{margin-top:5px;}
.search .table .type_title,
.search .table .type_content{ width:100%; padding:15px;}
.search .table .type_title{margin-bottom:20px; font-size:1em; margin-bottom:5px; padding:0; padding-top:10px;}
.search .table .row{margin-bottom:10px;}
.search .table .type_content .col4{width:50%;}
.search .table .type_content .col5{width:25%; margin:6px 0;}
.stone_list .stone_box{height:270px; padding:15px;}
.stone_list .stone_box .img{height:150px}
.button .inquiry{margin-right:0px;}


/*contact*/
.contact_banner{height:150px;}
.contact_col2.left .map{height:250px;}
.contact_col2.left .info p:first-child{font-size:1.05em; line-height:30px;}
.contact_col2.left .info p:last-child{font-size:0.95em; line-height:30px;}
.contact_col2{padding:20px;}
.input-float{max-width: 100%; margin-bottom:10px;}
.input-float:last-child{float:none;}
.contact_form .form-row2{margin:0em 0;}
.contact_button{margin-right:0px;}

/* news */
.news_banner{height:150px;}
.news__list{margin-bottom: 60px;}
.news__list-item{text-align: center; margin-bottom: 20px;}
.news__list-img{width: 280px; margin:0 auto;}
.news__list-info{width: 100%; padding:25px 0;}
.news__list-title{margin-bottom: 15px;}
.news .works_tab{margin:25px 0;}
.news .pager{margin:20px 0;}

.news__detail{padding:15px;}
.news__detail-title{font-size:1.5em;}
.news__detail-date{line-height: 32px;}

}

@media only screen 
and (max-width : 380px) {
.stone_list .stone_box{height:220px; padding:15px;}
.stone_list .stone_box .img{height:100px;}

.news__detail-title{width: 100%;}
}