/* 格展网络（91084.com）做专业的网站模板、网站建设平台 */
/*修改颜色*/
body {
	color: #333
}
a, a:hover {
	color: #333
}
.aside li>p, .aside>li>div, #footer .top {
	background-color: #331C0A;
}  /*pc右边快速按钮底部颜色*/
.aside>li>div, .aside>li>div a {
	color: #fff;
}  /*pc右边快速按钮字体颜色*/
.aside>li .qq_online .qq_online_title {
	color: #FBCA33;
}/*pc右边快速按钮“在线客服”title字体颜色*/
.menu_box {
	background-color: #000;
}
.wap_menu {
	background-color: #331C0A;
}/*wap左边滑出导航*/
.wap_footer, .wap_search_input {
	background: #331C0A url(../img/phone-footer.png) no-repeat;
}/*wap底部颜色*/
.wap_footer dd, .wap_menu li a, .wap_menu li.menu_tit {
	color: #fff;
}/*wap左边滑出导航和wap底部颜色的字体颜色*/
.form-horizontal label {
	color: #333
}/*留言板*/
/*pc导航*/
#header {
}
.menu {
}
.menu a {
	color: #746256
}
ul.menu>li {
	height: 55px;
	line-height: 55px;
	width: 14%;
	float: left
}
.menu_icon {
	position: absolute;
	top: 15%;
	right: 3%;
	width: 8%
}
/*pc下拉导航*/
.menu_2 {
	display: none;
	position: absolute;
	z-index: 10000;
	text-align: center;
	margin: 0 10%;
}
.menu_2 li {
	line-height: 35px;
	height: 35px;
	margin-top: 10px;
	font-size: 13px;
}
.menu_2 li a {
	color: #3E3E42;
	display: block;
	background-color: #EBF8FC;
	border-radius: 6px;
}
.menu_2 li:hover a {
	background-color: #925B36;
	color: #fff;
}
/*主体部分*/
@media(max-width:640px) {
#content {
	margin: 0px auto
}
}
.product_detail .owl-theme .owl-controls {
	bottom: 20px;
}
.in-pro {
	margin-top: 30px;
}
/*底部*/
#footer {
	padding: 20px 0;
	text-align: center;
	color: #fff;
	background: #331C0A url(../img/footer.png) no-repeat;
	position: relative;
}
#footer a {
	color: #CEAD84;
}
.article {
	padding: 15px 0
}
/*pc侧边栏分类样式*/
.container .inside>h2 {
	background: #5C3E27 url(../img/line3.png) no-repeat;
	background-size: 100% 100%;
	height: 120px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	overflow: hidden;
}
.container .inside>h2 span {
	display: block;
	margin: 40px 0 5px 0;
}
.container .inside>h2 p {
	font-size: 13px;
	color: #C5BEB5;
}
.container .inside {
	padding-right: 0
}
.container .inside ul.sidemenu {
	background-color: #fff;
}
/*一级的样式*/
.container .inside ul.sidemenu>li.sub1 {
}
.container .inside ul.sidemenu>li.sub1>a.sub1_a {
	display: block;
	box-sizing: content-box;
	height: 24px;
	font-size: 18px;
	font-weight: bold;
	color: #111;
	padding: 15px 11% 15px 10px;
	line-height: 150%;
	border-bottom: solid 1px #ddd;
	text-align: center;
	position: relative;
}
.right-icon {
	position: absolute;
	top: 25%;
	right: 6%;
}
.container .inside ul.sidemenu>li.current>a.sub1_a {
	color: #f00
}
/*二级的样式*/
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a {
	display: block;
	margin-top: 5px;
	text-align: center;
	padding: 5px 10px;
	color: #333
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a span {
	padding-left: 15px;
	position: relative;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a span::before {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	background: url(../img/yq.png) no-repeat;
	position: absolute;
	left: 0;
	top: 6px;
}
/*三级的样式*/
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a {
	display: block;
	padding: 5px 10px;
	color: #333;
	text-align: center;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a span {
	padding-left: 10px;
	position: relative;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a span::before {
	content: "";
	display: block;
	width: 3px;
	height: 5px;
	background: url(../img/icon3.png) no-repeat;
	position: absolute;
	left: 0;
	top: 7px;
}
.inside-bottom {
	padding: 25px 15px;
	background-color: #5C3E27;
	margin-bottom: 30px;
}
.inside-bottom>p img {
	border: 1px solid #875937;
	width: 100%;
}
.inside-bottom ul {
	padding-left: 10px;
	color: #EFE0CA;
	font-size: 12px;
}
.inside-bottom ul li {
	margin-top: 15px;
}
.crumb {
	text-align: right;
}
.crumb i {
	margin-right: 5px;
}
@media(max-width:640px) {
.container .inside {
	padding: 0;
	width: 94%;
	margin: 0 3%;
}
/*手机内页crumb*/
.container .inside>h2 {
	padding: 0px 15px;
	font-size: 20px;
	color: #fff;
	line-height: 50px;
	position: relative;
	height: 50px;
	background-image: none;
	border-radius: 25px;
}
/*手机内页分类下拉列表*/
.container .inside ul.sidemenu {
	width: 100%;
	display: none;
}
/*一级的样式*/
.container .inside>ul.sidemenu>li.sub1 {
}
.container .inside>ul.sidemenu>li.sub1>a.sub1_a {
	height: 20px;
	font-size: 14px;
}
.container .inside ul.sidemenu {
	background: none;
}
.right-icon {
	right: 94%;
}
.container .inside ul.sidemenu>li.sub1>a.sub1_a {
	text-align: left;
	padding: 15px 10px 15px 10%;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a {
	padding: 5px 5px 5px 12%;
}
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a {
	padding: 5px 5px 5px 14%;
	text-align: left;
}
/*二级的样式*/
.container .inside>ul.sidemenu>li.sub1>ul>li.sub2>a.sub2_a {
	display: block;
	margin-top: 0px;
	text-align: left
}
/*三级的样式*/
.container .inside ul.sidemenu>li.sub1>ul>li.sub2>ul>li.sub3>a.sub3_a {
}
}
/*图片列表页*/
.list_image ul li {
	margin-bottom: 15px;
}
.list_image ul li img {
	display: block
}
/*my css*/
.hot-tel-icon {
	margin-right: 8px;
}
.hot-tel .p1 {
	color: #FAE6BD;
	font-size: 16px;
	margin-top: 8px;
}
.hot-tel .p2 {
	color: #FAE6BD;
	font-size: 28px;
}
#banner {
	border-top: 2px solid #888;
	position: relative;
}
.bottom-bg {
	background: url(../img/bannerbg.png) center no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 200px;
	z-index: 10;
}
.index-about {
	background: url(../img/light-bg.png) repeat;
}
.title {
	background: url(../img/index_03.png) center no-repeat;
	text-align: center;
	padding: 10px 0 55px;
}
.title .title1 {
	font-size: 30px;
	color: #9D7C38;
	margin-bottom: 5px;
}
.title .title1 .span2 {
	color: #5A3D00;
}
.title .title2 {
	color: #78602E;
}
.about-left {
	background: #5C3E27 url(../img/wzj.png) left bottom no-repeat;
	padding: 35px 0;
	width: 95%;
	position: relative;
	margin-bottom: 70px;
}
.about-left-img {
	max-width: 54%;
	margin-right: -5%;
}
.about-left .more {
	width: 125px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	position: absolute;
	background-color: #E67C01;
	left: 10px;
	bottom: -20px;
}
.about-2 {
	position: absolute;
	bottom: 50px;
	left: 24%;
}
.about-2 a {
	color: #BB9A75;
	display: block;
	margin-top: 15px;
}
.pro {
	background: url(../img/gray-bg.png) repeat;
	padding: 80px 0 50px;
}
.pro .pro-title {
	padding: 0;
	height: 215px;
	background: url(../img/title-line.png) -53px 45% no-repeat;
	position: relative;
}
.pro-list {
	position: relative;
	padding: 0;
	overflow: hidden;
	transform: scale(1);
	-webkit-transform: scale(1);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.pro-list:hover img {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.in-pro .pro-list dt {
	overflow: hidden;
}
.in-pro .pro-list:hover img {
	transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
}
.pro-list dd {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: url(../img/opacity.png) repeat;
	color: #fff;
	font-size: 18px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	display: none;
}
.pro-children-box {
	background-color: #5C3E27;
}
.pro-more {
	text-align: center;
	margin-top: 8%;
	padding: 0;
}
.pro-title .title1 {
	color: #9D7C38;
	font-size: 30px;
	position: absolute;
	top: 22%;
	right: 30%;
}
.pro-title .title2 {
	color: #C5A47D;
	position: absolute;
	top: 45%;
	left: 5%;
	width: 90%;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.pro-title .title1 .span2, .phone-pro-title .title1 .span2 {
	color: #C5A57E;
}
.phone-pro-title .title1 {
	color: #9D7C38;
	font-size: 30px;
}
.phone-pro-title {
	background: url(../img/title-line.png) center no-repeat;
	padding: 15px 0px 50px;
	text-align: center;
	padding-right: 7%;
}
.phone-pro-title .title1 .span2 {
	color: #C5A47D;
}
.phone-pro-title .title2 {
	color: #C5A47D;
	margin-top: 5px;
}
.phone-pro-box .pro-more {
	margin-top: 25px;
}
.news {
	padding: 30px 0 100px;
	background: url(../img/light-bg.png) repeat;
}
.video {
	background-color: #5C3E27;
	overflow: hidden;
}
.video dt {
	width: 96%;
	margin: 10px 2% 0;
}
.video dt img {
	width: 100%;
}
.video dd {
	line-height: 60px;
	color: #ddd;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news-list .date {
	width: 90px;
	text-align: center;
	float: left;
}
.news-list .date .day {
	display: inline-block;
	width: 56px;
	height: 57px;
	font-size: 24px;
	color: #5A3D00;
	background: url(../img/date.png) no-repeat;
	line-height: 57px;
	margin-bottom: 4px;
}
.news-list-main {
	margin-left: 90px;
}
.news-list-main .news-list-title {
	padding: 0 5px 10px;
	height: 30px;
	border-bottom: 1px solid #DEDEDC;
	font-size: 16px;
	color: #272727;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news-list-main .news-list-text {
	color: #595959;
	line-height: 20px;
	height: 40px;
	overflow: hidden;
}
.news-list li {
	margin-top: 10px;
	margin-bottom: 50px;
}
.news-list {
	position: relative;
}
.news-more {
	text-align: center;
	margin-top: 50px;
}
.news-more a {
	display: inline-block;
	width: 140px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background-color: #5C3E27;
}
.footer-title {
	text-align: left;
	padding: 20px 0 20px 20px;
	background: url(../img/line2.png) no-repeat left 10px;
	color: #CEAD84;
}
.footer-title a {
	color: #CEAD84;
}
.footer-title p {
	line-height: 30px;
}
#footer .container {
	position: relative;
}
.erweima {
	position: absolute;
	right: 0px;
	top: -75px;
}
.phone-footer {
	padding: 20px 0px 20px 15px;
	background-color: #E8DBD1;
	position: relative;
}
.phone-footer a {
	color: #646363;
}
.phone-footer p {
	width: 85%;
	color: #646363;
}
.phone-footer .top {
	position: absolute;
	right: 5px;
	top: 30px;
}
.content1 {
	background: url(../img/light-bg.png) repeat;
	padding: 20px 0 20px;
}
.in-title {
	background: url(../img/in-title.png) no-repeat;
	background-size: cover;
	font-size: 24px;
	color: #5E412B;
	padding-left: 70px;
}
.in-pro .pro-list {
	padding: 0 7.5px;
	margin-bottom: 30px;
}
.in-pro .pro-list a {
	display: block;
	position: relative;
}
.in-pro .pro-list dd {
	display: block;
	position: relative;
	background-color: #5C4028;
	background-image: none;
}
.list-imagetext {
	margin-top: 20px;
}
.list-imagetext>ul>li {
	padding-bottom: 30px;
	border-bottom: 1px dashed #C3C3C2;
	margin-top: 30px;
}
.list-imagetext>ul>li:first-child {
	margin-top: 0;
}
.list-imagetext>ul>li>i {
	width: 182px;
	height: 131px;
	border: 2px solid #E2E2E2;
	border-radius: 8px;
	overflow: hidden;
}
.list-imagetext-main {
	margin-left: 200px;
}
.list-imagetext-main a {
	color: #606060;
}
.list-imagetext-main .imagetext-title {
	line-height: 40px;
	font-size: 16px;
	border-bottom: 1px dashed #C6C5C4;
	height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.list-imagetext-main .imagetext-title a:hover {
	color: #EC4B5A;
}
.list-imagetext-main .imagetext-text {
	margin-top: 10px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
}
.list-imagetext-main .imagetext-text a:hover {
	text-decoration: underline;
}
.news-time {
	margin-top: 10px;
}
.news-time img {
	margin-top: -3px;
}
.news-list {
	margin-top: 50px;
}
.news-list-main .news-list-title a:hover {
	color: #EC4B5A;
}
.news-list-main .news-list-text a:hover {
	text-decoration: underline;
}
.about, .feedback {
	padding-top: 30px;
}
.news_detail .title, .product_detail .title {
	background-image: none;
}
.fixed_top div.right {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
}
.bottom-bg {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.rotateZ {
	animation: rotateZ linear 1s;
	-webkit-animation: rotateZ linear 1s;
	-moz-animation: rotateZ linear 1s;
}
.scale {
	animation: scale linear 1s;
	-webkit-animation: scale linear 1s;
	-moz-animation: scale linear 1s;
}
.scale2 {
	animation: scale2 linear 3s;
	-webkit-animation: scale2 linear 3s;
	-moz-animation: scale2 linear 3s;
}
@keyframes rotateZ {
 0% {
 transform: rotateY(180deg);
}
 100% {
 transform: rotateY(0deg);
}
}
@keyframes scale {
 0% {
 transform: scale(0);
}
 100% {
 transform: scale(1);
}
}
@keyframes scale2 {
 0% {
 transform: scale(0);
}
 70% {
 transform: scale(0);
}
 71% {
 transform: scale(5);
}
 100% {
 transform: scale(1);
}
}
.about-right {
	animation-delay: 0.5s;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	line-height: 30px;
	height: 270px;
	overflow: hidden;
}
.pro-children-box .pro-list {
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
}
.news-list li:first-child {
	animation-delay: 1s;
	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
}
.news-list li+li {
	animation-delay: 1.4s;
	-webkit-animation-delay: 1.4s;
	-moz-animation-delay: 1.4s;
}
.news-list li:last-child {
	animation-delay: 1.8s;
	-webkit-animation-delay: 1.8s;
	-moz-animation-delay: 1.8s;
}
.news-time>span {
	color: #B0B0AF;
}
.banner-next, .banner-prev {
	position: absolute;
	top: 30%;
	z-index: 100;
	cursor: pointer;
	padding: 30px 15px;
	background-color: rgba(0, 0, 0, 0.3);
}
.banner-prev {
	left: 6%;
}
.banner-next {
	right: 6%;
}
@media(max-width:1200px) {
.pro-title .title1 {
	right: 50px;
}
}
@media(max-width:992px) {
.about-left {
	width: 70%;
	margin: 0 15% 50px;
}
.pro {
	background-image: none;
	background-color: #5C3E27;
	padding: 25px 0;
}
.news-more {
	margin-top: 0;
}
.news {
	padding: 30px 0;
}
}
@media(max-width:767px) {
.phone-footer {
	font-size: 12px;
}
.in-title {
	display: none;
}
.news-list {
	margin-top: 0;
}
.about-right {
	height: 180px;
}
.news-list .date {
	width: 60px;
}
.news-list-main {
	margin-left: 75px;
}
.fixed_top {
	padding: 10px 0 15px;
}
.about-left {
	width: 95%;
	margin: 0 0 40px 0;
}
.about-left {
	background-image: none;
}
.about-2 {
	left: 4%;
}
.pro-list dd {
	height: 30px;
	line-height: 30px;
	font-size: 14px;
}
.container .inside>h2>span {
	margin: 0;
	text-align: left;
}
.container .inside>h2 .phone-menuicon span {
	margin: 0;
	font-size: 14px;
	color: #A15F2E;
	line-height: 30px;
	float: left;
	margin-left: 15px;
}
.container .inside>h2 .phone-menuicon img {
	margin-top: -24px;
}
.list-imagetext>ul>li>i {
	width: 140px;
	height: 97px;
}
.list-imagetext-main {
	margin-left: 150px;
}
.list-imagetext-main .imagetext-title {
	line-height: 24px;
	height: 29px;
	padding-bottom: 5px;
}
.list-imagetext-main .imagetext-text {
	margin-top: 5px;
	line-height: 20px;
	height: 40px;
}
.news-time {
	margin-top: 6px;
}
}
/*page*/
.pages {
	float: left;
	width: 100%;
	margin: 30px 0 0 0;
	font-size: 14px;
	text-align: center;
}
.pages li {
	display: inline-block;
}
.pages a {
	display: block;
	line-height: 22px;
	font-size: 14px;
	color: #999;
	padding: 0 8px;
	border-radius: 11px;
	margin: 0 7px;
}
.pages a:hover {
	background: #ffa800;
	color: #fff;
}
.pages li.active a {
	background: #ffa800;
	color: #fff;
}